@charset "utf-8";
/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	CONTENT TITLE HERE
	
	new released : month dd, yyyy
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  INITIALIZE
------------------------------------------------------------------------------------- */
body, table, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, blockquote, form, label, dl, dt, dd, ol, ul, li, fieldset, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font: 14px/110% "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	min-height: 640px;
	line-height: 1.3em;
	-webkit-text-size-adjust: none;
	background-color:#2b61b0;
	background:-webkit-gradient(linear,left top,left bottom,from(#2b61b0),color-stop(.75,#008fc7),to(#83c8e3));
background:-webkit-linear-gradient(top,#2b61b0,#008fc7 75%,#83c8e3);
background:-moz-linear-gradient(top,#2b61b0,#008fc7 75%,#83c8e3);																																			
background:-ms-linear-gradient(top,#2b61b0,#008fc7 75%,#83c8e3);
background:-o-linear-gradient(top,#2b61b0,#008fc7 75%,#83c8e3);
	color:#fff;
}
img {
	border: none;
	vertical-align:bottom;
}
input, textarea {
	margin:0;
	padding:0;
}
body>p {
	width: 95%;
	margin: 0 auto;
}
/* -------------------------------------------------------------------------------------
  ANCHORS
------------------------------------------------------------------------------------- */
a, a:link, a:visited {
	color:#000;
	text-decoration:none;
}
a:hover, a:focus {
	color:#000;
}
a:active {
	color:#000;
}
/* -------------------------------------------------------------------------------------
  CLEARFIX
------------------------------------------------------------------------------------- */
.clearfix {
/zoom:1;
}
.clearfix:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}
/* -------------------------------------------------------------------------------------
  CONTAINERS
------------------------------------------------------------------------------------- */
section {
	padding:0px 10px 10px 10px ;
}
.center-aligned {
	text-align: center;
}

.right-aligned {
	text-align: right;
}
.plain-txt { margin:0 auto; }
.font09{
	font-size: 90%;
}
.font12{
	font-size: 120%;
}
#head {
	margin:0;
}
.blk_wh {
	background-color: rgba(255, 255, 255, .7);
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #fff ;
	margin: 10px auto;
}
.blk_wh p{
	color: #333;
}

.heading {
	padding: 5px;
	margin:0 0 10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:-webkit-gradient(linear,left top,left bottom,from(#5e7ccb),to(#2b4997));
background:-webkit-linear-gradient(top,#5e7ccb,#2b4997);
background:-moz-linear-gradient(top,#5e7ccb,#2b4997);																																			
background:-ms-linear-gradient(top,#5e7ccb,#2b4997);
background:-o-linear-gradient(top,#5e7ccb,#2b4997);
}
.heading2 {
	text-align: center;
	font-size: 120%;
	padding: 10px;
	margin:0 0 10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:-webkit-gradient(linear,left top,left bottom,from(#ff1a00),to(#cd0000));
background:-webkit-linear-gradient(top,#ff1a00,#cd0000);
background:-moz-linear-gradient(top,#ff1a00,#cd0000);																																			
background:-ms-linear-gradient(top,#ff1a00,#cd0000);
background:-o-linear-gradient(top,#ff1a00,#cd0000);
}

.marginbottom {
	margin:0 0 10px 0;
}

.margintop {
	margin:10px 0 0 0;
}

.btn {
	margin-left: 45%;
	width: 55%;
	text-align: center;
	line-height: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: #b08500 1px solid;
	background-color: #feae31;
	background:-webkit-gradient(linear,left top,left bottom,from(#efe457),to(#feae31));
	background:-webkit-linear-gradient(top,#efe457,#feae31);
	background:-moz-linear-gradient(top,#efe457,#feae31);																																			
	background:-ms-linear-gradient(top,#efe457,#feae31);
	background:-o-linear-gradient(top,#efe457,#feae31);
 	/* BOX SHADOW */
	 -webkit-box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 -moz-box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 -ms-box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 -o-box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 /* TEXT SHADOW */
	 -webkit-text-shadow: 1px 1px 1px #fff;
	 -moz-text-shadow: 1px 1px 1px #fff;
	 -ms-text-shadow: 1px 1px 1px #fff;
	 -o-text-shadow: 1px 1px 1px #fff;
	 text-shadow: 1px 1px 1px #fff;
}
.btn a,.btn2 a{
	width: 100%;
	height: 100%;
	display: block;
	color: #b65718;
}
.btn2 {
	margin: 20px auto;
	width: 90%;
	text-align: center;
	line-height: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: #b08500 1px solid;
	background-color: #feae31;
	background:-webkit-gradient(linear,left top,left bottom,from(#efe457),to(#feae31));
	background:-webkit-linear-gradient(top,#efe457,#feae31);
	background:-moz-linear-gradient(top,#efe457,#feae31);																																			
	background:-ms-linear-gradient(top,#efe457,#feae31);
	background:-o-linear-gradient(top,#efe457,#feae31);
 	/* BOX SHADOW */
	 -webkit-box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 -moz-box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 -ms-box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 -o-box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 box-shadow: inset 0px 0px 0px 1px rgba(250, 206, 88, 0.4), 0 1px 3px #333333;
	 /* TEXT SHADOW */
	 -webkit-text-shadow: 1px 1px 1px #fff;
	 -moz-text-shadow: 1px 1px 1px #fff;
	 -ms-text-shadow: 1px 1px 1px #fff;
	 -o-text-shadow: 1px 1px 1px #fff;
	 text-shadow: 1px 1px 1px #fff;
}
.photo{
	background:url(../images/photo.jpg) repeat-x center top;
	background-size: 640px 100px;
	-webkit-background-size: 640px 100px;
	-moz-background-size: 640px 100px;
	-ms-background-size: 640px 100px;
	-o-background-size: 640px 100px;
	text-align: right;
	font-size: 80%;
	padding-top: 80px;
}