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

/* 初期化 */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, span, a, form {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	/*vertical-align:baseline;*/
}
/* 再定義 */
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 0px solid #999;
	padding: 0px;
	font-size: 13px;
	line-height: 125%;
	color: #212121;
}
p {
	margin: 0px;
	padding: 0px;
}
a:link {
	text-decoration: none;
	color: #2A2AE4;
}
a:visited {
	text-decoration: none;
	color: #2A2AE4;
}
a:hover {
	color: #FF0066;
	text-decoration: none;
}
a:active {
	color: #99CC00
}
.FL {
	float: left;
}
.FR {
	float: right;
}
.CB {
	clear: both;
}
.TAR {
	text-align: right;
}
.TAC {
	text-align: center;
}
.TI1 {
	text-indent: 1em;
}
.TIm1 {
	text-indent: -1em;
}
.ML1 {
	margin-left: 1em;
}
.MT2 {
	margin-top: 2px;
}
.MT4 {
	margin-top: 4px;
}
.MT8 {
	margin-top: 8px;
}
.FCgra {
	color: #999;
}
.FCred {
	color: #E60816;
}
.FCora {
	color: #F39800;
}
.FCcya {
	color: #2EA7E0;
}
.FCpur {
	color: #621e87;
}
.FCdpb {
	color: #036eb8;
}
.FS13 {
	font-size: 13px;
}
.LH135 {
	line-height: 135%;
}
.OP50 {
	opacity: 0.5;
}
.titleSentence {
	margin-bottom: 5px;
	border-bottom: 2px solid #036EB8;
	padding-bottom: 2px;
	font-size: 18px;
	font-weight: bold;
	line-height: 135%;
	color: #036EB8;
}
.areaHonbun {
	display: block;
	width: 100%;
	border: 0px solid #f00;
	padding: 0px;
}
.textHonbun {
	/*padding-bottom: 1em;*/
	padding: 0px 0px 0px 20px;
	font-size: 15px;
	line-height: 175%;
	/*text-indent: 1em;*/
}
.photoHonbun {
	display: block;
	position: relative;
	float: right;
	margin: 5px 20px 20px 20px;
	text-indent: 0em;
}
.areaCaution {
	display: block;
	width: auto;
	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	padding: 0.25em 0.75em;
}
.toukeiKekka li {
	margin-bottom: 0.75em;
	line-height: 150%;
}
.pdfdl li {
	list-style-position: inside;
	margin-bottom: 0.75em;
	line-height: 150%;
	text-indent: -1em;
	padding-left: 1em;
}
.pdfdl2 li {
	list-style-position: inside;
	line-height: 150%;
	text-indent: -1em;
	padding-left: 1em;
}
.list3em {
	margin-bottom: 0.75em;
	line-height: 150%;
	text-indent: -3em;
	padding-left: 3em;
}
.list9em {
	text-indent: -9em;
	padding-left: 9em;
}
/*******************************/
/* 全体 */
#contentsAll {
	display: block;
	width: 1024px;
	height: auto;
	margin: 0px auto;
	border: 0px solid #fff;
	padding: 0px;
	/*background: #4260be;*/
	background: #fff;
	overflow: hidden;
}
/* ヘッター */
#areaHeader {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border-top: 8px solid #0057b0;
	background: #fff;
	overflow: hidden;
	box-shadow: 0px 3px 2px rgba(0,0,0,0.35);
	z-index: 100;
}
#headerLeft {
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
#headerRight {
	display: none;
	float: right;
	width: auto;
	height: auto;
	margin: 10px 15px 0px 0px;
	padding: 0px;
	text-align: center;
	white-space: nowrap;
}
#headerLeft img {
	margin: 6px 15px 0px 15px;
}

/***************つるつる予報****************/
#areaTsurutsuru {
	display: block;
	position: absolute;
	top: 20px; left: 40px;
	width: 378px;
	height: auto;
	margin: 0px;
	border: 1px solid rgba(255,255,255,1);
	padding: 0px;
	/*background: #4260be;*/
	background: #fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	z-index: 1000;
}
#text_tsurutsuru_date {
	display: block;
	position: absolute;
	top: 34px;
	left: 5px;
	width: 95px;
	height: auto;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	text-align: left;
	line-height: 18px;
}
.mojiL {
	font-size: 23px;
	font-weight: bold;
}
#text_tsurutsuru_coment {
	display: block;
	position: absolute;
	top: 38px;
	left: 173px;
	width: 192px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
}
#text_tsurutsuru_coment p {
	font-size: 13px;
	text-align: left;
	line-height: 18px;
	background: url(images/top/bg_dotted2.gif);
}
/***************現地路面情報****************/
#areaRomen {
	display: block;
	position: absolute;
	top: 182px; left: 40px;
	width: 379px;
	height: 257px;
	margin: 0px;
	border-top: 1px solid rgba(255,255,255,1);
	border-left: 1px solid rgba(255,255,255,1);
	padding: 0px;
	/*background: #4260be;*/
	background: #000;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	overflow: hidden;
	z-index: 1000;
}
#areaRomen iframe {
	margin-top: -3px;
	margin-left: -3px;
}
/***************リード分****************/
#textLead {
	display: block;
	position: absolute;
	top: 235px;
	left: 15px;
	padding: 0.5em 1em;
	width: 600px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 175%;
	color: #036EB8;
	z-index: 1000;
}
#textLead1 {
	display: block;
	position: absolute;
	top: 235px;
	left: 15px;
	padding: 0.5em 1em;
	width: 710px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 175%;
	color: #036EB8;
	z-index: 1000;
}
#textLead2 {
	display: block;
	position: absolute;
	top: 207px;
	left: 15px;
	padding: 0.5em 1em;
	width: 700px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 175%;
	color: #036EB8;
	z-index: 1000;
}
#textLeadC {
	display: block;
	position: absolute;
	top: 207px;
	left: 15px;
	width: 710px;
	/*border: 2px solid rgba(255,255,255,0.75);*/
	border-radius: 6px;
	padding: 0.5em 1em;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 175%;
	color: #0057b0;
	background-color: rgba(255,255,255,0.5);
	z-index: 1000;
}


/***************タイトル部****************/
/* エリア全体 */
#areaTitlePage {
	display: block;
	position: relative;
	width: auto;
	height: 350px;
	margin: 0px;
	border: 0px solid #fff;
	padding: 0px;
	background: #fff;
	text-align: center;
	overflow: hidden;
}
/***************コンテンツ部****************/
/* 下層ページタイトル */
.title_contents {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 15px 40px 0px 0px;
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 10px 16px;
	background-color: #036EB8; /* not supported */
	background-image: linear-gradient(to bottom, #6C9BD2, #036EB8); /* Standard syntax; must be last */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6C9BD2', endColorstr='#036EB8')"; /* IE8+9 */
	overflow: hidden;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	text-align: left;
	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	color: #fff;
}
.title_contentsC {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 15px 40px 0px 0px;
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 10px 16px;
	background-color: #a92c4c; /* not supported */
	background-image: linear-gradient(to bottom, #ba334f, #a92c4c); /* Standard syntax; must be last */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba334f', endColorstr='#a92c4c')"; /* IE8+9 */
	overflow: hidden;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	text-align: left;
	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	color: #fff;
}
.title_contentsC2 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 15px 40px 0px 0px;
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 10px 16px;
	background-color: #003399; /* not supported */
	background-image: linear-gradient(to bottom, #4e74be, #003399); /* Standard syntax; must be last */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e74be', endColorstr='#003399')"; /* IE8+9 */
	overflow: hidden;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	text-align: left;
	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	color: #fff;
}
.areaContents {
	display: block;
	position: relative;
	width: auto;
	margin: 15px 40px 0px 0px;
	padding: 0px 15px;
	text-align: left;
	
}
/* カテゴリータイトル */
.title_cate {
	display: block;
	position: relative;
	width: auto;
	height: 48px;
	margin: 15px 40px 0px 0px;
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 0px;
	background: url(images/top/bg_title_cate.jpg) -50px 50% repeat-x;
	overflow: hidden;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.title_cate img {
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	width: auto;
	height: auto;
	margin-top: -14px;
	padding: 0px;	
}
/* コンテンツタイトル */
.title_contArea {
	display: block;
	position: relative;
	float: left;
	width: 210px;
	height: 200px;
	margin: 15px 15px 0px 0px;
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 0px;	
	background: #fff;
	overflow: hidden;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	/*cursor: pointer;*/
	color: #333;
	z-index: 1000;
}
.title_contArea2 {
	display: block;
	position: relative;
	float: left;
	width: 210px;
	height: 150px;
	margin: 15px 15px 0px 0px;
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 0px;	
	background: #fff;
	overflow: hidden;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	color: #333;
}
.title_contBg {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 38px;
	margin: 0px 0px;
	border: 0px solid #fff;
	padding: 0px;	
	/*background: #ea5514;*/
	opacity: 0.8;
	z-index: 10;
}
.title_contBg2 {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 52px;
	margin: 0px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.75);
	padding: 0px;	
	/*background: #ea5514;*/
	box-shadow: 0px 2px 1px rgba(0,0,0,0.35);
	opacity: 0.8;
	z-index: 10;
}
.bg_color1 {
	background: #ea5514;
}
.bg_color2 {
	background: #8FC31F;
}
.bg_color2b {
	background: #95c94a;
}
.bg_color3 {
	background: #F8B62D;
}
.bg_color4 {
	background: #337328;
}
.bg_color5 {
	background: #A90023;
}
.bg_color6 {
	background: #036ED1;
}
.bg_color7 {
	background: #004BA0;
}
.bg_color8 {
	background: #9EA0A0;
}
.bg_color9 {
	background: #036ED1;
}
.bg_color10 {
	background: #F8B62D;
}
.bg_color11 {
	background: #644fa7;
}
.bg_color12 {
	background: #ff7373;
}
.bg_color13 {
	background: #777777;
}

.title_contImg {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	margin: 0px 0px;
	border: 0px solid #fff;
	padding: 8px 0px 0px 0px;	
	text-align: center;
	opacity: 1;
	z-index: 10;
}
.bg_contImg {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px;
	border: 0px solid #fff;
	padding: 0px;	
	z-index: 1;
}
.bg_contImg img {
	border: 0px solid #fff;
}
.text_cont{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px;
	/*border-top: 1px solid #ea5514;*/
	padding: 0.35em 0.5em 0.25em 0.5em;
	background: #fff;
	text-align: left;
	z-index: 1;
}
.text_contC{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px;
	/*border-top: 1px solid #ea5514;*/
	padding: 0.35em 0.5em 0.25em 0.5em;
	background: #c4d8ff;
	text-align: left;
	z-index: 1;
}
.text_contC2{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px;
	/*border-top: 1px solid #ea5514;*/
	padding: 0.35em 0.5em 0.25em 0.5em;
	background: #eaa179;
	text-align: left;
	z-index: 1;
}
.text_contC3{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px;
	/*border-top: 1px solid #ea5514;*/
	padding: 0.35em 0.5em 0.25em 0.5em;
	background: #bfe2ff;
	text-align: left;
	z-index: 1;
}

.bo_color1{
	border-top: 1px solid #ea5514;
}
.bo_color2{
	border-top: 1px solid #8FC31F;
}
.bo_color3{
	border-top: 1px solid #F8B62D;
}
.bo_color4{
	border-top: 1px solid #337328;
}
.bo_color5{
	border-top: 1px solid #A90023;
}
.bo_color6{
	border-top: 1px solid #036ED1;
}
.bo_color7{
	border-top: 1px solid #004BA0;
}
.bo_color8{
	border-top: 1px solid #9EA0A0;
}
.bo_color9{
	border-top: 1px solid #036ED1;
}
.bo_color10{
	border-top: 1px solid #F8B62D;
}
.bo_color11{
	border-top: 1px solid #FF7373;
}
.text_eng_cont{
	display: block;
	position: absolute;
	top: -24px;
	left: 0px;
	width: 100%;
	height: auto;
	margin: 0px 0px;
	padding: 0em;
	text-align: center;
	z-index: 10;
}
/* コンテンツ【全体】 */
#areaCont {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px -320px 0px 0px;
	/*border-top: 1px solid #fff;*/
	border: 0px solid #f00;
	padding: 0px 0px 15px 0px;
	/*background: #4260be;*/
	text-align: center;
	z-index: 10;
}
/* コンテンツ【左】 */
#contentsLeft {
	display: block;
	margin-right: 225px;
	border: 0px solid #0f0;
	padding-left: 15px;
}
/* コンテンツ【右】 */
#contentsRightAll {
	display: block;
	position: relative;
	float: right;
	width: 225px;
	/*margin-top: -15px;*/
}
#contentsRight0 {
	display: block;
	position: relative;
	/*float: right;*/
	width: 335px;
	/*height: 250px;*/
	margin: 15px;
	border-radius: 6px;
	padding: 15px;
	/*color: #fff;*/
	font-size: 100%;
	line-height: 135%;
	background: #fff;
	z-index: 100;
}
#contentsRight0 h2 img{
	margin: 0px;

}
#contentsRight0 h3{
	padding: 4px 0px 7px 0px;
	color: #00A0E9;

}
#text_coment {
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px;
	line-height: 22px;
	background: url(images/top/bg_dotted.gif);
	
}
#contentsRight0 {
	display: block;
	position: relative;
	/*float: right;*/
	width: auto;
	height: auto;
	margin: 15px;
	/*border: 2px solid #fff;*/
	border-radius: 6px;
	padding: 15px;
	background: rgba(255,255,255,1);
	z-index: 100;
}
#contentsRight1 {
	display: block;
	position: relative;
	/*float: right;*/
	width: auto;
	height: 500px;
	margin: 15px;
	/*border: 2px solid #fff;*/
	border-radius: 6px;
	padding: 15px;
	background: rgba(255,255,255,1);
	z-index: 100;
}
#contentsRight2 {
	display: block;
	position: relative;
	/*float: right;*/
	width: auto;
	/*height: 250px;*/
	margin: 15px;
	border-radius: 6px;
	padding: 15px;
	color: #fff;
	font-size: 100%;
	line-height: 135%;
	background: #002f78;
	z-index: 100;
}
#contentsRight2 h2 {
	display: block;
	margin: 0px;
	border-bottom: 1px solid #fff;
	padding: 0px;
}
#contentsRight2 h2 span.midashi {
	display: block;
	margin: 0px 0px 0px 12px;
	border-left: 5px solid #fff;
	padding: 3px 0px 3px 0.5em;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
#contentsRight2 p {
	border-bottom: 1px dotted rgba(255,255,255,0.5);
	padding: 6px 0px;
}
#contentsRight2 p a {
	color: rgba(255,255,255,1);
}
#contentsRight2 p a:hover {
	color: rgba(255,210,0,1);
}
#whats_new {
	display: block;
	position: relative;
	width: auto;
	/*height: 250px;*/
	margin: 15px 15px 0px 0px;
	border-radius: 6px;
	padding: 15px;
	color: #fff;
	text-align: left;
	font-size: 100%;
	line-height: 135%;
	background: #fff;
	overflow: hidden;
}
#whats_new p {
	border-bottom: 1px dotted rgba(255,255,255,0.5);
	padding: 6px 0px;
}
#whats_new h2 {
	display: block;
	margin: 0px;
	border-bottom: 1px solid #B5B5B6;
	padding: 0px;
}
#whats_new h2 span.midashi {
	display: block;
	margin: 0px 0px 0px 12px;
	border-left: 5px solid #B5B5B6;
	padding: 3px 0px 3px 0.5em;
	font-size: 18px;
	font-weight: bold;
	color: #727171;
}
#whats_new p {
	font-size: 15px;
}
#whats_new p span {
	color: #727171;
}
#whats_new p a {
	color: #727171;
}
#whats_new p a:hover {
	color: #ff0066;
}
/* フッターリンク部 */
#infoFooter {
	display: block;
	margin: 0px;
	padding: 15px;
	color: #fff;
	text-align: left;
	background: #000;
}
#infoFooter div {
	display: block;
	float: left;
	width: 33%;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	text-align: left;
	line-height: 175%;
}
#infoFooter div h1 {
	margin: 0em 0em 4px 0em;
	font-size: 115%;
}
#infoFooter div:nth-child(1) h1 {
	border-bottom: 1px solid rgba(255,77,77,1);
}
#infoFooter div:nth-child(2) h1 {
	border-bottom: 1px solid rgba(55,187,255,1);
}
#infoFooter div:nth-child(3) h1 {
	border-bottom: 1px solid rgba(255,255,0,1);
}
#infoFooter p {
	text-indent: 1em;
}
#infoFooter p a {
	color: rgba(170,170,170,1);
}
#infoFooter p a:hover {
	color: rgba(255,255,255,1);
}

#footerLink {
	display: block;
	clear: both;
	border-top: 1px solid rgba(255,255,255,0.5);
	padding-top: 15px;
	color: #aaa;
	text-align: center;
}
/* フッター */
#areaFooter {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 10px 22px 8px 22px;
	text-align: center;
	color: #fff;
	background-color: #000000; /* not supported */
	background-image: linear-gradient(to bottom, #424242, #000000); /* Standard syntax; must be last */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000')"; /* IE8+9 */
}
/* 検索窓 */
.googleinput {
	display: table;
	width: 200px; height: 21px; 
	margin: 0px;
	border: 2px solid #b3b3b5; 
	padding: 0px;
	background: #fff; 
}
/* 頁トップに戻る */
#gototop2 { 
	position: fixed;
	right: 10px;
	bottom: 5px;
	width: 60px;
	height: 60px;
	z-index: 1000;
}

/* メニューボタン */
#areaMenuBt {
	display: none;
	position: relative;
	width: auto;
	height: auto;
	border-right: 1px solid rgba(181,181,182,1);
	border-bottom: 1px solid rgba(181,181,182,1);
	background-color: #0057b0;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	z-index: 10000;
}
.bt_topmenu {
	display: block;
	float: left;
	width: 169px;
	border-left: 1px solid rgba(181,181,182,1);
	background-color: #0057b0;
	color: rgba(220,220,220,1);
	text-align: center;
	font-size: 13px;
	/*background-color: #39519d; /* not supported */
	/*background-image:         linear-gradient(to bottom, #6d85d0, #39519d); /* Standard syntax; must be last */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d85d0', endColorstr='#39519d')"; /* IE8+9 */
}
.bt_topmenu:hover{
	background: #e60012;
}
.bt_topmenu a{
	display: block;
	padding: 12px 0px;
	color: rgba(220,220,220,1);
}
.subMenu {
	display: none;
	position: absolute;
	width: auto; 
	height: auto;
	margin-top: -1px;
	border: 1px solid rgba(0,87,176,1);
	background-color: #0057b0; /* not supported */
	padding: 6px 10px;
	text-align: left;
	line-height: 175%;
	background: #e1eaf3;
	box-shadow: 4px 4px 3px rgba(0,0,0,0.4);
	z-index: 5000;
}
#subMenu2 {
	top: 0px; left: 170px;
}
#subMenu3 {
	top: 0px; left: 340px;
}
#subMenu5 {
	top: 0px; left: 680px;
}

#stampmark {
	display: block;
	position: absolute;
	top: -20px; left: 0px;
	width: 233px;
	heigth: 233px;
}
#pageTitle {
	display: block;
	position: absolute;
	top: 40px; left: 53px;
	width: auto;
	heigth: aitp;
}