@charset "utf-8";

/* ----------------------------------------------------------------
 	基本タグと外のボックスコンテナ定義
 ---------------------------------------------------------------- */
body {
	color: #444;
	vertical-align: baseline;
	text-align: center;
	background: #8ebdf2;
	background: #efeeee;
	font: 74%/1.5 "ＭＳ Ｐゴシック", "Sans-Serif";
	width:100%;
	border-top:#1c64b4 solid 1px;
	}
	
a:link{
	text-decoration: underline;
	color: #1f99e0;
}
a:visited{
	text-decoration: underline;
	color: #1f99e0;
}
a:hover{
	text-decoration: underline;
	color:	#A7F3F3;
}

p {
	margin-bottom: 0.5em;
}	
	
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */	

/* ----------------------------------------------------------------
 	基本
 ---------------------------------------------------------------- */

#index{
    width:100%;
	margin:0 auto;
	background:url(../img/bg_header_line.gif) repeat-x;
	
}

/* ----------------------------------------------------------------
 	背景色用
 ---------------------------------------------------------------- */
#wrap{
   width:100%;
   background-color:#8ebdf2;
}   



#header_wrap  {
    width:744px;
	margin:0 auto;
	background:	url(../img/bg_base_white.gif) repeat-y;
	clear:both;
	
}

#header  {
    background:url(../img/bg_header_gr.gif) repeat-x;
	width:740px; 
	
	margin:0 auto;
	  

}
/* ----------------------------------------------------------------
 	#index--header_wrap--header
 ---------------------------------------------------------------- */
#header_in  {
    background:url(../img/bg_header_wline.gif) repeat-y;
	width:740px; 
	margin:0 auto;
	height:90px;
	
}

/* ----------------------------------------------------------------
 	#index--header_wrap--header--header_in
 ---------------------------------------------------------------- */
#logo  {
    float:left;
	width:268px;
	padding-left:27px;
	padding-top:43px;
}

h1  {
   float:left;
}

h2  {
   float:right;
}

#btn_en  {
    float:right;
	width:106px;
	padding-right:27px;
	padding-top:22px;
}



/* ----------------------------------------------------------------
 	#index--gn_wrap
 ---------------------------------------------------------------- */

#gn_wrap   {
    width:744px;
	margin:0 auto;
	background:	url(../img/bg_base_white.gif) repeat-y;
	height:46px;
	padding-bottom:14px;
	clear:both;
			
}

#gn {
   background:url(../img/nav.gif) no-repeat ;
   margin:0 auto;
   width:687px;
   text-align:center;
   height:46px;
   
}

#gn ul li a{
    display:block;
	width:137px;
	height:46px;
	
}

#gn ul li {
    float:left;
}

#gn ul li a span {
    position:absolute;
	width:0;
	height:0;
	overflow:hidden; 
}

#gn ul li#gn01 a{
    background:url(../img/nav.gif) 0 0;
}

#gn ul li#gn02 a{
    background:url(../img/nav.gif);
	background-position:-137px 0;
}

#gn ul li#gn03 a{
    background:url(../img/nav.gif);
	background-position:-274px 0;
}

#gn ul li#gn04 a{
    background:url(../img/nav.gif);
	background-position:-411px 0;
}

#gn ul li#gn05 a{
    background:url(../img/nav.gif);
	background-position:-548px 0;
}

#gn ul li#gn01 a:hover{
    background:url(../img/nav.gif) 0 -46px;
}

#gn ul li#gn02 a:hover{
    background:url(../img/nav.gif);
	background-position:-137px -46px;
}

#gn ul li#gn03 a:hover{
    background:url(../img/nav.gif);
	background-position:-274px -46px;
}

#gn ul li#gn04 a:hover{
    background:url(../img/nav.gif);
	background-position:-411px -46px;
}

#gn ul li#gn05 a:hover{
    background:url(../img/nav.gif);
	background-position:-548px -46px;
}


/* ----------------------------------------------------------------
 	#index--main_wrap
 ---------------------------------------------------------------- */


#main_wrap   {
     width:744px;
	margin:0 auto;
	background:	url(../img/bg_base_white.gif) repeat-y;
	padding-bottom:30px;
	
}

#main_img   {
    padding-bottom:14px;
}

#con_topics01 {
    width:687px;
	margin:0 auto;
	text-align:center;
	padding-bottom:15px;	
	background:url(../img/line_dots.gif) no-repeat bottom center ;
		
}

.topics01_ttl {
    padding-top:15px;
	padding-left:16px;
	width:642px;
	margin:0 auto;
	text-align:left;
	background:url(../img/icon_arrow01.gif) no-repeat 0 1.5em;
	color:#064a9a;
}



.topics01_textbox {
   width:626px;
	margin:0 auto;
	text-align:left;
	
}

/* ----------------------------------------------------------------
 	#index--#upf_wrap
 ---------------------------------------------------------------- */




#footer_wrap  {
    width:100%;
	margin:0 auto;
	background:#efeeee;
	
}

#footer  {
width:744px;
margin:0 auto;
background:url(../img/upf_img01.gif) center top no-repeat;
height:63px;
padding-top:2px;


}

#footer_left{
float:left;
}

#footer_center{
float:left;
width:736px;
margin:0 auto;
background:url(../img/bg_footer_gr.gif) repeat-x;
height:61px;
padding-top:20px;
}

address  {
    color:#FFFFFF;
	font-size:80%;
   
}
	
#footer_right{
float:right;
}