@charset "utf-8";
/* CSS Document */


/* plan==========================

	1.Common
	2.Index
	3.Details Page
	
*/

/* 1.Common ==============================================*/
h1{
	margin:0;
	padding:0;
}

div#mainVis{
	/*background:url(../img/main_viz.jpg) no-repeat center top !important;*/
	height:400px;
	width:100%;
	position:absolute;
	z-index:0;
}
div#footerInner{
	margin-top:0px
}
div#contents{
	position:relative;
	top:405px;
}
div#contentsInner02{
	padding-left:0px;
	background:none;
}
.frameOuter{
	padding-bottom:15px;
}
.sideMenu{
	float:left;
	display:inline;
	margin-left:14px;
	width:190px;

}
.sideMenuInner{
	width:100%;
}
.frameMain{
	float:left;
	width:756px;
}
.mainCont{
	float:right;
	width:503px;
}
.mainLeft{
	float:left;
	width:240px;
	margin-top:9px;
}
ul.blogBanner{
	margin:11px 0 0 5px;
}
ul.blogBanner li{
	display:inline;
	float:left;
}

/* start twitter banner */

.twiiterBanner {
  overflow:hidden;
	padding:11px 7px 0 7px;
}

.twiiterBanner:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}

* html .twiiterBanner {display:inline-block;}

li.twiiterBannerr a {
	display:block;
	width:237px;
	height:65px;
	background:url(../img/banner/twitter.jpg) no-repeat 0 0;
	text-indent:-1000px;
}

li.twiiterBannerr a:hover {
	background:url(../img/banner/twitter.jpg) no-repeat 0 -65px;
}

p.staffblog {
	width:237px;
	float:right;
}


ul.twiiterBannerl {
	width:237px;
	float:left;
}
ul.twiiterBannerl li{
	margin:0 0 5px 0;
}

/* end twitter banner */

/* start eqbanner */

.eqbanner {
	text-align:center;
	margin:10px 0;
}
/* end eqbanner */





ul.blogBanner li.bannerFirst{
	margin-right:17px;
}
div.top_page{
	border-top:1px solid #c7d0df;
	clear:both;
	margin:0 20px 0 0;
	text-align:right;
}
/*  weather ==== */
div.weatherBox{
	width:240px;
	height:100px;
	background:url(../img/bg_weather2.gif) no-repeat;
	margin:6px auto 0 auto;
	text-align:center;
}
div.weatherBox img{
	margin:21px 0 0 0;
}


/* temporaly delete
div.weatherBox{
	width:111px;
	height:80px;
	background:url(../img/bg_weather.gif) no-repeat;
	float:left;
	margin-right:8px;
	margin-top:6px;
}
div.weatherBox img{
	margin:21px 0 0 15px;
}
*/

div.temperatureBox{
	display:none;
}
/* temporaly delete
div.temperatureBox{
	width:121px;
	height:80px;
	background:url(../img/bg_temp.gif) no-repeat;
	float:right;
	margin-top:6px;
}
*/

div.temperatureBox img{
	margin:21px 0 0 10px;
}
div.liveCameraBox{
	clear:both;
	width:240px;
	height:214px;
	background:url(../img/bg_livecamera.gif) no-repeat;
}
div.liveCameraBox ul{
	margin:0 0 0 21px;
}


/*  最新情報 ==== */
div#newsBody{
	background:url(../img/bg_recommend_b.png) no-repeat bottom left;
	width:503px;
	margin-top:0px;
	position:relative;
}
div#newsBody dt{
	margin:0 0 0 0;
	padding:0 0 0 55px;
	line-height:1.3;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}
div.newsOuterBox{
	background:url(../common/img/bg_dot_s.gif) repeat-x bottom left;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	position:relative;
}

div#newsBody dt.icon_news{
	background:url(../img/icon_news.gif) no-repeat;
}
div#newsBody dt.icon_plan{
	background:url(../img/icon_plan.gif) no-repeat;
}
div#newsBody dt.icon_event{
	background:url(../img/icon_event.gif) no-repeat;
}
div#newsBody dt.icon_dayplan{
	background:url(../img/icon_dayplan.gif) no-repeat;
}
dd.newsTxt{
	padding:4px 0 0 27px;
}
dd.newsTime{
	text-align:right;
	color:#808080;
	padding:0 0 0 0;
	position:absolute;
	bottom:3px; right:90px;
}
div#newsBodyInner{
	background:url(../img/bg_news_t.gif) no-repeat top left;
	height:428px;/*325*/
	width:503px;
	padding0:0 0 6px 0;
}
div#newsBodyInner2{
	/*height:250px;*/
	height:353px;
	overflow:auto;
	margin:0 5px 0 10px;
}

div#newsBody h2{
	margin:0 0 20px 15px;
}
p.btnRss{
	position:absolute;
	top:20px; left:438px;
}
div.newsOuterBox{
	width:473px;
}
div.newsOuterBox .l_set{
	float:left;
	width:385px;
	padding-bottom:15px;
}

div.newsOuterBox .r_set{
	float:right;
	width:83px;
}
div.newsOuterBox .r_set img{
	border:1px solid #C3C3C3;
}
div.newsOuterBox .l_set dt a:link{
    color:#927243;
	text-decoration:underline;
}
div.newsOuterBox .l_set dt a:visited{
    color:#927243;
	text-decoration:underline;
}
div.newsOuterBox .l_set dt a:hover{
    color:#EBB538;
	text-decoration:underline;
}
/*  おすすめプラン ==== */
div#recommendation{
	background:url(../img/bg_recommend_b.png) no-repeat bottom left;
	width:503px;
	margin-top:9px;
}
div#recommendationInner{
	background:url(../img/bg_recommend_t.gif) no-repeat top left;
	width:503px;
	padding-top:0px;
}
div#recommendationInner2{
	padding:0 0 13px 0;
}
div#recommendation h2{
	margin:0 0 14px 15px;
}
.recommendationOuterBox{
	margin:0 6px 0 12px;
	padding:8px 0 6px 0;
	background:url(../common/img/bg_dot_s.gif) repeat-x bottom left;
}
p.btnMore{
	text-align:right;
	margin:0 6px 0 0;
}
div#recommendation dt{
	color:#927243;
	margin-bottom:9px;
}
div#recommendation dd.detailsTxt{
	margin-bottom:9px;
}
.recommendationOuterBox .l_set{
	float:left;
	width:192px;
}

.recommendationOuterBox .r_set{
	float:right;
	width:292px;
}
div#recommendation dt a:link{
    color:#927243;
	text-decoration:underline;
}
div#recommendation dt a:visited{
    color:#927243;
	text-decoration:underline;
}
div#recommendation dt a:hover{
    color:#EBB538;
	text-decoration:underline;
}
div#recommendation p.planMore{
	margin:10px 0 0 110px;
}
/*  左下バナー ==== */
div#bannerArea ul{
	margin:0 0 0 0;
}
div#bannerArea ul li{
	margin:7px 0 0 0;
}
div.bannerEventBox{
position:relative;
background:url(../img/bg_title_event.gif) no-repeat;
padding-top:34px;
margin-top:4px;

}
div.bannerEventBox p.txtEvent{
position:absolute;
top:0; left: 0;
z-index:100;
}
div.bannerEventBox ul{

}
div.bannerCoverageBox{
background:url(../img/bg_banner_coverage.gif) no-repeat;
position:relative;
height:140px;
margin-top:8px;
}
p.txtCoverageL{
position:absolute;
top:96px; left: 4px;

}
p.txtCoverageR{
position:absolute;
top:47px; left: 122px;

}