/*===============================================
				public
===============================================*/
.descArea:after,
.listContainer:after,
.swapArea:after,
.contentsBox:after{
content:'';
display:block;
clear:both;
}
.descArea,
.listContainer,
.swapArea,
.contentsBox{
min-height:1px;
⁄zoom:1;
_height:1px;
}
#spa {
margin:0 0 70px;
}
#spa h4{
color:#563001;
font-weight:bold;
font-size:140%;
line-height:1.6;
margin-bottom:1.4em;
}
.contentsBox h5{
color:#805903;
font-weight:bold;
}
.contentsBox p{
margin:0 0 2em;
}
.contentsBox .textArea{
width:400px;
position:relative;
}
.contentsBox .textArea h6{
font-weight:bold;
}
.contentsBox .textArea .btn01{
position:absolute;
bottom:0px;
right:10px;
}
.contentsBox .imgBox{
width:300px;
position:relative;
}
.contentsBox .imgBox .imgArea{
height:450px;
}
.contentsBox .imgBox img{
margin:0 0 2px;
}
.swapArea .imgArea{
height:350px;
}
.contentsBox .textArea .btn02{
width:400px;
}
.contentsArea .contentsBox{
margin-bottom:2em;
}
.contentsArea .descArea {
width:700px;
border-top:1px dotted #ccc;
padding-top:15px;
}
.contentsArea .descArea .floatLeft,.contentsArea .descArea .floatRight{
width:350px;
height:250px;
}
.contentsArea .descArea h5{
font-weight:bold;
}
.contentsArea .descArea .floatLeft p,.contentsArea .descArea .floatLeft h5{
margin:0 5px;
}
.contentsArea .descArea .floatRight p,.contentsArea .descArea .floatRight h5{
margin:0 15px;
}
.contentsArea .descArea .floatLeft p,.contentsArea .descArea .floatRight p{
margin-bottom:2em;
}
.contentsArea .descArea .clear{
margin-bottom:2em;
}
#attentionArea{
clear:both;
margin:2em 0;
padding:15px 30px;
background-color:#fef8e4;
}
#attentionArea ul{
padding:0 0 0 1em;
}
#attentionArea li{
text-indent:-1em;
}
.footArea .btnArea{
margin:40px 0 0;
width:718px;
text-align:center;
}
/*===============================================
				List
===============================================*/
.contentsList .contentsBox{
margin-bottom:2em;
}
.contentsBox .imgArea {
padding-bottom:64px;
}
.contentsBox .imgBox .thumbsArea{
position:absolute;
right:0;
bottom:0;
}
.contentsBox .imgBox .thumbsArea li{
margin-left:4px;
}
.contentsBox .swapArea li{
margin-bottom:4px;
float:left;
}
.contentsBox table.defaultTable{
border-top:1px dotted #000;
border-bottom:1px dotted #000;
font-size:90%;
}
.contentsBox table.defaultTable th{
width:80px;
height:60px;
text-align:left;
text-indent:1em;
}
.contentsBox table.defaultTable td{
text-align:left;
padding:0 0 0 5px;
background-color:#fff;
}
.contentsList .swapArea{
margin-bottom:2em;
}
.contentsList .swapArea .imgArea{
width:580px;
margin-bottom:1em;
}
.contentsList .swapArea .thumbsArea{
width:130px;
min-height:350px;
height: auto !important;
height:350px;
position:relative;
}
.contentsList .swapArea .thumbsArea li{
margin-bottom:4px;
}
.contentsList .swapArea ul{
width:57px;
position:absolute;
bottom:0;
}
.contentsList .swapArea .floatRight ul{
left:0;
}
.contentsList .swapArea .floatLeft ul{
right:0;
}
.contentsList .swapArea p{
clear:both;
margin:0 6px 2em;
}
.contentsList .listContainer{
border-top:1px dotted #ccc;
margin-top:20px;
}
.contentsList .listContainer .floatRight{
width:357px;
}
.contentsList .listContainer .floatRight img{
margin-top:43px;
float:left;
}
.contentsList .listContainer .floatRight h5{
width:140px;
float:right;
margin-top:-43px;
}
.contentsList .listContainer .floatRight p{
clear:both;
}
.contentsList .listContainer .floatLeft{
width:351px;
}
.contentsList .listContainer .floatLeft p{
margin:3px 5px;
color:#8e5920;
}
.contentsList .listContainer .floatLeft img{
margin-top:30px;
}
.contentsList .listContainer .floatLeft .btn01{
width:120px;
float:right;
}