@charset "utf-8";



@import url("base.css");



@import url("structure.css");





/*====================================================

------------------------------------------------------

	 top.css

------------------------------------------------------

====================================================*/



/*================= contents menu ============



	1: h1 h2 h3 pageImg



	2: mainContents

	



	



============================================== */



/*====================================================

	1: common

====================================================*/
.infomation h2 { height: auto; background: #009fb8; text-align: center; padding: 3px 0; color: #fff; text-indent: 0;}

h2.h2_00_01 { height: 35px; background: url(../img/h2_00_01.gif) no-repeat;}

h2.h2_00_02 { height: 35px; background: url(../img/h2_00_02.gif) no-repeat; margin-top: 50px;}





/*====================================================

	2: mainContents

====================================================*/

body { background: url(../img/bgBody.gif) 0 0 repeat-x;}

#top { width: 1130px; margin: 0 auto;}
#top .Badge{ background: url(/img/TopBadge.png) 0 0 no-repeat; z-index: 10;position: absolute; width: 158px; height: 128px; right: 0; top: 100px;}

#areaSWF { width: 1130px; margin: 0 auto;}

#areaD { padding-top: 15px;}

#areaE { float: left;}

.bn_eco { width: 100%; margin-bottom: 15px;}
.bn_eco a { display: block;}
.bn_eco a:hover { opacity: .7; transition: .3s;}
.bn_eco a img { width: 100%;}

#areaF { float: right;}



#top #areaF ul#topContact { width: 220px; height: 140px; background: url(../img/topContactBox.gif) 0 0 no-repeat; list-style: none; margin: 0 auto 20px auto; padding: 0;}

#top #areaF ul#topContact li { font-size: 1em; line-height: 130%; text-indent: -9876em;}

#top #areaF ul#topContact li ul {list-style: none;}

#top #areaF ul#topContact li li { }







#top #areaE ul#subNavi { clear: both; width: 485px; list-style-type: none; margin: 0 0 30px auto; padding: 0;}



#top #areaE ul#subNavi li

{ display: block; width: 485px; height: 70px; background: transparent; vertical-align: sub; margin-left: 0; padding-left: 0; list-style-type: none;}



#top #areaE ul#subNavi li a 

{ display: block; width: 485px; height: 70px; background: transparent; text-indent: -9876px; overflow: hidden; margin-left: 0; padding-left: 0;}



#top #areaE ul#subNavi li#tsN01 a { background: url(../img/bt00.gif) 0 0;}

#top #areaE ul#subNavi li#tsN02 a { background: url(../img/bt00.gif) 0 -70px;}

#top #areaE ul#subNavi li#tsN03 a { background: url(../img/bt00.gif) 0 -140px;}

#top #areaE ul#subNavi li#tsN04 a { background: url(../img/bt00.gif) 0 -210px;}

 

#top #areaE ul#subNavi li#tsN01 a:hover { background: url(../img/bt00.gif) -485px 0;}

#top #areaE ul#subNavi li#tsN02 a:hover { background: url(../img/bt00.gif) -485px -70px;}

#top #areaE ul#subNavi li#tsN03 a:hover { background: url(../img/bt00.gif) -485px -140px;}

#top #areaE ul#subNavi li#tsN04 a:hover { background: url(../img/bt00.gif) -485px -210px;}



.new { width: 485px; margin: -10px 0 30px auto; padding: 0;}

.new dl { clear: left; width: 485px; margin: 0 auto .5em auto; padding: 0 0 .8em 0;}

.new dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}

/*\*//*/

    .new dl {

         display: inline-table;

     }

 /**/

.new dl dt { display: block; width: 20%; float: left; color: #245fac;}

.new dl dd { display: block; width: 80%; float: left; line-height: 160%; font-size: 95%;}

.infomation { margin-bottom: 50px;} 
.infomation dl dd { line-height: 130%; padding: .3em 0 .5em 0; border-bottom: 1px dotted #ccc;}
.infomation dl strong { color: #333; font-weight: bolder;}