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

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

/* WOOLFELT COMMON STYLES
--------------------------------------------------*/

#woolfeltIndex,
#woolfeltInterview,
#woolfeltExhibition,
#woolfeltIntroduction{
color:#600;}

#conHead ul,
ul.conFootNav,
.caBox{
background:#FFF0CC;}
#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 .photo img{
margin-bottom:10px;}
.introduce .txtBox{
width:420px;}
.introduce .txtBox p{
margin:0 0 15px;}

.caBox{
clear:both;
margin:0 5px 20px;
padding:15px;
width:612px;}
.caBox h2{
margin:0;
clear:both;}
.caBox p{
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:350px;}
.caBox .infoBox .txtBox h2{
margin:0 0 10px;}
.caBox .infoBox .txtBox p{
margin:0 0 15px;}
.caBox .infoBox .txtBox p.btn{
text-align:center;}


/* WOOLFELT INDEX STYLES
--------------------------------------------------*/

#woolfeltIndex .introduce p.read{
margin-bottom:15px;}
#woolfeltIndex .introduce ul{
list-style-type:none;}
#woolfeltIndex .introduce ul li{
display:inline;
margin:0 5px;}

.introduce .txtBox{
margin-bottom:20px;}

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

#woolfeltIndex .introduce .items{
display:block;
clear:both;
margin:0 0 10px;
padding:0;
width:642px;}
#woolfeltIndex .introduce .items dl{
display:block;
float:left;
margin:0 5px;
padding:0;
width:200px;}
#woolfeltIndex .introduce .items dt img{
margin-bottom:10px;}

#woolfeltIndex .caBox{
padding:15px 15px 1px;}

#woolfeltIndex .caBox .recommendbooks{
border:1px solid #C96;
background:#FFF;
display:block;
clear:both;
margin:0 0 15px;
padding-bottom:20px;
width:610px;}
#woolfeltIndex .caBox .recommendbooks dl,
#woolfeltIndex .caBox .recommendbooks dt,
#woolfeltIndex .caBox .recommendbooks dd{
display:block;
float:left;}
#woolfeltIndex .caBox .recommendbooks dl{
margin:0 0 0 20px;
width:278px;}
#woolfeltIndex .caBox .recommendbooks dt{
margin-right:10px;}
#woolfeltIndex .caBox .recommendbooks dd{
width:140px;}
#woolfeltIndex .caBox .recommendbooks dd p{
margin-bottom:15px;}
#woolfeltIndex .caBox .recommendbooks dd ul li{
margin-bottom:10px;}


/* WOOLFELT INTERVIEW STYLES
--------------------------------------------------*/

#woolfeltInterview .caBox .infoBox{
margin:0 0 15px;}

#woolfeltInterview .caBox .infoBox .itemBox{
display:block;
clear:both;
width:570px;}
#woolfeltInterview .caBox .infoBox .itemBox .txtBox p.q,
#woolfeltInterview .caBox .infoBox .itemBox .txtBox p.a{
padding:0 0 5px 50px;
width:300px;}
#woolfeltInterview .caBox .infoBox .itemBox .txtBox p.q{
background:url(../images/interview_icon_q.jpg) no-repeat;}
#woolfeltInterview .caBox .infoBox .itemBox .txtBox p.a{
background:url(../images/interview_icon_a.jpg) no-repeat;}

#woolfeltInterview .caBox .movieArea{
border:1px solid #EDB;
background:url(../images/interview_bg_macaron.jpg) repeat-x;
display:block;
clear:both;
margin:0;
padding:20px;
width:530px;}
#woolfeltInterview .caBox .movieArea p.photo{
margin:0 15px 0 0;}
#woolfeltInterview .caBox .movieArea .txtBox{
width:315px;}

#woolfeltInterview .caBox .originArea{
border:1px solid #C96;
background:#FFF;
display:block;
clear:both;
margin:0;
padding:10px;
width:594px;}
#woolfeltInterview .caBox .originArea .itemBox{
display:block;
padding:15px;
width:564px;}
#woolfeltInterview .caBox .originArea .itemBox .photo,
#woolfeltInterview .caBox .originArea .itemBox .txtBox{
float:left;}
#woolfeltInterview .caBox .originArea .itemBox .photo{
margin:0 14px 0 0;
width:150px;}
#woolfeltInterview .caBox .originArea .itemBox .txtBox{
width:400px;}


/* WOOLFELT EXHIBITION STYLES
--------------------------------------------------*/

#woolfeltExhibition .caBox .infoBox .itemBox{
display:block;
clear:both;
width:574px;}
#woolfeltExhibition .caBox .infoBox .itemBox dl{
display:block;
float:left;
margin:0 0 15px;
padding:0;
height:250px;
overflow:visible;
width:280px;}
#woolfeltExhibition .caBox .infoBox .itemBox dl.top{
height:265px;}
#woolfeltExhibition .caBox .infoBox .itemBox dl.left{
margin-right:10px;}
#woolfeltExhibition .caBox .infoBox .itemBox dl.btm{
height:250px;
margin-bottom:0;}
#woolfeltExhibition .caBox .infoBox .itemBox dt{
margin:0 0 10px;}


/* WOOLFELT INTRODUCTION STYLES
--------------------------------------------------*/

#woolfeltIntroduction .caBox .infoBox .itemBox{
border-bottom:1px dotted #C96;
display:block;
clear:both;
margin-bottom:15px;
width:574px;}
#woolfeltIntroduction .caBox .infoBox .itemBox .photo,
#woolfeltIntroduction .caBox .infoBox .itemBox .detail{
display:block;
float:left;}
#woolfeltIntroduction .caBox .infoBox .itemBox .photo{
margin-bottom:0;}
#woolfeltIntroduction .caBox .infoBox .itemBox .photo img{
margin-bottom:15px;}
#woolfeltIntroduction .caBox .infoBox .itemBox .detail{
width:350px;}
#woolfeltIntroduction .caBox .infoBox .itemBox .detail dt,
#woolfeltIntroduction .caBox .infoBox .itemBox .detail dd{
margin-bottom:10px;}
#woolfeltIntroduction .caBox .infoBox .itemBox .detail dt{
font-weight:bold;}
#woolfeltIntroduction .caBox .infoBox .itemBox .detail dt .price{
color:#F00;
margin-left:15px;}
#woolfeltIntroduction .caBox .infoBox .itemBox .detail dd.btn{
text-align:center;}

#woolfeltIntroduction .caBox .infoBox .itemBox .detailL dt,
#woolfeltIntroduction .caBox .infoBox .itemBox .detailL dd{
margin-bottom:10px;}
#woolfeltIntroduction .caBox .infoBox .itemBox .detailL dt{
font-weight:bold;}
#woolfeltIntroduction .caBox .infoBox .itemBox .detailL dt .price{
color:#F00;
margin-left:15px;}

#woolfeltIntroduction .caBox .infoBox .itemBox .thumb{
display:block;
clear:both;}
#woolfeltIntroduction .caBox .infoBox .itemBox .thumb dl{
display:block;
float:left;
margin:0 14px 10px 0;
width:100px;}
#woolfeltIntroduction .caBox .infoBox .itemBox .thumb dt{
margin:0 0 5px;}
#woolfeltIntroduction .caBox .infoBox .itemBox .thumb dt,
#woolfeltIntroduction .caBox .infoBox .itemBox .thumb dd{
margin:0 0 10px;}


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

.introduce:after,
.caBox .infoBox:after,
.caBox .infoBox .itemArea:after,
.caBox .infoBox .txtBox ul.exImg:after,
#woolfeltIndex .introduce dl.website:after,
#woolfeltIndex .introduce .items:after,
#woolfeltIndex .caBox .recommendbooks:after,
#woolfeltInterview .caBox .infoBox:after,
#woolfeltInterview .caBox .infoBox .itemBox:after,
#woolfeltInterview .caBox .movieArea:after,
#woolfeltInterview .caBox .originArea:after,
#woolfeltIntroduction .caBox .infoBox .itemBox:after,
#woolfeltIntroduction .caBox .infoBox .itemBox .thumb: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 #woolfeltIndex .introduce dl.website,
* html #woolfeltIndex .introduce .items,
* html #woolfeltIndex .caBox .recommendbooks,
* html #woolfeltInterview .caBox .infoBox .itemBox,
* html #woolfeltInterview .caBox .infoBox,
* html #woolfeltInterview .caBox .movieArea,
* html #woolfeltInterview .caBox .originArea,
* html #woolfeltIntroduction .caBox .infoBox .itemBox,
#woolfeltIntroduction .caBox .infoBox .itemBox .thumb{height: 1%;}
/* End hide from IE-mac */


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

* html #woolfeltIndex .caBox .recommendbooks{
padding-bottom:20px;}
* html #woolfeltIndex .caBox .recommendbooks dl{
margin:0 0 10px 10px;
width:278px;}
* html #woolfeltInterview .caBox .infoBox .itemBox{
margin:0 0 20px;}
* html #woolfeltExhibition .caBox .infoBox .itemBox dl{
margin:0 0 15px;}
* html #woolfeltExhibition .caBox .infoBox .itemBox dl.left{
margin-right:10px;}
* html #woolfeltIntroduction .caBox .infoBox .itemBox .photo img{
margin-bottom:15px;}
* html #woolfeltIntroduction .caBox .infoBox .itemBox .thumb dl{
margin-right:12px;}