@charset "UTF-8";
/**
 * @ Style Name     : TopPage Style
 * @ Style Place    : /css/hp.css
 * @ Create Date    : 10.03.17
 * @ Lastup Date    : 10.03.17
 * @ Author Company : SHIKI-DESIGN (http://www.shiki-design.com/)
 * @ Author Name    : Nakatani
 * @ Lastup Name    : Nakatani
 */
 
/**
 * @ Menu
 */
#gMenuIndex{
margin:0 auto;
width:900px;
height:46px;
}
#gMenuIndex li{float:left;}
#gMenuIndex a{
display:block;
height:46px;
text-indent:-5000px;
}
#gMenuIndex01 a{
width:291px;
background:url(/imgs/hp/gmenu.jpg) no-repeat 0 0;
}
#gMenuIndex02 a{
width:180px;
background:url(/imgs/hp/gmenu.jpg) no-repeat -291px 0;
}
#gMenuIndex03 a{
width:160px;
background:url(/imgs/hp/gmenu.jpg) no-repeat -471px 0;
}
#gMenuIndex04 a{
width:120px;
background:url(/imgs/hp/gmenu.jpg) no-repeat -631px 0;
}
#gMenuIndex05 a{
width:149px;
background:url(/imgs/hp/gmenu.jpg) no-repeat -751px 0;
}
#gMenuIndex01 a:hover{background-position:0 -46px;}
#gMenuIndex02 a:hover{background-position:-291px -46px;}
#gMenuIndex03 a:hover{background-position:-471px -46px;}
#gMenuIndex04 a:hover{background-position:-631px -46px;}
#gMenuIndex05 a:hover{background-position:-751px -46px;}

/**
 * @ Layout Share
 */
#header{
width:100%;
height:95px;
background:url(/imgs/hp/bg_header.gif) repeat-x 0 0;
}
#headerInner{
margin:0 auto;
width:910px;
}
#headerContent{
float:right;
padding:18px 10px 0 0;
width:245px;
}
#flashArea{
display:block;
width:100%;
height:320px;
background:url(/imgs/hp/bg_flash.jpg) repeat-x center 0;
}
#flashContent{
display:block;
margin:0 auto;
width:900px;
height:310px;
background:url(/imgs/hp/bg_flashcontent.png) no-repeat 0 0;
}

#btnEntryList{
clear:both;
padding:15px 0 15px 5px;
}

/**
 * @ Layout Each
 */
.topics{
float:left;
width:340px;
}
.info{
float:right;
width:340px;
}
.entryList{
margin:0 5px;
width:330px;
}
.entryList dt{
padding:5px 0 0 20px;
background:url(/imgs/lib/arrow.gif) no-repeat 0 7px;
color:#246D00;
font-size:85%;
font-weight:bold;
}
.entryList dd{
padding:0 0 5px 20px;
border-bottom:1px dotted #ccc;
}
.hpBanner{
clear:both;
padding:9px 9px 10px 9px;
width:652px;
height:151px;
background:url(/imgs/hp/bg_banner.gif) no-repeat 0 0;
}
.hpBanner .fl-l{
float:left;
width:322px;
}
.hpBanner .fl-r{
float:right;
width:322px;
}
.hpBanner .mb17{margin-bottom:17px;}