@charset "shift_jis";
/*-----------------------------------------------

 cm.css[特集vol03 CSS]

-------------------------------------------------

 cm/index.html

-----------------------------------------------*/

/* 共通設定 */
div#navigation {
	background-image: url(../../img/navi/bg_navi_special.gif);
}
#specialContent {
	padding: 25px 20px 0 20px;
	background: url(../../img/common/area01_head_bg.gif) no-repeat left top;
}
#kiyomoriCM {
	color: #3c3c3c;
}
#kiyomoriCM h2 {
	padding: 0px 0px 35px;
}

#kiyomoriCM #LeftSection {
	width: 590px;
	float: left;
}
/* 尾道水道 */
#onomichisuidou #onomichisuidouMap {
	padding-top: 20px;
}
/* 千光寺新道 */
#senkoujishindou #senkoujishindouMap{
	overflow: hidden;
}
#senkoujishindou #senkoujishindouMap .left{
	float:left;
}
#senkoujishindou #senkoujishindouMap .right{
	float:right;
}
/* 尾道の海 */
#umi .bg_top{
	background: url(../img/bg_umi-top.jpg) no-repeat center top;
	padding-top: 33px;
	margin-top: 33px;
}
#umi .bg_bottom{
	background:url(../img/bg_umi-bottom.jpg) no-repeat center bottom;
	padding-bottom:27px;
}
#umi .bg_body{
	background: url(../img/bg_umi-body.jpg) repeat-y center top;
}
#umi .umiTopBox,
#umi .umiBottomBox{
	overflow:hidden;
	padding:0 25px 0 27px;
}
#umi .umiTopBox .left{
	width: 286px;
	padding-top: 25px;
}
#umi .umiTopBox .left .umiTxt01{
	padding: 10px 0 25px 0;
	line-height: 1.8em;
	letter-spacing: -0.8px;
}
#umi .umiTopBox .right{
	padding-top:27px;
}
#umi .umiBottomBox .right{
	width: 285px;
}
#umi .umiBottomBox .right .umiTxt02{
	padding: 10px 0 5px 0;
	line-height: 1.8em;
	letter-spacing: -0.8px;
}

/* 右カラム */
#kiyomoriCM #RightSection {
	width: 315px;
	float: right;
}
#kiyomoriCM #RightSection #bgCMSpotBody {
	background: url(../img/bg_cm-body.gif) repeat-y left top;
	width: 315px;
}
#kiyomoriCM #RightSection #bgCMSpotBody #bgCMSpotTop {
	background: url(../img/bg_cm-top.gif) no-repeat left top;
	width: 315px;
}
#kiyomoriCM #RightSection #bgCMSpotBody #bgCMSpotTop #bgCMSpotBottom {
	background: url(../img/bg_cm-bottom.gif) no-repeat left bottom;
}
#kiyomoriCM #RightSection #bgCMSpotBody ul {
	width: 250px;
	padding: 45px 0px 48px 34px;
}
#kiyomoriCM #RightSection #bgCMSpotBody ul li {
	text-align: center;
	width: 250px;
}
#kiyomoriCM #RightSection #bgCMSpotBody ul li img {
	text-align: center;
}

/* Footer */
#spotFooter {
	padding-bottom: 15px;
}
#odekakeContents .SocialBtn {
	clear: both;
	margin-top: -25px;
	padding-bottom: 60px;
}



/* /////////////////////////////////////////////////////////////////////////// margin style */

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt45{ margin-top:45px !important; }
.mt50{ margin-top:50px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.mb50{ margin-bottom:50px !important; }

.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }

.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.pr0 { padding-right:0px !important; }
.txtC { text-align: center; }