@charset "UTF-8";
/*------------------------------------------------------------
	リセット
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; }
body, table, input, textarea, select, option { font-family: HiraKakuProN-W3; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

/*------------------------------------------------------------
	リンク
------------------------------------------------------------*/
a {
	color: #333;
	text-decoration: none;
}
a:link { }
a:visited { }
a:hover { }
a:active { }


.btn_a {
	color: #222;
	margin: 0;
	text-align: center;
	height: 44px;
	line-height: 46px;
	background-color:#FFF;
	font-weight:bold;
	border-bottom:1px dotted #999;
	clear:both;
	display:block;
	background: url(../img/arrow_gray.png) 97% center no-repeat;
	background-size:14px 14px;
	-webkit-background-size:14px 14px;-moz-background-size:14px 14px;
	-ms-background-size:14px 14px;-o-background-size:14px 14px; vertical-align: top; 
}


.white{
	background-color:#FFF;
}

/* 20130426変更部分 */

.btn_c div {
	color: #fff;
	background: #1d8ef2; 
	background: -moz-linear-gradient(top,  #1d8ef2 1%, #1374d6 49%, #1666bc 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1d8ef2), color-stop(49%,#1374d6), color-stop(100%,#1666bc));
	background: -webkit-linear-gradient(top,  #1d8ef2 1%,#1374d6 49%,#1666bc 100%);
	background: -o-linear-gradient(top,  #1d8ef2 1%,#1374d6 49%,#1666bc 100%); 
	background: -ms-linear-gradient(top,  #1d8ef2 1%,#1374d6 49%,#1666bc 100%); 
	background: linear-gradient(to bottom,  #1d8ef2 1%,#1374d6 49%,#1666bc 100%);
	margin: 10px;
	text-align: center;
	height: 44px;
	line-height: 8px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	font-weight:bold;

}

.btn_c div span{
	font-size:12px;
	line-height: 26px;
}
	

.btn_b div {
	color: #fff;
	background: #3cc192; 
background: -moz-linear-gradient(top,  #3cc192 1%, #0c8c65 52%, #0e755b 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3cc192), color-stop(52%,#0c8c65), color-stop(100%,#0e755b));
background: -webkit-linear-gradient(top,  #3cc192 1%,#0c8c65 52%,#0e755b 100%);
background: -o-linear-gradient(top,  #3cc192 1%,#0c8c65 52%,#0e755b 100%); 
background: -ms-linear-gradient(top,  #3cc192 1%,#0c8c65 52%,#0e755b 100%); 
background: linear-gradient(to bottom,  #3cc192 1%,#0c8c65 52%,#0e755b 100%); 
	margin: 10px;
	text-align: center;
	height: 44px;
	line-height: 46px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	font-weight:bold;

}

.btn_b2 div {
	color: #fff;
	background: #1d8ef2; 
	background: -moz-linear-gradient(top,  #1d8ef2 1%, #1374d6 49%, #1666bc 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1d8ef2), color-stop(49%,#1374d6), color-stop(100%,#1666bc));
	background: -webkit-linear-gradient(top,  #1d8ef2 1%,#1374d6 49%,#1666bc 100%);
	background: -o-linear-gradient(top,  #1d8ef2 1%,#1374d6 49%,#1666bc 100%); 
	background: -ms-linear-gradient(top,  #1d8ef2 1%,#1374d6 49%,#1666bc 100%); 
	background: linear-gradient(to bottom,  #1d8ef2 1%,#1374d6 49%,#1666bc 100%);
	margin: 10px;
	text-align: center;
	height: 44px;
	line-height: 46px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	font-weight:bold;

}

/* 20130426変更部分end */

.photo3{
	width:300px;
	text-align:center;
	margin:10px auto;
}
	

.rotate{
	-webkit-transform: rotate(-10deg); /* chrome、safari　*/
	-moz-transform: rotate(-10deg); /* firefox　*/
	margin:0px -10px 30px 0px;
	width:100px;
	height:80px;
	float:left;
	overflow:hidden;
	border:solid 4px #FFF;
	box-shadow: 2px 2px 6px #a29e97;　/* Safari,Google Chrome用 */ 
	-moz-box-shadow: 2px 2px 6px #a29e97;　/* Firefox用 */ 
	-webkit-box-shadow: 2px 2px 6px #a29e97;　/* Safari,Google Chrome用 */ 

	
}

.rotate_r{
	-webkit-transform: rotate(10deg); /* chrome、safari　*/
	-moz-transform: rotate(10deg); /* firefox　*/
	border:solid 4px #FFF;
	margin:0px -10px 30px 0px;
	width:100px;
	height:80px;
	float:left;
	overflow:hidden;
	box-shadow: 2px 2px 6px #a29e97;　/* Safari,Google Chrome用 */ 
	-moz-box-shadow: 2px 2px 6px #a29e97;　/* Firefox用 */  
	-webkit-box-shadow: 2px 2px 6px #a29e97;　/* Safari,Google Chrome用 */ 

}

.rotate_l{
	-webkit-transform: rotate(-5deg); /* chrome、safari　*/
	-moz-transform: rotate(-5deg); /* firefox　*/
	border:solid 4px #FFF;
	margin:0px -10px 30px 0px;
	width:100px;
	height:80px;
	float:left;
	overflow:hidden;
	box-shadow: 2px 2px 6px #a29e97;　/* Safari,Google Chrome用 */ 
	-moz-box-shadow: 2px 2px 6px #a29e97;　/* Firefox用 */
	-webkit-box-shadow: 2px 2px 6px #a29e97;　/* Safari,Google Chrome用 */ 


}
.full_txt{
	color:#000;
	line-height:22px;
	margin: 10px 20px 0px 20px;
	font-size:14px;
}


/*button for weather report*/
ul.nav-repo,ul.nav-repo2 { 
	list-style-type: none; 
	clear: both; 
}
ul.nav-repo li,ul.nav-repo2 li { 
	height: 77px; background: #fff; 
	border-bottom:1px dotted #999; 
	display: block; 
}
ul.nav-repo li a,ul.nav-repo2 li a { 
	width: 100%; height: 100%; display: block; 
	background: url(../img/arrow_gray.png) 97% center no-repeat;
	background-size:14px 14px;
	-webkit-background-size:14px 14px;-moz-background-size:14px 14px;;
	-ms-background-size:14px 14px;-o-background-size:14px 14px; vertical-align: top; 
	}
ul.nav-repo li a div.title,ul.nav-repo2 li a div.title { 
	font-size: 14px; padding: 8px 20px 1px 5px;
	font-weight:bold;
	color: #000; 
}
ul.nav-repo li a div.detail,ul.nav-repo2 li a div.detail { 
	font-size: 12px; line-height: 14px; color: #684317; padding: 3px 30px 0 0;
}
ul.nav-repo li a div.title-clock,ul.nav-repo2 li a div.title-clock, { 
	font-size: 16px; background: url(../img/icon_clock.png) 75px bottom no-repeat; padding: 9px 20px 1px 95px; color:#0026a0; }

ul.nav-repo li a div.photo,ul.nav-repo li a div.photo-no{
	-webkit-transform: rotate(-10deg); /* chrome、safari　*/
	-moz-transform: rotate(-10deg); /* firefox　*/
	width:100px;height:80px;
	margin:-15px 15px 0 15px;
	border:solid 3px #FFF;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: 2px 2px 6px #a29e97;
	box-shadow: 2px 2px 6px #a29e97;
	-moz-box-shadow: 2px 2px 6px #a29e97; 
	}

ul.nav-repo2 li a div.photo,ul.nav-repo2 li a div.photo-no{
	-webkit-transform: rotate(10deg); 
	-moz-transform: rotate(10deg);
	width:100px;height:80px;
	margin:-15px 15px 0 15px;
	border:solid 3px #FFF;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: 2px 2px 6px #a29e97;
	box-shadow: 2px 2px 6px #a29e97; 
	-moz-box-shadow: 2px 2px 6px #a29e97; 
	}


div.content-label-grch {	
	position: relative;
	margin:15px 0 0 0;
	background-color:#cabd9a;
	border-bottom:3px solid #a58e71;
}
div.content-label-grch p { 
	padding: 0 0 0 13px; color: #675648; 
	font-weight: bold; font-size: 12px; 
	line-height: 20px; text-align: left; 
}


.ml110{
 margin-left:110px;
}


.bticon2{
	background:url(../img/icon2.png) 10px center no-repeat;
	background-size: 42px 42px; -webkit-background-size: 42px 42px; 
	-moz-background-size: 42px 42px; -ms-background-size: 42px 42px;
	-o-background-size: 42px 42px;
}
.bticon1{
	background:url(../img/mnt_tenki_icon.png) 10px center no-repeat;
	background-size: 42px 42px; -webkit-background-size: 42px 42px; 
	-moz-background-size: 42px 42px; -ms-background-size: 42px 42px;
	-o-background-size: 42px 42px;
}
.bticon4{
	background:url(../img/icon3.png) 10px center no-repeat;
	background-size: 42px 42px; -webkit-background-size: 42px 42px; 
	-moz-background-size: 42px 42px; -ms-background-size: 42px 42px;
	-o-background-size: 42px 42px;
}
.bticon3{
	background:url(../img/icon4.png) 14px center no-repeat;
	background-size: 36px 36px; -webkit-background-size: 36px 36px; 
	-moz-background-size: 36px 36px; -ms-background-size: 36px 36px; 
	-o-background-size: 36px 36px;
}


.mt5{
	margin-top:5px;
}

.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

.mt40{
	margin-top:40px;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

.cnt{
	text-align:center;
}

.rgt{
	text-align:right;
}