@charset "utf-8";

/* ローカルナビ
------------------------------------------------------------------------------- */
#main #localNav {
	clear:both;
	margin: 40px 0;
	padding: 20px 25px 15px;
	color:#555;
	border: 5px solid #ececec;
	background-color: #f8f8f8;
}
#main #localNav h2 {
	margin-bottom: 12px;
	padding: 0.1em 0 18px 0;
	border-bottom: 1px solid #ccc;
	background: none;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 150%;
}
#main #localNav h3 {
	margin-top: 30px;
	margin-bottom: 5px;
	background: none;
	color:#555;
	font-size: 117%;
}
#main #localNav a{ color:#555;}
#main #localNav h2 a {
	padding-left: 15px;
	color:#555;
	background: url(/common/images/renew2009/arrow.gif) 1px 0.4em no-repeat;
}
#main #localNav li {
	float: left;
	margin: 0 15px 5px 0;
}

* html #main #localNav li {
	float: left;
	margin: 0 15px 5px 0;
	white-space: nowrap;
}/* ie6 */
*:first-child+html #main #localNav li {
	float: left;
	margin: 0 15px 5px 0;
	white-space: nowrap;
}/* ie7 */
.linkList li {
	margin-bottom: 5px;
	padding-left: 13px;
	background: url(/common/images/renew2009/arrow.gif) left 0.65em no-repeat;
}
#main #localNav .mNavInner {
	float: left;
	width:33%;
	margin: 0 0 5px 0;
}
#main #localNav .mNavInner li {
	float: none;
	margin: 0 0 5px 0;
}
.linkList02 li {
	margin-bottom: 5px;
	padding-left: 13px;
	background: url(/common/images/renew2009/arrow.gif) left 0.65em no-repeat;
}
@media only screen and (max-width: 850px) {
#main #localNav .mNavInner {
	float: left;
	width:49%;
	margin: 0 0 5px 0;
}
}
@media only screen and (max-width: 650px) {
#main #localNav .mNavInner {
	float: none;
	width:100%;
	margin: 0 0 5px 0;
}
}

/* 共通
------------------------------------------------------------------------------- */
#main .owneyeBlk{
	margin:20px 0 40px;
}
#main .owneyeBlk ul,
#main .owneyeBlk ol{
	padding:10px;
	background-color:#F5F5F5;
}
#main .owneyeBlk li{
	margin-bottom:10px;
	font-size:117%;
}
#main .owneyeBlk li.lastChild{
	margin-bottom:0;
}
#main .owneyeBlk h2{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:2px solid #435e83;
}
#main .owneyeBlk .oBIn{
	margin-bottom:40px;
	padding:20px 50px 80px;
	border:10px solid;
	background-position:right bottom;
	background-repeat:no-repeat;
}
#main .owneyeBlk .oBIn .titWrap{
	min-height:25px;
	margin-bottom:10px;
	padding-top:18px;
	padding-left:80px;
	padding-bottom:10px;
	background:url(../images/tit_ico.gif) left top no-repeat;
	border-bottom:2px solid;
}
#main .owneyeBlk .oBIn div.kwWrap{
	min-height:27px;
	margin-bottom:15px;
	padding-top:7px;
	padding-left:135px;
	padding-bottom:10px;
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px dotted #ccc;
}

#main .owneyeBlk .oBIn ul.kwWrap{
	min-height:27px;
	margin:0 0 15px 0;
	padding:4px 0 10px 130px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFF;
	border-bottom:1px dotted #ccc;
}
#main .owneyeBlk .oBIn .kwWrap li{
	margin-right:5px;
	margin-bottom:5px;
	padding:3px 8px;
	color:#FFF;
	word-break:keep-all;
	font-size:100%;
	float:left;
}
#main .owneyeBlk .oBIn.prepare .kwWrap li{
	background-color:#d0c0b1;
}
#main .owneyeBlk .oBIn.favorite .kwWrap li{
	background-color:#d799a6;
}
#main .owneyeBlk .oBIn.advice .kwWrap li{
	background-color:#71afc8;
}


#main .owneyeBlk .oBIn .titWrap h2{
	float:left;	
	width:63%;
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}
#main .owneyeBlk .oBIn .titWrap p.pen{
	float:right;	
	line-height:35px;
	width:36.9%;
	height:35px;
	padding-bottom:5px;
	text-align:right;
	font-size: 109%;
}
#main .owneyeBlk .oBIn .titWrap p.pen img{
	margin-right:10px;
}

#main .owneyeBlk .oBIn .sepLine{
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted #ccc;
}
#main .owneyeBlk span{
	font-weight:bold;
}

#main .owneyeBlk span.prepare{	color:#432e20;}
#main .owneyeBlk span.favorite{	color:#cb5e71;}
#main .owneyeBlk span.advice{		color:#07649d;}
#main .owneyeBlk .colBlock02{
	margin-bottom:0;
}

#main .colBlock04 {
	width: 100%;
	 margin: 0;
}
@media only screen and (max-width: 750px) {
	#main .owneyeBlk .oBIn{
		margin-bottom:40px;
		padding:10px 10px 80px;
		border:5px solid;
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	#main .owneyeBlk .oBIn .titWrap{
		margin:0;
		padding:0;
		border:none;
		background:none;
	}
	#main .owneyeBlk .oBIn .titWrap h2{
		float:none;	
		width:auto;
		min-height:48px;
		margin-bottom:10px;
		padding-top:15px;
		padding-left:80px;
		padding-bottom:0;
		background:url(../images/tit_ico.gif) left top no-repeat;
		border-bottom:2px solid;
	}
	#main .owneyeBlk .oBIn .titWrap p.pen{
		float:none;	
		line-height:35px;
		width:auto;
		height:35px;
		margin-bottom:15px;
		padding-bottom:10px;
		border-bottom:1px dotted #ccc;
		text-align:left;
	}
	#main .owneyeBlk .oBIn .titWrap p.pen img{
		margin-right:5px;
	}
	#main .owneyeBlk .oBIn div.kwWrap{
		padding-top:40px;
		padding-left:0;
		padding-bottom:20px;
	}
	#main .owneyeBlk .oBIn ul.kwWrap{
		padding-top:40px;
		padding-left:0;
		padding-bottom:20px;
	}
}
@media only screen and (max-width: 650px) {
	#main .owneyeBlk .oBIn .titWrap h2{
		float:none;	
		width:auto;
		min-height:48px;
		margin-bottom:10px;
		padding-top:0;
		padding-left:80px;
		padding-bottom:10px;
		background:url(../images/tit_ico.gif) left top no-repeat;
		border-bottom:2px solid;
	}
}



/* 地震
------------------------------------------------------------------------------- */
#main .owneyeBlk .oBIn.prepare{
	border-color:#d0c0b1;
	background-image:url(../images/bg_prepare_box.gif) ;
}
#main .owneyeBlk .oBIn.prepare .titWrap{
	border-color:#743e0e;
}
#main .owneyeBlk .oBIn.prepare h2{
	color:#432e20;
	border-color:#743e0e;
}
#main .owneyeBlk .oBIn.prepare .kwWrap{
	background-image:url(../images/key_ico_prepare.gif);
}

/* お気に入り
------------------------------------------------------------------------------- */
#main .owneyeBlk .oBIn.favorite{
	border-color:#f6d2e6;
	background-image:url(../images/bg_favorite_box.gif) ;
}
#main .owneyeBlk .oBIn.favorite .titWrap{
	border-color:#cb5e71;
}
#main .owneyeBlk .oBIn.favorite h2{
	color:#cb5e71;
}
#main .owneyeBlk .oBIn.favorite .kwWrap{
	background-image:url(../images/key_ico_favorite.gif);
}

/* アドバイス
------------------------------------------------------------------------------- */
#main .owneyeBlk .oBIn.advice{
	border-color:#bde0f0;
	background-image:url(../images/bg_forbuild_box.gif) ;
}
#main .owneyeBlk .oBIn.advice .titWrap{
	border-color:#07649d;
}
#main .owneyeBlk .oBIn.advice h2{
	color:#07649d;
}
#main .owneyeBlk .oBIn.advice .kwWrap{
	background-image:url(../images/key_ico_forbuild.gif);
}