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

* {
margin:0;
padding:0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -mos-box-sizing: border-box;
 box-sizing: border-box;
}


html,
   body,{
   height:100%;
   background-color:#0e1127;
   color:#000000;
   font-size:13px;
}

body > div#top {
   height: auto;
   min-height: 100%;}
   
a:link {
	text-decoration:none;
	color:#5f6489;
}
a:visited {
  text-decoration:none;
  color:#5f6489;}
  
a:hover {color:#9fa9f7; text-decoration:none;}

a:active {
  text-decoration:none}


img{
   border:none;}

div#contents {
   padding-bottom:60px;/* フッターの高さと同じ値にする */
}





#outline{
   width:100%;
   text-align:center;
   background-position:top;
   background-color:#0e1127;
   margin-left:auto;
   margin-right:auto;
   }
   
.left{
   float:left;}
   
.right{
   float:right;
   text-align:left;}

#main{
   width:1200px;}   
   
div#container{
   width:100%;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   overflow:hidden;}

div#contents {
   width:1200px;
   padding-bottom:100px;/* フッターの高さと同じ値にする */
   margin-right:auto;
   margin-left:auto;
}

div#footer {
   position:relative;
   margin-top:-100px;/* フッターの高さと同じ値にする */
   height:100px;/* フッターの高さを指定 */
   color:#5f6489;
   line-height:250%;
   font-size:12px;
   letter-spacing:1px;}


div#head{
   height:351px;}

div#header{
  background-image:url(../bg_head.png);
  background-repeat:repeat-x;
  background-position:bottom;
  height:298px;}
 

/*◆メインメニュー◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

div#main_menu{
    background-image:url(../bg_mainnavi.png);
	background-position:top;
	background-repeat:repeat-x;
	height:53px;}
	
	
#menu{
    width:700px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;}

/* 2024.07.25 rk add --*/
#menu_01a{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 545px;
}

#g_navi {
	height:53px;
	background-image:url(../g_navi_bg.png);
	background-repeat:no-repeat;
	background-position:top;}

#g_navi ul {
	padding:0px;}

#g_navi li {
	display:inline;
	list-style-type:none;}
	
#g_navi li a {
	height:53px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;}
	
/*------off*/

#g_navi li.g_navi01 a {
	background:url(../main_navi.png) no-repeat 0px 0px;
	width:110px;}
	
#g_navi li.g_navi02 a {
	background:url(../main_navi.png) no-repeat -110px 0px;
	width:155px;}
	
#g_navi li.g_navi03 a {
	background:url(../main_navi.png) no-repeat -265px 0px;
	width:155px;}
	
#g_navi li.g_navi04 a {
	background:url(../main_navi.png) no-repeat -420px 0px;
	width:155px;}
	
#g_navi li.g_navi05 a {
	background:url(../main_navi.png) no-repeat -575px 0px;
	width:125px;}


/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(../main_navi.png) no-repeat 0px -53px;}
	
#g_navi li.g_navi02 a:hover {
	background:url(../main_navi.png) no-repeat -110px -53px;}
	
#g_navi li.g_navi03 a:hover {
	background:url(../main_navi.png) no-repeat -265px -53px;}
	
#g_navi li.g_navi04 a:hover {
	background:url(../main_navi.png) no-repeat -420px -53px;}
	
#g_navi li.g_navi05 a:hover {
	background:url(../main_navi.png) no-repeat -575px -53px;}
	

/*------on*/

#g_navi li.g_navi01_on a {
	background:url(../main_navi.png) no-repeat 0px -53px;
	width:110px;}
	
#g_navi li.g_navi02_on a {
	background:url(../main_navi.png) no-repeat -80px -53px;
	width:155px;}
	
#g_navi li.g_navi03_on a {
	background:url(../main_navi.png) no-repeat -175px -53px;
	width:155px;}
	
#g_navi li.g_navi04_on a {
	background:url(../main_navi.png) no-repeat -290px -53px;
	width:155px;}
	
#g_navi li.g_navi05_on a {
	background:url(../main_navi.png) no-repeat -415px -53px;
	width:125px;}