@charset "utf-8";
@import url("./global.css");

body {
    background: url("../img/contents/body_bg.jpg") repeat-x scroll 0 0 transparent;
    color: #000000;
    font-size: 62.5%;
    overflow-x: hidden;
    text-align: justify;
}
body#list {
	background: #FFF;
}
/* =====================================================================
	header
====================================================================== */

/*body#whole div#header,
body#free div#header {
	margin : 0;
	background : url(../img/icon/accessory/background_white2.gif) repeat-x bottom;
	height : 200px;
}*/

body#error div#header { 
	background: url(/img/header/header_bg.jpg) repeat-x; 
	width: 100%; 
	height: 185px; 
}

body#error p#logo {
	margin : 0 5px 0;
}
*html body#error p#logo {
	margin : 0 0 0 5px;
}

div#global_center {
	padding : 2px 0 0px 15px;
}
div.agecheck {
	text-align: center;
	padding-top: 20px;
}


/* =====================================================================
	shell
====================================================================== */

div#contents {
	margin : 15px 0 0 0;
}
div#utilities {
	margin : 6px 0 0 0;
}
div#contents {
	width : 760px;
}
div#utilities {
	float: left;
}
body#login div#shell,
body#error div#shell,
body#attestation div#shell,
body#free div#shell {
	width : 800px;
}
body#login ul.topic_path,
body#error ul.topic_path,
body#attestation ul.topic_path,
body#free ul.topic_path {
	margin : 5px auto 10px auto;
	width : 960px;
	text-align : left;
}
*html body#login ul.topic_path,
*html body#error ul.topic_path,
*html body#attestation ul.topic_path,
*html body#free ul.topic_path {
	width : 1000px;
}
div#bottom_part {
	width : 760px;
	margin-top: 20px;
    /*-moz-box-shadow: 0 0 5px 0 #BB9966;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BB9966;*/
	float: right;
}
/* ___________________________________________________________ whole */

body#whole div.information dl{
	margin : 0 0 5px 0;
	font-size : 12px;
}

*html body#whole div.information dl,
*+html body#whole div.information dl{
	margin : 0 0 7px 0;
	font-size : 12px;
}


body#whole div#contents h3 {
	margin : 0 0 10px 0;
	font-size : 12px;
}
body#whole div.information h3 {
	position : relative;
	background : url(../img/icon/contents/dl/whole.gif) no-repeat;
	font-weight : normal;
	text-indent : 10px;
}
body#whole div.information h3 span {
	position : absolute;
	top : 5px;
	right : 10px;
	margin : 0 0 0 20px;
}
body#whole div.information dl {
	background : url(../img/icon/contents/dl/whole.gif) no-repeat;
}

body#whole p#map {
	float: left;
	width : 509px;
	margin-left: 10px;
}
body#whole div.information {
	float: right;
	width : 440px;
}
body#whole div.news_part {
	width : 754px;
	background: #EEEEEE;
    -moz-box-shadow: 0 0 5px 0 #BB9966;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BB9966;
	float: left;
	padding: 2px;
	margin-bottom: 10px;
}
div.news_part h3 {
	background :url(../img/icon/contents/headline/z_sectiontitle_todaysnews.jpg) no-repeat;
}



div.column {
	width: 370px;
	float: left;
	margin-left: 5px;
	background: #FFFFFF;
}
div.column h4 {
	background: #770000;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
    width: 100%;
	position: relative;
}
div.column h4 a{
    color: #FFFFFF !important;
	position: absolute;
	top: 4px;
	left: 20px;
}
div.column h5 {
    color: #AA0000;
	font-weight: bold;
	text-align: justify;
	text-justify: distribute;
}
div.column h5 a {
	font-weight: bold;
}
div.column div.p10 {
	font-size: 12px;
	margin-bottom: 5px;
}
div.column p.navi{
	width:260px;
	text-align: right;
}
div.column td.thumbsnail {
	overflow: hidden; 
	height: 100px; 
	width: 100px;
	margin-right: 5px;
	/*float: left;*/
}
div.column td.date {
    margin: 0 5px 0 0;
    text-align: left;
}
body#whole div#contents div.summary h5 a {
	font-weight: bold;
}








body#whole div.summary {
	/*padding : 10px 0 5px 10px;*/
	width: 100%;
}
div.information div.effect {
	margin : 0;
	padding : 0 0 0 12px;
}
*+html>/**/body div.information div.effect ul li {
	padding : 2px 0;
}
body#whole div#contents div.summary {
}
body#whole div#shell div.effect {
	height : 100%;
}
body#whole div#shell div.effect p {
	text-align: center;
}
body#whole div#shell div.effect p img {
	margin: 3px 0 -2px 0;
}
body#whole div#shell div.effect hr {
	display : block;
	margin : -15px 0 0 0;
	height : 5px;
}
body#whole div#shell div.effect div.section {
	/*float : left;
	margin : 2px;
	width : 138px;
	height : 75px;*/
    -moz-box-shadow: 0 0 5px 0 #BB9966;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BB9966;
    float: left;
    height: 81px;
    margin-bottom: 5px;
    margin-right: 5px;
    overflow: hidden;
    padding: 5px;
    width: 132px;
}
body#whole div#shell div.effect div.section img {
	padding-bottom: 3px;
}
body#whole div#shell div.effect div.section .banner_girlsnights{
	display:block;
	padding:0;
}
body#whole div#shell div.effect div.section .banner_girlsnights a{
	display:block;
}
body#whole div#shell div.effect div.section .banner_girlsnights a img {
	padding:0;
	margin:0;
}
*+html body#whole div#shell div.effect div.section {
	height : 54px;
}
*+html>/**/body#whole div#shell div.effect div.section {
	height : 53px;
}
body#whole div#shell div.effect div.section p {
	display : inline;
	padding : 3px 0 0 0;
	color : #3366cc;
	line-height : 14px;
}
body#whole div#shell div.effect div.section p a {
	text-decoration : underline;
}
/* ___________________________________________________________ login, attestation */

body#login div#shell h3,
body#attestation div#shell h3 {
    background: url("../img/icon/contents/headline/longlong.gif") no-repeat scroll 0 0 transparent;
    margin: 0;
}
body#error div#shell h3 {
	background : #DDBB99;
	text-align: center;
	padding: 15px;
	width: 770px;
}
body#attestation div#shell div.finished h3 {
    color:#FFFFFF;
	height : 26px;
	line-height : 26px;
	background : url(../img/icon/contents/headline/longlong.gif) no-repeat;
}
body#free div#shell h3 {
	background : url(../img/icon/contents/headline/longlong.gif) no-repeat;
}

/*
body#login div#ad,
body#login div#entrance {
	margin : 10px 0 0 0;
}
body#login div#ad {
	float : left;

}
body#free div#shell div.section {
	margin : 15px 0 0 0;
}
body#free div#shell div.section p {
	margin : 2px 0 0 0;
	line-height : 1.3;
}
body#login div#ad p#tips,
body#login div#ad p#regist {
	overflow : hidden;
	padding : 0;
}
body#login div#ad p#tips a,
body#login div#ad p#regist a {
	display : block;
}
body#login div#ad p#tips {
	margin : 476px 0 25px 25px;
	background : url(../img/icon/accessory/login/tips.gif);
	width : 360px;
	height : 32px;
}
body#login div#ad p#tips a {
	padding : 32px 0 0 0;
	width : 360px;
	height : 32px;
}
body#login div#ad p#regist {
	margin : 0 0 0 85px;
	background : url(../img/icon/utilities/banner/member.gif);
	width : 200px;
	height : 55px;
}
body#login div#ad p#regist a {
	padding : 55px 0 0 0;
	width : 200px;
	height : 55px;
}

body#login div#entrance {
	margin : 10px 0 0 427px;
	background : url(../img/icon/accessory/login/background.gif) no-repeat;
	height : 465px;
	
	
	
    background: url("../img/icon/accessory/login/background.gif") no-repeat scroll 0 0 transparent;
    height: 385px;
    left: 0;
    margin: 60px 0 0 485px;
    position: absolute;
    top: 75px;
    width: 285px;
}

body#login div#entrance h4,
body#attestation div#shell h4 {
	color : #ffffff;
}
body#login div#entrance h4 {
	text-indent : 15px;
	line-height : 35px;
	height : 30px;
}
body#login div#entrance p#escort {
	margin : 20px 0 0 60px;
}
body#login div#entrance fieldset.unit {
	margin : 10px 0 0 50px;
}
body#login div#entrance fieldset.unit label {
	display : block;
	float : left;
	padding : 3px 0;
	width : 75px;
}
body#login div#entrance fieldset.option {
	margin : 0 0 10px 125px;
}

*/

body#login div#ad,
body#login div#entrance {
	margin : 10px 0 0 0;
}
body#login div#ad {
	float : left;

}
body#free div#shell div.section {
	margin : 15px 0 0 0;
}
body#free div#shell div.section p {
	margin : 2px 0 0 0;
	line-height : 1.3;
}
body#login div#ad p#tips,
body#login div#ad p#regist {
	overflow : hidden;
	padding : 0;
}
body#login div#ad p#tips a,
body#login div#ad p#regist a {
	display : block;
}
body#login div#ad p#tips {
	margin : 476px 0 25px 25px;
	background : url(../img/icon/accessory/login/tips.gif);
	width : 360px;
	height : 32px;
}
body#login div#ad p#tips a {
	padding : 32px 0 0 0;
	width : 360px;
	height : 32px;
}
body#login div#ad p#regist {
	margin : 0 0 0 43px;
	background : url(../img/icon/utilities/banner/member.gif);
	width : 200px;
	height : 49px;
}
body#login div#ad p#regist a {
	padding : 49px 0 0 0;
	width : 200px;
	height : 49px;
}
body#login div#ad p#regist a:hover {
	background-position: bottom;
}

body#login div#entrance {
	background : url(../img/icon/accessory/login/background.gif) no-repeat;
/* {-- ログインジャックバナーNights展開 対応 @ ESS 2011/11/15 */
	height: 385px;
    left: 0;
    margin: 60px 0 0 485px;
    position: absolute;
    top: 75px;
    width: 285px;
/* --} ログインジャックバナーNights展開 対応 @ ESS 2011/11/15 */
}

body#login div#entrance h4,
body#attestation div#shell h4 {
	color : #ffffff;
}
body#login div#entrance h4 {
	text-indent : 15px;
	line-height : 35px;
	height : 30px;
}
body#login div#entrance p#escort {
	margin: 5px 0 5px 60px;
}
body#login div#entrance fieldset.unit {
	margin: 0 0 0 20px;
}
body#login div#entrance fieldset.unit label {
	display : block;
	float : left;
	padding : 3px 0;
	width : 105px;
}
body#login div#entrance fieldset.option {
	margin : 0 0 10px 63px;
}





body#attestation div#shell p {
	margin : 10px;
}
body#attestation div#shell p#escort {
	margin : 3px 0;
	text-align : right;
	width : 700px;
}
body#login div#shell p.submit,
body#attestation div#shell p.submit {
    margin: -1px 0;
	text-align : center;
}
body#attestation div#shell fieldset p {
	margin : 0;
	text-align : right;
}

body#attestation div#shell form {
	margin : 25px 100px 20px 100px;
	padding : 0;
}
body#attestation div#shell.reminder form {
	margin : 10px 100px 0 100px;
	padding : 0;
	border : none;
}
body#attestation div#shell.reminder div#pwd {
	margin : 10px 0 20px 205px;
	background : #ecf1f7;
	border : 1px solid #9eb4c6;
	width : 395px;
}

body#attestation div#shell.finished {
	text-align : center;
}
body#attestation div#shell.finished div.note {
	margin : 20px auto;
	padding : 20px;
	background : #ecf1f7;
	border : 1px solid #9eb4c6;
	text-align : left;
	width : 75%;
}
body#attestation div#shell.reminder p {
	margin : 15px 0 20px 260px;
}
body#attestation div#shell.reminder div#pwd p {
	margin : 0 0 0 60px;
	padding : 15px 0 0 0;
}
body#attestation div#shell.reminder div#pwd dl {
	margin : 10px 0 0 60px;
	padding : 0 0 15px 0;
}
body#attestation div#shell.reminder div#pwd dt {
	clear : both;
	float : left;
	padding : 3px 0;
	width : 90px;
}
body#attestation div#shell.reminder div#pwd dd {
	margin : 0 0 0 90px;
	padding : 3px 0;
}
body#attestation div#shell.reminder p.submit {
	margin : 0;
}
body#attestation div#shell fieldset {
	margin : 10px 160px;
}
body#attestation div#shell fieldset input {
	border : 1px solid #6699ce;
}
body#attestation div#shell fieldset p.submit input {
	background:none;
	border-radius:4px;
	height:36px;
	background: linear-gradient(to bottom, #FFF, #dedede);
}
body#attestation div#shell fieldset#reminder {
	margin : 10px auto;
}
body#attestation div#shell label {
	display : block;
	float : left;
	width : 80px;
}
body#attestation div#shell fieldset#reminder label {
	width : 135px;
	margin-top:5px;
}
body#attestation div#shell input#user,
body#attestation div#shell input#pass,
body#attestation div#shell input#email {
	margin : 0 0 5px 0;
	padding : 5px;
	border-radius:5px;
	width : 330px;
	float:left;
	border: 1px solid #b0b0b0;
}

body#attestation div#shell input.submit {
	background : url(../img/icon/accessory/button/button.gif) no-repeat;
}

/* =====================================================================
	contents
====================================================================== */

/* ___________________________________________________________ whole */

body#whole div#contents h3 {
	margin : 0 0 0 30px;
	background : url(../img/icon/contents/headline/new_760.gif) no-repeat;
}
body#whole div#contents h4 {
	position : relative;
	margin : 10px 0 0 0;
	background : url(../img/icon/contents/headline/info.gif) no-repeat right;
	color : #ffffff;
	font-weight : bold;
	text-indent : 20px;
	line-height : 26px;
	height : 26px;
}
body#whole div#contents h4 a {
	line-height : 26px;
	color : #ffffff;
	font-weight : bold;
}
body#whole div#contents div.summary h5 a {
	font-weight : bold;
}

body#whole div#contents div.column {
	margin : 0 0 0 30px;
	width : 365px;
}
*html body#whole div#contents div.column {
	margin : 0;
	padding : 0 0 0 30px;
	width : 395px;
}
*html body#whole div.summary p.thumbsnail {
	margin : 0 5px 0 0;
}
/* ___________________________________________________________ table */

body#whole div#contents div.column table {
	width : 370px;
}

body#whole div#contents div.column table td {
	vertical-align : top;
}
body#whole div#contents div.column table td.shop_name {
	vertical-align : bottom;
}
body#whole div#contents div.column table td.thumbsnail {
	padding : 0 5px 0 0;
	width : 80px;
}

body#whole div#contents div.column td.date,
body#whole div#contents div.column p.navi {
	margin : 0 5px 0 0;
	text-align : right;
}
body#whole div#contents div.column td.shop_navi {
	line-height : 1.1;
}
/* ___________________________________________________________ object data */

body#list div.section {
	margin : 0;
	font-size : 1.2em;
	text-align : left;
	width : auto;
}
body#list div.section a{
	color: #5F49FF;
}
body#list ul {
	margin : 0;
	width : 98%;
}
body#list ul li {
	margin : 0;
	padding : 3px 0;
	background : transparent;
	border-bottom: 1px dotted #666;
	line-height : 1.1;
}
body#list ul li span {
	font-size: 9px !important;
}
body#list ul li img {
	margin : 0 0 0 3px;
	vertical-align : middle;
}
/* ↓直送便カテゴリ化 @KSOL 2013/09/18 エリア直送便一覧(部品) */
body#list ul li span.tencho_category_mark {
	display:inline-block;
	text-align:center;
	border-radius:3px 3px;
	border-width: 1px;
	border-style:solid;
	width:75px;
	font-size: 11px !important;
}
body#list ul li span.tencho_category_mark_no {
	display:inline-block;
	text-align:center;
	width:75px;
	font-size: 11px !important;
}
/* ↑直送便カテゴリ化 @KSOL 2013/09/18 エリア直送便一覧(部品) */

/* =====================================================================
	utilities
====================================================================== */

body#whole div#utilities h3 {
	background : url(../img/icon/utilities/headline/recommend.gif) no-repeat;
	text-align : left;
}
body#whole div#utilities div.mobile h3 {
	background : url(../img/icon/utilities/headline/mobile.gif) no-repeat;
}
body#whole div#utilities div.recruit h4 {
	margin : 0 0 3px 0;
	color : #f96ca2;
	font-weight : bold;
	text-align : center;
}
body#whole div#utilities div.recruit p {
	padding : 5px 0;
	font-size : 11px;
}
*html body#whole div#utilities div.recruit p {
	line-height : 1.5;
	font-size : 9px;
}
*+html body#whole div#utilities div.recruit p {
	line-height : 1.5;
	font-size : 9px;
}
*+html>/**/body#whole div#utilities div.recruit p {
	font-size : 11px;
}

/* =====================================================================
	footer
====================================================================== */


/* =================================================================== */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.etclink a{
	font-size: 50%;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
div#footer address {
margin:15px auto 3px;
font-size: 60%;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#footer ul, div#footer address, div#footer p, div#footer div#end {
margin:0 auto;
padding:0 0 3px 25px;
text-align:left;
font-size: 60%;
}
}

/* ---------- �w�b�_�[�N��F�� 2010/12/14 katsuno ---------- */
.headernenreicheck { width: 100%; /*height: 0px;*/ }
.headernenreicheck_box { width: 990px; margin: 0 auto; line-height: 24px; }
.headernenreicheck_leftbox { float: left; line-height: 25px; font-size: 12px; }
.headernenreicheck_leftbox div.title{ float: left; line-height: 25px; }
.headernenreicheck_leftbox div#wrapper { float: left; }
.headernenreicheck_leftbox div#wrapper div.genretab { float: left; margin-right: 1px; }
.headernenreicheck_leftbox div#wrapper div.genretab :hover {-ms-filter: "alpha(opacity=50)";/* IE8用記述 */ filter: alpha(opacity=50);	/* IE6~IE7用記述 */ opacity: 0.5; }
.headernenreicheck_leftbox img.heaven{ padding-left: 0px; }
.headernenreicheck_leftbox img.heaven a:hover { -ms-filter: "alpha(opacity=50)";/* IE8用記述 */ filter: alpha(opacity=50);	/* IE6~IE7用記述 */ opacity: 0.5; }
.headernenreicheck_leftbox img.girls{ padding-left: 0px; }
.headernenreicheck_leftbox img.girls a:hover { -ms-filter: "alpha(opacity=50)";/* IE8用記述 */ filter: alpha(opacity=50);	/* IE6~IE7用記述 */ opacity: 0.5; }
.headernenreicheck_rightbox { line-height: 24px; font-size: 12px; padding-top: 1px; text-align:right;}
div.headerbg { background: url(/img/header/header_bg.jpg) repeat-x; width: 100%; height: 185px; }
/* -------------------------------------------------------- */

span.top_shop a{
	font-size: 12px;
}

/* =====================================================================
	全国トップリンク追加･･･2014/02/05 shingai
====================================================================== */
div.nights-zenkoku-left-link
{
	margin:20px 0 10px 0;
	border:2px solid #ff956c;
}
div.nights-zenkoku-left-link-title
{
	color:#ffffff;
	background:#efa278;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	padding:5px 0px;  
}
div.nights-zenkoku-left-link-into
{
	padding:10px 5px 5px 5px;
}
div.nights-zenkoku-left-link-into ul
{
	margin-bottom:8px;
}
div.nights-zenkoku-left-link-into ul p
{
	font-size:13px;
}
div.nights-zenkoku-left-link-into ul li
{
	font-size:12px;
}



div.link_area_search
{
	clear:both;
}
div.link_area_search p.area_search_title
{
	font-size:15px;
	font-weight:bold;
}
div.ken_clear
{
	clear:both;
}
div.link_area_search div.left_area_search
{
	width:320px;
	float:left;
}
div.link_area_search div.right_area_search
{
	width:320px;
	float:left;
}
div.link_area_search table
{
	width:310px;
	border-bottom: 1px dotted #86130D;
	margin: 10px 10px 10px 0;
	clear:both;
}
div.link_area_search table th
{
	background: none repeat scroll 0 0 #86130D;
   color: #FFFFFF;
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
   width: 40px;
}
div.link_area_search table td
{
	padding: 0 0 0 6px;
   text-align: left;
   vertical-align: middle;
}
div.link_area_search table td a.kenmei
{
	color: #333333;
   font-size: 13px;
   font-weight: bold;
}
div.link_area_search table td p.kenmei_small
{
	line-height:1.3;
	padding:0;
	clear:both;
}
div.link_area_search table td p.kenmei_small a
{
	font-size:11px;
	text-decoration:underline;
	display:inline-block;
	color:#86130D;
}
div.link_area_search table td p.kenmei_small a:hover
{
	text-decoration:none;
}