@charset "Shift-JIS";

/*=========================================================================================
	// 基本
==========================================================================================*/
html body{
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', "Meiryo", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "sans-serif";
	font-size:13px;
	color:#444;
}

a{ color:#666; text-decoration:underline; }
a:hover{ color:#08ae3e; text-decoration:underline; }

/*clear fix*/
.clear:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.clear{
	display:inline-block;
}
* html .clear {
	height:1%;
}
.clear{
	display:block;
}
				
sup{
	font-size:70%;
	vertical-align:top;
}
sub{
	font-size:70%;
	vertical-align:bottom;
}

/*==========================================================================================
	// 共通
==========================================================================================*/
body{
	background-color:#f6f5ef;
}
body hr{ display:none; }


/* sns */
.social{
	clear:both;
	text-align:right;
	line-height:1.4;
	padding-top:10px;
}

/* pagetop */
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
	#pagetop a {
		text-decoration: none;
		color: #fff;
		width: 43px;
		height:43px;
		text-indent:-9999em;
		display: block;
		background:url(../images/btn_top.png) 0 0 no-repeat;
	}



/*------------------------------------------- wrapper -------------------------------------------*/
.wrapper{
	background:url(../images/header_bg.gif) 0 0 repeat-x;
}
/*clear fix*/
.wrapper:after,
.contents:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.wrapper{
	display:inline-block;
}
* html .wrapper {
	height:1%;
}
.wrapper{
	display:block;
}

/*------------------------------------------- contents -------------------------------------------*/
.contents {
	width:980px;
	margin:0 auto;
}

/*------------------------------------------- header -------------------------------------------*/
header{
height:140px;
margin:0 0 20px;
background:url(../images/header_illust.png) 100% 0 no-repeat;
}
header h1{
	float:left;
	width:130px;
	height:139px;
}


/*-------------- nav --------------*/
nav{
	float:right;
	width:823px;
	margin-left:17px;
	position:relative;
}
/*-------------- nav about --------------*/
nav .about{
	position:absolute;
	top:16px;
	left:204px;

}
nav .about a{
	display:block;
	width:193px;
	height:20px;
	text-indent:-9999em;
}
nav .about a{ background:url(../images/about_txt.png) 0 0 no-repeat; }
nav .about a:hover{ background:url(../images/about_txt_on.png) 0 0 no-repeat; }
/*--------- search ---------*/
#searchBox{
	float:right;
	height:39px;
	padding:15px 142px 0 0;
}
	#searchBox .textBox{
		width:190px;
		height:22px;
		padding:0 0 0 20px;
		margin-right:3px;
		background:#fff url(../images/icon_search.gif) 2px 50% no-repeat;
		border:#aaa 1px solid;
	}

/*--------- main_nav ---------*/
header nav .main_nav{
	clear:both;
	width:790px;
	height:42px;
}
	header nav .main_nav li{
		float:left;
		height:28px;
	}
		nav .main_nav li a{
			display:block;
			width:100%;
			height:100%;
			text-indent:-9999em;
		}
		/* 個別 */
		header .nav01{ width:90px; }
		header .nav01 a{ background:url(../images/nav_01.png) 0 0 no-repeat; }
		header .nav01 a:hover,
		#about header .nav01 a,
		#feature header .nav01 a,
		#report header .nav01 a{ background:url(../images/nav_01_on.png) 0 0 no-repeat; }
		#tool header .nav01 a{ background:url(../images/nav_01_on.png) 0 0 no-repeat; }

		header .nav02{ width:100px; }
		header .nav02 a{ background:url(../images/nav_02.png) 0 0 no-repeat; }
		header .nav02 a:hover,
		#author header .nav02 a,
		#column header .nav02 a{ background:url(../images/nav_02_on.png) 0 0 no-repeat; }

		header .nav03{ width:150px; }
		header .nav03 a{ background:url(../images/nav_03.png) 0 0 no-repeat; }
		header .nav03 a:hover,
		#qa header .nav03 a{ background:url(../images/nav_03_on.png) 0 0 no-repeat; }

		header .nav04{ width:130px; }
		header .nav04 a{ background:url(../images/nav_04.png) 0 0 no-repeat; }
		header .nav04 a:hover,
		#douga .nav04 a{ background:url(../images/nav_04_on.png) 0 0 no-repeat; }

		header .nav05{ width:149px; }
		header .nav05 a{ background:url(../images/nav_05.png) 0 0 no-repeat; }
		header .nav05 a:hover{ background:url(../images/nav_05_on.png) 0 0 no-repeat; }

		header .nav06{ width:209px; }
		header .nav06 a{ background:url(../images/nav_06.png) 0 0 no-repeat; }
		header .nav06 a:hover{ background:url(../images/nav_06_on.png) 0 0 no-repeat; }


/*--------- sub_nav ---------*/
header nav .sub_nav{
	display:none;
	height:32px;
	padding:5px 0 0;
}
/* subnavはIDによって出し分ける <body>に大カテゴリのID、wrapperにページごとのID */
/* QA */
#qa nav .sub_nav.qa{ display:block; }

/* 動画 */
#douga nav .sub_nav.douga{ display:block; }

/* コラム */
#column nav .sub_nav.column{ display:block; }

	header nav .sub_nav li{
		float:left;
		height:32px;
		margin-right:18px;
		padding:0 0 0 17px;
		background:url(../images/icon_arrow_gr.png) 0 10px no-repeat;
	}
		header nav .sub_nav li a{
			display:block;
			width:100%;
			height:100%;
			text-indent:-9999em;
		}

		/* 個別（コラム、Q&A） */
		header .subnav01{ width:55px; }
		.subnav01 a{ background:url(../images/subnav_c01.png) 0 50% no-repeat; }
		.subnav01 a:hover,
		#qa #jishin_tsunami .subnav01 a,
		#column #jishin .subnav01 a,
		#column #tsunami .subnav01 a,
		#column #jishin_tsunami .subnav01 a{ background:url(../images/subnav_c01_on.png) 0 50% no-repeat; }

		header .subnav02{ width:55px; }
		.subnav02 a{ background:url(../images/subnav_c02.png) 0 50% no-repeat; }
		.subnav02 a:hover,
		#qa #typhoon_suigai .subnav02 a,
		#column #typhoon .subnav02 a ,
		#column #suigai .subnav02 a,
		#column #typhoon_suigai .subnav02 a { background:url(../images/subnav_c02_on.png) 0 50% no-repeat; }

		header .subnav03{ width:58px; }
		.subnav03 a{ background:url(../images/subnav_c03.png) 0 50% no-repeat; }
		.subnav03 a:hover,
		#qa #rakurai .subnav03 a,
		#column #rakurai .subnav03 a{ background:url(../images/subnav_c03_on.png) 0 50% no-repeat; }

		header .subnav04{ width:79px; }
		.subnav04 a{ background:url(../images/subnav_c04.png) 0 50% no-repeat; }
		.subnav04 a:hover,
		#qa #mosho .subnav04 a,
		#column #mosho .subnav04 a{ background:url(../images/subnav_c04_on.png) 0 50% no-repeat; }

		header .subnav05{ width:24px; }
		.subnav05 a{ background:url(../images/subnav_c05.png) 0 50% no-repeat; }
		.subnav05 a:hover,
		#qa #oyuki .subnav05 a,
		#column #oyuki .subnav05 a { background:url(../images/subnav_c05_on.png) 0 50% no-repeat; }

		header .subnav06{ width:55px; }
		.subnav06 a{ background:url(../images/subnav_c06.png) 0 50% no-repeat; }
		.subnav06 a:hover,
		#qa #kazan .subnav06 a,
		#column #kazan .subnav06 a { background:url(../images/subnav_c06_on.png) 0 50% no-repeat; }

		header .subnav07{ width:24px; }
		.subnav07 a{ background:url(../images/subnav_c07.png) 0 50% no-repeat; }
		.subnav07 a:hover,
		#qa #kasai .subnav07 a,
		#column #kasai .subnav07 a{ background:url(../images/subnav_c07_on.png) 0 50% no-repeat; }

		header .subnav08{ width:77px; }
		.subnav08 a{ background:url(../images/subnav_c08.png) 0 50% no-repeat; }
		.subnav08 a:hover,
		#qa #mosimo .subnav08 a,
		#column #mosimo .subnav08 a{ background:url(../images/subnav_c08_on.png) 0 50% no-repeat; }

		header .subnav09{ width:73px; }
		.subnav09 a{ background:url(../images/subnav_c09.png) 0 50% no-repeat; }
		.subnav09 a:hover,
		#qa #taiki .subnav09 a,
		#column #taiki .subnav09 a{ background:url(../images/subnav_c09_on.png) 0 50% no-repeat; }

		header .subnav10{ width:73px; }
		.subnav10 a{ background:url(../images/subnav_c10.png) 0 50% no-repeat; }
		.subnav10 a:hover,
		#qa #bousai_no_chie .subnav10 a,
		#column #bousai_no_chie .subnav10 a{ background:url(../images/subnav_c10_on.png) 0 50% no-repeat; }

		/* 個別（動画） */
		header .subnav_m01{ width:81px; }
		.subnav_m01 a{ background:url(../images/subnav_m01.png) 0 50% no-repeat; }
		.subnav_m01 a:hover,
		#douga #jishin .subnav_m01 a{ background:url(../images/subnav_m01_on.png) 0 50% no-repeat; }

		header .subnav_m02{ width:24px; }
		.subnav_m02 a{ background:url(../images/subnav_m02.png) 0 50% no-repeat; }
		.subnav_m02 a:hover,
		#douga #tsunami .subnav_m02 a { background:url(../images/subnav_m02_on.png) 0 50% no-repeat; }

		header .subnav_m03{ width:24px; }
		.subnav_m03 a{ background:url(../images/subnav_m03.png) 0 50% no-repeat; }
		.subnav_m03 a:hover{ background:url(../images/subnav_m03_on.png) 0 50% no-repeat; }
		#douga #typhoon .subnav_m03 a { background:url(../images/subnav_m01_on.png) 0 50% no-repeat; }

		header .subnav_m04{ width:24px; }
		.subnav_m04 a{ background:url(../images/subnav_m04.png) 0 50% no-repeat; }
		.subnav_m04 a:hover,
		#douga #suigai .subnav_m04 a { background:url(../images/subnav_m04_on.png) 0 50% no-repeat; }

		header .subnav_m05{ width:59px; }
		.subnav_m05 a{ background:url(../images/subnav_m05.png) 0 50% no-repeat; }
		.subnav_m05 a:hover,
		#douga #mosho .subnav_m05 a{ background:url(../images/subnav_m05_on.png) 0 50% no-repeat; }

		/*header .subnav_m06{ width:24px; }
		.subnav_m06 a{ background:url(../images/subnav_m06.png) 0 50% no-repeat; }
		.subnav_m06 a:hover,
		#douga #setsuden .subnav_m06 a{ background:url(../images/subnav_m06_on.png) 0 50% no-repeat; }*/



/*------------------------------------------- main_col -------------------------------------------*/
#main_col{
	float:left;
	padding:0 0 170px;
}


/*------------------------------------------- sub_col -------------------------------------------*/
#sub_col{
	float:right;
	width:230px;
}
/*-------------- article共通 --------------*/
#sub_col article{
	clear:both;
	margin:0 0 40px;
}
	#sub_col article h4{
		height:28px;
		margin: 0 0 3px;
		padding:0 0 0 10px;
		border-left:#08ae3e 3px solid;
		text-indent:-9999em;
	}
	#sub_col .side_inner{
		padding:10px 0 0 15px;
		background:url(../images/line_vartical.gif) 0 0 repeat-y;
	}
	/*clear fix*/
	.side_inner:after {
		content:".";
		display:block;
		height:0;
		visibility:hidden;
		clear:both;
	}
	.side_inner{
		display:inline-block;
	}
	* html .side_inner{
		height:1%;
	}
	.side_inner{
		display:block;
	}

		#sub_col article li{
			padding:0 0 8px 10px;
			background:url(../images/icon_arrow_sub.png) 0 6px no-repeat;
			zoom:1;/* IEのhasLayoutをtrueにする */
		}
		/* icon new */
		.new_on{
			padding:0 0 0 33px;
			background:url(../images/icon_new.png) 0 2px no-repeat;
		}
		#qa .new_on{
			padding:0 0 0 35px;
			background-position:0 5px;
		}
		/* more */
		#sub_col article .more{
			padding:5px 0 0;
			text-align:right;
		}
		#sub_col article .more a{
			padding-left:15px;
			background:url(../images/icon_arrow_gr.png) 0 50% no-repeat;
		}

/*--- bunner ---*/
#sub_col .side_bunner p{
margin-bottom:10px;
}
#sub_col .side_bunner p img{
width:230px;
border:1px solid #BBBBBB;
}
/*--- bunner ---*/
#sub_col .side_col h4{ background:url(../images/side_columnall_ttl.gif) 10px 50% no-repeat; }
#sub_col .side_col h5{ color:#08ae3e; }
#sub_col .side_col ul{ margin-bottom:20px; }
/*--- columnall ---*/
/*--- qa ---*/
#sub_col .side_qa h4 { background:url(../images/side_qa_ttl.gif) 10px 50% no-repeat; }
#sub_col .side_qa .boshu{
	padding:20px 15px;
	margin:10px 0 0 8px;
	border:#fbe73c 3px solid;
	background:#fbf3a6;
}
	#sub_col .side_qa .boshu h5{
		height:18px;
		margin:0 0 10px;
		background:url(../images/side_qa_subttl.gif) 0 0 no-repeat;
		text-indent:-9999em;
	}
	#sub_col .side_qa .boshu p{
		color:#666;
		line-height:1.4;
	}
	#sub_col .side_qa .boshu .btn{
		display:block;
		width:164px;
		height:34px;
		margin:15px auto 0;
		text-indent:-9999em;
		background:url(../images/btn_qa.png) 0 0 no-repeat;
	}
	#sub_col .side_qa .boshu .btn:hover{ background:url(../images/btn_qa_on.png) 0 0 no-repeat; }

/*--- 動画 ---*/
#sub_col .side_douga h4{ background:url(../images/side_movie_ttl.gif) 10px 50% no-repeat; }
#sub_col .side_douga .side_inner{
	padding:0 0 5px 15px;
}
	#sub_col .side_douga li{
		padding:8px 0 !important;
		background:url(../images/line_dot.gif) 0 100% repeat-x !important;
	}
	/*clear fix*/
	#sub_col .side_douga li:after {
		content:".";
		display:block;
		height:0;
		visibility:hidden;
		clear:both;
	}
	#sub_col .side_douga li{
		display:inline-block;
	}
	* html #sub_col .side_douga li {
		height:1%;
	}
	#sub_col .side_douga li{
		display:block;
	}
		#sub_col .side_douga a{
			display:block;
			text-decoration:none;
		}
		#sub_col  .photo{
			display:block;
			float:left;
			width:73px;
			height:auto;
			margin:0 10px 5px 0;
			border:#bbb 1px solid;
		}
		#sub_col  .photo2{
			display:block;
			float:left;
			width:200px;
			height:auto;
			margin:0 10px 5px 0;
			border:#bbb 1px solid;
		}
		#sub_col .side_douga .new_on p{
			float:right;
			width:130px;
		}
			#sub_col .side_douga .new_on p span{
				padding:0 0 0 33px;
				background:url(../images/icon_new.png) 0 3px no-repeat;
			}

			/* new icon */
			#sub_col .side_douga .new_on{
				padding:0;
				background:none;
			}

/*--- 注目コラム ---*/
#sub_col .side_column h4 { background:url(../images/side_column_ttl.gif) 10px 50% no-repeat; }
#sub_col .side_info h4 { background:url(../images/side_info_ttl.gif) 10px 50% no-repeat; }
/*--- NHKニュース防災 ---*/
#sub_col .side_nhknews h4 { background:url(../images/side_nhknews_ttl.gif) 10px 50% no-repeat; }
#sub_col .side_nhknews .side_inner {
	line-height:1.4;
}
	#sub_col .side_nhknews .side_inner strong{
		color:#ff7607;
	}
	#sub_col .side_nhknews dt{
		padding:10px 0 5px;
		font-weight:bold;
		color:#08ae3e;
		font-size:110%;
	}
/*--- となりの防災家族 ---*/
#sub_col .side_bosaikazoku h4 { background:url(../images/side_bosaikazoku_ttl.gif) 10px 50% no-repeat; }
#sub_col .side_bosaikazoku .side_inner {
	line-height:1.4;
}
	#sub_col .side_bosaikazoku .side_inner strong{
		color:#ff7607;
	}
	#sub_col .side_bosaikazoku dt{
		padding:10px 0 5px;
		font-weight:bold;
		color:#08ae3e;
		font-size:110%;
	}

/*--- シンサイミライ学校 ---*/
#sub_col .side_mirai h4 { background:url(../images/side_mirai_ttl.gif) 10px 50% no-repeat; }
#sub_col .side_mirai .side_inner {
	line-height:1.4;
}
	#sub_col .side_mirai .side_inner strong{
		color:#ff7607;
	}
	#sub_col .side_mirai dt{
		padding:10px 0 5px;
		font-weight:bold;
		color:#08ae3e;
		font-size:110%;
	}

/*-----------------------------------------------------------------------------*/
/*--- 学ぼうBOSAI ---*/
#sub_col .side_manabou h4 { background:url(../images/side_manabou_ttl.gif) 10px 50% no-repeat; }
#sub_col .side_manabou .side_inner {
	line-height:1.4;
}
	#sub_col .side_manabou .side_inner strong{
		color:#ff7607;
	}
	#sub_col .side_manabou dt{
		padding:10px 0 5px;
		font-weight:bold;
		color:#08ae3e;
		font-size:110%;
	}
/*-----------------------------------------------------------------------------*/

/*--- ぼうさいマップ ---*/
#sub_col .side_map h4 { background:url(../images/side_map_ttl.gif) 10px 50% no-repeat; }



/*------------------------------------------- footer -------------------------------------------*/
footer{
	clear:both;
	width:100%;
	color:#fff;
	background:#11411c;
}


/*-------------- NHKの取り組み --------------*/
footer #footer_link{
	padding:30px 0;
	background:#135b24;
}
footer #footer_link h5{
	height:20px;
	margin:0 0 20px;
	text-indent:-9999em;
	background:url(../images/footer_ttl.gif) 0 0 no-repeat;
}
footer #footer_link h6{
	padding: 0 0 3px;
	border-bottom:#fff 1px solid;
}
footer #footer_link h6 a{
	 color: #FFFFFF;
	 text-decoration: none;
}
footer #footer_link h6 a:hover{
	 text-decoration: underline;
}
	footer #footer_link section{
		width:980px;
		position:relative;
		margin:0 auto;
	}
	/* illust */
	footer .illust{
		position:absolute;
		top:-170px;
	}

/*--- 関連リンク、取り組み ---*/
footer #footer_link div.footer_left{
	width:375px;
	float:left;
}

footer #footer_link article{
	width:340px;
}
footer #footer_link article.shinsai{
	padding-bottom:30px;
}
footer #footer_link article.station{
	float:left;
	width:605px;
}
	footer #footer_link article.station ul{
		width:32%;
		padding:0 1% 0 0 ;
		float:left;
	}
	footer #footer_link article.shinsai ul{
		width:49%;
		padding:0 1% 0 0 ;
		float:left;
	}
	footer #footer_link article li{
		padding:10px 0 0 ;
	}
	footer #footer_link li a{
		padding-left:12px;
		font-size:11.5px;
		color:#fff;
		text-decoration:none;
		background:url(../images/icon_arrow_lg.gif) 0 50% no-repeat;
	}
	footer #footer_link a:hover{
		text-decoration:underline;
		background-position:2px 50%;
	}

	/*--- map ---*/
	footer #footer_link .map{
		width:230px;
		height:192px;
		margin:0;
		font-size:88%;
		background:url(../images/footer_map.gif) 0 0 no-repeat;
	}
	footer #footer_link .map h6{
		height:40px;
		text-indent:-9999em;
		border:none;
	}
	footer #footer_link .map p{
		padding:0 10px;
		line-height:1.8em;
	}
		footer #footer_link .map p a{
			padding:0 0 0 8px;
			background:url(../images/icon_arrow_sub.png) 0 50% no-repeat;
		}

/*-------------- address --------------*/
footer address{
	clear:both;
	width:980px;
	margin:0 auto;
	padding:15px 0 20px;
	font-style:normal;
	font-size:10px;
	color:#ddd;
}
	footer address a{
		color:#ddd;
	}
	footer address a:hover{color:#fff;}

	footer address .nhk_logo{
		float:left;
		width:55px;
		margin:0 10px 0 0;
	}
	footer address .p{
		float:left;
	}






/*==========================================================================================
	// トップ
==========================================================================================*/
#top{
	/*border-top:#fbe73c 5px solid;*/
}
#top .wrapper {
	background-image:none;
}
#top .wrapper h1{
	width:198px;
	float:left;
	margin:10px 0 5px;
}
#top #searchBox{
	float:right;
	height:auto;
	padding:10px 0 10px;
}
#top .top_nav {
	height:53px;
	width:980px;
	clear: both;
	background:url(../../images/top_nav_bg.gif) no-repeat 0 0;
	position:relative;
	z-index:10;
}
.top_nav ul.dropdown {
	position: relative;
	height:53px;
}
.top_nav ul.dropdown li {
	height:100%;
	float: left;
	zoom: 1;
	width:196px;
	position:relative;
	text-align: left;
}
.top_nav ul.dropdown a:hover {
	color: #0b7d1b;
}
.top_nav ul.dropdown a:active {
	color: #ffa500;
}
.top_nav ul.dropdown li a {
	padding:5px 0;
	display: block;
	width:141px;
	text-decoration:none;
	text-align:center;
	display:block;
	border-top:1px solid #f6f5ef;
	border-left:1px solid #f6f5ef;
	position:relative;
	top:0;
	left:24px;
}
.top_nav ul.dropdown li.bousaimap{
	width:160px;
}
.top_nav ul.dropdown li.bousaimap a.map {
	width:160px;
	left:16px;
}
.top_nav ul.dropdown li.column.hover a,
.top_nav ul.dropdown li.qa.hover a,
.top_nav ul.dropdown li.column a:hover,
.top_nav ul.dropdown li.qa a:hover{
	border-top:1px solid #0b7d1b;
	border-left:1px solid #0b7d1b;
	border-right:1px solid #0b7d1b;
}
.top_nav ul.dropdown ul li:last-child {
	border-bottom:none;
}
/* LEVEL TWO */
.top_nav ul.dropdown ul {
	background:#f6f5ef;
	width:100%;
	visibility: hidden;
	position:absolute;
	width:141px;
	z-index:10;
	left:24px;
	border-bottom:1px solid #0b7d1b;
}
.top_nav ul.dropdown ul li {
	height:100%;
	width:141px;
	font-weight: normal;
	color: #000;
	float: none;
}
.top_nav ul.dropdown ul li a{

	left:0;
}
.top_nav ul.dropdown li.column.hover ul li a,
.top_nav ul.dropdown li.qa.hover ul li a{
	border-top:1px dotted #0b7d1b;
}

/* IE 6 & 7 Needs Inline Block */
.top_nav ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
	text-align:center;
	left:0;
}

/* メインビジュアル
========================================================================*/
#top .main_pic{
	clear:both;
	margin:0 0 30px;
	position:relative;
}
#top #main_col{
	width:722px;
}

/* nav
========================================================================*/
#top nav{
	float:left;
	width:180px;
	margin:0;
	background:url(../images/line_vartical.gif) 100% 0 repeat-y;
}
#top nav a{
	display:block;
	text-indent:-9999em;
	margin:0 0 5px;
}
#top nav dt a{ width:140px; height:25px;}
#top nav dl{
	width:160px;
	margin: 15px 0 10px;
	padding:0 0 10px 5px;
	background:url(../images/line_solid.gif) 0 100% repeat-x;
}
#top nav dt{
	padding:0 0 0 20px;
	height:25px;
	background:url(../images/icon_arrow_gr.png) 2px 1px no-repeat;
}
#top nav dd{
	margin:0 0 0 16px;
	padding:0 0 0 15px;
	height:26px;
	background:url(../images/icon_arrow_sub.png) 5px 7px no-repeat;
}
#top nav dd a{
	height:20px;
	width:120px;
}

/* 個別 */
#top .nav01 a{ background:url(../../images/top_nav_01.png) 0 0 no-repeat; }
#top .nav01 a:hover{ background:url(../../images/top_nav_01_on.png) 0 0 no-repeat; }
#top .nav02 a{ background:url(../../images/top_nav_02.png) 0 0 no-repeat; }
#top .nav02 a:hover{ background:url(../../images/top_nav_02_on.png) 0 0 no-repeat; }
#top .nav03 a{ background:url(../../images/top_nav_03.png) 0 0 no-repeat; }
#top .nav03 a:hover{ background:url(../../images/top_nav_03_on.png) 0 0 no-repeat; }
#top .nav04 a{ background:url(../../images/top_nav_04.png) 0 0 no-repeat; }
#top .nav04 a:hover{ background:url(../../images/top_nav_04_on.png) 0 0 no-repeat; }
#top .nav05 a{ background:url(../../images/top_nav_05.png) 0 0 no-repeat; }
#top .nav05 a:hover{ background:url(../../images/top_nav_05_on.png) 0 0 no-repeat; }
#top .nav06 a{ background:url(../../images/top_nav_06.png) 0 0 no-repeat; }
#top .nav06 a:hover{ background:url(../../images/top_nav_06_on.png) 0 0 no-repeat; }

/* QAだけ目立たせる */
#top .nav_qa{
	display:block;
	margin: 0px 0 15px;
	padding:15px 0 15px 5px;
	border-top:#fbe73c 3px solid;
	background:#fffbda url(../images/line_solid.gif) 0 100% repeat-x;
}
	#top .nav01{
		height:17px;
	}

/* 受信料 */
#top nav p{
	padding:10px 20px 0 0;
	color:#777;
	line-height:1.5em;
}


/* main_area
========================================================================*/
/*-------------- tab --------------*/
#top .tab li{
	display:block;
	float:left;
	width:125px;
	height:33px;
	margin-right:10px;
}
	#top .tab li a{
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999em;
	}
	#top .tab .qa a{ background:url(../../images/top_btn_qa.gif) 0 0 no-repeat;}
	#top .tab .qa a:hover{ background:url(../../images/top_btn_qa_on.gif) 0 0 no-repeat;}
	#top .tab .select.qa a{
		cursor:default;
		pointer-events:non;
		background:url(../../images/top_btn_qa_act.gif) 0 0 no-repeat;
	}
	#top .tab .column a{ background:url(../../images/top_btn_column.gif) 0 0 no-repeat;}
	#top .tab .column a:hover{ background:url(../../images/top_btn_column_on.gif) 0 0 no-repeat;}
	#top .tab .select.column a{ 
		cursor:default;
		pointer-events:non;
		background:url(../../images/top_btn_column_act.gif) 0 0 no-repeat;
	}

/*-------------- tab text--------------*/
#top .disnon {
  display: none;
}
#top .tab_text {
	padding:0 20px 17px;
}
#top .tab_text h2{
	height:30px;
	/*text-indent:-9999em;*/
}
#top .tab_text li{
	padding:0 0 8px 10px;
	background:url(../images/icon_arrow_sub.png) 0 6px no-repeat;
	zoom:1;/* IEのhasLayoutをtrueにする */
}


/*-------------- main area, sub area --------------*/
#top .main_area{
	margin-bottom: 30px;
}
#top .sub_area{
	background:url(../images/main_bg.gif) 100% 0 repeat-y;
}
#top .main_foot,
#top .sub_area_foot{
	padding:0 0 10px;
	background:url(../../images/top_center_footer_kado.gif) 0 100% no-repeat;
}
#top #main_col .main_area .inner{
	padding: 0 20px 10px;
}
#top #main_col .main_area .lead {
	margin-bottom: 10px;
}
#top #main_col .main_area h4 {
	font-size: 14px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 10px;
}
#top #main_col .main_area .jenre_list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#top #main_col .main_area .jenre_list li {
	width: 30%;
	padding-left: 10px;
	background: url(../images/icon_arrow_sub.png) 0 6px no-repeat;
	margin-bottom: 10px;
	font-size: 14px;
}
#top #main_col .main_area .more {
	text-align: right;
}
#top #main_col .main_area .more a {
	padding-left: 10px;
	background: url(../images/icon_arrow_sub.png) 0 6px no-repeat;
}

/*---- column ----*/
#top #main_col .column h2{
	height:70px;
	background:url(../../images/top_ttl_column.gif) 0 0 no-repeat;
	text-indent:-9999em;
}

/*---- feature ----*/
#top #main_col .feature h2{
	height:70px;
	background:url(../../images/top_ttl_feature.gif) 0 0 no-repeat;
	text-indent:-9999em;
}

/*---- qa ----*/
#top #main_col .qa h2 {
	height: 70px;
	background: url(../../images/top_ttl_qa.gif) 0 0 no-repeat;
	text-indent: -9999em;
}

/*---- douga ----*/
#top #main_col .douga h2{
height:70px;
background:url(../../images/top_ttl_douga.gif) 0 0 no-repeat;
text-indent:-9999em;
}
#top #main_col .douga .lead {
	padding: 0 20px;
}

/*---- banner ----*/
#top #main_col .banner{
	margin:35px 0 35px 30px;
	/zoom : 1;
}
#top #main_col .banner:after{ content : ''; display : block; clear : both; height:0;
}
#top #main_col .banner p{
	float:left;
}
#top #main_col .banner p img{
	width:313px;
	border: 1px solid #bbb;
}
#top #main_col .banner p.bn_1st{
	margin-right:35px;
}


/* sub_col
========================================================================*/
#sub_col .side_weather h4{
	 background:url(../../images/side_weather_ttl.gif) 10px 50% no-repeat;
}
#sub_col .side_weather img{
	width:215px;
	height:auto;
}
#sub_col .bnr{
	margin:0 0 20px;
}
#sub_col .bnr li{
	margin:0 0 7px;
}




/*==========================================================================================
	// 配下共通
==========================================================================================*/

/*------------------------------- pankuzu -----------------------------*/
#pankuzu{
	height:30px;
	overflow:hidden;
	color:#666;
	font-size:11px;
}

/* main_area 
========================================================================*/

.main_area{
width:722px;
background:url(../images/main_bg.gif) 100% 0 repeat-y;
}
/*-------------- main_head --------------*/
.main_head{
	padding:6px 0 0;
	background:url(../images/main_head.gif) 100% 0 no-repeat;
}

/*-------------- ◆main_foot（直線） --------------*/
.main_foot{
	padding:0 0 10px;
	background:url(../images/main_foot.gif) 100% 100% no-repeat;
}
/*-------------- ◆main_foot_kado（角切れてる方） --------------*/
.main_foot_kado{
	padding:0 0 10px;
	background:url(../images/main_foot_kado.gif) 100% 100% no-repeat;
}

/*-------------- ttl --------------*/
.main_area .ttl{
position:relative;
width:720px;
border-bottom:#adadad 1px solid;
}
.main_area .ttl .illust{
	position:absolute;
	top:-21px;
	right:0;
}

/* 高さL */
#column_2nd.main_area .ttl,
#qa_2nd.main_area .ttl,
#douga_2nd.main_area .ttl{
	height:187px;
	text-indent:-9999em;
}

#detail_page .text_blc,
#qa_2nd p,
#genba .text_blc{
	font-size:14px;
}


/* list_separate
========================================================================*/
.main_area .list_separete{
	margin:-5px 0 0;
	padding:0 0 5px;
}
.main_area .list_separete a,
.pickup a{ color:#333; text-decoration:none; }
.main_area .list_separete a:hover,
.relationalsite a:hover,
.pickup a:hover{ color:#08ae3e; }

.main_area .list_separete .clear{
	padding:28px 30px 13px;
}
#column .main_area .list_separete .clear{
	padding:28px 30px 13px;
	background:url(../images/main_line_separate.gif) 0 0 no-repeat;
}
#qa .main_area .list_separete .clear{
	padding:28px 30px 13px;
	background:url(../images/main_line_separate.gif) 0 0 no-repeat;
}
#column .main_area .list_separete .clear:first-child,
#qa .main_area .list_separete .clear:first-child/*,
#qa #oyuki .main_area .list_separete .clear:first-child,
#qa #mosho .main_area .list_separete .clear:first-child,
#qa #kazan .main_area .list_separete .clear:first-child,
#qa #kasai .main_area .list_separete .clear:first-child*/{
	background:none;
}

#qa .main_area .list_separete{
	margin:0;
	padding:0 0 5px;
}
#qa .main_area .list_separete .clear dt{
}


#column .list_separete img,
#douga .list_separete img,
#main_col .pickup img,
#report #main_col .relationalsite img{
	float:left;
	width:140px;
	height:auto;
	border:#bbb 1px solid;
}
#column .list_separete a:hover img,
#main_col .pickup a:hover img{
	border:#999 1px solid;
}
/*--- text ---*/
#column .list_separete .text_area,
#douga .list_separete .text_area,
.pickup .text_area,
#report #main_col .relationalsite .text_area{
	float:right;
	width:500px;
	margin:0;
}
#column .list_separete div{
	float:right;
	width:500px;
	margin:0;
}
#column .list_separete .text_area{
	padding-top:5px;
}

#column .list_separete div span.summary{
background: none repeat scroll 0 0 #FBE73C;
padding: 3px 7px 1px;
font-size:11px;
color:#333333;
}

.list_separete dt,
.pickup dt{
	font-weight:bold;
	font-size:15px;
	line-height:1.4;
}
	#column .list_separete dd span,
	.pickup dd span{
		color:#666;
	}


/* picup
========================================================================*/
#main_col .pickup{
	width:720px;
	margin:30px 0 0;
}
	#main_col .pickup h3{
		height:60px;
		background:url(../images/pickup_ttl.gif) 0 0 no-repeat;
		text-indent:-9999em;
	}
	.pickup .clear{
		display:block;
		padding:20px 30px;
		background:url(../images/line_dot2.gif) 0 0 repeat-x;
	}
#top #main_col .pickup h3{
	background:none;
	text-indent:0;
}


/* panel
========================================================================*/
#panel{
	width:725px;
}
	#panel li{
		float:left;
		width:240px;
		height:240px;
		background:url(../../images/panel_bg.gif) 0 0 no-repeat;
	}
		#panel li a{
			display:block;
			width:100%;
			height:100%;
		}
		#panel li a:hover{ background:url(../../images/panel_bg_on.gif) 0 0 no-repeat; }
	/*右*/
	#panel li.panel_r{
		width:242px;
		background:url(../../images/panel_bg_r.gif) 0 0 no-repeat;
	}
	#panel li.panel_r a:hover{ background:url(../../images/panel_bg_r_on.gif) 0 0 no-repeat; }
	/*下*/
	#panel li.panel_b{
		height:242px;
		background:url(../../images/panel_bg_b.gif) 0 0 no-repeat;
	}
	#panel li.panel_b a:hover{ background:url(../../images/panel_bg_b_on.gif) 0 0 no-repeat; }
	/*右下*/
	#panel li.panel_rb{
		width:242px;
		height:242px;
		background:url(../../images/panel_bg_rb.gif) 0 0 no-repeat;
	}
	#panel li.panel_rb a:hover{ background:url(../../images/panel_bg_rb_on.gif) 0 0 no-repeat; }




/*==========================================================================================
	// コラム
==========================================================================================*/

/*------------------------------- index -----------------------------*/

#column #columnall h2{
	text-indent:-9999em;
	height:187px;
	background:url(../../images/column_index_ttlh2.gif) 0 50% no-repeat;
}



/*------------------------------- 2nd -----------------------------*/
/* ttl画像設定 */
#column #jishin_tsunami #column_2nd .ttl{ background:url(../../images/column_ttl_jishin.gif) 0 0 no-repeat; }
#column #typhoon_suigai #column_2nd .ttl{ background:url(../../images/column_ttl_typhoon.gif) 0 0 no-repeat; }
#column #rakurai #column_2nd .ttl{ background:url(../../images/column_ttl_rakurai.gif) 0 0 no-repeat; }
#column #mosho #column_2nd .ttl{ background:url(../../images/column_ttl_mosho.gif) 0 0 no-repeat; }
#column #oyuki #column_2nd .ttl{ background:url(../../images/column_ttl_oyuki.gif) 0 0 no-repeat; }
#column #kazan #column_2nd .ttl{ background:url(../../images/column_ttl_kazan.gif) 0 0 no-repeat; }
#column #kasai #column_2nd .ttl{ background:url(../../images/column_ttl_kasai.gif) 0 0 no-repeat; }
#column #mosimo #column_2nd .ttl{ background:url(../../images/column_ttl_mosimo.gif) 0 0 no-repeat; }
#column #taiki #column_2nd .ttl{ background:url(../../images/column_ttl_taiki.gif) 0 0 no-repeat; }
#column #bousai_no_chie #column_2nd .ttl{ background:url(../../images/column_ttl_bousai_no_chie.gif) 0 0 no-repeat; }



/*------------------------------- detail -----------------------------*/
#column #main_col{
}
#column #main_col a{ color:#206d32; }
#column #main_col a:hover{ color:#08ae3e; }
#column #main_col a .text_area dd{color:#333333;}
#column #main_col a:hover .text_area dd{color:#08ae3e;}

/*------ ttl -----*/
#detail_page .ttl{
	width:660px;
	padding:0 30px 30px;
}
#detail_page .shoulder{
	text-align:right;
	font-size:11px;
}
	#detail_page .shoulder span{
		padding:3px 7px;
		background:#fbe73c;
	}
#detail_page .ttl h2{
	padding:15px 0;
	font-size:26px;
	font-weight:normal;
}
/* profile */
#detail_page .profile img{
	float:right;
	margin:0 0 0 20px;
}
#detail_page .profile p{
	float:right;
	font-size:11px;
	text-align:right;
}

/*------ text_blc -----*/
#main_col .text_blc{
	width:660px;
	padding:0 30px 30px 30px;
	border-bottom:#adadad 1px solid;
}
#main_col .text_blc section{
	clear:both;
}
#main_col .text_blc section h3{
	margin:45px 0 0;
	padding:0 0 0 15px;
	font-size:17px;
	border-left:#fbe73c 4px solid;
}
#main_col .text_blc section p{
	padding:35px 0 0;
}
#column #main_col .text_blc section p a.photo_full{
	float:right;
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 25px;
	text-decoration:none;
	background:url(../images/btn_zoom.gif) 100% 100% no-repeat;
}
#column #main_col .text_blc section p a.photo_full img{
	width:100%;
	height:auto;
}
#column #main_col .text_blc section p a.photo_harf{
	float:right;
	margin:0 0 10px 20px;
	padding:0 0 25px;
	text-decoration:none;
	background:url(../images/btn_zoom.gif) 100% 100% no-repeat;
}
#column #main_col .text_blc section p a.photo_harf img{
	width:318px;
	height:auto;
}
#column #main_col .text_blc section p .noincrease{
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 25px;
	text-decoration:none;
}
#column #main_col .text_blc section p .noincrease img{
	width:100%;
	height:auto;
}
#column #main_col .text_blc section p a.photo_r,
#column #main_col .text_blc section p a.photo_l{
	width:230px;
	padding:0 0 25px;
	text-decoration:none;
	background:url(../images/btn_zoom.gif) 100% 100% no-repeat;
}
#column #main_col .text_blc section p a.photo_r:hover,
#column #main_col .text_blc section p a.photo_l:hover{ background:url(../images/btn_zoom_on.gif) 100% 100% no-repeat; }

#column #main_col .text_blc section p a img{
	width:230px;
	height:auto;
}
/* 写真右 */
#main_col .photo_r{ 
	float:right;
	margin:0 0 10px 20px;
}
/* 写真左 */
#main_col .photo_l{ 
	float:left;
	margin:0 20px 10px 0;
}
/* 写真ナシ */
#main_col .photo_off{ 
	display:none;
}
.date{
	padding:20px 0 0;
	color:#666;
	text-align:right;
	font-size:11px;
	font-weight:bold;
}


	/*------ 関連コラム -----*/
	#main_col .other_column{
		width:660px;
		margin:30px 0 30px 30px;
	}
		#main_col .other_column h4{
			display:inline;
			padding:2px 5px;
			background:#fbe73c;
		}
		#main_col .other_column li{
			margin:15px 0 0 ;
			padding:0 0 0 13px;
			background:url(../images/icon_arrow_sub.png) 0 6px no-repeat;
		}
		#main_col .other_column li a{
			color:#666 !important;
			text-decoration:none;
		}
		#main_col .other_column li a:hover{
			color:#38bc61 !important;
			text-decoration:underline;
		}



/* 執筆者  author
========================================================================*/
#profile .ttl{
	position:relative;
	width:660px;
	height:110px;
	padding:0 30px 30px;
	background:url(../../images/profile_ttl.gif) 30px 50% no-repeat;
}
	#profile .ttl h2{
		text-indent:-9999em;
	}
	#profile .ttl .illust{
		top:0 !important;
	}

	/*------ text_blc -----*/
	#profile .text_blc section{
		margin:0 0 20px;
	}
	#profile h3 { font-size:20px !important; }
	#profile h3 span{
		font-size:15px;
	}
	#profile .text_blc .katagaki{
		font-weight:bold;
		color:#666;
		line-height:1.4;
	}
	#main_col #profile .text_blc section p a{
		background:none;
		padding:0;
		width:140px;
	}
		#main_col #profile .text_blc section p a img{
			width:140px;
		}

#profileTop .ttl{
	position:relative;
	width:660px;
	height:110px;
	padding:0 30px 30px;
	background:url(../../images/author_ttl.gif) 30px 50% no-repeat;
}
	#profileTop .ttl h2{
		text-indent:-9999em;
	}
	#profileTop .ttl .illust{
		top:0 !important;
	}


#main_col #profileTop .text_blc{
    padding: 0;
	width:722px;
	border:0;
	}

#main_col #profileTop .text_blc section h3 {
	border-left: 4px solid #FBE73C;
	font-size: 17px;
	margin: 23px 0 20px;
	padding: 0 0 0 15px;
}
#main_col #profileTop .text_blc section {
	background: url(../images/main_line_separate.gif) no-repeat scroll 0 0 transparent;
	padding:15px 0 0 30px;
 /zoom : 1; }
#main_col #profileTop .text_blc section:first-child{
	background:none;
}
#main_col #profileTop .text_blc section:after{ content : ''; display : block; clear : both; height:0;
}
#main_col #profileTop .text_blc section article{
	width:345px;
	float:left;
	margin-bottom:19px;
}
#main_col #profileTop .text_blc section p{
	padding:0;
	width:235px;
	float:left;
	font-size:11px;
}
#main_col #profileTop .text_blc section p.img{
	float:left;
	width:80px;
}

#main_col #profileTop .text_blc section p span.genre{
	background: none repeat scroll 0 0 #FBE73C;
    padding: 5px 5px 2px 5px;
	margin-bottom:3px;
	display:inline-block;
	line-height:1;
}
#main_col #profileTop .text_blc section p span.name{
	font-weight:bold;
	font-size:12px;
}
#main_col #profileTop .text_blc section p a{
	color:#08AE3E;
	text-decoration:underline;

}
/* サブカテゴリナビ */
#author .subCatnav{
	background: url(../images/main_line_separate.gif) no-repeat bottom;
	padding:20px 0 30px;
}
#author .subCatnav p{
	text-align:right;
	margin:0 30px 0;
	font-size: 11px;
}
#author .subCatnav ul li a{
	padding:3px 6px;
}

/*==========================================================================================
	// Q&A
==========================================================================================*/

/*------------------------------- index -----------------------------*/
#qa #all h2{
	text-indent:-9999em;
	height:187px;
	background:url(../../images/qa_index_ttlh2.gif) 0 50% no-repeat;
}



/*------------------------------- 2nd -----------------------------*/
/* ttl画像設定 */
#qa #jishin_tsunami #qa_2nd .ttl{ background:url(../../images/qa_ttl_jishin.gif) 0 0 no-repeat; }
#qa #typhoon_suigai #qa_2nd .ttl{ background:url(../../images/qa_ttl_typhoon.gif) 0 0 no-repeat; }
#qa #rakurai #qa_2nd .ttl{ background:url(../../images/qa_ttl_rakurai.gif) 0 0 no-repeat; }
#qa #mosho #qa_2nd .ttl{ background:url(../../images/qa_ttl_mosho.gif) 0 0 no-repeat; }
#qa #oyuki #qa_2nd .ttl{ background:url(../../images/qa_ttl_oyuki.gif) 0 0 no-repeat; }
#qa #kazan #qa_2nd .ttl{ background:url(../../images/qa_ttl_kazan.gif) 0 0 no-repeat; }
#qa #kasai #qa_2nd .ttl{ background:url(../../images/qa_ttl_kasai.gif) 0 0 no-repeat; }
#qa #mosimo #qa_2nd .ttl{ background:url(../../images/qa_ttl_mosimo.gif) 0 0 no-repeat; }
#qa #bousai_no_chie #qa_2nd .ttl{ background:url(../../images/qa_ttl_bousai_no_chie.gif) 0 0 no-repeat; }
#qa #taiki #qa_2nd .ttl{ background:url(../../images/qa_ttl_taiki.gif) 0 0 no-repeat; }


/* サブカテゴリナビ */
#qa .subCatnav p{
	text-align:right;
	margin:20px 30px 19px;
	font-size: 11px;
}
#qa .subCatnav ul li a{
	padding:3px 6px;
}
/* サブカテゴリタイトル */
#qa .subcategory{
	background-image:url(../images/main_line_separate.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-top:27px;
}
#qa .subcategory h3{
	margin:0 30px 11px;
    border-left: 4px solid #FBE73C;
    font-size: 17px;
    padding: 0 0 0 15px;
}
#qa .subcategory .list_separete{
	background:url(../images/qa_main_h3_separate.gif) no-repeat 0 top;
}
/*------ accordion -----*/
#qa #qa_2nd .accordion dl{
	display:block;
}
#qa #qa_2nd .accordion dt{
	padding:3px 0 10px 45px;
	background:url(../../images/qa_icon_q.gif) 0 0 no-repeat;
	cursor:pointer;
	zoom:1;/* IEのhasLayoutをtrueにする */
}
	#qa #qa_2nd .accordion dt:hover{ color:#08ae3e; }

#qa #qa_2nd .accordion dd{
	margin:10px 0 0;
	padding:0 0 0 45px;
	background:url(../../images/qa_icon_a.gif) 0 0 no-repeat;
}
#qa #qa_2nd .accordion dd p a{
	color: #206D32;
	text-decoration:underline;
}
#qa #qa_2nd .accordion dd p a:hover{ color:#08ae3e; }
#qa #qa_2nd .accordion .link{
	padding:15px 0 20px;
}
#qa #qa_2nd .accordion .nolink .link{
	display:none;
}
#qa #qa_2nd .accordion .link a{
	text-decoration:underline;
	color:#206D32;
}
#qa #qa_2nd .accordion .link a:hover{
	color:#08ae3e;
}
#qa #qa_2nd .accordion .profile{
	padding:15px 0 20px;
	font-size:11px;
	text-align:right;
	display:none;
}
#qa #qa_2nd .accordion .nolink .profile{
	display:block;
}
#qa #qa_2nd .accordion .my_close{
	text-align:center;
}
#qa #qa_2nd .accordion .my_close a{
display:block;
width:300px;
margin:10px auto;
padding:2px 5px;
background:#20b651;
color:#fff;
text-decoration:none;
font-weight:bold;
border-radius:3px;
-moz-border-radius:3px;
}
#qa #qa_2nd .accordion .my_close a:hover{ background:#08ae3e; }

/*------ qa詳細ページ -----*/

#qa_3rd.main_area .ttl{
	height:187px;
	text-indent:-9999em;
}
#qa #jishin_tsunami #qa_3rd .ttl{ background:url(../../images/qa_ttl_jishin.gif) 0 0 no-repeat; }
#qa #typhoon_suigai #qa_3rd .ttl{ background:url(../../images/qa_ttl_typhoon.gif) 0 0 no-repeat; }
#qa #rakurai #qa_3rd .ttl{ background:url(../../images/qa_ttl_rakurai.gif) 0 0 no-repeat; }
#qa #mosho #qa_3rd .ttl{ background:url(../../images/qa_ttl_mosho.gif) 0 0 no-repeat; }
#qa #oyuki #qa_3rd .ttl{ background:url(../../images/qa_ttl_oyuki.gif) 0 0 no-repeat; }
#qa #kazan #qa_3rd .ttl{ background:url(../../images/qa_ttl_kazan.gif) 0 0 no-repeat; }
#qa #kasai #qa_3rd .ttl{ background:url(../../images/qa_ttl_kasai.gif) 0 0 no-repeat; }
#qa #mosimo #qa_3rd .ttl{ background:url(../../images/qa_ttl_mosimo.gif) 0 0 no-repeat; }
#qa #bousai #qa_3rd .ttl{ background:url(../../images/qa_ttl_bousai_no_chie.gif) 0 0 no-repeat; }
#qa #qa_3rd h2{
	text-indent:-9999em;
}
#qa_3rd .text_blc .question {
	margin:45px 0 0 0;
}
#qa_3rd .text_blc .answer{
	margin:0;
    background: url("../../images/qa_icon_a.gif") no-repeat scroll 0 3px transparent;
    padding: 0 0 10px 45px;
}
#qa_3rd .text_blc .question section{
    background: url("../../images/qa_icon_q.gif") no-repeat scroll 0 0 transparent;
    padding: 3px 0 10px 45px;
}
#qa_3rd .text_blc .answer section{
}
#qa_3rd .text_blc .question section h3{
	margin:0;
	border:none;
	padding:0;
}
#qa_3rd .text_blc .answer section h3{
	border:none;
	padding:0;
}
#qa_3rd .text_blc .answer section .profile {
    font-size: 11px;
    padding: 15px 0 20px;
    text-align: right;
}
#qa_3rd .text_blc {
    border-bottom: none;
    padding: 0 30px 30px;
    width: 660px;
}
#qa_3rd .text_blc section p{
	padding:0 0 35px 0;
}
#qa_3rd .text_blc section p strong{
	font-size:17px;
	font-weight:bold;
}

#qa #main_col .text_blc section p a.photo_full{
float:right;
width:100%;
margin:0 0 10px 0;
padding:0 0 25px;
text-decoration:none;
background:url(../images/btn_zoom.gif) 100% 100% no-repeat;
}
#qa #main_col .text_blc section p a.photo_full img{
width:100%;
height:auto;
}
#qa #main_col .text_blc section p a.photo_harf{
float:right;
margin:0 0 10px 20px;
padding:0 0 25px;
text-decoration:none;
background:url(../images/btn_zoom.gif) 100% 100% no-repeat;
}
#qa #main_col .text_blc section p a.photo_harf img{
width:318px;
height:auto;
}
#qa #main_col .text_blc section p a.photo_r,
#qa #main_col .text_blc section p a.photo_l{
width:230px;
padding:0 0 25px;
text-decoration:none;
background:url(../images/btn_zoom.gif) 100% 100% no-repeat;
}
#qa #main_col .text_blc section p a.photo_r:hover,
#qa #main_col .text_blc section p a.photo_l:hover{ background:url(../images/btn_zoom_on.gif) 100% 100% no-repeat; }

#qa #main_col .text_blc section p a img{
width:230px;
height:auto;
}

/*==========================================================================================
	// 動画
==========================================================================================*/

/*------------------------------- index -----------------------------*/
/* ttl画像設定 */
#douga_2nd .ttl{ background:url(../../images/douga_ttl.gif) 0 0 no-repeat; }

#douga_2nd .list_separete dd a{
	display:inline-block;
	margin:5px 20px 0 0;
	padding:0 0 0 15px;
	background:url(../images/icon_arrow_gr.png) 0 50% no-repeat;
}



/*------------------------------- detail -----------------------------*/
#douga #detail_page {
}
/*------ ttl -----*/
#douga #detail_page .ttl h2{
	line-height:1.5;
	padding:5px 0 5px 15px;
	margin:0 0 20px;
	border-left:#fbe73c 4px solid;
}
	#douga #detail_page .sub_ttl_on{
		font-size:15px;
		display:block;
	}
	#douga #detail_page .sub_ttl_off{ display:none; }

#douga #detail_page .ttl .movie_text{
	float:left;
	width:365px;
	font-size:14px;
}
/* サムネ */
#douga #detail_page .ttl .movie{
	float:right;
	position:relative;
	width:280px;
	text-decoration:none;
}
	.playicon{
		position:absolute;
		top:50%;
		margin:-82px 0 0;
		width:280px;
		height:auto;
		z-index:5;
	}
	#douga #detail_page .ttl .movie .movie_thumb{
		width:280px;
		height:auto;
		filter: alpha(opacity=90);
		-moz-opacity:0.90;
		opacity:0.90;
		border:#bbb 1px solid;
	}
	#douga #detail_page .ttl a:hover .movie_thumb{ 
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}

/*------ movie_kaisetsu -----*/
#douga #main_col article{
	border:none;
}
.movie_kaisetsu{
	padding:30px 0 0;
}
	.movie_kaisetsu li{
		padding:0 0 20px;
	}
	/*clear fix*/
	.movie_kaisetsu li:after {
		content:".";
		display:block;
		height:0;
		visibility:hidden;
		clear:both;
	}
	.movie_kaisetsu li{
		display:inline-block;
	}
	* html .movie_kaisetsu li{
		height:1%;
	}
	.movie_kaisetsu li{
		display:block;
	}
		.movie_kaisetsu li img{
			float:left;
			width:215px;
			height:auto;
			border:#bbb 1px solid;
		}
		.movie_kaisetsu li p{
			float:right;
			width:430px;
		}
		/* 画像枚数調整 */
		.kaisetsu04 li.kaisetsu05, .kaisetsu04 li.kaisetsu06, .kaisetsu04 li.kaisetsu07, .kaisetsu04 li.kaisetsu08, .kaisetsu04 li.kaisetsu09, .kaisetsu04 li.kaisetsu10, .kaisetsu04 li.kaisetsu11, .kaisetsu04 li.kaisetsu12,
		.kaisetsu05 li.kaisetsu06, .kaisetsu05 li.kaisetsu07, .kaisetsu05 li.kaisetsu08, .kaisetsu05 li.kaisetsu09, .kaisetsu05 li.kaisetsu10, .kaisetsu05 li.kaisetsu11, .kaisetsu05 li.kaisetsu12,
		.kaisetsu06 li.kaisetsu07, .kaisetsu06 li.kaisetsu08, .kaisetsu06 li.kaisetsu09, .kaisetsu06 li.kaisetsu10, .kaisetsu06 li.kaisetsu11, .kaisetsu06 li.kaisetsu12,
		.kaisetsu07 li.kaisetsu08, .kaisetsu07 li.kaisetsu09, .kaisetsu07 li.kaisetsu10, .kaisetsu07 li.kaisetsu11, .kaisetsu07 li.kaisetsu12,
		.kaisetsu08 li.kaisetsu09, .kaisetsu08 li.kaisetsu10, .kaisetsu08 li.kaisetsu11, .kaisetsu08 li.kaisetsu12,
		.kaisetsu09 li.kaisetsu10, .kaisetsu09 li.kaisetsu11, .kaisetsu09 li.kaisetsu12,
		.kaisetsu10 li.kaisetsu11, .kaisetsu10 li.kaisetsu12,
		.kaisetsu11 li.kaisetsu12{
			display:none;
		}

/*------ profile -----*/
#douga .profile_on{
	border-top:#adadad 1px solid;
	width:660px;
	padding:30px;
}
	#douga .profile_on h3{
		display:inline;
		padding:2px 5px;
		background:#fbe73c;
	}
	#douga .profile_on .clear{
		margin:20px 0 0;
	}
		#douga .profile_on img{
			float:left;
			width:170px;
			height:auto;
		}
		#douga .profile_on dl{
			float:right;
			width:470px;
		}
			#douga .profile_on dt{
				font-weight:bold;
				padding:0 0 10px;
			}
#douga .profile_off{ display:none; }

/* dokos */
#douga #popup_movie {
	display: none;
}
.dokos-embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.dokos-embed-container iframe,
.dokos-embed-container object,
.dokos-embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*------------------------------- そなえる -----------------------------*/
#douga #jisin_nav{

}
#douga #jishin_nav .main_head{
	padding:36px 0 30px 30px;
}

/*------ イラストナビ -----*/
#jishin_nav .illust_nav{
}
#jishin_nav .illust_nav li{
	display:block;
	float:left;
	height:308px;
}
#jishin_nav .illust_nav li a,
#jishin_nav .illust_nav li strong{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
}

#jishin_nav .illust_nav .nav01{ width:167px;}
#jishin_nav .illust_nav .nav01 a{ background:url(../../images/movie_nav01.gif) 0 0 no-repeat; }
#jishin_nav .illust_nav .nav01 a:hover,
#jishin_nav .illust_nav .nav01 strong{ background:url(../../images/movie_nav01_on.gif) 0 0 no-repeat; }

#jishin_nav .illust_nav .nav02{ width:164px;}
#jishin_nav .illust_nav .nav02 a{ background:url(../../images/movie_nav02.gif) 0 0 no-repeat; }
#jishin_nav .illust_nav .nav02 a:hover,
#jishin_nav .illust_nav .nav02 strong{ background:url(../../images/movie_nav02_on.gif) 0 0 no-repeat; }

#jishin_nav .illust_nav .nav03{ width:164px;}
#jishin_nav .illust_nav .nav03 a{ background:url(../../images/movie_nav03.gif) 0 0 no-repeat; }
#jishin_nav .illust_nav .nav03 a:hover,
#jishin_nav .illust_nav .nav03 strong{ background:url(../../images/movie_nav03_on.gif) 0 0 no-repeat; }

#jishin_nav .illust_nav .nav04{ width:166px;}
#jishin_nav .illust_nav .nav04 a{ background:url(../../images/movie_nav04.gif) 0 0 no-repeat; }
#jishin_nav .illust_nav .nav04 a:hover,
#jishin_nav .illust_nav .nav04 strong{ background:url(../../images/movie_nav04_on.gif) 0 0 no-repeat; }


/*------ 動画リスト -----*/
#jishin_nav .movie_list{
	clear:both;
	padding:20px 0 10px;
}
#jishin_nav .movie_list h2{
	float:left;
	margin:0 0 0;
	padding:0 0 0 15px;
	width:300px;
	font-size:17px;
	border-left:#fbe73c 4px solid;
}
#jishin_nav .movie_list p{
	float:right;
	margin-right:30px;
	font-size:11px;
}

/* サムネ一覧 */
#jishin_nav .movie_list ul{
	clear:both;
}
/*clear fix*/
.movie_list ul:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.movie_list ul{
	display:inline-block;
}
* html .movie_list ul{
	height:1%;
}
.movie_list ul{
	display:block;
}

#jishin_nav .movie_list ul li{
	float:left;
	width:147px;
	margin:30px 24px 0 0;
}
#jishin_nav .movie_list ul li img{
	display:block;
	width:145px;
	margin:0 0 5px;
	border:#bbb 1px solid;
}


/*==========================================================================================
	// ぼうさいマップ
==========================================================================================*/
#map .ttl{
	width:660px;
	height:110px;
	padding:0 30px 30px;
	background:url(../../images/map_ttl.gif) 30px 50% no-repeat;
	text-indent:-9999em;
}
#map .text_blc{
	border:none !important;
}
#map .text_blc a{
	padding-left:18px;
	font-weight:bold;
	font-size:15px;
	background:url(../images/icon_arrow_gr.png) 0 50% no-repeat;
}
#map .text_blc img{
	margin:20px 0 0;
}


/*==========================================================================================
	// お役立ちツール
==========================================================================================*/

/* マーク
========================================================================*/
#mark .ttl{
	width:660px;
	height:110px;
	padding:0 30px 30px;
	background:url(../../images/mark_ttl.gif) 30px 50% no-repeat;
}
#mark .ttl h2{
	text-indent:-9999em;
}

/*------ text_blc -----*/
#mark .text_blc{
	border:none;
}
#mark .text_blc section{
	margin:0 0 20px;
}
#mark h3 {
	margin-bottom:20px !important;
	font-size:20px !important;
}

/* list */
#mark .text_blc ul{
	margin:0 -20px 0 0;
}
#mark .text_blc li{
	float:left;
	width:116px;
	margin:0 20px 20px 0;
	margin:0 16px 20px 0\9; /* IE8 and below */
	*margin:0 16px 20px 0; /* IE7 and below */	
}
#mark .text_blc li img{
	display:block;
}
#mark .text_blc li p{
	padding:5px 0 0 !important;
	line-height:1.4;
}


/*==========================================================================================
	// リポート
==========================================================================================*/
#report #reportall .ttl{
    border-bottom: 1px solid #ADADAD;
    position: relative;
    width: 720px;
	padding:0;
}
#report #reportall .text_blc .ttl{
	border:none;
}
#report #reportall .ttl h2{
	margin:0;
	height:180px;
	padding:0;
	background:url(../../images/report_ttl.gif) no-repeat 0 50%;
    text-indent: -9999em;
}
#report #reportall {}
#report #main_col .text_blc{
	border:none;
}
#report #reportall #main_col .text_blc.iryou{
    background: url(../images/main_line_separate.gif) no-repeat scroll 0 0 transparent;}

#report #reportall  #main_col .text_blc div.clear{
	padding:0 0 0 30px;
	position:relative;
}
#report #reportall #main_col .text_blc {
    padding: 0;
    width: 100%;
}
#report #reportall  #main_col .text_blc .ttl{
	padding:30px 0 0;
}
#report #reportall  #main_col .text_blc h3{
    border-left: 4px solid #FBE73C;
    font-size: 17px;
    margin: 0 30px 30px;
    padding: 0 0 0 15px;
}
#report #reportall  #main_col .text_blc.iryou .ttl{
	padding:37px 0 0;
}
#report #reportall #main_col .text_blc div div{
	float:left;
	width:229px;
}
#report #reportall #main_col .text_blc div a{
	text-decoration:none;
}
#report #reportall #main_col .text_blc div h4,
#report #reportall #main_col .text_blc div p{
	width:200px;
}
#report #reportall #main_col .text_blc div a h4{
	font-size:14px;
	color:#0b7d1b;
	text-decoration:underline;
}
#report #reportall #main_col .text_blc div a p.txt{
	padding-bottom:30px;
	font-size:11px;
}
#report #reportall #main_col .text_blc div p.img img{
	width:198px;
	border:1px solid #BBBBBB;
}
#report #main_col #detail_page .text_blc{
	padding:0 30px 30px;
	width:660px;
}
#report #main_col #detail_page .ttl p.genre{
	position:absolute;
	top:0;
	right:20px;
	background:#fbe73c;
	font-size:11px;
	padding:0 10px;
}
#report #main_col #detail_page .ttl h2{
			padding:15px 0 5px;
			font-size:26px;
			font-weight:normal;
		}

#report #main_col #detail_page .ttl p.caption{
	color:#cc3333;
}
#report #detail_page .data{
	font-size:11px;
	margin-bottom:15px;
}
#report #detail_page .text_blc .img{
	text-align:center;
}
#report .relationalsite{
	margin-top:30px;
}
#report .relationalsite h3{
	background:url(../images/relationalsite_ttl.gif) no-repeat 0 0;
	height:60px;
	text-indent:-9999em;
}

	#report #main_col .relationalsite .clear{
		display:block;
		padding:20px 30px;
		background:url(../images/line_dot2.gif) 0 0 repeat-x;
	}
#main_col .relationalsite {
    margin: 30px 0 0;
    width: 720px;
}
.relationalsite dt{
			font-weight:bold;
			font-size:15px;
			line-height:1.4;
}
#report #main_col a dt{ color:#206d32; }
#report #main_col a:hover  dt{ color:#08ae3e; }
#report #main_col a:hover .text_area dd{
		color:#08ae3e;
}

/*==========================================================================================
	// featureTop
==========================================================================================*/
#feature #main_col{
    width: 980px;
}

#feature #main_col .main_area,
#feature #main_col .main_areaunit{
    background: url(../images/main_bg_long.gif) repeat-y scroll 100% 0;
	width: 980px;
	padding:0;
	margin-bottom:11px;
}
#feature #main_col .social{
    padding: 0 0 0 642px;
}
#feature #main_col .main_area .ttl h2{
	text-indent:-9999em;
}
#feature #main_col .main_foot{
    background: url(../images/main_foot_long_kado_map.gif) repeat-x scroll 100% bottom;
	padding:0 0  10px;
}
#feature #main_col .main_head {
    background: url(../images/main_head_long.gif) repeat-x scroll 100% 0;
    padding: 6px 0 0;
	/zoom : 1; }
#feature #main_col .main_head:after{ content : ''; display : block; clear : both; height:0;}
#featureTop #main_col .main_area .ttl {
    background: url(../../images/feature_ttl.gif) no-repeat scroll 0 50%;
    height: 100px;
    padding: 0;
    position: relative;
    width: 978px;
}
#featureTop #main_col .main_foot{
    background: url(../images/main_foot_long_kado_map.gif) repeat-x scroll 100% bottom;
	padding:0 0  10px;
}
#featureTop #main_col .main_head {
    background: url(../images/main_head_long.gif) repeat-x scroll 100% 0;
    padding: 6px 0 0;
	/zoom : 1; }
#featureTop #main_col .main_head:after{ content : ''; display : block; clear : both; height:0;}
#featureTop #main_col .main_head .text_blc{
	border:none;
	padding:30px 0 0;
	width:auto;
	/zoom : 1; }
#featureTop #main_col .main_head .text_blc:after{ content : ''; display : block; clear : both; height:0;}
#featureTop #main_col .main_head .text_blc div{
	width:326px;
	float:left;
	background:url(../images/line_vartical_dot.gif) repeat-y right;
	height:275px;
}
#featureTop #main_col .main_head .text_blc div.noline{
	background:none;
}
#featureTop #main_col .main_head .text_blc div p,
#featureTop #main_col .main_head .text_blc div h3{
	padding:0 30px;
}
#featureTop #main_col .main_head .text_blc div{
	margin-bottom:30px;
}
#featureTop #main_col .main_head .text_blc div p.img img{
	width:265px;
	border:1px solid #BBBBBB;
}
#featureTop #main_col .main_head .text_blc div a{
	text-decoration:none;
}
#featureTop #main_col .main_head .text_blc div a h3{
    color: #135B24;
    font-size: 14px;
    font-weight: bold;
}
#featureTop #main_col .main_head .text_blc div a:hover h3{
    color: #08AE3E;
}

/*==========================================================================================
	// about
==========================================================================================*/
#about #main_col .main_area .ttl {
    background: url(../../images/about_ttl.gif) no-repeat scroll 0 50%;
    height: 100px;
    padding: 0;
    position: relative;
    width: 978px;
}
#about #main_col .main_foot{
    background: url(../images/main_foot_long_kado_map.gif) repeat-x scroll 100% bottom;
	padding:0 0  10px;
}
#about #main_col .main_head {
    background: url(../images/main_head_long.gif) repeat-x scroll 100% 0;
    padding: 6px 0 0;
	/zoom : 1; }
#about #main_col .main_head:after{ content : ''; display : block; clear : both; height:0;}
#about #main_col .main_head .text_blc{
	border:none;
	padding:30px;
	width:auto;
	/zoom : 1; }
#about #main_col .main_head .text_blc:after{ content : ''; display : block; clear : both; height:0;}
#about #main_col .main_head .text_blc div.txt{
	width:440px;
	float:left;
}
#about #main_col .main_head .text_blc div.txt p{
	margin-bottom:30px;
}
#about #main_col .main_head .text_blc div.img{
	float:right;
	width:450px;
}
#about #main_col .main_head .text_blc div.img img{
	width:450px;
}
// 追記

#about #main_col .feature .text_blc { padding: 0 30px 30px;	border:none;width:920px;}

#about #main_col .feature .ttl{	background: url(../images/main_areaunit_ttl.gif) no-repeat 0 bottom;	padding:20px 30px;}
#about #main_col .feature .ttl h3{	font-size:18px;}
#about #main_col .feature .main_head{	padding-bottom:30px;}

#about #main_col .feature{
    background: url(../images/main_bg_long.gif) repeat-y scroll 100% 0;
	width: 980px;
	padding:0;
	margin-bottom:11px;
}

#about #main_col .feature .main_head div.site_blc{
	width:326px;
	float:left;
	background:url(../../images/area_site_blc.gif) repeat-y right;
	margin:30px 0 0;
}
#about #main_col .feature .main_head div.site_blc.noborder{	background:none;}
#about #main_col .feature .main_head div.site_blc a{	text-decoration:none;}
#about #main_col .feature .main_head div.site_blc dl{	padding:0 30px 0;}
#about #main_col .feature .main_head div.site_blc img{	border: 1px solid #BBBBBB;width:265px;display:block;margin:10px auto;}

#about #main_col .feature .main_head div.site_blc dt span.sitename{	font-weight:bold;font-size:14px;color:#0b7d1b;text-decoration:underline;}
#about #main_col .feature .main_head div.site_blc a:hover dt span.sitename{	color:#08AE3E;}
#about #main_col .feature .main_head div.site_blc dt span.subtitle{	font-size:12px;}
#about #main_col nav.about_select{	float:none;	width:980px;margin:0;padding:17px 0 48px;}
/*==========================================================================================
	// NHKの取り組み
==========================================================================================*/
#area #main_col .main_area .ttl {
    background: url(../../images/area_ttl.gif) no-repeat scroll 30px 50%;
    height: 152px;
    padding: 0;
    position: relative;
    width: 978px;
}

#area #main_col .main_foot{
    background: url(../images/main_foot_long_kado_map.gif) repeat-x scroll 100% bottom;
	padding:0 0  10px;
}
#area #main_col .main_head {
    background: url(../images/main_head_long.gif) repeat-x scroll 100% 0;
    padding: 6px 0 0;
	/zoom : 1; }
#area #main_col .main_head:after{ content : ''; display : block; clear : both; height:0;}
#area #main_col .main_head .map_block{
	padding:30px 30px 20px;
}
#area #main_col .main_areaunit .text_blc {
    padding: 0 30px 30px;
	border:none;
	width:920px;
}
#area #main_col .main_areaunit .ttl{
	background:url(../images/main_areaunit_ttl.gif) no-repeat 0 bottom;
	padding:20px 30px;
}
#area #main_col .main_areaunit .ttl h3{
	font-size:18px;
}
#area #main_col .main_areaunit .main_head{
	padding-bottom:30px;
}
#area #main_col .main_areaunit .main_head div.site_blc{
	width:243px;
	float:left;
	background:url(../../images/area_site_blc.gif) repeat-y right;
	margin:30px 0 0;
}
#area #main_col .main_areaunit .main_head div.site_blc:nth-child(4n+1){
	background:none;
}
#area #main_col .main_areaunit .main_head div.site_blc.noborder{
	background:none;
}
#area #main_col .main_areaunit .main_head div.site_blc a{
	text-decoration:none;
}
#area #main_col .main_areaunit .main_head div.site_blc dl{
	padding:0 30px 0;
}
#area #main_col .main_areaunit .main_head div.site_blc img{
	border: 1px solid #BBBBBB;
	width:182px;
	display:block;
	margin-bottom:10px;
}
#area #main_col .main_areaunit .main_head div.site_blc dt span.category{
	display:block;
	width:100%;
	text-align:center;
	background:url(../../images/area_site_blc_cat.gif) no-repeat 0 bottom;
	padding:5px 5px 13px;
	color:#666666;
	font-weight:normal;
	font-size:12px;
}
#area #main_col .main_areaunit .main_head div.site_blc a dt span.station{
	color:#333333;
	font-size:12px;
	font-weight:bold;
}
#area #main_col .main_areaunit .main_head div.site_blc dt span.sitename{
	font-weight:bold;
	font-size:14px;
	color:#0b7d1b;
	text-decoration:underline;
}
#area #main_col .main_areaunit .main_head div.site_blc a:hover dt span.sitename{
	color:#08AE3E;
}
#area #main_col .main_areaunit .main_head div.site_blc dt span.subtitle{
	font-size:12px;
}
#area #main_col nav.area_select{
	float:none;
	width:980px;
	margin:0;
	padding:17px 0 48px;
}
#area #main_col nav.area_select ul{
	height:23px;
	background:url(../images/area_nav.gif) no-repeat 0 0;
}
#area #main_col nav.area_select li{
	float:left;
	width:122px;
	text-align:center;
}
#area #main_col nav.area_select li.first{
	width:126px;
}

// 追記

#area #main_col .feature .text_blc {
    padding: 0 30px 30px;
	border:none;
	width:920px;
}

#area #main_col .feature .ttl{
	background: url(../images/main_areaunit_ttl.gif) no-repeat 0 bottom;
	padding:20px 30px;
}
#area #main_col .feature .ttl h3{
	font-size:18px;
}
#area #main_col .feature .main_head{
	padding-bottom:30px;
}

#area #main_col .feature{
    background: url(../images/main_bg_long.gif) repeat-y scroll 100% 0;
	width: 980px;
	padding:0;
	margin-bottom:11px;
}

#area #main_col .feature .main_head div.site_blc{
	width:326px;
	float:left;
	background:url(../../images/area_site_blc.gif) repeat-y right;
	margin:30px 0 0;
}
#area #main_col .feature .main_head div.site_blc.noborder{
	background:none;
}
#area #main_col .feature .main_head div.site_blc a{
	text-decoration:none;
}
#area #main_col .feature .main_head div.site_blc dl{
	padding:0 30px 0;
}
#area #main_col .feature .main_head div.site_blc img{
	border: 1px solid #BBBBBB;
	width:265px;
	display:block;
	margin:10px auto;
}

#area #main_col .feature .main_head div.site_blc dt span.sitename{
	font-weight:bold;
	font-size:14px;
	color:#0b7d1b;
	text-decoration:underline;
}
#area #main_col .feature .main_head div.site_blc a:hover dt span.sitename{
	color:#08AE3E;
}
#area #main_col .feature .main_head div.site_blc dt span.subtitle{
	font-size:12px;
}
#area #main_col nav.area_select{
	float:none;
	width:980px;
	margin:0;
	padding:17px 0 48px;
}

/*==========================================================================================
	// もしもブック　もしもマニュアル
==========================================================================================*/
#moshimoTop #main_col .main_area .ttl{
    padding: 0;
    position: relative;
    width: 978px;
}
#moshimoTop #main_col .main_area .ttl h2{
    background: url(../../images/moshimo_top_ttl.gif) no-repeat scroll 30px 40px;
    height: 238px;
}
#moshimoTop #main_col .main_area .ttl a{
	position:absolute;
	top:78px;
	right:34px;
}
#main_col .main_area .ttl p.langchange,
#moshimoTop #main_col .main_area .ttl p.langchange{
	position: absolute;
	right:34px;
	top:25px;
	width: 123px;
}
#moshimoTop #main_col .main_area .ttl p.langchange a,
#feature #goods #main_col .main_area .ttl p.langchange a{
	position: relative;
	top:0;
	right: 0;
}
#moshimoTop #main_col .main_head .text_blc{
	border:none;
	padding:30px;
	width:auto;
	/zoom : 1; }
#moshimoTop #main_col .main_head .text_blc:after{ content : ''; display : block; clear : both; height:0;}
#moshimoTop #main_col .main_head .text_blc div.txt{
	width:440px;
	float:left;
}
#moshimoTop #main_col .main_head .text_blc div.img{
	width:424px;
	float:right;
}
#moshimoTop #main_col .main_head .text_blc div#mainImg{
	position:relative;
}
#moshimoTop #main_col .main_head .text_blc div#mainImg span{
	position:absolute;
	top:1067px;
	left:201px;
}
#moshimoBook #main_col .main_area .ttl {
    padding: 0;
    position: relative;
    width: 978px;
}
#moshimoBook #main_col .main_area .ttl h2{
    background: url(../../images/moshimo_book_ttl.gif) no-repeat scroll 30px 50%;
    height: 180px;
}
#moshimoBook #main_col .main_area .ttl .langchange a{
	position: relative;
	top:0;
	right: 0;
	
}
#moshimoBook #main_col .main_area .ttl a{
	position:absolute;
	top:68px;
	right:34px;
}
#moshimoBook #main_col .text_blc .ttl {
    border: medium none;
}
#moshimoBook #main_col .text_blc .ttl {
    padding: 30px 0 0;
}
#moshimoBook #main_col .text_blc .ttl h3{
    border-left: 4px solid #FBE73C;
    font-size: 17px;
    margin: 0 30px 30px;
    padding: 0 0 0 15px;
}
#moshimoBook #main_col .text_blc .ttl ul{
	position:absolute;
	top:25px;
	left:396px;
	}
#moshimoBook #main_col .text_blc .ttl ul li{
	float:left;
}
#moshimoBook #main_col .text_blc .ttl ul li a {
    position:static;
	right:0;
	top:0;
}
#moshimoBook #main_col .main_head .text_blc {
    border: medium none;
    padding: 30px;
    width: auto;
}
#moshimoBook #main_col .main_head .text_blc #mainImg p{
	text-align:center;
	margin-bottom:5px;
	}
#moshimoBook #main_col .main_head .text_blc #mainImg div.main{
	margin:45px 0 ;
}
#moshimoBook #main_col .main_head .text_blc #mainImg p.main img{
}
#moshimoBook #main_col .main_head .text_blc #mainImg div.main p.copyright{
	text-align:right;
	margin-bottom:20px;
}
#moshimoBook.howto #main_col .text_blc .ttl h3 img{
	position:absolute;
	top:-10px;
	left:35px;
}
#moshimoBook.howto #main_col .text_blc table{
	border:0;
	border-collapse:0;
	border-spacing:0;
}
#moshimoBook.howto #main_col .text_blc table td{
	width:234px;
}
#moshimoBook.howto #main_col .text_blc table td p{
	width:215px;
}
#moshimoBook.howto #main_col .text_blc table td p.txt{
	margin:10px 0 30px;
}
#moshimoBook.howto #main_col .text_blc table td.last{
	width:215px;
}
#moshimoBook.howto #main_col .text_blc div.dlpage{
	text-align:center;
}
#moshimoBook.howto #main_col .text_blc div.dlpage a{
	margin:0 10px;
}

/*==========================================================================================
	// 防災グッズ
==========================================================================================*/
#feature #goods #main_col .main_area .ttl {
    padding: 0;
    position: relative;
    width: 978px;
}
#feature #goods #main_col .main_area .ttl h2{
    background: url(../../images/goods_ttl.gif) no-repeat scroll 30px 50%;
    height: 235px;
}
#feature #goods #main_col .main_area .ttl a{
	position:absolute;
	top:76px;
	right:34px;
}
#feature #goods #main_col .main_head .text_blc{
	border:none;
	padding:30px;
	width:auto;
	/zoom : 1; }
#feature #goods #main_col .main_head .text_blc.second{
	padding:0 30px 30px;
}
#feature #goods #main_col .main_head .text_blc:after{ content : ''; display : block; clear : both; height:0;}
#feature #goods #main_col .main_head .text_blc div.txt{
	width:440px;
	float:left;
}
#feature #goods #main_col .main_head .text_blc div.img{
	width:424px;
	float:right;
}
#feature #goods #main_col .main_head .text_blc ul#tabMain,
#feature #goods #main_col .main_head .text_blc .content_wrap ul {
	width:100%;
}
#feature #goods #main_col .main_head .text_blc ul#tabMain:after,
#feature #goods #main_col .main_head .text_blc .content_wrap,
#feature #goods #main_col .main_head .text_blc .content_wrap ul:after {
	content: " ";
	display: table;
}
#feature #goods #main_col .main_head .text_blc ul#tabMain:after,
#feature #goods #main_col .main_head .text_blc .content_wrap,
#feature #goods #main_col .main_head .text_blc .content_wrap ul:after {
	clear: both;
}
#feature #goods #main_col .main_head .text_blc ul#tabMain,
#feature #goods #main_col .main_head .text_blc .content_wrap,
#feature #goods #main_col .main_head .text_blc .content_wrap ul {
 *zoom: 1; /* for IE 6/7 only */
}
#feature #goods #main_col .main_head .text_blc ul#tabMain{
	height:63px;
	margin-top:20px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap{
	padding-bottom:30px;
}
#feature #goods #main_col .main_head .text_blc #tabMain li {
	float:left;
	width:310px;
	height:46px;
	background:url(../../goods/pic/goods_nav.gif) no-repeat;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden; 
	cursor:pointer;
}
#feature #goods #main_col .main_head .text_blc #tabMain li#home {
	background-position:0 0;
}
#feature #goods #main_col .main_head .text_blc #tabMain li#out {
	background-position:-310px 0;
}
#feature #goods #main_col .main_head .text_blc #tabMain li#company {
	width:300px;
	background-position:-620px 0;
}
#feature #goods #main_col .main_head .text_blc #tabMain li#home.select {
	background-position:0 -46px;
}
#feature #goods #main_col .main_head .text_blc #tabMain li#out.select {
	background-position:-310px -46px;
}
#feature #goods #main_col .main_head .text_blc #tabMain li#company.select {
	background-position:-620px -46px;
}
#feature #goods #main_col .main_head .text_blc #tabSub01,
#feature #goods #main_col .main_head .text_blc #tabSub02,
#feature #goods #main_col .main_head .text_blc #tabSub03{
	height:144px;
	position:static;
	padding-left:15px;
}
#feature #goods #main_col .main_head .text_blc #tabSub01{
	background:url(../../goods/pic/goods_list01.gif) no-repeat;
}
#feature #goods #main_col .main_head .text_blc #tabSub02{
	background:url(../../goods/pic/goods_list02.gif) no-repeat;
}
#feature #goods #main_col .main_head .text_blc #tabSub03{
	background:url(../../goods/pic/goods_list03.gif) no-repeat;
}
#feature #goods #main_col .main_head .text_blc #tabSub01 li,
#feature #goods #main_col .main_head .text_blc #tabSub02 li,
#feature #goods #main_col .main_head .text_blc #tabSub03 li{
	margin:0px 5px 0 0;
	float:left;
	width:84px;
	height:132px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	cursor:pointer;
}
#feature #goods #main_col .main_head .text_blc .disnon {
	display: none;
}
#feature #goods #main_col .main_head .text_blc .content_wrap p.read{}
#feature #goods #main_col .main_head .text_blc .content_wrap ul,
#feature #goods #main_col .main_head .text_blc .content_wrap div{
	float:left;
	width:468px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap p.howtoprint{
	margin-top:15px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap p.read{
	margin-bottom:20px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap .alllist{
	float:right;
	}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf{
	margin-bottom:20px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf a{
	margin:0 5px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf a img{
}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf a img{
	height:70px;
	width:220px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf.brown a img{
	background:url(../../goods/pic/goods_pdf_dlbg.gif) no-repeat 0 0;
	}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf.pink a img{
	background:url(../../goods/pic/goods_pdf_dlbg.gif) no-repeat 0 -70px;
	}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf.green a img{
	background:url(../../goods/pic/goods_pdf_dlbg.gif) no-repeat 0 -140px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf.orange a img{
	background:url(../../goods/pic/goods_pdf_dlbg.gif) no-repeat 0 -210px;
}
#feature #goods #main_col .main_head .text_blc .content_wrap .pdf.blue a img{
	background:url(../../goods/pic/goods_pdf_dlbg.gif) no-repeat 0 -280px;
}
#feature #goods #main_col .main_head .text_blc div.dlpage{
	text-align:center;
}
#feature #goods #main_col .main_head .text_blc div.dlpage a{
	margin:0 10px;
}
#feature #goods #main_col .main_head .text_blc div.caution h4{
	margin-bottom:10px;
}
#feature #goods #main_col .main_head .text_blc div.caution ul{
	padding:10px 0 10px 20px;
	width: 448px;
	float:none;
}
#feature #goods #main_col .main_head .text_blc div.caution li{
	list-style-type:disc;
}
/* 
現場
*/
#genba #main_col .ttl {
    width: 978px;
	padding:15px 0 30px 0;
}

#feature #genba #main_col .ttl h2 {
    font-size: 26px;
    font-weight: normal;
    padding: 0 0 5px 30px;
	text-indent:0;
}
#feature #genba #main_col .ttl p{
    padding: 5px 0 10px 30px;
}
#genba #main_col .text_blc {
    border-bottom: none;
    padding: 0 30px 30px;
    width: auto;
}
#genba #main_col .text_blc section p{
	width:510px;
	float:left;
	}
#genba #main_col .text_blc section p.img{
	width:380px;
	float:right;
	text-align:right;
	}

#feature #genba #main_col section:before,
#feature #genba #main_col section:after {
    content: " ";
    display: table;
}
 
#feature #genba #main_col section:after {
    clear: both;
}
 
#feature #genba #main_col section {
    *zoom: 1; /* for IE 6/7 only */
}
// 追記

#genba #main_col .feature .text_blc { padding: 0 30px 30px;	border:none;width:920px;}

#genba #main_col .feature .ttl{	background: url(../images/main_areaunit_ttl.gif) no-repeat 0 bottom;	padding:20px 30px;}
#genba #main_col .feature .ttl h3{	font-size:18px;}
#genba #main_col .feature .main_head{	padding-bottom:30px;}

#genba #main_col .feature{
    background: url(../images/main_bg_long.gif) repeat-y scroll 100% 0;
	width: 980px;
	padding:0;
	margin-bottom:11px;
}

#genba #main_col .feature .main_head div.site_blc{
	width:326px;
	float:left;
	background:url(../../images/area_site_blc.gif) repeat-y right;
	margin:30px 0 0;
}
#genba #main_col .feature .main_head div.site_blc.noborder{	background:none;}
#genba #main_col .feature .main_head div.site_blc a{	text-decoration:none;}
#genba #main_col .feature .main_head div.site_blc dl{	padding:0 30px 0;}
#genba #main_col .feature .main_head div.site_blc img{	border: 1px solid #BBBBBB;width:265px;display:block;margin:10px auto;}

#genba #main_col .feature .main_head div.site_blc dt span.sitename{	font-weight:bold;font-size:14px;color:#0b7d1b;text-decoration:underline;}
#genba #main_col .feature .main_head div.site_blc a:hover dt span.sitename{	color:#08AE3E;}
#genba #main_col .feature .main_head div.site_blc dt span.subtitle{	font-size:12px;}
#genba #main_col nav.about_select{	float:none;	width:980px;margin:0;padding:17px 0 48px;}
/*==========================================================================================
	// 熱中症対策
==========================================================================================*/
#nechushotaisaku .ttl{
	width:660px;
	height:110px;
	padding:0 30px 30px;
	background:url(../../images/nechusho_ttl.gif) 30px 50% no-repeat;
}
	#nechushotaisaku .ttl h2{
		text-indent:-9999em;
	}

#nechushotaisaku .text_blc {
    border: medium none;
}
#nechushotaisaku .text_blc p.btn{
	text-align:center;
}

/*==========================================================================================
	// 土砂災害
==========================================================================================*/
#doshasaigai .ttl{
	width:660px;
	height:110px;
	padding:0 30px 30px;
	background:url(../../images/doshasaigai_ttl.gif) 30px 50% no-repeat;
}
	#doshasaigai .ttl h2{
		text-indent:-9999em;
	}

#doshasaigai .text_blc {
    border: medium none;
}
#doshasaigai .text_blc p.btn{
	text-align:center;
}
#doshasaigai ul#cont_nav {
	margin:30px auto 0;
}
	#doshasaigai ul#cont_nav li{
		background-image:url(../../doshasaigai/pic/doshasaigai_nav.gif);
		background-repeat:no-repeat;
		width:300px;
		height:67px;
		text-indent:-9999em;
		float:left;
		margin:0 10px;
		cursor:pointer;
	}
	#doshasaigai ul#cont_nav li#cont01{
		background-position:0 0;
	}
	#doshasaigai ul#cont_nav li#cont02{
		background-position:-320px 0;
	}
	#doshasaigai ul#cont_nav li#cont01.select{
		background-position:0 -67px;
	}
	#doshasaigai ul#cont_nav li#cont02.select{
		background-position:-320px -67px;
	}
#doshasaigai .disnon {
	display:none;
}

/* drill top */
body#drillTop #main_col {
	width: 980px;
}
body#drillTop #main_col .main_area{
    background: url(../images/main_bg_long.gif) repeat-y scroll 100% 0;
	width: 980px;
	padding:0;
	margin-bottom:11px;
}
body#drillTop #main_col .main_head {
    background: url(../images/main_head_long.gif) repeat-x scroll 100% 0;
    padding: 6px 0 0;
	/zoom : 1; 
}
body#drillTop #main_col .main_head:after{ content : ''; display : block; clear : both; height:0;}

body#drillTop #main_col .main_area .ttl {
    padding: 0;
    position: relative;
    width: 978px;
	border-bottom:none;
	background:url(../../drill/pic/top/drill_ttl.gif) no-repeat 28px 0;
}
body#drillTop #main_col .main_area .ttl h2{
	display:none;
}
body#drillTop #main_col .main_area .ttl .lead{
	padding:30px 30px 30px 240px;
	}
body#drillTop #main_col .main_area .ttl .lead p{
	margin-bottom:1em;
	}
body#drillTop #main_col .main_area .ttl .lead p.langcange{
	position: absolute;
	top:20px;
	right: 20px;
	width:123px;
	}
body#drillTop #main_col .main_area article ul{
	margin-left:30px;
	}
body#drillTop #main_col .main_area article ul li{
	float:left;
	height:286px;
	padding-right:30px;
	margin-bottom:30px;
	}
body#drillTop #main_col .main_area .credit{
	margin:0 0 30px 30px;
	}
body#drillTop #main_col .main_foot {
    background: url("../images/main_foot_long_kado_map.gif") repeat-x scroll 100% bottom rgba(0, 0, 0, 0);
    padding: 0 0 10px;
}
body#drillTop #main_col .social {
    padding: 0 0 0 642px;
}
/* en */
body#drillTop.en,body#feature.en{
	background:#f6f5ef url(../images/header_bg.gif) 0 0 repeat-x;
}
body#drillTop.en header,body#feature.en header{
	position: relative;
}
body#drillTop.en #main_col .main_area .ttl {
    padding: 0;
    position: relative;
    width: 978px;
	border-bottom:none;
	background:url(../../en/drill/pic/top/drill_ttl.gif) no-repeat 28px 0;
}
body#drillTop.en #main_col .main_area .ttl .lead p{
	margin-bottom:1em;
	width: 450px;
	}
body#drillTop.en #main_col .main_area .ttl .lead p.langchange{
	position: absolute;
	right:34px;
	top:25px;
	width: 123px;
}
body.en header h2{
	color: #135b24;
	position: absolute;
	top:10px;
	left:160px;
	font-size: 122%;
}
body.en header p{
	position: absolute;
	top:40px;
	left:160px;
	width: 400px;
}
body.en #footer_link p{
	font-size: 88%;
	vertical-align: top;
}
body.en .otherContLink{
	margin: 0 0 30px 60px;
}
body.en .otherContLink a:first-child{
	margin-right: 20px;
}

/*==========================================================================================
	// もしもブック　もしもマニュアル
==========================================================================================*/
.en #moshimoTop #main_col .main_area .ttl h2,
.en #moshimoBook #main_col .main_area .ttl h2,
.en #moshimoTop #main_col .main_area .ttl h2,
.en #moshimoTop #main_col .main_area .ttl h2{
    background: url(../../en/images/moshimo_top_ttl.gif) no-repeat scroll 30px 50%;
    height: 196px;
}
.en #moshimoTop #main_col .main_area .text_blc .txt p{
	margin-bottom:1em;
	width: 450px;
	}
.en #moshimoBook #main_col .text_blc .ttl ul{
	position:absolute;
	top:25px;
	left:362px;
	}
#feature.en #goods #main_col .main_area .ttl h2{
    background: url(../../en/images/goods_ttl.gif) no-repeat scroll 30px 50%;
    height: 195px;
}
#feature.en #goods #main_col .main_head .text_blc.second{
	margin-top: 30px;
}
#feature.en #goods #main_col .main_head .text_blc #tabMain li {
	float:left;
	width:310px;
	height:46px;
	background:url(../../en/goods/pic/goods_nav.gif) no-repeat;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden; 
	cursor:pointer;
}
#feature.en #goods #main_col .main_head .text_blc #tabSub01,
#feature.en #goods #main_col .main_head .text_blc #tabSub02,
#feature.en #goods #main_col .main_head .text_blc #tabSub03{
	height:144px;
	position:static;
	padding-left:15px;
	margin-left: 10px;
}
#feature.en #goods #main_col .main_head .text_blc #tabSub01{
	background:url(../../en/goods/pic/goods_list01.gif) no-repeat;
}
#feature.en #goods #main_col .main_head .text_blc #tabSub02{
	background:url(../../en/goods/pic/goods_list02.gif) no-repeat;
}
#feature.en #goods #main_col .main_head .text_blc #tabSub03{
	background:url(../../en/goods/pic/goods_list03.gif) no-repeat;
}
.en #moshimoTop #main_col .main_area #mainImg{
	position: relative;
	height: 1223px;
}
.en #moshimoTop #main_col .main_area #mainImg .dlpage{
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 922px;
}
.en #moshimoTop #main_col .main_area #mainImg .dlpage a:first-child{
	margin-right: 20px;
}
.en #moshimoBook.howto #main_col .text_blc div.dlpage{
	margin-top: 20px;
}
// 追記

#moshimoTop #main_col .feature .text_blc { padding: 0 30px 30px;	border:none;width:920px;}

#moshimoTop #main_col .feature .ttl{	background: url(../images/main_areaunit_ttl.gif) no-repeat 0 bottom;	padding:20px 30px;}
#moshimoTop #main_col .feature .ttl h3{	font-size:18px;}
#moshimoTop #main_col .feature .main_head{	padding-bottom:30px;}

#moshimoTop #main_col .feature{
    background: url(../images/main_bg_long.gif) repeat-y scroll 100% 0;
	width: 980px;
	padding:0;
	margin-bottom:11px;
}

#moshimoTop #main_col .feature .main_head div.site_blc{
	width:326px;
	float:left;
	background:url(../../images/area_site_blc.gif) repeat-y right;
	margin:30px 0 0;
}
#moshimoTop #main_col .feature .main_head div.site_blc.noborder{	background:none;}
#moshimoTop #main_col .feature .main_head div.site_blc a{	text-decoration:none;}
#moshimoTop #main_col .feature .main_head div.site_blc dl{	padding:0 30px 0;}
#moshimoTop #main_col .feature .main_head div.site_blc img{	border: 1px solid #BBBBBB;width:265px;display:block;margin:10px auto;}

#moshimoTop #main_col .feature .main_head div.site_blc dt span.sitename{	font-weight:bold;font-size:14px;color:#0b7d1b;text-decoration:underline;}
#moshimoTop #main_col .feature .main_head div.site_blc a:hover dt span.sitename{	color:#08AE3E;}
#moshimoTop #main_col .feature .main_head div.site_blc dt span.subtitle{	font-size:12px;}
#moshimoTop #main_col nav.about_select{	float:none;	width:980px;margin:0;padding:17px 0 48px;}