@charset "utf-8";

/*
	Site Name: COUTURE NAOCO
	Description: resort template style
	Version: 1.0
	Author: 
*/


/*
===== INFO CONTENTS ===========================================

	1:  LAYOUT STYLE
	2:  NAVIGATION STYLE
	3:  INFO STYLE

==========================================================
*/

/*
===== 1: LAYOUT STYLE ====================================
*/

body div#main {
	margin: 10px auto 20px auto;
}

body.catalog div#main{
	position:relative !important;
	top:-40px !important;
	left:0px !important;
	margin:0 0 -40px 0 !important;
	width:100% !important;
	height:600px !important;
	overflow:hidden !important;
}

div#header a:hover {
	background-color: transparent;
}

div#dressSideNavi {
	float: left;
	width: 180px;
}

/* APPLY-IE7 */
*:first-child+html body.catalog div#dressSideNavi {
	top:-552px !important;
	font-family: sans-serif;
	height:158px;/*conceptない場合*/
}
/* APPLY-IE6 */
* html body.catalog div#dressSideNavi {
	top:-550px !important;
	height:158px;/*conceptない場合*/
}
body.catalog div#dressSideNavi {
	float: none !important;
	left:0 !important;
	margin:0 auto !important;
	position:relative !important;
	top:-525px !important;
	width:1000px !important;
	z-index:2 !important;
	height: 1px !important;
}

*:first-child + html body.catalog div#dressSideNavi{ height: 550px; }/*IE7用*/  
* html body.catalog div#dressSideNavi { height: 550px; } /*〜IE6用*/  
html[xmlns*=""] body:last-child body.catalog div#dressSideNavi{height: 550px;}


div#infoArea {
	float: right;
	width: 800px;
}

body.catalog div#infoArea{
	height:600px !important;
	left:0 !important;
	overflow:hidden !important;
	position:relative !important;
	top:0px !important;
	width:100% !important;
	z-index:1 !important;
}

.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.section {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .section { height: 1%; }
.section { display: block; }
/* End hide from IE-mac */


/* フラッシュ用カタログボタン */
body.catalog div#flashAreacatalog {height:1px;/*firefox*/ margin:0 auto; position:relative; width:1000px; z-index:10;}

*:first-child + html div#flashAreacatalog { height: 126px; top:-126px; }/*IE7用*/  
* html div#flashAreacatalog { height: 126px; } /*〜IE6用*/  
html[xmlns*=""] body:last-child div#flashAreacatalog {height: 126px; top:-126px;}/*safari用*/  

body.catalog p#badge-catalog {position: absolute; bottom: 10px; right: -15px;}

body.catalog div#footer {position:relative; top:-1px;}
*:first-child + html body.catalog div#footer {position:relative; top:-126px;}/*IE7用*/ 
* html body.catalog div#footer {position:relative;} /*〜IE6用*/ 
html[xmlns*=""] body:last-child body.catalog div#footer {position:relative; top:-126px;}/*safari用*/ 

/* カタログボタン */
p#badge-catalog a {outline:none;}

p#foot-catalog {width:800px; text-align:center; padding-top:20px; clear:both;}

/*
===== 2:  NAVIGATION STYLE ====================================
*/

ul#dressNavi {
	padding: 25px 5px 7px 5px;
	background: url(../img/dress/common/bg_dress_navi.png) no-repeat left bottom;
}

body.catalog ul#dressNavi {
	background: url(../img/dress/common/bg_dress_navi.png) no-repeat left bottom;
	width:180px;
	font-size: 0;
	line-height: 0;
}

ul#dressBanner {
	margin-top: 5px;
	width:180px;
}

ul#dressBanner li {
	margin-bottom: 4px;
	width:180px;
}

ul#dressBanner li.dress-bland {
	padding-top: 0px;
}

ul#dressBanner li.dress-bland dl{
	padding-top:0px;
	margin:0px;
}

ul#dressBanner li.dress-bland dt, ul#dressBanner li.dress-bland dd{
	padding-top:0px;
	margin:0px;
}

/*
===== 3:  INFO STYLE ====================================
*/

div#infoArea h1 {
	width:800px;
	text-align:center;
	margin-bottom: 28px;
}

div#infoArea h2 {
	margin-bottom: 15px;
}

div#infoArea p {
	font-size: 95%;
}

body div#infoArea a {
	color: #FF6699;
	text-decoration: none;
}

body div#infoArea a:hover {
	text-decoration: underline;
	background-color: transparent;
}


/* @group dress-d300 CONCEPT */

body#dress-d300 div#infoArea {
	position: relative;
	margin: -15px 0 20px 0;
	padding-top: 30px;
	background: url(../img/dress/common/bg_main.gif) no-repeat 322px -7px;
}

body#dress-d300 p#badge-catalog {
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 1000;
}

body#dress-d300 div#concept-box {
	background: url(../img/dress/concept/bg_main.gif) no-repeat left top;
}

body#dress-d300 div#concept-box h1{
	margin-bottom:20px;
	padding-top: 14px;
	width:590px;
}

body#dress-d300 div#concept-box p {
	margin: 0 222px 30px 18px;
	font-size: 12px;
	line-height: 2.5;
}

body#dress-d300 div#concept-box h2 {
	height:44px;
	margin:-37px 0px 0px 0px;
	padding:15px 20px 0px 0px;
	background: url(../img/dress/concept/bg_btm.gif) no-repeat left top;
	width:570px;
	text-align:right;
}

div#concept-box h2 img{
	vertical-align:top;
}


body#dress-d300 div#profile-box {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 8px 5px 8px;
	margin-top: 35px;
	width: 184px;
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
}

body#dress-d300 div#profile-box h3 {
	margin: 0 0 10px 0;
}

body#dress-d300 div#profile-box p {
	float: left;
	color: #999999;
	font-size: 85%;
}

body#dress-d300 div#profile-box p img {
	display: block;
	float: left;
	padding: 0px 5px 5px 0px;
}

/* @end */

/* @group dress-d400Flow */

body#dress-d400 div#infoArea {
	position: relative;
	top: -20px;
	margin: 0 0 -20px 0;
	padding-top: 30px;
	background: url(../img/dress/common/bg_main.gif) no-repeat 322px -7px;
}


body#dress-d400  div#infoArea h2 {
	margin: 0;
}

body#dress-d400  div#infoArea ul {
	float: left;
	padding: 23px 0 0 2px;
	border-left: 1px solid #EEEEEE;
	height:429px;
	width:230px;
}

body#dress-d400  div#infoArea ul li {
	margin-bottom: 20px;
	width:230px;
}

body#dress-d400  div#infoArea li dt {
	margin-bottom: 4px;
}

div#infoArea li dt img{
	vertical-align:top;
}

body#dress-d400  div#infoArea li dd {
	margin-left: 34px;
	font-size: 93%;
	line-height:150%;
}

body#dress-d400 p.photo {
	position:absolute;
	right:0px;
	top:30px;
	width: 155px;
}

body#dress-d400  div.box-left {
	float: left;
	width: 388px;
	position:relative;
}

body#dress-d400  div.box-right {
	float: right;
	width: 388px;
	position:relative;
}

body#dress-d400 p#badge-catalog {
	position: relative;
	top: -5px;
	margin-bottom: -5px;
	clear:both;
	text-align: right;
	z-index: 1000;
}

/* @end */

/* @group dress-d500 Q&A */

body#dress-d500 div#infoArea {
	position: relative;
	top: -20px;
	margin: 0 0 -20px 0;
	padding-top: 30px;
	background: url(../img/dress/common/bg_main.gif) no-repeat 322px -7px;
}

body#dress-d500  ul#inner-navi {
	margin: 20px 0px 15px 70px;
}

body#dress-d500  ul#inner-navi li {
	display:inline;
	padding: 0 30px 0px 10px;
	background-image:url(../img/dress/qa/ico_right_marker.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	font-size:83%;
}


body#dress-d500 div.section {
	margin-bottom: 10px;
	padding-top: 17px;
	width: 800px;
	background: url(../img/dress/qa/bg_box_main.gif) no-repeat left top;
}

body#dress-d500 div.section div.box-footer {
	height: 14px;
	font-size: 0;
	line-height: 0;
	background: url(../img/dress/qa/bg_box_btm.gif) no-repeat left top;
}

body#dress-d500 div.section h2 {
	height: 4em;
	margin: 0 14px;
	padding: 16px 0 0 70px;
	color: #FF6699;
	line-height: 1.6;
	font-size: 95%;
	border-bottom: 1px solid #CCCCCC;
	background: url(../img/dress/qa/bg_question.gif) no-repeat 10px 0;
}

body#dress-d500 div.section h3 {
	height: 3em;
	margin: 20px 20px 10px 74px;
	padding-left: 40px;
	color: #FF6699;
	line-height: 1.6;
	font-size: 95%;
	font-weight: normal;
	background: url(../img/dress/qa/bg_answer.gif) no-repeat 0 3px;
}

body#dress-d500 div.section h3.h1em {
	height: 2em;
	padding-top: 8px;
}

body#dress-d500 div.section p {
	font-size: 95%;
	margin: 0 20px 10px 74px;
}

body#dress-d500 p.page-top {
	margin-bottom: 36px;
	text-align: right;
}

body#dress-d500 p#badge-catalog {
	position: relative;
	top: -25px;
	margin-bottom: -30px;
	text-align: right;
	z-index: 1000;
}
/* @end */



/* @group dress-d600 TIEUP LIST */

body#dress-d600 div#infoArea {
	position: relative;
	top: -20px;
	margin: 0 0 -20px 0;
	padding-top: 30px;
	background: url(../img/dress/common/bg_main.gif) no-repeat 322px -7px;
}


body#dress-d600 div#infoArea h1 {
	margin:0px 0px 10px;
}


body#dress-d600 p.page-top {
	margin-bottom: 36px;
	text-align: right;
	clear:both;
}

body#dress-d600 p#badge-catalog {
	position: relative;
	top: -25px;
	margin-bottom: -30px;
	text-align: right;
	z-index: 1000;
}

body#dress-d600 h2 {width:800px; clear:both;}

body#dress-d600 div.section {
	clear:both;
}

body#dress-d600 div.section.last {
	margin-bottom: 20px;
}

body#dress-d600 div.table-wrapper {
	padding-top: 3px;
	width: 390px;
	background: url(../img/info/common/bg_basic_table.gif) repeat-x left top;
}

body#dress-d600 div.table-wrapper.left {
	float: left;
}

body#dress-d600 div.table-wrapper.right {
	float: right;
}

body#dress-d600 div#infoArea table.basic {
	width: 390px;
	margin-bottom:20px;
}

body#dress-d600 div#infoArea table th {
	padding: 6px 3px;
	width: auto;
	text-align: center;
}

body#dress-d600 div#infoArea table td {
	padding: 6px 3px;
	width: auto;
	font-size: 85%;
}

body#dress-d600 div#infoArea table td a {
	display: block;
	padding-left: 8px;
	background: url(../img/info/common/ico_right_marker.gif) no-repeat left center;
}

body#dress-d600 div#infoArea table td.w132 {
	width: 132px;
	font-size: 86%;
}

body#dress-d600 p#badge-catalog {
	position: relative;
	top: -45px;
	margin-bottom: -45px;
	text-align: right;
	z-index: 1000;
	clear:both;
}

/* @end */

/* @group table.basic */

div#infoArea table.basic {
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0;
	width: 800px;
	color: #666666;
	font-size: 95%;
}

div#infoArea table.basic th {
	padding: 8px;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	background: #FFE6E6 url(../img/info/common/bg_basic_table.gif) repeat-x left bottom;
	font-size:93%;
}

div#infoArea table.basic td {
	padding: 8px;
	vertical-align: middle;
	text-align: left;
	background: url(../img/info/common/bg_basic_table.gif) repeat-x left bottom;
	font-size:93%;
}

div#infoArea table.basic td * {
	font-size:93%;
}

div#infoArea table.basic td dt {
	color: #FF6699;
}

div#infoArea table.basic td span.note {
	font-size: 85%;
}

/* @end */