@charset "UTF-8";

/***************************/
/* header */
/***************************/

header{
	height: 150px;
	border-bottom: 5px solid #fff;
}

header h1{
	padding: 7px 0 0 10px;
}

header .sec_inner{
	padding: 48px 50px;
}

header .logo{
	top:52px;
}

#ready header .update{
	margin-top: 0;
}

#open header .update{
	width: auto;
	float: none;
}

/***************************/
/* main */
/***************************/

/*** CASE READY, CLOSE
------------------------ */

#ready #unkai,
#ready #weather,
#ready #archive,
#close #unkai{
	height: 815px;
}

/*** CASE OPEN
------------------------ */

.rc_wrap{
	width: 692px;
	float: right;
}

.rc_wrap:after{
	content:"";
	clear: both;
	display:block;
	zoom:1;
}

/* photo */

#photo{
	width: 1218px;
	height: 812px;
	border-right: 5px solid #fff;
	background: #dfdfdf url(../images/rc/no_photo.png) left top no-repeat;
	overflow:hidden;
	float: left;
}

#photo img{
	width: 1218px;
	max-height: 100%;
}

#open #weather,
#open #generation{
	width: 692px;
}

/* generation */

#open #generation{
	height: 280px;
	/*padding: 84px 0 85px 0;*/
	padding: 30px 0 85px 0;
	border-bottom: 5px solid #fff;
	/*background: #00435f;*/
	background: #a41414;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align: center;
}

/* weather */

#open #weather{
	height: auto;
}

#open #weather .sec_inner{
	padding: 60px 70px 0 70px;
}

#open #weather h2{
	margin-bottom: 100px;
	text-align: center;
}

#weather .wz_data03:after,
#weather .wz_data03 dl:after{
	content:"";
	clear: both;
	display:block;
	zoom:1;
}

#weather .wz_data03 .wz{
	width: 250px;
	float: left;
	text-align: center;
}

#weather .wz_data03 .wz img{
	width: 210px;
	height: auto;
}

#weather .wz_data03 .temp,
#weather .wz_data03 .humid{
	width: 250px;
	float: right;
}

#weather .wz_data03 .temp{
	margin-bottom: 10px;
	    margin-top: 50px;
}

#weather .wz_data03 dt,
#weather .wz_data03 dd{
	display:table-cell;
}

#weather .wz_data03 dt{
	width: 130px;
}

#weather .wz_data03 dd{
	width: 160px;
	padding-left: 10px;
	font-size: 500%;
	position: relative;
	top:-8px;
}

#weather .wz_data03 dd span{
	margin-left: 2px;
	font-size: 50%;
}

/*** CASE OTHER
------------------------ */

#other #main{
	height: 967px;
	position: relative;
}

#other h1{
	width: auto;
	margin: -81px 0 0 -265px;;
	float: none;
	position: absolute;
	top:50%;
	left:50%;
}
#weather .wz_data03 {
    width: 550px;
    padding-left: 18px;
    font-size: 600%;
    position: relative;
    top: -8px;
}
/***************************/
/* footer */
/***************************/

footer{
	width: 1915px;
	height: 110px;
	background: #fff;
	position: absolute;
	bottom:0;
	left:0;
}

footer .logo{
	/*padding-top: 32px;*/
	padding-top: 10px;
	text-align: center;
}

footer .logo img{
	direction:inline;
}

footer .qr{
	margin: -20px 28px 0 0;
}