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

body {
	margin: 0;
	padding:0;
	/*font-size: 96%;*/
	color: #333;
	text-align: center;
	background: url(../img_common/base_back.gif) repeat-x center 82px;
	text-align:center;
	font:13px "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Univers, Verdana, Arial, sans-serif;
	*font-size:small;
    *font:x-small;
}

table {
    font-size:inherit;
    font:100%;
}
			 
			 
h1,h2,h3,h4,h5 {
   margin:0;
		}
		 
hr {
   margin:0;
   padding:0;
		}

p {
	margin:0;
	padding:0;

}

em {
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }

/* clearfix ---------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display:inline-block;
}
/*¥*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}
/**/


a:link {
   color:#666;
   text-decoration: none;
		}
				 
a:visited {
   color:#666;
   text-decoration: none;
		}
						
a:hover {
    color:#000;
    text-decoration: none;
		 }
					
a:active { 
   color:#666;
   text-decoration: none;
		}
		

#wrapper {
	width:100%;
  	background:url(../img/bg_header.gif) top repeat-x;
}



/* ========================================  #page ページ外枠 */
#page {
	width: 900px;
	padding: 0px;
	margin: -10px auto 0px;
	text-align: left;
	background: #FFF;
}


/* ========================================  #header 画面上部 */
#header {
	padding: 0px;
	margin: 0px;
	clear: both;
	border-top: 2px solid #113562;
	text-align: center;
	height: 90px;
	position: relative;
	background: url(../img_common/header_undergray.png) repeat-x bottom;	
}
#subheader {
	padding: 0px;
	margin: 0px;
	clear: both;
	border-top: 2px solid #113562;
	text-align: left;
	height: 80px;
	position: relative;	
}

#header_title {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	height: 80px;
}
#header_title .logo {
	margin: 0px;
	padding: 20px 0px 0px;
	width: 185px;
	float: left;
}
#header_title .infomenu{
	margin: 0px;
	padding: 0px;
	float: right;
	line-height: 80px;
}
#header_title .infomenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
#header_title .infomenu li{
	margin: 0px;
	padding: 0px 25px 0px 10px;
	background: url(../img_common/menu_smalltag.gif) no-repeat left center;
	font-size: 85%;
	float: left;
}
#header_title .infomenu li a {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}


#header img {
	border: none;
}

#top_image {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 310px;
	width: 900px;
}
#top_imageunder {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	background: url(../img_common/top_imageunder.gif) repeat-x;
	height: 30px;
	font-size: 85%;
	font-weight: bold;
	color: #FFF;
	text-align: right;
	line-height: 30px;
}



/* ========================================  #menu 上部メニュー */
#mainmenu {
	width:900px;
	padding: 10px 0px;
	margin: 0px 0px 5px;
	border-bottom: 1px solid #CCC;
	height: 35px;
}

#mainmenu ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}
#mainmenu li {
	float: left;
	text-decoration: none;
	text-indent:-9999px;
}
#mainmenu .line{
	border-right: 1px solid #427FC1;
}


.menu01 a{
	background: url(../img_ja/mainmenu_01.gif) no-repeat;
	display: block;
	height: 36px;
	width: 179px;
}
.menu01 a:hover{
	background: url(../img_ja/mainmenu_01h.gif) no-repeat;	
	display: block;
}
.menu02 a{
	background: url(../img_ja/mainmenu_02.gif) no-repeat;
	display: block;
	height: 36px;
	width: 179px;
}
.menu02 a:hover{
	background: url(../img_ja/mainmenu_02h.gif) no-repeat;	
	display: block;
}
.menu03 a{
	background: url(../img_ja/mainmenu_03.gif) no-repeat;
	display: block;
	height: 36px;
	width: 179px;
}
.menu03 a:hover{
	background: url(../img_ja/mainmenu_03h.gif) no-repeat;	
	display: block;
}
.menu04 a{
	background: url(../img_ja/mainmenu_04.gif) no-repeat;
	display: block;
	height: 36px;
	width: 179px;
}
.menu04 a:hover{
	background: url(../img_ja/mainmenu_04h.gif) no-repeat;	
	display: block;
}
.menu05 a{
	background: url(../img_ja/mainmenu_05.gif) no-repeat;
	display: block;
	height: 36px;
	width: 180px;
}
.menu05 a:hover{
	background: url(../img_ja/mainmenu_05h.gif) no-repeat;	
	display: block;
}



/* ======================================== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
	padding: 0px;
	margin: 0px;
	width: 900px;
	clear: both;
}


#top_news {
	margin: 0px;
	width: 540px;
	padding: 0px;
	float: left;
	clear: left;
}
.subinfo{
	margin: 0px;
	color: #333;
	padding: 0px 0px 15px;
	clear: both;
}

#content-main .release_2 {
	font-size: 77%;
}
.label{
	margin: 0px;
	background: url(../img_common/top_newstag.gif) no-repeat;
	height: 22px;
	width: 182px;
	text-align: center;
	font-weight: bold;
	color: #333;
	line-height: 24px;
	font-size: 85%;
}
#top_news ul {
	margin: 0px;
	padding: 10px 0px;
	list-style: none;
}
#top_news li {
	margin: 0px;
	padding: 5px 0px 0px;
	clear: left;
	font-size: 93%;
}
#top_news li p{
	padding: 0px;
	float: left;
	clear: left;
	width: 100px;
	font-weight: bold;
}
#top_news li a{
	padding: 0px 0px 5px;
	width: 420px;
	float: left;
	margin: 0px;
}
#top_sidemenu{
	padding: 0px 0px 0px 10px;
	width: 350px;
	margin: 0px;
	float: right;
}
#top_sidemenu ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}
#top_sidemenu li{
	padding: 0px;
	margin: 0px;
	width: 350px;
	position: relative;
	height: 100px;
}

#top_sidemenu .image{
	padding: 0px 0px 15px;
	width: 140px;
	margin: 0px;
	height: 80px;
	position: absolute;
}
#top_sidemenu .title{
	padding: 0px 0px 0px 10px;
	background: url(../img_common/top_sidemenutag.gif) no-repeat left center;
	margin: 0px;
	position: relative;
	left: 145px;
	font-size: 93%;
	color: #333;
	font-weight: bold;
	top: 0px;
	width: 200px;
}
#top_sidemenu p{
	padding: 0px 0px 3px;
	position: relative;
	left: 150px;
	font-size: 10px;
	margin: 0px;
	top: 3px;
	color: #335474;
	height: 12px;
	width: 200px;
}


#top_contents{
	padding: 0px;
	margin: 0px;
	width: 900px;
	clear: both;
}

#sub_menu{
	padding: 0px;
	margin: 0px 0px 0px 1px;
	width: 168px;
	float: left;
}
#sub_menu ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#sub_menu li{
	padding: 0px;
	margin: 0px;
	font-size: 77%;
}
#sub_menu .subtitle{
	padding: 0px;
	margin: 0px;
	background: #234EB5;
	color: #FFF;
	font: 9px/20px Arial, Helvetica, sans-serif;
	text-indent: 10px;
	text-transform: uppercase;
}
#sub_menu li a{
	background: url(../img_common/contents_menuunder.gif) repeat-x;
	height: 50px;
	width: 168px;
	display: block;
	color: #333;
	line-height: 50px;
	text-indent: 30px;
}
#sub_menu li a:hover{
	background: url(../img_common/contents_menuunderh.gif) repeat-x;
	display: block;
	color: #FFF;
}
#sub_menu li a p{
	background: url(../img_common/contents_menuicon.gif) no-repeat 20px center;
}
#sub_menu li .long{
	background: url(../img_common/contents_menuicon.gif) no-repeat 20px center;
	line-height: 1.2em;
	padding-top: 11px;
	padding-left: 30px;
	text-indent: 0px;
}
#sub_menu .small a{
	height: 30px;
	width: 168px;
	display: block;
	font-size: 10px;
	color: #000;
	line-height: 30px;
	text-indent: 32px;
	background: #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
#sub_menu .small a:hover{
	color: #FFF;
	background: #666;
}
#sub_menu .small a p{
	background: url(../img_common/contents_arrow01.gif) no-repeat 22px center;
}
#smallmenu{
	padding: 0px;
	margin: 0px;
	height: 50px;
}
#smallmenu ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 720px;
}
#smallmenu li{
	padding: 0px;
	margin: 0px;
	float: left;
}
#smallmenu a{
	display: block;
	font-size: 93%;
	color: #333;
	line-height: 32px;
	margin: 0px 1px;
	padding: 0px 5px;
	border: 1px solid #999;
	text-indent: 8px;
}
#smallmenu li a:hover{
	display: block;
	color: #FFF;
	background: #999;
}
#smallmenu li a p{
	background: url(../img_common/contents_menuicon.gif) no-repeat 0px center;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

#frame{
	width: 725px;
	float: right;
}
#frame h1{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding-left: 10px;
	height: 60px;
	line-height: 60px;
}
#frame h2{
	font-size: 93%;
	background: url(../img_common/contents_titleunder.gif) no-repeat;
	height: 29px;
	width: 720px;
	line-height: 29px;
	text-indent: 5px;
	margin-top: 5px;
	font-weight: bold;
	color: #000;
	clear: both;
}
#frame h2 span{
	margin: 0px;
	background: url(../img_common/top_sidemenutag.gif) no-repeat;
	padding-left: 12px;
}

#frame h3{
	font-size: 93%;
	background: url(../img_common/contents_titleunder2.gif) no-repeat;
	height: 26px;
	line-height: 24px;
	text-indent: 5px;
	padding: 0px;
	font-weight: normal;
	color: #000;
	clear: both;
	margin: 5px 0px 0px 10px;
}

#frame p{
	margin:15px 0px 10px;
	padding:0px 15px;
	font-size: 93%;
	line-height: 2em;
	_margin: 0px;
}
 
#frame .imgsR{
	margin:10px;
	float: right;
	padding: 0px;
	_margin: 0px;
}
#frame .imgsL{
	margin:10px;
	float: left;
	padding: 0px;
	font-size: 85%;
	_margin: 0px;
}
#frame .imgsCA{
	margin:2px;
	padding: 0px;
	clear: left;
	_margin: 0px;
	float: right;
}
#frame .imgsC{
	margin:10px auto;
	float: left;
	padding: 0px;
	width: 720px;
	text-align: center;
	_margin: 0px;
}
#frame .bolder{
	border: 1px solid #CCC;
}
#frame .iconA{
	background: url(../img_common/contents_arrow01.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 93%;
	font-weight: bold;
	line-height: 26px;
}
#frame .iconB{
	background: url(../img_common/contents_arrow02.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 93%;
	font-weight: bold;
	line-height: 26px;
	border-bottom: 1px dotted #4FB6DA;
}
#frame .iconB2{
	background: url(../img_common/contents_arrow02.gif) no-repeat left center;
	padding-left: 10px;
	line-height: 20px;
	font-size: 100%;
}
#frame .iconC{
	background: url(../img_common/contents_arrow02.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 10px;
	line-height: 1.2em;
	margin-bottom: 10px;
}
#frame .iconD{
	background: url(../img_common/contents_arrow01.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 93%;
	font-weight: bold;
	line-height: 16px;
}
#frame .sitemapA{
	padding-left: 20px;
	font-size: 108%;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	margin-top: 20px;
}
#frame .sitemapB{
	background: url(../img_common/contents_arrow01.gif) no-repeat left center;
	padding-left: 10px;
	line-height: 20px;
	font-size: 85%;
	margin-left: 50px;
}
#frame .sitemapC{
	background: url(../img_common/contents_arrow02.gif) no-repeat left center;
	padding-left: 10px;
	line-height: 20px;
	font-size: 85%;
	margin-left: 70px;
}



.list {
	margin:10px;
	padding: 0px;
}

.list dt{
	margin:0px;
	padding: 15px 0px 0px;
	float: left;
	font-size: 93%;
	font-weight: bold;
	color: #333;
	width: 130px;
	clear: left;
	line-height: 1.6em;
}
.list dd{
	margin:0px;
	padding: 15px 0px 0px;
	width: 550px;
	font-size: 93%;
	color: #000;
	float: left;
	line-height: 1.6em;
}
.listup {
	margin:10px;
	padding: 0px;
}
.listup dt{
	margin:25px 0px 0px 20px;
	padding: 0px 0px 0px 10px;
	float: left;
	font-size: 93%;
	font-weight: bold;
	color: #333;
	clear: left;
	border-bottom: 1px dotted #06C;
	width: 650px;
	background: url(../img_common/contents_arrow01.gif) no-repeat left center;
	line-height: 1.6em;
}
.listup dd{
	margin:5px 0px 0px 20px;
	padding: 0px 0px 0px 10px;
	font-size: 85%;
	color: #000;
	float: left;
	clear: left;
	width: 620px;
}


#footer{
	clear: both;
	width: 100%;
	background: url(../img_common/footer_shadow.gif) repeat-x top;
	margin: 5px 0px 0px;
	padding: 20px 0px 10px;
	text-align: center;
}
#footer .frame {
	width:900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#footer .menu{
	font-size: 77%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#footer p{
	float: right;
	margin: 3px 0px 0px;
	padding: 0px;
}




/*スタイル*/

.backstyleA{
	background: url(../img_common/material_backA.gif) no-repeat left center;
	height: 60px;
	width: 200px;
	font-size: 93%;
	line-height: 60px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.backstyleB{
	background: url(../img_common/material_backB.gif) no-repeat;
	height: 60px;
	width: 200px;
	font-size: 93%;
	line-height: 60px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.backstyleC{
	background: url(../img_common/material_backC.gif) no-repeat;
	height: 60px;
	width: 200px;
	font-size: 93%;
	line-height: 60px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}