@charset "utf-8";
@import url("/special/shared/css/base.css");

/* --------------------------------------------------------------------------------------
	style map
		-
		-
		-
--------------------------------------------------------------------------------------- */

/* STICHIDEE COMMON STYLES
--------------------------------------------------*/

#couturierIndex,
#couturierPress,
#couturierIntroduction,
#couturierSchedule{
color:#600;}

#conHead ul,
ul.conFootNav,
.caBox{
background:#DA8;}
#conHead ul{
margin:0 0 20px;}
ul.conFootNav{
clear:both;}
#conHead ul li,
ul.conFootNav li{
padding:1px 15px;}
#conHead h1{
margin:0 0 20px;}

p .important{
color:#F00;}

.introduce{
display:block;
clear:both;
margin:0 5px 20px;
padding:0;
width:642px;}
.introduce .photo,
.introduce .txtBox{
float:left;}
.introduce .photo{
margin-right:20px;}
.introduce .txtBox{
width:420px;}
.introduce .txtBox p{
margin:0 0 15px;}
.introduce .txtBox .link{
background:url(../images/index_icon_newslist.gif) no-repeat 0 50%;
padding-left:18px;}

.caBox{
clear:both;
margin:0 5px 20px;
padding:15px;
width:612px;}
.caBox h2{
margin:0;
clear:both;}
.caBox p{
margin:0 0 15px;}
.caBox p.btm{
margin:0;}
.caBox h2.newpub{
border:1px solid #DDD;
border-bottom:0;}
.caBox p.intro{
margin:0 0 15px;}
.caBox ul.bnrArea{
background:#FFF;
list-style-type:none;
margin:0 0 15px;
padding:10px;}
.caBox ul.bnrArea li a{
text-decoration:none;}
.caBox ul.bnrArea li{
margin:0 0 10px;}
.caBox ul.bnrArea li.bottom{
margin:0;}
.caBox .infoBox{
background:#FFF;
display:block;
clear:both;
margin:0;
padding:20px;
width:574px;}
.caBox .infoBox h4{
margin:0 0 10px;}
.caBox .infoBox .photo,
.caBox .infoBox .txtBox{
float:left;}
.caBox .infoBox .photo{
margin-right:18px;}
.caBox .infoBox .txtBox{
width:400px;}
.caBox .infoBox .txtBox h2{
margin:0 0 10px;}
.caBox .infoBox .txtBox p{
margin:0 0 15px;}
.caBox .infoBox .txtBox p.caution{
margin:0;}
.caBox .infoBox .txtBox p.btn{
text-align:center;}
.caBox .infoBox .itemArea{
border-bottom:1px dotted #DDD;
display:block;
clear:both;
margin:0 0 15px;
width:574px;}
.caBox .infoBox .txtBox ul.exImg{
list-style-type:none;
clear:both;
margin:0 0 15px;
padding:0;
width:400px;}
.caBox .infoBox .txtBox ul.exImg li{
display:block;
float:left;
margin:0 5px 0 0;
padding:0;}
.caBox .infoBox .txtBox dl{
margin:0 0 15px;
padding:0;}
.caBox .infoBox .txtBox dt,
.caBox .infoBox .txtBox dd{
margin:0 0 5px;
padding:0;}
.caBox .infoBox .txtBox dd.title{
font-weight:bold;}
.caBox .infoBox .books{
display:block;
clear:both;
text-align:right;}
.caBox .infoBox .books p{
margin:0;}
.caBox .infoBox .books p a{
background:url(../images/index_icon_books.gif) no-repeat 0 50%;
padding-left:18px;}


/* COUTURIER INDEX STYLES
--------------------------------------------------*/

#couturierIndex .caBox{
padding:15px 15px 1px;}
#couturierIndex .caBox h2.pre{
margin:0 0 15px;}

#couturierIndex .introduce p.read{
margin-bottom:15px;}
#couturierIndex .introduce .photo img{
margin-bottom:10px;}
#couturierIndex .introduce ul.items{
display:block;
clear:both;
list-style-type:none;
margin:0 0 20px;
padding-top:20px;
width:642px;}
#couturierIndex .introduce ul.items li{
display:inline;}
#couturierIndex .introduce #favorite{
border:1px solid #DA8;
background:url(../images/index_bg_favorite.jpg) repeat-x;
display:block;
clear:both;
padding:5px;
width:630px;}
#couturierIndex .introduce #favorite h3{
margin:0 0 10px;}
#couturierIndex .introduce #favorite dl{
display:block;
float:left;
margin:0 0 20px 40px;
width:260px;}
#couturierIndex .introduce #favorite dt{
font-weight:bold;}

#couturierIndex .introduce dl.website{
display:block;
clear:both;
width:420px;}
#couturierIndex .introduce dl.website dt,
#couturierIndex .introduce dl.website dd{
display:block;
float:left;}
#couturierIndex .introduce dl.website dt{
margin-right:10px;}
#couturierIndex .introduce dl.website dd{
margin-top:20px;}


/* COUTURIER PRESS STYLES
--------------------------------------------------*/

#couturierPress .caBox .infoBox{
padding-bottom:0;}
#couturierPress .caBox .infoBox .photo{
margin-right:15px;}
#couturierPress .caBox .infoBox .photo img{
margin-bottom:10px;}
#couturierPress .caBox .infoBox .txtBox{
width:300px;}
#couturierPress .caBox .infoBox .itemBox{
display:block;
clear:both;
margin:0;
width:574px;}
#couturierPress .caBox .infoBox .itemBox .photo,
#couturierPress .caBox .infoBox .itemBox .photo img{
margin:0;}
#couturierPress .caBox .infoBox .itemBox .txtBox p.top{
margin-top:50px;}
#couturierPress .caBox .infoBox .itemBox .txtBox p.end{
margin-top:20px;}


/* COUTURIER INTRODUCTION STYLES
--------------------------------------------------*/

#couturierIntroduction #conHead h2{
margin:0 0 15px;}

#couturierIntroduction ul.pagenavi{
display:block;
list-style-type:none;
margin:0 auto 20px;
text-align:center;
width:644px;}
#couturierIntroduction .pagenavi li{
display:inline;
margin-right:20px;}
#couturierIntroduction .pagenavi li a{
background:url(../images/common_arrow.gif) no-repeat 0 50%;
padding-left:15px;}

#couturierIntroduction .caBox .infoBox{
padding-bottom:0;}
#couturierIntroduction .caBox .infoBox .photo{
margin-right:15px;
width:240px;}
#couturierIntroduction .caBox .infoBox .photo img{
margin:0 0 10px;}
#couturierIntroduction .caBox .infoBox .itemBox .btnArea{
display:block;
margin-bottom:10px;
text-align:center;
width:240px;}
#couturierIntroduction .caBox .infoBox .txtBox{
margin-bottom:20px;
width:300px;}
#couturierIntroduction .caBox .infoBox .itemBox{
border-bottom:1px dotted #DA8;
display:block;
clear:both;
margin:0 0 20px;
width:574px;}

#couturierIntroduction .caBox .infoBox .itemBox h3{
margin-bottom:10px;}
#couturierIntroduction .caBox .infoBox .itemBox .price{
color:#F00;
margin-right:20px;}
#couturierIntroduction .caBox .infoBox .itemBox dl.detail{
display:block;
clear:both;
margin:0 0 5px;
width:319px;}
#couturierIntroduction .caBox .infoBox .itemBox dl.detail dt,
#couturierIntroduction .caBox .infoBox .itemBox dl.detail dd{
float:left;}
#couturierIntroduction .caBox .infoBox .itemBox dl.detail dt{
width:50px;}
#couturierIntroduction .caBox .infoBox .itemBox dl.detail dd{
width:269px;}

#couturierIntroduction .caBox .infoBox .step{
display:block;
clear:both;
margin:0 0 20px;
width:574px;}
#couturierIntroduction .caBox .infoBox .step dl{
display:block;
float:left;
height:280px;
margin:0 5px 10px;
width:270px;}
#couturierIntroduction .caBox .infoBox .step dt{
margin:0 0 5px;}
#couturierIntroduction .caBox .infoBox .step dd{
padding:0 20px;}


/* COUTURIER SCHEDULE STYLES
--------------------------------------------------*/

#couturierSchedule .read{
margin:0 0 5px;}
#couturierSchedule .read h2,
#couturierSchedule .read p{
margin:0 0 15px;}
#couturierSchedule .read p{
margin:0 5px 15px;}

#couturierSchedule ul.pagenavi{
display:block;
list-style-type:none;
margin:0 auto 20px;
text-align:center;
width:644px;}
#couturierSchedule .pagenavi li{
display:inline;
margin-right:20px;}
#couturierSchedule .pagenavi li a{
background:url(../images/common_arrow.gif) no-repeat 0 50%;
padding-left:15px;}

#couturierSchedule .itemBox dl{
border-bottom:1px dotted #DA8;
margin:0 0 15px;
padding:0 0 10px;}
#couturierSchedule .itemBox dt{
font-weight:bold;
margin:0 0 10px;}
#couturierSchedule .itemBox dd{
margin:0 0 5px 10px;
padding:0 0 0 110px;}
#couturierSchedule .itemBox dd.place{
background:url(../images/schedule_event_place.gif) no-repeat 0 50%;}
#couturierSchedule .itemBox dd.open{
background:url(../images/schedule_event_open.gif) no-repeat 0 50%;}
#couturierSchedule .itemBox dd.inquiry{
background:url(../images/schedule_event_inquiry.gif) no-repeat 0 50%;}

#couturierSchedule .caBox .inqBox{
background:#FFF;
display:block;
clear:both;
margin:15px 0 0;
padding:20px 20px 5px;
width:574px;}
#couturierSchedule .caBox .inqBox h3{
margin:0 0 10px;}
#couturierSchedule .caBox .inqBox dl{
margin:0 0 15px;}
#couturierSchedule .caBox .inqBox dt{
font-weight:bold;}


/* CLEAR FIX
--------------------------------------------------*/

.introduce:after,
.caBox .infoBox:after,
.caBox .infoBox .itemArea:after,
.caBox .infoBox .txtBox ul.exImg:after,
#couturierIndex .introduce #favorite:after,
#couturierPress .caBox .infoBox:after,
#couturierPress .caBox .infoBox .itemBox:after,
#couturierIntroduction .caBox .infoBox:after,
#couturierIntroduction .caBox .infoBox .itemBox:after,
#couturierIntroduction .caBox .infoBox .itemBox dl.detail:after,
#couturierIntroduction .caBox .infoBox .step:after,
#couturierSchedule .caBox .inqBox:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}
/* Hides from IE-mac \*/
* html .introduce,
* html .caBox .infoBox,
* html .caBox .infoBox .itemArea,
* html .caBox .infoBox .txtBox ul.exImg,
* html #couturierIndex .introduce #favorite,
* html #couturierPress .caBox .infoBox,
* html #couturierPress .caBox .infoBox .itemBox,
* html #couturierIntroduction .caBox .infoBox,
* html #couturierIntroduction .caBox .infoBox .itemBox,
* html #couturierIntroduction .caBox .infoBox .itemBox dl.detail,
* html #couturierIntroduction .caBox .infoBox .step,
* html #couturierSchedule .caBox .inqBox{height: 1%;}
/* End hide from IE-mac */


/* IE6 HACKS
--------------------------------------------------*/

* html #couturierIndex .introduce #favorite{
padding-bottom:20px;}
* html #couturierIndex .introduce #favorite dl{
margin-left:20px;}