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

/* --------------------------------------------------------------------------------------
	style map
		- 
		- conHead , conFooter / over write
		- clear (clear fix)
--------------------------------------------------------------------------------------- */

/* PAPERFOLDING COMMON STYLES
--------------------------------------------------*/
.specialPaperfolding{
margin:0;}

#paperfoldingIndex,
#paperfoldingPattern,
#paperfoldingBooks,
#paperfoldingFigure{
color:#600;
}

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

.contentArea{
display:block;
clear:both;
margin:0 5px 20px;
padding:0;
width:642px;
}
.contentArea h2{
display:block;
clear:both;
margin:0 0 5px;
}
.contentArea p{
margin:0 0 15px;
}
.contentArea .photo,
.contentArea .txtBox{
float:left;
margin:0 0 10px;
}
.contentArea .photo{
margin-right:20px;
}
.contentArea .txtBox{
width:420px;
}
.contentArea .txtBox p{
margin:0 0 15px;
}
.contentArea .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 h3{
margin:0;
clear:both;
margin:0 0 5px;
}
.caBox p{
margin:0 0 15px;
}
.caBox p.btm{
margin:0;
}
.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.top{
margin:0 0 10px;
}
.caBox .infoBox{
background:#FFF;
display:block;
clear:both;
margin:0;
padding:10px;
width:574px;
}
.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;
}


/* INDEX STYLES
--------------------------------------------------*/
#paperfoldingIndex .contentArea .txtBox dl{
width:470px;
}
#paperfoldingIndex .contentArea .txtBox dt,
#paperfoldingIndex .contentArea .txtBox dd{
margin:0 0 10px;
}
#paperfoldingIndex .contentArea .txtBox dt{
font-weight:bold;
}

#paperfoldingIndex .caBox{
padding:15px 15px 1px;
}
#paperfoldingIndex .caBox .infoBox{
margin:0 0 15px;
padding:10px;
width:594px;
}
#paperfoldingIndex .caBox .infoBox .txtBox{
width:320px;
}
#paperfoldingIndex .caBox .infoBox .viewFigure{
display:block;
clear:both;
margin:0 0 15px;
width:594px;
}
#paperfoldingIndex .caBox .infoBox .viewFigure dl{
background:#FFF0F0;
border:1px solid #FDD;
display:block;
float:left;
margin:0 8px;
padding:9px;
text-align:center;
width:160px;
}
#paperfoldingIndex .caBox .infoBox .viewFigure dt{
margin:0 0 10px;
}
#paperfoldingIndex .caBox .infoBox .viewFigure dd{
font-weight:bold;
}
#paperfoldingIndex .caBox .infoBox p.btn{
margin:0;
}


/* PATTERN STYLES
--------------------------------------------------*/
#paperfoldingPattern .contentArea .downloadArea{
border-bottom:1px dotted #DDD;
display:block;
clear:both;
margin:0 0 15px;
padding:0 0 15px;
}
#paperfoldingPattern .contentArea .downloadArea .photo{
margin-bottom:0;
}
#paperfoldingPattern .contentArea .downloadArea .txtBox{
width:420px;
}
#paperfoldingPattern .contentArea .downloadArea .txtBox h3{
margin:0 0 10px;
}
#paperfoldingPattern .contentArea .downloadArea .txtBox .subcut{
display:block;
clear:both;
width:420px;
}
#paperfoldingPattern .contentArea .downloadArea .txtBox .subcut dl{
display:block;
float:left;
margin:0 10px 15px 0;
width:200px;
}
#paperfoldingPattern .contentArea .downloadArea .txtBox .subcut dt{
margin:0 0 5px;
}
#paperfoldingPattern .contentArea .downloadArea ul.btnArea{
margin:0 0 15px;}
#paperfoldingPattern .contentArea .downloadArea ul.btnArea li{
display:inline;
}
#paperfoldingPattern .contentArea .downloadArea ul.btnArea li img{
margin:0 5px 0 0;
}
#paperfoldingPattern .contentArea .downloadArea p.caution{
margin-bottom:0;}

#paperfoldingPattern .contentArea #itemBox{
display:block;
clear:both;
padding:0 5px;
width:634px;
}
#paperfoldingPattern .contentArea #itemBox dl{
display:block;
float:left;
margin:0 20px 20px 0;
width:295px;
}
#paperfoldingPattern .contentArea #itemBox dt,
#paperfoldingPattern .contentArea #itemBox dd{
display:block;
float:left;
}
#paperfoldingPattern .contentArea #itemBox dt{
margin-right:10px;
}
#paperfoldingPattern .contentArea #itemBox dd{
font-weight:bold;
width:140px;
}


/* BOOKS STYLES
--------------------------------------------------*/
#paperfoldingBooks .contentArea #itemBox{
display:block;
clear:both;
padding:0 5px;
width:634px;
}
#paperfoldingBooks .contentArea #itemBox dl{
display:block;
float:left;
margin:0 20px 20px 0;
width:295px;
}
#paperfoldingBooks .contentArea #itemBox dt,
#paperfoldingBooks .contentArea #itemBox dd{
display:block;
float:left;
}
#paperfoldingBooks .contentArea #itemBox dt{
margin-right:10px;
}
#paperfoldingBooks .contentArea #itemBox dd{
font-weight:bold;
width:140px;
}


/* FIGURE STYLES
--------------------------------------------------*/
#paperfoldingFigure{
margin:0;
padding:0;
font-size:small;
}
#paperfoldingFigure a img{
border:0;
}
#paperfoldingFigure a{
text-decoration:none;
}
#paperfoldingFigure .head,
#paperfoldingFigure .photoArea,
#paperfoldingFigure .naviArea,
#paperfoldingFigure .foot{
display:block;
margin:10px;
}
#paperfoldingFigure .photoArea img{
margin-bottom:5px;
}
#paperfoldingFigure .photoArea p{
text-align:center;
margin:0 0 15px;
}

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


/* CLEAR FIX
--------------------------------------------------*/
.contentArea:after,
.contentArea caBox .infoBox:after,
.contentArea caBox .infoBox .itemArea:after,
#paperfoldingIndex .caBox .infoBox .viewFigure:after,
#paperfoldingPattern .contentArea .downloadArea:after,
#paperfoldingPattern .contentArea .downloadArea .txtBox .subcut:after,
#paperfoldingPattern .contentArea #itemBox:after,
#paperfoldingBooks .contentArea #itemBox:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .contentArea,
* html .caBox .infoBox,
* html .caBox .infoBox .itemArea,
* html #paperfoldingIndex .caBox .infoBox .viewFigure,
* html #paperfoldingPattern .contentArea .downloadArea,
* html #paperfoldingPattern .contentArea .downloadArea .txtBox .subcut,
* html #paperfoldingPattern .contentArea #itemBox,
* html #paperfoldingBooks .contentArea #itemBox{height: 1%;
}
/* End hide from IE-mac */


/* IE6 HACKS
--------------------------------------------------*/
*html #paperfoldingIndex .caBox .infoBox .viewFigure dl{
margin:0 6px;
}
*html #paperfoldingPattern .contentArea .downloadArea .txtBox .subcut dl{
margin:0 6px 15px 0;
}