@charset "utf-8";

/*--- reset */
html {
	overflow-y: scroll;
}
body {
	font-family:'Open Sans','メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Lucida Sans Unicode',Arial,Verdana,sans-serif;
}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
ul,ol{
	list-style:none;
	margin:0;
	padding:0;
}
a {
	color: #444;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #FF7300;
	text-decoration: none;
}

.over img:hover{
	filter: alpha(opacity=60); 
    -moz-opacity:0.60;
	opacity:0.60;
}

/*--- clear */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	*display:inline;  
    *zoom:1;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.clear{
	clear:both;
}

/*--- default */
body {
	background: #FFF;
	color: #444;
	font-size:0.813em;
	line-height: 1.7;
}
* html body {	/* for IF6 */
	font-size:x-small;
}

img {
	vertical-align: bottom;
}

/*--------------------------------
 header 
 --------------------------------*/
 
#header_inner{
	width:1000px;
	margin:0 auto;
	height: 160px;
}

/*上部ナビ*/
ul#top_navi{
	width:504px;
	margin-left:auto;
}

ul#top_navi li{
	float:left;
	margin-bottom:7px;
}

ul#top_navi li a:hover{
	filter: alpha(opacity=60); 
    -moz-opacity:0.60;
	opacity:0.60;
}

/*ロゴ*/

#header_inner #cap{
	padding-left:20px;
}

#header_inner h1,
#header_inner h2{
	margin-bottom:22px;
}

/*グロナビ*/

ul#gnavi{
	width:1000px;
	height:45px;
	background:url(../images/g_navi.gif) no-repeat left top;
	margin:0 auto;
	position: relative;
}

#gnavi a{
    width:140px;
	height:45px;
	display:block;
	position: relative;
	text-decoration:none;
    text-indent: -9999px;
}

#gnavi #menu7 a{
	width:160px;
}

#gnavi li a:hover{
	border-bottom:5px solid #022f83;
}


#gnavi #menu1 a{ position:absolute; left:0; top:0;}
#gnavi #menu2 a{ position:absolute; left:140px; top:0;}
#gnavi #menu3 a{ position:absolute; left:280px; top:0;}
#gnavi #menu4 a{ position:absolute; left:420px; top:0;}
#gnavi #menu5 a{ position:absolute; left:560px; top:0;}
#gnavi #menu6 a{ position:absolute; left:700px; top:0;}
#gnavi #menu7 a{ position:absolute; left:840px; top:0;}

#home #gnavi li#menu1 a,
#outline #gnavi li#menu2 a,
#member #gnavi li#menu3 a,
#standard #gnavi li#menu4 a,
#exhibition #gnavi li#menu5 a,
#statistics #gnavi li#menu6 a,
#information #gnavi li#menu7 a{
	border-bottom:5px solid #022f83;
	}


/*--------------------------------
 サブページタイトル 
 --------------------------------*/
 
#title_box{
	background: linear-gradient(to right, #d7dfe4, #fff);
	/*background:url(../images/bk_subtl.png) repeat-x left;*/
}

#title_inner{
	width:1000px;
	height:100px;
	margin:0 auto;
	background:url(../images/bk_subtlimg.png) no-repeat right;
	position:relative;
}

#title_inner h1{
	font-size:1.846em;
	color:#333;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:1.3;
	position:absolute;
	top:35px;
	left:0;
}

/*--------------------------------
 ぱんくず
 --------------------------------*/

#pan_navi{
	background:#1b2a48;
}

#pan_inner{
	width:1000px;
	height:30px;
	margin:0 auto;
}

#pan_inner ul li{
	display:block;
	font-size:0.846em;
	color:#fff;
	line-height:2.7;
	margin-right:7px;
	float:left;
}

#pan_inner ul li a{
	color:#fff;
	background:url(../images/arrow_white.png) no-repeat right;
	padding-right:11px;
}

#pan_inner ul li a:hover{
	text-decoration:none;
}

/*--------------------------------
 contents 
 --------------------------------*/

#wrapper{
	width:1000px;
	margin:30px auto 0;
}

#main_content{
	width:780px;
	float:left;
}

.block{
	margin-bottom:40px;
}

#side_content{
	width:180px;
	float:right;
}

/* 共通ページタイトル */

#main_content h2 {
	width:780px;
	height:44px;
	font-size:1.538em;
	font-weight:normal;
	line-height:2;
	letter-spacing:0.1em;
	background:url(../images/bk_title.gif) repeat-x bottom;
	margin-bottom:20px;
}

#main_content h2 span.hosoku{
	display:inline-block;
	*display:inline;  
    *zoom:1;
	font-size:0.650em;
	line-height:3.4;
	float:right;
	clear:right;
}

#main_content h3 {
	width:780px;
	height:30px;
	font-size:1.231em;
	color:#fff;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:2.1;
	background:#022f83;
	padding-left:15px;
	border-left:5px solid #5079c5;
	margin-bottom:15px;
	overflow:hidden;
}

#main_content h4{
	font-size:1.077em;
	color:#022f83;
	font-weight:bold;
	letter-spacing:0.1em;
}

/*--------------------------------
 ページ内タブ
 --------------------------------*/

#main_content #inner_link{
	margin-bottom:20px;
	padding:15px 0;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}

#main_content #inner_link ul{ /*widthは各専用CSSで指定*/
	margin:0 auto;
	border-right:3px solid #fff;
}

#main_content #inner_link ul li a,
#main_content #inner_link ul li.no{ /*widthは各専用CSSで指定*/
	display:block;
	height:25px;
	font-size:1.077em;
	color:#022f83;
	line-height:1.8;
	text-align:center;
	text-decoration:none;
	border-left:3px solid #fff;
	background-image:url(../images/underarrow_blue.png);
	background-repeat:no-repeat;
	background-position:5px;
	background-color:#e5eaf2;
	float:left;
}

#main_content #inner_link ul li.no{ /*リンクなし*/
	color:#444;
	background-image:none;
	background-color:#ededed;
}

#main_content #inner_link ul li a:hover{
	color:#fff;
	background-image:url(../images/underarrow_white.png);
	background-repeat:no-repeat;
	background-position:5px;
	background-color:#022f83;
}


/*--------------------------------
 新着情報共通部分
 --------------------------------*/

.info_box{
	width:780px;
}

.info_box dl{
	padding:10px 10px 10px 0;
	border-bottom:1px dotted #999;
	letter-spacing:0.05em;
}

.info_box dl dt{
	width:180px;
	float: left;
	clear:both;
}

.info_box dl dd{
	padding-left:180px;
}

.info_box dl dt span{
	display:inline-block;
	*display:inline;  
    *zoom:1;
	width:75px;
	height:20px;
	font-size:0.846em;
	color:#fff;
	line-height:1.9;
	margin-right:7px;
	text-align: center;
}

.info_box dl dt span.news{ background:#79b76f;}
.info_box dl dt span.meminfo{ background:#ef9117;}
.info_box dl dt span.update{ background:#5778b5;}


/*--------------------------------
 サイド
 --------------------------------*/

/* メニュー */

#side_menu{
	background:#ddd;
	margin-bottom:15px;
}

#side_menu h3{
	height:34px;
	font-size:0.923em;
	color:#333;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:2.9;
	padding-left:9px;
}

#side_menu ul{
	width:174px;
	margin:0 auto;
	padding-bottom:2px;
}

#side_menu ul li a{
	display:block;
	width:174px;
	height:46px;
	color:#333;
	letter-spacing:0.1em;
	line-height:3.6;
	text-decoration:none;
	margin-bottom:1px;
	background-image:url(../images/arrow_blue.png);
	background-repeat:no-repeat;
	background-position:11px;
	background-color:#fff;
}

#side_menu ul li a span{
	padding-left:22px;
}

#side_menu ul li a:hover{
	color:#fff;
	background-image:url(../images/arrow_white.png);
	background-color:#022f83;
}

.no01 #side_menu ul li#s_menu1 a,
.no02 #side_menu ul li#s_menu2 a,
.no03 #side_menu ul li#s_menu3 a,
.no04 #side_menu ul li#s_menu4 a,
.no05 #side_menu ul li#s_menu5 a,
.no06 #side_menu ul li#s_menu6 a{
	color:#fff;
	background-image:url(../images/arrow_white.png);
	background-color:#022f83;
}

/* バナー群 */

#bnr_box img{
	display:block;
    margin-bottom: 10px;
}



/*--------------------------------
 footer 
 --------------------------------*/
 
.footer_inner{
	clear:both;
	background-image:url(../images/img_footline.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#eeeeee;
	padding-top:50px;
	margin-top:48px;
}

/* navi */

#fnavi{
	width:1000px;
	margin:0 auto 30px;
	color:#333;
}

#fnavi a{ color:#333;text-decoration:none; }
#fnavi a:hover{ text-decoration:underline; }

#fnavi ul{
	width:200px;
	font-size:1.077em;
	font-weight:bold;
	line-height:1.1;
	float:left;
}

#fnavi ul li{
	margin-bottom:10px;
}

#fnavi ul li ul{
	width:200px;
	font-size:0.857em;
	font-weight:normal;
	float:none;
}

#fnavi ul li ul li{
	background:url(../images/arrow_blue.png) no-repeat 2px;
	margin:12px 0 0;
	padding-left:11px;
}

#fnavi ul#fmenu04,
#fnavi ul#fmenu05{
	width:180px;
}

/* copy */

p#copyright{
	clear:both;
	height:50px;
	color:#fff;
	font-size:0.846em;
	line-height:4.5;
	text-align:center;
	background:#1b2a48;	
}


/* -----------------------------------------------
page top
----------------------------------------------- */

#page-top {
    position: fixed;
    bottom: 0;
    right: 3px;
}

#page-top a {
    width: 94px;
	height:90px;
}

#page-top a:hover{
	filter: alpha(opacity=60); 
    -moz-opacity:0.60;
	opacity:0.60;
}

/*--------------------------------
 汎用
 --------------------------------*/
 
/* マージン関連 */
.mgt05{ margin-top:5px; }
.mgt10{ margin-top:10px; }
.mgt15{ margin-top:15px; }
.mgt20{ margin-top:20px; }
.mgt25{ margin-top:25px; }
.mgt30{ margin-top:30px; }
.mgt35{ margin-top:35px; }

.mgb05{ margin-bottom:5px; }
.mgb10{ margin-bottom:10px; }
.mgb15{ margin-bottom:15px; }
.mgb20{ margin-bottom:20px; }
.mgb25{ margin-bottom:25px; }
.mgb30{ margin-bottom:30px; }
.mgb35{ margin-bottom:35px; }

.mgl05{ margin-left:5px; }
.mgl10{ margin-left:10px; }
.mgl15{ margin-left:15px; }
.mgl20{ margin-left:20px; }
.mgl25{ margin-left:25px; }
.mgl30{ margin-left:30px; }
.mgl35{ margin-left:35px; }

.mgr05{ margin-right:5px; }
.mgr10{ margin-right:10px; }
.mgr15{ margin-right:15px; }
.mgr20{ margin-right:20px; }
.mgr25{ margin-right:25px; }
.mgr30{ margin-right:30px; }
.mgr35{ margin-right:35px; }

/* パディング関連 */
.mpt05{padding-top:15px;
}

/* 文字寄せ */

.al_center{ text-align:center; }
.al_left{ text-align:left; }
.al_right{ text-align:right; }

/* フロート */

.fLeft{ float:left; }
.fRight{ float:right; }

/* weight */

.bold{ font-weight:bold; }

/* color */
.blue{ color:#022f83; }