@charset "UTF-8";
/* レイアウト */
/* ヘッダ */
a:hover{
	border:none;
}
#header_wrap{/*headerの内枠（内容）*/
	margin:0 auto;/*中央配置*/
	width:100%;/*この場合内枠の幅。ボーダーの幅にもなる*/
	height:60px;
	overflow:hidden;
	border-top:#000 15px solid;
	/*ボーダーの情報*/
}


.header{
	margin:0 auto;
	padding:0 0 0 0;
	width:890px;
	overflow:hidden;
}

.logo{/*ロゴの情報*/
	float:left;
	padding:10px 0 0 0;
}

.hnavi{
float:right;
width:360px;
text-align:right;
padding:15px;
list-style:none;
}
.hnavi li{
padding:0em 1em;
background:url(../../pic/header/icon_arrow_headnavi.gif) no-repeat 0.5px 0.3em;
display:inline;
text-align:right;
}

/*フォントサイズ選択*/

#fontsize-change{
	position:absolute;
	top:15px; left:700px;
	width:160px;
	font-size:10px;
}
#fontsize-change dl{
	height:27px;
	overflow:hidden;
}
#fontsize-change dt{
	float:left;
	width:75px; height:23px;
	background:url(../../pic/header/size.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#fontsize-change dd{
	float:left;
	width:22px;
	margin-right:1px;
}

#fontsize-change dd.l{width:32px;}
#fontsize-change dd a{
	display:block;
	height:28px;
	text-indent:-9999px;
	background-image:url(../../pic/header/size.gif);
	background-repeat:no-repeat;
}

#fontsize-change dd.m a{background-position:-75px 0;}
#fontsize-change dd.l a{background-position:-96px 0;}
#fontsize-change dd.xl a{background-position:-129px 0;}

#fontsize-change dd.m a:hover,
#fontsize-change dd.m a:active,
#fontsize-change dd.m a.cr{background-position:-75px 100%;}

#fontsize-change dd.l a:hover,
#fontsize-change dd.l a:active,
#fontsize-change dd.l a.cr{background-position:-96px 100%;}

#fontsize-change dd.xl a:hover,
#fontsize-change dd.xl a:active,
#fontsize-change dd.xl a.cr{background-position:-129px 100%;}

/* メインビジュアル*/

#pic_main{
	padding:0px 0px 5px 0px;	
}

/*インフォメーション*/

	
						 
/*インフォメーションエリア*/
#info{
	width:100%;
}




#info_area{
	margin:10px auto;
	width:900px;
  padding:5px 2px 10px 0px;
	overflow:hidden;
	background:url(../../pic/info/dotLineBlack.gif) repeat-x;
}


#info_contents{/*インフォメーションスペース*/
	float:left;
	margin:2px 2px 0 0px;
	padding:5px 5px 15px 0px; 
	width:345px;
	height:auto;
	overflow:hidden;
}

.info_wrap h4{
	padding:5px 5px 3px 5px;
	border-bottom:#999 1px solid;
	
}

#info_contents2{
 margin:5px 5px 25px 5px;
 padding:5px 0 0 2px;

}


.info_wrap .more {
	float:right;
	padding: 10px 5px 0 0;
}

.info_wrap dl {
	clear:both;
	padding-top:1px
}

.info_wrap dt{
	margin-left:2px;
	padding:2px 0 1px 15px;
	background:url(../../pic/info/icon_arrow_01.gif) no-repeat 1px 0.6em;
}

.info_wrap dd{
	margin:0px 0 5px 0px;
	padding:5px 5px 5px 17px;
	width:290px;
	display:block;  
	background:url(../../pic/info/dotLineBlack.gif) repeat-x;
	background-position:bottom
	}
	
.info_wrap{
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;
   border:#CCC 1px solid;
}


#container{
	margin:3px auto;
	padding:0px;
	width:100%;
	overflow:hidden;
	background:url(../../pic/info/bg1.jpg) repeat-x;
}
#container_klass{
	margin:3px auto;
	padding:0 0 0 0;
	width:100%;
	overflow:hidden;
	background:url(../../pic/info/bg1.jpg) repeat-x;
	
}
#container_top{
	margin:3px auto;
	padding:0px;
	width:100%;
	overflow:hidden;
	background:url(../../pic/info/bg1.jpg) repeat-x;
}

#contents_html{
	margin:0 auto;
	width:100%;
	height:305px;
	
}
#contents{
	margin:0 auto;
	padding-top:5px;
	width:900px;
	height:210px;
}

#contents_klass{
	margin:0 auto;
	margin-top:10px;
	width:900px;
	border-top:#999 1px solid;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
}



/*グローバルナビ*/

#gnavi_area{
 width:100%;
 height:45px; 
}

#gnavi{
  margin: 0 auto;
  padding: 0px 0 0px 0;
  width: 900px;
  height: 45px;
}

#gnavi ul{
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
}

#gnavi li{
  text-indent: -9999px;
  float:left;
  width: 180px;
  margin: 0;
  padding: 0;
}

#gnavi a{
  display: block;
  width: 100%;
  height: 45px;
  background-image:url(../../pic/gnavi/gnavi1.png);
  background-repeat: no-repeat;
}

#menu1 a{background-position:    0px 0;}
#menu2 a{background-position: -180px 0;}
#menu3 a{background-position: -360px 0;}
#menu4 a{background-position: -540px 0;}
#menu5 a{background-position: -720px 0;}

#gnavi a:hover{
  background-image:url(../../pic/gnavi/gnavi1.png);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position:   0px -45px;}
#menu2 a:hover{background-position: -180px -45px;}
#menu3 a:hover{background-position: -360px -45px;}
#menu4 a:hover{background-position: -540px -45px;}
#menu5 a:hover{background-position: -720px -45px;}

/* ページトップ */
#pagetop_area{
float:center;
width:900px;
margin:auto;
padding:1px 5px 2px 0;
height:22px;
}

#pagetop{
	float:right;
	margin:0 auto;
	width:890px;
	text-align:right;
	border-top:#999 1px solid;
}
	
/*フッタ*/

#footer{
	marjin: 0 auto;
	padding:0;
	width:100%;
	background-color:#000;
	bottom:0;
}
#footer_wrap{
	margin:0 auto;
	padding:10px 10px 10px 10px;
	width:880px;
}

#fnavi{
	float:right;
	padding-bottom:10px;
	overflow:hidden;
}

#fnavi li{
	padding-left:20px;
	margin-left:10px;
	display:inline;
background:url(../../pic/footer/fnavi_line.gif) no-repeat;
	}
	
#fnavi li.line_none{
	padding-left:0;
	margin-left:0;
	background:none;
}
#footer address {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
	
#info_contents_right{/*インフォメーションスペース*/
	float:left;
	margin:2px 2px 0 2px;
	padding:5px 5px 15px 5px; 
	width:339px;
	height:auto;
	overflow:hidden;
}

.info_wrap2 h4{
	padding:5px 5px 3px 5px;
		border-bottom:#999 1px solid;
}

#info_contents3{
 margin:5px 5px 25px 5px;
 padding:5px 0 0 2px;

}


.info_wrap2 .more {
	float:right;
	padding: 10px 5px 0 0;
}

.info_wrap2 dl {
	clear:both;
	padding-top:1px
}

.info_wrap2 dt{
	margin-left:2px;
	padding:2px 0 1px 15px;
	background:url(../../pic/info/icon_arrow_01.gif) no-repeat 1px 0.6em;
	
}

.info_wrap2 dd{
	margin:0px 0px 5px 0px;
	padding:5px 5px 5px 17px;
	width:290px;
	display:block;  
	background:url(../../pic/info/dotLineBlack.gif) repeat-x;
	background-position:bottom
	}
	
.info_wrap2{
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;
   border: #CCC 1px solid;
}

#banner_area{
	float:right;
	margin:7px 2px 0 2px;
	padding:2px 3px 0 2px;
	width:183px;
	overflow:hidden;
}

.banner_wrap h4{
	padding:2px 0px 3px 0px;
	border-bottom:#999 1px solid;
}

#banner_top{
	margin:5px 2px 0 2px;
	padding:10px 2px 15px 2px;
	-moz-border-radius:3px;
   border:#09F 1px solid;
}
#banner_top a:hover{ outline: 3px solid black; }

.banner_comment{
	float:right;
	width:100px;
}

.banner_comment h5{
	margin:5px 0 5px  2px;
	font-size:12px;
}

.banner_comment{
	margin:0 0px 2px 0px;
	line-height: 1.2em;
	}

#banner_wrap2{
 margin-top:10px;
 padding-left:0px;
}

#banner_wrap2 h4{
	padding:2px 0 3px 0px;
	border-bottom:#999 1px solid;
	background:url(../../pic/info/dotLineBlack.gif) repeat-x;
}


.banner_top2{
	margin:5px 1px 5px 1px;
	padding:5px 2px 5px 0px;
	-moz-border-radius:3px;
  border:#09F 1px solid;	
}



.contact{
	padding-top:5px;
}


#contact_area{
	float:left;
	width:690px;
	margin:5px 0px 0px 1px;
	padding:0px 0px 2px 0px;
}

#banner_area{
-moz-border-radius:3px;
   border:#CCC 1px solid;
}