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


* {
	margin: 0;
	padding: 0;
}
a , a:visited{
	color: #2f69ed;
}
a:hover{
	color: #2f69ed;
	text-decoration:none;
}



body {
	background: #BAC8EB;
	font:11px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #FFFFFF;
}

#header{
  height: 50px;
  width: 100%;
  background: #63B0FE;
}
.gheader{
	width:900px;
	margin:0 auto;	
}
.main_banner{
  width: 100%;
  height: 192px;
}
#banner{
  width: 910px;
  margin: 0 auto;
  padding: 0;
}
#banner img{
  border: 5px solid rgb(255, 255, 255);
  margin-top: 5px;
  box-shadow: 0 3px 3px rgb(51, 51, 51);
  border-radius: 6px;
}
.title {
  width: 100%;
  height:40px;
}
.title h1, .title h1 a{
  font-size: 16px;
  text-decoration: none;
  line-height: 50px;
  text-align: center;
  color: rgb(255, 255, 255);
}	
.title h1 a:hover{
	color: #DDD;	
}
#menu{
  height: 50px;
  margin: 0;
  padding: 0;
  margin-top: 12px;
}
#menu ul{
	padding:0;
	margin:0 auto;
	list-style:none;
	width:900px;
}
#menu ul li{
	float:left;
	line-height: 30px;	
}
#menu ul li a{
  display: block;
  text-decoration: none;
  padding: 10px 62.3px;
  color: rgb(86, 119, 238);
  font-weight: bold;
  font-size: 12px;
  border-right: solid 1px rgb(238, 238, 255);
  background-color: rgb(255, 255, 255);
  box-shadow: 0 5px 5px rgb(51, 51, 51);
  border-radius: 6px;
}
#menu ul li a:hover{
    color: rgb(0, 144, 207);
    background-color: #d7d7fd;
}
#menu ul li:first-child a {
    border-left: solid 1px #EEF;
    background-color: #d7d7fd;
}
#wrapper{
  width: 900px;
  margin: 0 auto;
  background: rgb(99, 176, 254);
  padding: 5px;
  box-shadow: 0 3px 3px rgb(51, 51, 51);
  border-radius: 6px;
  margin-top: 110px;
}
#wrapper .content{
  width: 580px;
  float: left;
  color: rgb(46, 29, 29);
}
#wrapper .sidebar{
  width: 312px;
  float: right;
  min-height: 300px;
}
/*sidebar menu*/
/*sub_nav menu sidebar*/
.sub_nav{
  margin-bottom: 10px;
  clear: both;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
  background-color: rgb(238, 238, 255);
  padding: 5px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-radius: 6px;
}
.sub_nav ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:left;	
}
.sub_nav ul li{
  border-bottom: 1px solid rgb(0, 144, 207);
  background: #467DD9;
  margin-bottom: 0px;
}

.sub_nav ul li a{
  text-decoration: none;
  font-size: 13px;
  display: block;
  padding: 13px;
  color: #FFF;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
}
.sub_nav ul li a:hover{
	background: #6FB7FF;
	color: #FFF;	
}

/*block article*/

div.block1 {
  width: 302px;
  font-size: 11px;
  padding: 5px;
  background: rgb(255, 255, 255);
  margin-bottom: 10px;
  line-height: 23px;
  color: rgb(0, 0, 0);
  width: 292px;
  font-size: 11px;
  padding: 10px;
  background: rgb(255, 255, 255);
  margin-bottom: 10px;
  line-height: 23px;
  color: rgb(0, 0, 0);
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
  border-radius: 6px;
}
div.block1 img{
	width: 100%;
	border-radius: 0px;		
}
div.block1 h2{
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  background-color: rgb(99, 176, 254);
  margin-bottom: 5px;
  color: rgb(255, 255, 255);
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
  border-radius: 6px;
}

/*block article 2*/

div.block2 {
  width: 545px;
  float: left;
  margin-right: 15px;
  font-size: 11px;
  padding: 10px;
  margin-bottom: 5px;
  line-height: 23px;
  color: rgb(5, 1, 1);
  background: rgb(255, 255, 255);
}
div.block2 img{
  border-radius: 3px;
  margin-left: 0px;
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  margin-top: 5px;
  margin-right: 10px;
  width: 35%;
  float: left;
}
div.block2 h2{
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 144, 207);
  padding: 10px;
  margin-top: 0;
  font-size: 14px;
  box-shadow: 0 -4px 3px rgb(51, 51, 51);
  margin-bottom: 5px;
}
div.block2:nth-child(even){
	float:right;
	margin-right:0;
}

/*block article 3*/

div.block3 {
  float: left;
  width: 545px;
  margin-right: 15px;
  font-size: 11px;
  padding: 10px;
  line-height: 23px;
  color: rgb(5, 1, 1);
  margin-top: 10px;
  background: rgb(255, 255, 255);
}
div.block3 img{
	width: 40%;
	float:left;
	border-radius: 3px;
	margin-left: 0px;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 5px;
}
div.block3 h2{
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 144, 207);
  padding: 10px;
  margin-top: 0;
  font-size: 14px;
}

.top_article_content h2, .sub_page h2{
  color: rgb(255, 255, 255);
  font-size: 17px;
  padding: 10px;
  background-color: #63B0FE;
  margin-bottom: 10px;
  border-radius: 6px;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
  text-shadow: 1px 1px 1px #333;
}
.top_article_content img{
  float: left;
  border: 1px solid rgb(204, 204, 204);
  margin-right: 10px;
  padding: 5px;
  background: rgb(255, 255, 255);
  margin-bottom: 10px;
  width: 98%;
}
.sub_page img{
  width: 32%;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  border: solid 3px rgb(255, 255, 255);
}
.top_article_content h3, .sub_page h3{
  color: rgb(99, 176, 254);
  font-size: 14px;
  margin: 10px 0;
  border-left: solid 5px rgb(99, 176, 254);
  padding-left: 10px;
  padding-top: 4px;
}

/*top article content*/
.top_article_content{
  clear: both;
  line-height: 22px;
  background-color: rgb(255, 255, 255);
  padding: 5px;
  padding-bottom: 10px;
  border-radius: 6px;
}
.sub_page{
  font-size: 11px;
  color: rgb(46, 29, 29);
  padding: 10px;
  background: rgb(238, 238, 255);
  line-height: 22px;
  margin-top: 46px;
}

p.more{
	margin:10px 0;	
}
p.more a{
  background: rgb(99, 176, 254);
  text-decoration: none;
  padding: 8px;
  color: rgb(255, 255, 255);
  box-shadow: 0 3px 3px rgb(51, 51, 51);
  border-radius: 6px;
}
p.more a:hover{
  color: #FFF;
  background-color: #467DD9;
  border-bottom: none;
  text-decoration: none;

}

/*recommended links*/
.recommended_links{
  clear: both;
  padding: 5px;
  line-height: 25px;
  margin-bottom: 10px;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.recommended_links h2{
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  background-color: rgb(99, 176, 254);
  padding: 8px;
  margin-bottom: 10px;
  box-shadow: 1px 1px 1px rgb(51, 51, 51);
  border-radius: 6px;
  text-shadow: 1px 1px 1px rgb(51, 51, 51);
}
.recommended_links ul{
	padding:0;
	margin:0;
	list-style:none;	
}
.recommended_links ul li{
	border-bottom: 1px solid #C9C9C9;	
}
.recommended_links ul li:last-child{
	border-bottom:none;	
}
.bottom{
  width: 570px;
  margin-top: 5px;
  border-radius: 6px;
}

/*footer*/
#footer{
  height: 80px;
  margin: 0 auto;
  padding: 0 20px;
  background: #63B0FE;
  clear: both;
  color: #111;
  padding-top: 10px;
  text-align: center;
  border-top: 5px solid #FFF;
}
#footer a{
	color:#FFF;
    text-decoration: none;
}
#footer a:hover{
	color:#FFF;
    text-decoration: underline;
}

.social{
	margin-left:30%;
	margin-bottom:10px;
}