/*===============================================
				public
===============================================*/
.swapArea:after,
.contentsBox:after{
content:'';
display:block;
clear:both;
}
.swapArea,
.contentsBox{
min-height:1px;
⁄zoom:1;
_height:1px;
}
#plan {
margin:0 0 70px;
}
#plan h4{
color:#563001;
font-weight:bold;
font-size:140%;
line-height:1.6;
margin-bottom:1.4em;
}
.contentsArea .contentsBox {
margin-bottom:3em;
}
.contentsBox h5{
color:#805903;
font-weight:bold;
}
.contentsBox p{
margin:0 0 2em;
}
.contentsArea .contentsBox .textArea{
width:400px;
min-height:470px;
height:auto !important;
height:470px;
position:relative;
}
.contentsBox .textArea h6{
font-weight:bold;
}
.contentsBox .textArea .btn01{
position:absolute;
bottom:0px;
right:10px;
}
.contentsBox .imgBox{
width:300px;
}
.contentsBox .imgBox img{
margin:0 0 2px;
}
.contentsBox .textArea .btn02{
width:400px;
}
.swapArea{
margin:0 0 20px;
}
.swapArea .imgArea{
float:left;
width:650px;
height:410px;
}
.swapArea .imgArea img{
margin-bottom:20px;
}
.swapArea .thumbsArea{
float:right;
width:57px;
}
.swapArea .thumbsArea li{
margin-bottom:4px;
}
.swapArea .imgArea{
text-align:left;
}
.swapArea .imgArea p{
margin:0 0 2em;
}
.swapArea .imgArea h5{
color:#563001;
}
.swapArea .imgArea h6{
font-weight:bold;
}
/*===============================================
				List
===============================================*/
.contentsList img{
float:left;
display:block;
}
.contentsList .contentsBox {
width:718px;
height:auto;
clear:both;
margin:0 0 1px;
}
.contentsList .contentsBox .textArea{
position:relative;
min-height:180px;
height:auto !important;
height:180px;
}
.contentsList .contentsBox .textArea h5{
margin:10px 0 0 0;
}
.contentsList .contentsBox .imgBox{
position:relative;

}
.contentsList .m20{
margin:20px 0 0;
}
.contentsList .contentsBox .btn01{
width:120px;
position:absolute;
}