@charset "UTF-8";

body{
	/*background-image:url(../images/top/master-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;*/
}

#main-visual{
	display:block;
	margin:0 auto;
}

/*#mainvisual{
	width:100%;
	min-width:900px;
	max-width:1300px;
	height:640px;
	margin:0 auto;
	position:relative;
}

#mainvisual img#master-bg{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

#mainvisual #visuals{
	width:900px;
	margin:0 auto;

	height:550px;
}

#mainvisual #visuals div{
	display:none;
	right:-50px;
	bottom:0;
}

#mainvisual #visuals img{
	position:absolute;
	top:75px;
	right:0;
}
*/


#container{
	padding-top:0px;
}

#content{
	position:relative;
	margin-top:-721px;
	z-index:99;
}


#content #main{
	/*text-align:center;*/
	margin:0;
	position:relative;
	height:380px;/*490px;*/
}

#content #main #logo{
	position:absolute;
	top:-20px;
	right:-6px;
	right:100px;
}

#content #main #update-info{
	position:absolute;
	top:-10px;
	left:0px;
	display:block;
	width:150px;
	height:30px;
	line-height:30px;
	background-color:rgba(0,0,0,0.8);
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border-radius:6px;
	color:#ddd;
	border:1px #DDD solid;
}

#content #main #spec{
	position:absolute;
	bottom:-8px;/*0px;*/
	right:-6px;
}

#content #main #syokai{
	position:absolute;
	bottom:0px;
	left:0px;
}


#information{
	margin-top:20px;
}

#info,#news{
	margin-left:1px;

	background-color:#6f88ab;
	background:linear-gradient(left top,#205aa9,#d1e3f7 40%,#f6f9ff 50%,#d1e3f7 60%,#205aa9);
	background:-webkit-gradient(linear,left top,right bottom,from(#205aa9),color-stop(0.4,#d1e3f7),color-stop(0.5,#f6f9ff),color-stop(0.6,#d1e3f7),to(#205aa9));
	padding:1px 1px 1px 1px;
}

#news{
	width:528px;
	float:left;
}

#info{
	width:897px;
	margin-bottom:10px;/*30px;*/
	margin-top:40px;
}

#news #news-inner,
#info #info-inner{
	background-color:#000;
	padding-bottom:5px;
	position:relative;
}

#news #news-inner .inner-p,
#info #info-inner .inner-p{
	display:block;
}

#info #info-inner .bnn{ margin:5px 0;margin-left:8px;width:287px;}
#info #info-inner #info-link{
	position:absolute;
	top:14px;
	right:9px;
	text-align:right;
}

#info #info-inner #info-link a{
	padding:5px 15px;
	padding-top:7px;
	text-align:center;
	border:1px #666 solid;
	border-radius:4px;
	text-decoration:none;
	color:#FFF;
	background-color:#2F2561;
	background: linear-gradient(to bottom, #2F2561, #3D3B90);
	font-size:100%;
	text-shadow:2px 2px 0px rgba(0,0,0,0.3);
}

#info #info-inner #info-link a.imp{
	background-color:#612525;
	background: linear-gradient(to bottom, #612525, #9a1414);
}

#news #news-inner #news-body{
	width:515px;
	/*height:140px;
	height:328px;
	height:225px;*/
	height:304px;
	margin-left:8px;
	margin-top:-3px;
	overflow:auto;
	/*overflow:hidden;*/
}

#news #news-inner #news-body table{
	width:99%;
	border-collapse:collapse;
}
#news #news-inner #news-body table *{
	border:0;
}

#news #news-inner #news-body table tr{
	border:1px #333 dotted;
	border-width:1px 0  0;
}

#news #news-inner #news-body table tr:first-child{
	border-width:0;
}

#news #news-inner #news-body table th{
	width:90px;
	text-align:left;
}

#news #news-inner #news-body table th img{
	border:1px #666666 solid;
	margin-top:4px;
}

#news #news-inner #news-body table th,
#news #news-inner #news-body table td{
	padding-top:7px;
	padding-bottom:3px;
	line-height:1.3;
	vertical-align:top;
}


#main-banners{
	width:354px;
	margin-left:15px;
	float:left;
}

#main-banners img{
	margin-bottom:2px;
}

#banners{
	margin-top:20px;
	margin-bottom:10px;
}

#banners a{
	margin-left:5px;
}

#banners a:first-child{
	margin-left:0;
}

#links{
	margin-top:30px;
}

#links img{
	margin:0 2px;
}

/*--------------------*/
@media screen and (max-width:1300px) {
	/*body{ background-size:140%; }*/
	#main-visual{width:100%;}
	#content{ margin-top:-55%; }
	#content #main #update-info{ top:2%; }
}


@media screen and (max-width:1100px) {
	#content #main #logo{
		top:-10px;
		/*right:20px;*/
		width:230px;
	}
}



/*-------Mobile-------*/
@media screen and (max-device-width:640px) {
	#news #news-inner #news-body{ font-size:20pt; }
}
