@charaset "shift_jis"; 

/* ============================= 共通 =============================  */
* { 
	padding: 0px;
	margin: 0px;
	border: none;
	box-sizing:border-box;
}
h2,h3,h4{padding:0px; margin:0px; font-size:1em; }
ul,li{list-style:none; padding:0px; margin:0px;}
#main_o{
	width: 558px;
	overflow: hidden;
	}

.clea{
	clear: both;
	height: 4px;
	width: 528px;
}
.cb10{
	clear: both;
	height: 20px;
	width: 528px;
}
.cb20{
	clear: both;
	height: 20px;
	width: 528px;
}
.clea_hasen{
	clear: both;
	height: 1px;
	width: 528px;
	background: url(../../img/pref/2010kyoto/hasen.gif) no-repeat;
	margin: 10px 15px;
}


/*京都2011*/

#topics{
	background:#ad514b;
	padding-bottom:10px;
}

.main_txt{
	font-size:12px;
	color:#fff;
	padding:0 5px 5px 5px;
	line-height:15px;
	
}
.shun_bar{
	margin-left:5px;
}
.shun{
	height:auto;
	width:550px;
	background:url(../../img/pref/2010kyoto/shun_back.jpg) repeat-y;
	margin-left:6px;
	padding-top:8px;
}

.t_shun{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}

.p_shun{
	margin:2px 5px 5px 10px;
	width:140px;
	height:110px;
	padding:1px;
	border:#900 solid 1px;
	float:left;
}

.r_shun{
	width:105px;
	float:left;
	margin-top:10px;
	margin-left:5px;
	font-size:15px;
}

.shun_pla{
	margin-bottom:5px;
	width:270px;
	height:auto;
	float:left;
}
.shun_end{
	height:40px;
	width:550px;
	clear:both;
	background:url(../../img/pref/2010kyoto/shun_back_end.jpg) no-repeat;
	margin-left:6px;
	margin-bottom:5px;
	padding-top:5px;
}

.shun_summer{
	height:auto;
	width:530px;
	margin:0px auto 0px;
	padding:8px 0px;
	border-bottom:#999999 1px dotted;
	
}
.shun_catch{
	font-weight:bold;
	font-size:15px;
}
.shun_summer .img_left{
	width:170px;
	height:130px;
	float:left;
	margin-left:15px;
	margin-top:10px;
}
.pla_right{
	float:left;
	margin-left:5px;
	margin-top:5px;
	width:340px;
}
.shun_title{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline !important;
	margin-bottom:3px;
	padding-left:3px;
}
.shun_price{
	font-size: 18px;
	color: #F00;
	font-weight: bold;
	margin-bottom:3px;
	padding-left:3px;
}
.shun_yoyaku{
	margin-top:5px;
	float:right;
	padding-right:5px;
}
.shun_yoyaku a:hover img{
	opacity:0.7;
}
.sonotapla{
	background:url(../../img/pref/2010kyoto/sonota_pla.jpg) no-repeat;
	width:270px;
	height:24px;
	display:block;
	text-indent:-9999px;
	margin-bottom: 5px;
	margin-left: 280px;
}
a:hover.sonotapla{ 	
	background-position:bottom left;
}
.sonotapla2{
	background:url(../../img/topics/2010kyoto/sonota_pla2.jpg) no-repeat;
	width:270px;
	height:24px;
	display:block;
	text-indent:-9999px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 280px;
}
a:hover.sonotapla2{ 	
	background-position:bottom left;
}

.osusume_pla{
	width:546px;
	height:auto;
	background:#FFF;
	border:#d47659 solid 1px;
	margin-top: 10px;
	margin-right: 6px;
	margin-bottom: 10;
	margin-left: 6px;
}
.susume{
	width:540px;
	height:auto;
	background:url(../../img/pref/2010kyoto/susume_b_c.jpg) repeat-y;
	overflow:auto;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}
.ttl{
	background:url(../../img/topics/2010kyoto/ttlBg.jpg);
	font-size:22px;
	font-weight:bold;
	color:#990000;
	text-align:center;
	padding:14px 0px 24px;
	margin-bottom:8px;
}
.pla_txt{
	background:url(../../img/pref/2010kyoto/hanaicon.jpg) no-repeat;
	padding-left:23px;
	margin-left:5px;
	margin-bottom:3px;
	margin-top:3px;
	font-weight:bold;
	font-size:16px;
	padding-bottom:4px;
}

.susume_pla{
	margin-left:7px;
	margin-bottom:15px;
	width:256px;
	border:#FCC solid 1px;
	float:left;
}

.p_photo{
	width:180px;
	height:140px;
	padding:1px;
	border:#F99 1px solid;
	margin:3px auto;
}
.p_photo img{
	width:180px;
	height:140px;
}
.p_right{
	text-align:center;
	width:110px;
	float:left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
}
.planPrice{
	font-size:20px;
	font-weight:bold;
	color:#F00;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float:left;
	padding:5px;
}

.yoyakushosai a{
	background:url(../../img/topics/2010kyoto/yoyakushosai.jpg) no-repeat;
	width:108px;
	height:26px;
	display:block;
	text-indent:-9999px;
	margin:8px;
	float:right;
}
.yoyakushosai a:hover{ 	
	background-position:bottom left;
}

.pla_txt_s{
	font-size:14px;
	line-height:16px;
	margin:3px;
}
@media(max-width:670px){
p{
	float:none!important;
}
.susume_pla{
	width:100%;
	float:none;
	padding:8px;
	border:none;
	margin:0;
	border-bottom:#666666 1px dotted;
}
.pla_txt{
	background:url(../../img/pref/2010kyoto/hanaicon.jpg) no-repeat;
	padding-left:23px;
	margin-left:5px;
	margin-bottom:3px;
	margin-top:3px;
	font-weight:bold;
	font-size:15px;
}
.p_photo{
	width:80%;
	height:auto;
	border:none;
	margin:3px auto;
}
.p_photo img{
	width:100%;
	height:auto;
}
.planPrice{
	font-size:18px;
	font-weight:bold;
	color:#F00;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float:none;
	text-align:center;
	padding:5px;
}
.planPrice:before{
	content:'おひとり様';
	font-weight:normal;
	color:#666666;
	font-size:13px;
}
.yoyakushosai{
	position:relative;
	width:80%;
	height:40px;	
	margin:5px auto;
	padding:0!important;
}
.yoyakushosai a{
	background:#FF9900;
	width:100%;
	text-align:center;
	display:block;
	height:40px;	
	float:none;
	margin:0;
	border: #C60 1px solid;
}
.yoyakushosai:after{
	position:absolute;
	content:'詳細・予約';
	color:#fff;
	left:40%;
	top:0px;
	text-align:center;
	line-height:40px;
	font-weight:bold;
}
.yoyakushosai a:hover{ 	
	background-position:bottom left;
}
}


/*宿泊とレンタカー追加*/
.s_r{
	width:552px;
	margin:10px 0 10px 3px;
	font-size:14px;
	font-weight:bold;
	background:url(../../img/topics/2010kyoto/info_c.jpg) repeat-y;

}
.s_r td{
	line-height:15px;
}
.s_r_txt{
	padding-left:30px;
}
.site_name{
	background:url(../../img/topics/2010kyoto/icon.jpg) no-repeat;
	font-size:16px;
	padding-left:20px;
	margin-top:5px;
	margin-left:80px;
}