@charset "UTF-8";

#header {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}

#campanyhead {
	width: 470px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	font-size: 14px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #AAA29C;
	
}


#mainImage p#mainPhoto,
#mainImage p#catchCopy {
float: left;
width: 700px;
}
#contentsArea #mainContents {
	float: left;
	width: 400px;
}
#contentsArea #mainContents h2 {
margin-bottom: 5px;
padding-bottom: 2px;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-color: #0A3359;
}
#contentsArea #mainContents li {
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left 3px;
}
#contentsArea #mainContents #recommendBlock { margin-bottom: 15px; }
.recommendMenuBox {
width: 227px;
background-color: #EDEDE9;
}
.grayBottomBox {
width: 227px;
padding-bottom: 6px;
background-image: url(images/gray_box_bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.grayTopBox {
width: 213px;
padding-top: 6px;
padding-right: 7px;
padding-left: 7px;
background-image: url(images/gray_box_top.gif);
background-repeat: no-repeat;
background-position: center top;
}
.recommendMenuBox h3 { margin-bottom: 3px; }
.recommendMenuBox p {
margin-bottom: 2px;
margin-left: 157px;
}
.recommendMenuBox ul { margin-bottom: 5px; }
.recommendMenuBox li span { font-size: 83.3%; }

#contentsArea #sideContents h2 {
margin-bottom: 5px;
padding-bottom: 2px;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-color: #0A3359;
}
#contentsArea #sideContents {
	float: right;
	width: 260px;
}
#sideContents ul#bannerBox { margin-bottom: 7px; }
#sideContents ul#bannerBox li { margin-bottom: 5px; }
#sideContents ul#bannerBox img {
padding: 2px;
border: 1px solid #8499AC;
}

#sideContents #grayBottomBox170 {
width: 170px;
padding-bottom: 6px;
background-image: url(images/gray_box170_bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
#sideContents #grayTopBox170 {
width: 157px;
padding-top: 6px;
padding-right: 6px;
padding-left: 7px;
background-image: url(images/gray_box170_top.gif);
background-repeat: no-repeat;
background-position: center top;
}

clear { clear:both; }  
.clear hr { display:none; }