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

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

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

#couturierIndex,
#couturierMushroom,
#couturierRose,
#couturierIntroduction,
#couturierSacycle,
#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{
line-height:180%;
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,
.caBox .infoBox .txtBoxS{
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 .introduce p.read{
margin-bottom:15px;}
#couturierIndex .introduce ul{
list-style-type:none;}
#couturierIndex .introduce ul li{
display:inline;
margin:0 5px;}


/* COUTURIER MUSHROOM STYLES
--------------------------------------------------*/

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

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


/* COUTURIER ROSE STYLES
--------------------------------------------------*/

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

#couturierRose .caBox{
padding:15px;}
#couturierRose .caBox .infoBox{
padding-bottom:0;}
#couturierRose .caBox .infoBox .itemBox p.top{
margin-top:20px;}
#couturierRose .caBox .infoBox .itemBox p.qa{
display:inline;
margin:0 5px;}
#couturierRose .caBox .infoBox .itemBox p.qa img{
margin:0 0 10px;}
#couturierRose .caBox .infoBox .txtBox{
width:320px;}
#couturierRose .caBox .infoBox .txtBoxS{
width:230px;}
#couturierRose .caBox .infoBox .itemBox{
display:block;
clear:both;
margin:0;
width:574px;}
#couturierRose .caBox .infoBox .itemBox .photo,
#couturierRose .caBox .infoBox .itemBox .photo img{
margin:0;}
#couturierRose .caBox .infoBox .itemBox .txtBox p.top,
#couturierRose .caBox .infoBox .itemBox .txtBoxS p.top{
margin-top:80px;}


/* 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 SACYCLE STYLES
--------------------------------------------------*/

#couturierSacycle .caBox{
padding:15px;}
#couturierSacycle .caBox .infoBox{
padding-bottom:0;}

#couturierSacycle .caBox .infoBox .itemBox{
display:block;
clear:both;
margin:0;
width:574px;}
#couturierSacycle .caBox .infoBox .itemBox .imgBox{
display:block;
float:left;
margin-right:20px;
width:210px;}
#couturierSacycle .caBox .infoBox .itemBox .imgBox table.sacycle{
background:#C7C7C7;
border:0;
margin:0 0 15px;
padding:0;}
#couturierSacycle .caBox .infoBox .itemBox .imgBox table.sacycle td{
padding:0;}
#couturierSacycle .caBox .infoBox .itemBox .imgBox table.sacycle td img{
border:0;}
#couturierSacycle .caBox .infoBox .itemBox .txtBox{
width:340px;}
#couturierSacycle .caBox .infoBox .itemBox .txtBox .recommend{
background:url(../images/common_bg_favorite.jpg) repeat-x;
border:1px solid #DA8;
width:338px;}
#couturierSacycle .caBox .infoBox .itemBox .txtBox .recommend dl{
border:1px solid #FFF;
clear:both;
display:block;
margin:0;
padding:20px;
width:298px;}
#couturierSacycle .caBox .infoBox .itemBox .txtBox .recommend dt,
#couturierSacycle .caBox .infoBox .itemBox .txtBox .recommend dd{
display:block;
float:left;
margin:0;
padding:0;}
#couturierSacycle .caBox .infoBox .itemBox .txtBox .recommend dt{
width:150px;}
#couturierSacycle .caBox .infoBox .itemBox .txtBox .recommend dd{
font-weight:bold;
width:148px;}

.specialCouturierSacycle{
margin:0;
padding:0;
font-size:small;}
.specialCouturierSacycle a img{
border:0;}
.specialCouturierSacycle a{
text-decoration:none;}
.specialCouturierSacycle .head,
.specialCouturierSacycle .photoArea,
.specialCouturierSacycle .naviArea,
.specialCouturierSacycle .foot{
display:block;
margin:10px;}
.specialCouturierSacycle .head p{
float:right;}
.specialCouturierSacycle .head p a{
color:#600;
text-decoration:underline;}
.specialCouturierSacycle .photoArea img{
margin-bottom:5px;}
.specialCouturierSacycle .photoArea p{
text-align:center;
margin:0 0 15px;}

.specialCouturierSacycle .foot{
margin:0;}
.specialCouturierSacycle .naviArea ul{
display:block;
clear:both;
list-style-type:none;
margin:0;
padding:0;
width:400px;}
.specialCouturierSacycle .naviArea ul li{
display:block;
float:left;}
.specialCouturierSacycle .naviArea ul li.prev,
.specialCouturierSacycle .naviArea ul li.next{
width:120px;}
.specialCouturierSacycle .naviArea ul li.close{
width:160px;
text-align:center;}
.specialCouturierSacycle .naviArea ul li.next{
text-align:right;}


/* 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,
#couturierMushroom .introduce #favorite:after,
#couturierMushroom .caBox .infoBox:after,
#couturierMushroom .caBox .infoBox .itemBox:after,
#couturierRose .introduce ul.items:after,
#couturierRose .introduce #favorite:after,
#couturierRose .caBox .infoBox:after,
#couturierRose .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,
#couturierSacycle .caBox .infoBox:after,
#couturierSacycle .caBox .infoBox .itemBox .txtBox .recommend dl:after,
.specialCouturierSacycle .naviArea ul: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 #couturierMushroom .introduce #favorite,
* html #couturierMushroom .caBox .infoBox,
* html #couturierMushroom .caBox .infoBox .itemBox,
* html #couturierRose .introduce ul.items,
* html #couturierRose .introduce #favorite,
* html #couturierRose .caBox .infoBox,
* html #couturierRose .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 #couturierSacycle .caBox .infoBox,
* html #couturierSacycle .caBox .infoBox .itemBox .txtBox .recommend dl,
* html .specialCouturierSacycle .naviArea ul,
* 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;}