@charset "utf-8";
/* CSS Document */

body {
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	margin: 0px;
	padding: 0px;
	/*background: url(../img/body_bg.gif) 0 0 repeat-x #f7f7f7;*/
	background:#f7f7f7;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}

html {
		overflow-y:scroll;
}

img{ border: 0;}
form {margin: 0; text-align: center;}
.center{ text-align: center;}

.top_clips{width:650px; margin:2px 0px 5px 0px; padding:0; clear:both;}
.top_clips p{margin:0; padding:2px 0px 0px 0px; float:left;}


h1{font-size: 11px; color: #999; width: 1000px; height: 17px; margin:0; padding:5px 20px 0px 5px; float:center; text-align:left; font-weight:normal;}


h2 {
	height: 20px;
	padding: 7px 0px 0px 27px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 14px;
	background-image:url(../img/ttl_bg.gif);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h3 {width: 650px;
	height: 40px;
	padding-top: 5px;
	padding-left: 28px;
	margin: 0px 0px 0px 0px;
	line-height: 2;
    color:#333333;
	font-size:13px;
	font-weight:bold;
	background-image:url(../img/ttl_bg_650.gif);
	background-repeat: no-repeat;
}

h3.blk {
	background-image:url(../img/ttl_bg_650_blk.gif);
	color:#fff;
}
	
h4 {width: 442px;
	height: 40px;
	padding-top: 5px;
	padding-left: 20px;
	margin: 0px 0px 0px 0px;
	line-height: 2;
    color:#666666;
	font-size:13px;
	font-weight:bold;
	background-image:url(../img/ttl_bg_h4.gif);
	background-repeat: no-repeat;
}
h5 {
	font-size: 12px;
	color: #0099CC;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height:1;
}
h6 {
	height: 10px;
	padding-left: 5px;
	padding-top: 7px;
	margin: 0;
	color: #666666;
	font-size: 13px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
h7 {
	height: 20px;
	padding-left: 5px;
	padding-top: 7px;
	margin: 0;
	color: #FFFFFF;
	font-size: 14px;
	background-color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.p8 {
	height: 22px;
	padding: 5px 0px 0px 27px;
	margin:  0px 0px 15px 0px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bold;
	background-image:url(../img/m_detail/ttl_bg_s.gif);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.ttl_3 {width: 646px;
	height: 27px;
	width: 100px;
	padding: 0px;
	margin: 0px;
	line-height: 2;
    color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	background-image:url(../img/home/ttl_bg_special.gif);
}
.ttl_4 {width: 646px;
	height: 27px;
	width: 100px;
	padding: 0px;
	margin: 0px;
	line-height: 2;
    color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	background-image:url(../img/home/ttl_recommend_bg.gif);
}

p.f10 {
		font-size:10px;
		margin:5px 0 0 0;
}

p.btm30 {
		margin:0 0 30px 0;
}

p.btm10 {
		margin:0 0 10px 0;
}

p.tbtm10 {
		margin-bottom:10px;
}

.s-btn {
		text-align:center;
		padding:10px;
		background:#f7f7f7;
		border:solid 1px #f1f1f1;
}

td {
		background:#fff;
}

span.pp {
		margin:5px 0 0 0;
		padding:1px 0 1px 6px;
		height:auto;
		width:auto;
		background:none;
		font-size:12px;
		color:#333;
		font-weight:bold;
		border-left:solid 3px #EE4187;
		line-height:normal;
}


a:link { color: #EE4187; text-decoration: none;}
a:visited { color: #EE4187; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}

a.blue:link { color: #CC0000; text-decoration: none;}
a.blue:visited { color: #CC0000; text-decoration: none;}
a.blue:hover { color: #CC0000; text-decoration: underline;}

a.no:link { color: #CC0000; text-decoration: underline;}
a.no:visited { color: #CC0000; text-decoration: none;}
a.no:hover { color: #CC0000; text-decoration: none;}

a.white:link { color: #FFF; text-decoration: none;}
a.white:visited { color: #FFF; text-decoration: none;}
a.white:hover { color: #FFF; text-decoration: underline;}

.px1016{font-size: 10px; line-height: 16px;}
.px10{font-size: 10px;}

.m0{margin-top:0px;}
.m5{margin:5px;}
.mt2{ margin: 2px 0 0 0;}
.mt3{ margin: 3px 0 0 0;}
.mt4{ margin: 4px 0 0 0;}
.mt5{margin-top: 5px;}
.mt6{ margin-top: 6px;}
.mt7{ margin-right: 4px;}
.mt8{ margin: 2px 3px 2px 0px;}
.mt9{ margin: 0px 0px 2px 0px;}
.mt10{ margin: 2px 6px 2px 6px;}

.mb1{ margin: 0 0 1px 0;}
.mb2{ margin: 0 0 2px 0;}
.mb3{ margin-bottom: 3px;}
.mb4{ margin: 0 0 4px 0;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb8{margin-bottom:8px;}

.ml0{ margin-left: 0px;}
.ml2{ margin-left: 2px;}
.ml3{ margin-left: 3px;}
.ml4{ margin-left: 4px;}
.ml5{ margin-left: 5px;}
.ml6{ margin-left: 6px;}
.ml150{ margin-left: 150px;}

.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr6{margin-right:6px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

.mr14{margin-right:14px;}
.mtb4{margin:4px 0;}

.m46{ margin: 4px 0 6px 0;}

.w630{width: 630px; margin: 6px auto 12px auto;}

.blue{ color: #4C88FB;}
.red{ color: #FF0000;}
.fl{float:left;}
.fr{float:right;}
.p2{width: 150px; line-height:1.5; margin: 0px; padding: 0px}
.p2_right{width: 150px; line-height:1.5; margin: 0px; padding: 0px 0px 0px 3px;}
.p3{width: 135px; line-height:1.5; margin: 0px; padding: 0px 0px 0px 10px;}
.p4{width: 135px; line-height:1.5; margin: 0px; padding: 5px 0px 7px 15px; background:#f7f7f7;}
.p4b{width: 135px; line-height:1.5; margin: 0px; padding: 5px 0px 7px 15px; background:url(../img/p4_bg.gif) 0 bottom no-repeat;}
.p9{width: auto; line-height:1.5; margin: 0px; padding: 5px; text-align:left;
    border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}


#wrapper{width: 1044px; margin: 0 auto; padding:0 0 40px 0; background:#fff;}

#head{width: 1024px; height:147px; margin: 0 auto; padding:0;
background:url(../img/body_bg.gif) 0 0 repeat-x;}

#head #head_top{width:1024px; height:108px; margin:0; padding:0; clear:both;}
#head #head_top p{width:800px; height:10px; color: #0680EF; font-size:11px; margin:0; padding:5px 25px 5px 5px; float:right; text-align:right;}
#head #log{width:auto; height:85px; margin: 0px; padding:0; float: left; }

#head #header_menu{width:1024px; height:39px; margin:0; padding:0;}
#head #menunavi{margin:0px 0px 0px 0px; padding:0;}
#menunavi li{width:146px; height:39px; list-style-type:none; padding:0px; margin:0; display:block; float:left; overflow:hidden; display:inline; font-size:12px}
#menunavi li a{display:block; width:146px; height:39px; background-position:0 0; background-repeat:no-repeat; text-decoration:none; text-indent:-9999em; font-size:12px;}
#menunavi li#menu01 a {background-image:url(../img/header/navi_top_off.gif);}
#menunavi li#menu02 a {background-image:url(../img/header/navi_search_off.gif);}
#menunavi li#menu03 a {background-image:url(../img/header/navi_coupon_off.gif);}
#menunavi li#menu04 a {background-image:url(../img/header/navi_list_off.gif) ;}
#menunavi li#menu05 a {background-image:url(../img/header/navi_mailmag_off.gif) ;}
#menunavi li#menu06 a {background-image:url(../img/header/navi_recruit_off.gif);}
#menunavi li#menu07 a {background-image:url(../img/header/navi_about_off.gif);}
#menunavi li#menu09 a {background-image:url(../img/header/navi_sitemap_off.gif);}
#menunavi li#menu10 a {background-image:url(../img/header/navi_school_off.gif);}
#menunavi li#menu11 a {background-image:url(../img/header/navi_eyelist_off.gif);}
#menunavi li#menu12 a {background-image:url(../img/header/navi_monitor_off.gif);}

#menunavi li#menu01 a:hover {background-image:url(../img/header/navi_top_on.gif);}
#menunavi li#menu02 a:hover {background-image:url(../img/header/navi_search_on.gif);}
#menunavi li#menu03 a:hover {background-image:url(../img/header/navi_coupon_on.gif);}
#menunavi li#menu04 a:hover {background-image:url(../img/header/navi_list_on.gif) ;}
#menunavi li#menu05 a:hover {background-image:url(../img/header/navi_mailmag_on.gif) ;}
#menunavi li#menu06 a:hover {background-image:url(../img/header/navi_recruit_on.gif);}
#menunavi li#menu07 a:hover {background-image:url(../img/header/navi_about_on.gif);}
#menunavi li#menu09 a:hover {background-image:url(../img/header/navi_sitemap_on.gif);}
#menunavi li#menu10 a:hover {background-image:url(../img/header/navi_school_on.gif);}
#menunavi li#menu11 a:hover {background-image:url(../img/header/navi_eyelist_on.gif);}
#menunavi li#menu12 a:hover {background-image:url(../img/header/navi_monitor_on.gif);}

	
/* SubNﾜと舀 */
#page {
    width: 990px;
	margin-top: 0px;
	text-align: left;
	margin: 10px auto;
	padding: 0px 12px 0px 12px;
}

/* E */
.center_left{
	width: 820px;
	float:left;
}

#contents {
	width: 650px;
	margin: auto;
	float:right;
}

/*サイドナビ*/
#menu {
	float: left;
	width: 162px;
}
#block_r { width: 156px;
	border: none;
	background-color: #FFF;
	padding: 1px;
	margin-bottom: 4px;
}
#block_r h5{
	font-size: 12px;
	color: #0099CC;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height:0.7;
}

#block { width: 160px;
	border: 0;
	background-color: #FFF;
	padding: 0px;
	margin: 10px 0;
	}
	
#block1 { width: 231px;
    height: 270px;
	background-color: #FFF;
	padding: 1px;
	margin-bottom: 4px;
	float: left;
	}
	
#block2 { width: 380px;
    height: auto;
	background-color: #FFF;
	padding: 1px;
	margin-bottom: 4px;
	float: right;
	}
	
#block3 { width: 645px;
    height: auto;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	background-color: #FFF;
	padding: 1px;
	margin-bottom: 0px;
	float: right;
	}
	
#block4 { width: 605px;
    height: 280px;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 4px;
	float: right;
	text-align:center;
	background-image:url(../img/bg_coupon.gif)
	}			

#block7 {
	margin: 0px 4px 4px 0px;
	padding: 2px;
	width: 153px;
	height:240px;
	float: left;
	position: relative;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
#block8 {
	margin: 0px 0px 10px 0px;
	padding: 2px;
	width: 154px;
	height:240px;
	float: left;
	position: relative;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}


#block h4{
	width: 152px;
	height: 26px;
	padding-left: 0px;
	padding-top: 0px;}
	
#block h5{background: url(../img/sidenavi/yaji_side_02.gif) no-repeat left;
	margin: 7px 0px 0px 5px;
	padding: 3px 3px 3px 13px;
	width: 153px;
}
	
#block5 h5 {
	font-size: 12px;
	color: #0099CC;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height:1;
}

#block5 a:link { color: #0099CC; text-decoration: none;}
#block5 a:visited { color: #0099CC; text-decoration: none;}
#block5 a:hover { color: #0BB6FF; text-decoration: underline;}
	
#block h6{background: url(../img/sidenavi/yaji_side_01.gif) no-repeat left;
	margin: 7px 0px 5px 5px;
	padding: 3px 5px 3px 15px;
	font-size:12px;}

#block5 h6 {
	font-size: 12px;
	color: #0099CC;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height:1;
}

#block6 a:link { color: #0099CC; text-decoration: none;}
#block6 a:visited { color: #0099CC; text-decoration: none;}
#block6 a:hover { color: #0BB6FF; text-decoration: underline;}
		
	
#block p{margin: 5px;}

.type ul{ width: 146px;
	margin: 0 0 0 6px;
	padding: 0;
	list-style: none;
	font-size: 10px;
	line-height: 16px;
	}
.type li{ background: url(../img/sidenavi/yaji_03.gif) no-repeat left;
	margin: 1px 0;
	padding-left: 10px;
	width: 63px;
	}
.type_r{ float: right;}
.type_l{ float: left;}
.type2 { width: 100px; margin: 0 0 0 6px;}

.keyword_right ul{ width: 156px;
	margin: 0px;
	padding: 0;
	list-style: none;
	font-size: 10px;
	line-height: 1.5;
	}
.keyword_right li{
	margin: 0px;
	padding-left: 0px;
	text-align:left;
}
.keyword_right_r{ float: right; width: 76px;}
.keyword_right_l{ float: left; width: 76px;}
.keyword_right_left {
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	float: left;
	line-height: 1.5;
}


.keyword ul{ width: 146px;
	margin: 0 0 0 6px;
	padding: 0;
	list-style: none;
	font-size: 10px;
	line-height: 16px;
	}
.keyword li{ background: url(../img/sidenavi/yaji_03.gif) no-repeat left;
	margin: 1px 0;
	padding-left: 10px;
	width: 63px;
	}
.keyword_r{ float: right;}
.keyword_l{ float: left;}
.keyword2 { width: 100px; margin: 0 0 0 6px;}

.actress ul{ width: 146px;
	margin: 0 0 0 3px;
	padding: 0;
	list-style: none;
	font-size: 10px;
	}
.actress li{ 
	margin: 1px 0;
	padding-left: 5px;
	width: 63px;
	}


.genre ul{
	list-style: none;
	margin: 0 0 0 3px;
	padding: 0;}
.genre li{ background: url(../img/sidenavi/yaji_side.gif) no-repeat left;
	margin: 0;
	padding: 3px 3px 3px 15px;
	}
.actress span{ font-size: 9px; width: 14px; height: 12px; text-align: center; display: block; float: left;}

#open { width: 160px;
	height: 70px;
	background: url(http://image.xxx-av.com/img/open.gif) no-repeat;
	display: block;
	}
#open h4{ color: #FFFFFF; height: 12px; font-size: 12px; text-align: right; padding: 3px 1px 0 0;}
#open p{ margin: 0 0 0 6px; font-size: 50px; color: #FFFF00; letter-spacing: 12px; line-height: normal;}


.actress_l {float: left; font-size: 9px; line-height: auto; text-align:center;}
.actress_r {float: right; font-size: 9px; line-height: auto; text-align:center;}
.event_p { font-size: 10px; text-align: right;}

#topics {
	float: right;
	width: 160px;
	margin-left: 2px;
	}
	
#kiyaku{ overflow: scroll;
	height: 300px;
	width: 480px;
	margin: 0 auto;
	padding: 10px;
}

#foot-wrap {
		width:100%;
		background:url(../img/footer/bg_footer.gif) 0 0 repeat-x #474747;
		color:#a3a3a3;

}

#pagetop {
		background:#fff;
		text-align:right;
		padding:0 20px 0 0;
		background:url(../img/footer/pagetop_bg.gif) 0 bottom repeat-x;
}

#foot {
	text-align: left;
	clear: both;
	width: 1044px;
	margin: 0 auto;
	}

#foot p{

	margin: 0;
	height: 35px;
	padding: 8px 10px 15px 0px;
	line-height:2.0em;
	}
#foot p a:link { color: #fff; text-decoration: none;}
#foot p a:visited { color: #fff; text-decoration: none;}
#foot p a:hover { color: #fff; text-decoration: underline;}

#foot p.copy{ color:#000000; background-color:#FFFFFF;}

.c-both{
	clear:both;
}

.footmark{ color: #000;
	background-color:#D8D8D8;
	font-size: 10px;
	height: 17px;
	padding: 0 6px 1px 6px;
	margin: 0 0 6px 0;}

.footmark a:link { color: #CC0000; text-decoration: underline;}
.footmark a:visited { color: #CC0000; text-decoration: underline;}
.footmark a:hover { color: #CC0000; text-decoration: none;}

#sub_content {width: 630px;
	margin: 0 auto;}
	
	

/*soe
------------------------------------------------------*/

.fix:after {
		content: "."; 
  		display:block; 
  		clear:both;
  		height:0;
  		visibility:hidden;
}

.fix {
  		min-height:1px;
}

* html .fix {
  		height:1px;
  		/*\*//*/
 		height: auto;
 		overflow: hidden;
 		/**/
}

#myform2 {
		text-align:left;
		padding:0 0 0 10px;
}

table.f12 {
		font-size:12px!important;
}

table.f12 a {
		font-size:12px!important;
}

#foot p.f-link {
		margin:5px 0 0 0;
		padding:0 0 0 0;
		height:auto;
}

#foot p.f-link2 {
		margin:0 0 10px 0;
		padding:0 0 0 0;
		height:auto;
}

#foot p.f-txt {
		font-size:10px;
		margin:0 0 10px 0;
		padding:0 0 0 0;
		height:auto;
}

#foot p.cr {
		font-size:12px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		height:auto;
}

ul.t-area {
		width:630px;
		margin:0px 0 0 10px;
		padding:0;
}

ul.t-area li {
		float:left;
		list-style:none;
		width:190px;
		text-align:left;
		padding:0 0 0 20px;
		margin:0 0 5px 0;
		background:url(../img/arrow.gif) 0 0 no-repeat;
}

ul.j-area {
		width:100%;
		margin:0 0 0 0;
		padding:5px 0 0 0;
}

ul.j-area li {
		list-style:none;
		text-align:left;
		padding:0 0 0 2px;
		margin:0 0 7px 0;
		font-size:10px;
		/*background:url(../img/sidenavi/arrow.gif) 0 5px no-repeat;*/
}

ul.t-area a {
		color:#333;
		text-decoration:underline;
}

ul.t-area a:hover{
		color:#333;
		text-decoration:none;
}

p.link-box {
		background:#f9f9f9;
		border-bottom:dotted 1px #ccc;
		border-top:dotted 1px #ccc;
		padding:15px;
		margin:10px 0 20px 0;
}

p.t-10 {
		margin:0px 0 10px 0;
}



/* modified 2010.8.5 by T.Hishikawa (notnil creative)
----------------------------------------------------- */
#contents h3 { width: auto; }
#myform2 { padding-left: 0; }
