@charset "utf-8";

/* ----------------------------------------------------------------
	kikin josei syle
-------------------------------------------------------------------
  
  00. reset
  01. common style
  02. josei top
  03. josei applicant
  04. josei detail
  05. josei download

----------------------------------------------------------------- */

/* ----------------------------------------------------------------
  00. reset
----------------------------------------------------------------- */
#main dl,
#main dt,
#main dd,
#main ul,
#main ol,
#main li,
#main h5,
#main h6,
#main pre,
#main code,
#main form,
#main fieldset,
#main legend,
#main input,
#main button,
#main textarea,
#main select,
#main p,
#main blockquote,
#main table,
#main th,
#main td {
	margin : 0;
	padding: 0;
}
#main table {
	border-collapse: collapse;
	border-spacing : 0;
}
#main fieldset,
#main img {
	border: 0;
}
#main address,
#main button,
#main caption,
#main cite,
#main code,
#main dfn,
#main em,
input,
#main optgroup,
#main option,
#main select,
#main strong,
#main textarea,
#main th,
#main var {
    font:inherit;
}
#main del,
#main ins {
	text-decoration: none;
}
#main li {
	list-style: none;
}
#main caption,
th {
	text-align: left;
}
#main h5,
#main h6 {
	font-size  : 100%;
	font-weight: normal;
}
/*   clear   */
.clr {
	border   : none;
	clear    : both;
	font-size: 1%;
	margin   : 0;
	padding  : 0;
}

/*   clearfix   */
.clearfix{
    zoom: 1;
}
.clearfix:after{
    content   : ".";
    display   : block;
    height    : 0px;
    clear     : both;
    visibility: hidden;
}
* html .clearfix{
	display     : inline-table;
	/*\*/display: block;/**/
}









/* ----------------------------------------------------------------
  01. common style
----------------------------------------------------------------- */

#main .leadText {
	padding-bottom: 13px;
}
#main .head-02 h2 {
	margin-top: 50px;
}
#main .head-02.firstChild h2 {
	margin-top: 0px;
}
.textBold{
	font-weight: bold;
}



/*   download btn area  */
#main .btnDownLoadWrap {
	background: #E2E7D3;
	padding   : 15px 25px 5px;
}
#main .btnDownLoadWrap li {
	float  : left;
	padding: 0 0 10px;
}
#main .btnDownLoadWrap .rightItem {
	float: right;
}



/*   search btn area  */
#main .btnArea {
	background-color: #F7F7F7;
	margin          : 0 0 10px;
	padding         : 15px;
	width           : 598px;
}
#main .btnArea li {
	float: left;
}
#main .btnArea .lastChild {
	float: right;
}



/*   icon / headline  */
#main .iconArrow{
	background: url("/assets/files/shared/images/icon_arrow01.gif") no-repeat  0px 4px;
    padding: 0 0 0 12px;
}
#main .secondline{
	display   : block;
	background: url("/assets/files/shared/images/icon_arrow01.gif") no-repeat  0px 14px;
}
#main .headPerson{
	background : #F0ECE0 url(../../../images/kikin/josei/icon_person.jpg) no-repeat 9px 9px;
	border     : 1px solid #F0ECE0;
	font-size  : 13px;
	font-weight: bold;
	height     : 35px;
	padding    : 5px 0 0 33px;
}
#main .headGroup{
	background:  #F0ECE0 url(../../../images/kikin/josei/icon_group.jpg) no-repeat 9px 9px;
	border     : 1px solid #F0ECE0;
	font-size  : 13px;
	font-weight: bold;
	height     : 35px;
	padding    : 5px 0 0 33px;
}







/* ----------------------------------------------------------------
  02. josei top
----------------------------------------------------------------- */

#joseiTop .stepBlock {
	display : table;
	margin    : 15px 0 0px;
	width     : 624px;
	min-height: 227px;
	padding: 2px;
	background: #F0ECE0;
}
#joseiTop .stepBlock .leftSide,
#joseiTop .stepBlock .rightSide {
	display : table-cell;
}
#joseiTop .stepBlock .leftSide {
	background: #ffffff;
	width     : 198px;
	padding: 13px 0;
	vertical-align:middle;
	text-align:center;
}
#joseiTop .stepBlock .leftSide li:first-child{
	padding: 0 0 8px;
}
#joseiTop .stepBlock .rightSide {
	width  : 395px;
	padding: 15px 15px 15px 15px;
}

#joseiTop .stepBlock .rightSide .linkWrap{
	background: #FFF;
	margin    : 10px 0 0px;
	padding   : 9px 12px;
}
#joseiTop .stepBlock .rightSide .linkWrap h4{
	font-weight: bold;
}
#joseiTop .stepBlock .rightSide .linkWrap li{
	float: left;
	width:220px;
	line-height: 2.0;
}
#joseiTop .stepBlock .rightSide .linkWrap li:nth-child(even),
#joseiTop .stepBlock .rightSide .linkWrap li:nth-child(5){
	width:150px;
}
#joseiTop .stepBlock .rightSide .linkWrap li:nth-child(4),
#joseiTop .stepBlock .rightSide .linkWrap li:nth-child(6){
	clear:left;
	width:220px;
}
#joseiTop .stepBlock .rightSide .linkWrap:after{
	clear: both;
	content: '';
	display: block;
}

/* ----------------------------------------------------------------
  03. josei applicant
----------------------------------------------------------------- */

#applicant .headForm {
	background : url(../../../images/kikin/josei/h_search_form.jpg) no-repeat left top;
	font-size  : 15px;
	font-weight: bold;
	height     : 33px;
	padding    : 8px 0 0 38px;
	width      : 590px;
}
#applicant .headGenre {
	background : url(../../../images/kikin/josei/h_search_genre.jpg) no-repeat left top;
	font-size  : 15px;
	font-weight: bold;
	height     : 33px;
	padding    : 8px 0 0 38px;
	width      : 590px;
}
#applicant .searchBlock {
	background: #E6F6FC;
	margin    : 0 0 25px;
 	padding   : 15px 20px 20px;
	width     : 588px;
}
#applicant #searchBlock01 .attentionText {
	padding    : 0 0 15px 1em;
	text-indent: -1em;
}
#applicant #searchBlock01 .leftSide {
	float: left;
	width: 200px;
}
#applicant #searchBlock01 table {
	width: 100%;
}
#applicant #searchBlock01 td {
	background-color: #FFF;
	border          : 1px solid #F0ECE0;
	padding         : 29px 23px;
}
#applicant #searchBlock01 .rightSide {
	float: right;
	width: 370px;
}
#applicant #searchBlock01 .rightSide  td {
	line-height: 1.9;
	padding    : 7px 15px;
}
#applicant #searchBlock01 .rightSide  ul {
	padding: 0 0 0 1em;
}
#applicant #searchBlock02{
	background: #FFECEC;
 	padding   : 20px;
}
#applicant #searchBlock02 table{
	width: 100%;
}
#applicant #searchBlock02 td{
	background-color: #FAF9F5;
	border          : 1px solid #F0ECE0;
	height          : 55px;
	padding         : 0 15px;
	width           : 150px;
}
#applicant #searchBlock02 .colored td{
	background-color: #FFF;
}









/* ----------------------------------------------------------------
  04. josei detail
----------------------------------------------------------------- */
#detailForm .headFormColor {
	background : url(../../../images/kikin/josei/bg_head_form.jpg) repeat-x left top;
	border     : 1px solid #F0ECE0;
	font-size  : 15px;
	font-weight: bold;
	height     : 31px;
	margin     : 0 0 18px;
	padding    : 8px 0 0 17px;
	width      : 611px;
}
#detailForm .headGenreColor {
	background : url(../../../images/kikin/josei/bg_head_genre.jpg) repeat-x left top;
	border     : 1px solid #F0ECE0;
	font-size  : 15px;
	font-weight: bold;
	height     : 31px;
	margin     : 0 0 18px;
	padding    : 8px 0 0 17px;
	width      : 611px;
}
#detailForm .detailTable {
	border-collapse: collapse;
	margin         : 0 0 5px;
	width          : 100%;
}
#detailForm .detailTable tbody th {
	background-color: #FCFBF9;
	border          : 1px solid #F0ECE0;
	padding         : 5px;
	text-align      : center;
}
#detailForm .detailTable td {
	border : 1px solid #F0ECE0;
	padding: 4px 7px;
}
#detailForm .detailTable .colored td {
	background: #FCFBF9;
}
#detailForm .detailTable .other {
	background-color: #F4F4F5;
	border-bottom   : none;
	border-top      : none;
}
#detailForm .detailTable .space {
	padding: 0;
	width  : 20px;
}
#detailForm .detailTable .spaceTitle{
	width: 204px;
}
#detailForm .detailTable .label {
	width: 260px;
}
#detailForm .detailTable  .name {
	width: 240px;
}
#detailForm .detailTable .sample {
	width: 90px;
}
#main #detailForm .detailTable.groupTable{
	margin-top: 25px;
}
.nothing{
	color: #666;
}








/* ----------------------------------------------------------------
  05. josei download
----------------------------------------------------------------- */

#download div.group-01{
	margin-bottom: 45px; 
}

#download .group-01 li {
	padding-left: 1em;
	text-indent : -1em;
}
#download .headJireiWrap {
	background-color: #F0ECE0;
	margin          : 0 0 15px;
	padding         : 10px 15px;
	width           : 598px;
}
#download .headJireiWrap h2 {
	float      : left;
	font-size  : 15px;
	font-weight: bold;
	width      : 400px;
}
#download .headJireiWrap p {
	float     : right;
	margin    : 3px 0 0;
	text-align: right;
}
#download  .headDownload {
	border-bottom: 1px solid #69821B;
	font-size    : 13px;
	font-weight  : bold;
	margin       : 0px auto 12px;
	padding      : 0 0 2px;
	width        : 598px;
}
#download .headDownload span {
	color: #69821B;
}
#download .documentlist{
	margin : 0px auto 35px;
	padding: 0 0 2px 28px;
	width  : 598px;
}
#download .documentlist li{
	padding: 0 0 2px;
}
#download .documentWrap li ul {
	padding: 0 0 8px 20px;
}
#download .documentWrap .paddingSet{
	padding: 0 0 8px;
}
div.head-02{
	margin: 0 0 10px;
}
#download .documentWrap p {
	padding: 0 0 10px 30px;
}
#download .documentlist.movieList li {
	float: left;
	margin-right: 10px;
}
.mb45 {margin-bottom: 45px !important;}







/* ----------------------------------------------------------------
  06. josei movie
----------------------------------------------------------------- */

#main #movieWrap .head-02 h2 {
	margin: 70px 0 25px;
}
#main #movieWrap .head-02 h2.mt00{
	margin-top: 0;
}
#movieWrap .movieLink {
	margin: 0 auto 35px;
	width: 590px;
}
#movieWrap .movieLink li {
	float : left;
	margin: 0 15px 10px 0;
}
#movieWrap .movieLink li.right {
	margin-right: 0;
}
#movieWrap .allPlay li {
	margin: 0 auto;
	width : 203px;
}
#main #movieWrap .head-02 h2 {
	margin: 70px 0 25px;
}
#movieWrap .download {
	background: #E1E7D3;
	padding   : 20px 0;
	margin-top: 30px;
}
#movieWrap .download li {
	margin: 0 auto;
	width : 352px;
}
#movieWrap h3.green {
	background   : url(/assets/images/kikin/josei/icon_movie_green.gif) no-repeat left top;
	font-weight  : bold;
	margin-bottom: 20px;
	margin-left  : 20px;
	padding-left : 10px;
}
#movieWrap .movieArea {
	margin-bottom: 30px;
}

.mejs-button.mejs-volume-button.mejs-unmute button,
.mejs-button.mejs-fullscreen-button button,
.mejs-button.mejs-volume-button.mejs-mute button,
.mejs-button.mejs-playpause-button.mejs-pause button,
.mejs-button.mejs-playpause-button.mejs-play button {
	position: relative !important;
	top     : 6px;
	left    : 5px;
}
.mejs-button.mejs-volume-button.mejs-unmute button,
.mejs-button.mejs-volume-button.mejs-mute button,
.mejs-button.mejs-fullscreen-button button {
	left: 5px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
	left: 5px;
}
#main #movieWrap .mt00{margin-top: 0 !important;}
#main #movieWrap .mb00{margin-bottom: 0 !important;}


.movieArea .movieBlock {
	display: none;
}
.show {
	display: block !important;
}
#main #movieWrap .playBtn {
	cursor: pointer;
}
#main #movieWrap .movieListBtn {
    text-align: center;
}
#main #movieWrap .movieListBtn a {
    display: inline-block;
    margin: 25px auto 0;
}


#main .moviePlayLink a{
	display: inline-block;
	color:#343434;
	text-decoration: none;
}
#main .moviePlayLink a:hover{
	color:#69821c;
	text-decoration: underline;
}
#main .iconGreenArrow{
	display : table-cell;
	padding-left: 23px;
	background: url(/assets/images/kikin/josei/icon_arrow_green.png) no-repeat left 2px;
}
#main .iconGreenArrow:hover{
	background: url(/assets/images/kikin/josei/icon_arrow_green.png) no-repeat 3px 2px;
}
#main .chapterWrap li:first-child a{
	border-top: dotted 1px #cdcdcd; 
}
#main .chapterWrap a{
	display: table;
	padding : 8px 5px;
	border-bottom: dotted 1px #cdcdcd;
	margin: 0  auto;
	width: 550px;
}
#main .chapterWrap a:hover{
	background: #efefef;
}
#main .chapterWrap .iconGreenArrow{
	width: 412px;
}
#main .allPlayLink{
	margin: 15px 0 30px 15px;
	text-align: center;
}
#main .allPlayLink a{
	padding : 12px 5px;
}