@charset "Shift_JIS";

/*----------------------------------------
 ヘッダー
----------------------------------------*/
#header {
width:900px;
height:80px;
margin-bottom:12px;
background: url(../../images/top_back.gif) left bottom no-repeat;
position:relative;
}

h1 {
padding:10px 15px;
float:left;
}

#header ul{
float:right;
padding:50px 10px 0px 0px;
}

#header li{
float:left;
padding:0px 10px 0px 0px;
}

/*----------------------------------------
 メインイメージ
----------------------------------------*/
#main_image{
clear:both;
}

/*----------------------------------------
 ナビゲーション
----------------------------------------*/
#top_navi {
background:url(../images/top_navi.jpg) no-repeat;
width:900px;
height:84px;
margin-bottom:10px;
padding:0;
}

#top_navi span {display: none;}

#top_navi li .menu01, #top_navi .menu01 a {
width:230px;
height:84px;
display:block;
}
#top_navi li .menu02, #top_navi .menu02 a {
width:220px;
height:84px;
display:block;
}
#top_navi li .menu03, #top_navi .menu03 a {
width:220px;
height:84px;
display:block;
}
#top_navi li .menu04, #top_navi .menu04 a {
width:230px;
height:84px;
display:block;
}

#top_navi li {
float:left;
list-style:none;
display:inline;
}

.menu01 a{background:url(../../images/top_navi.jpg) 0 0}
.menu02 a{background:url(../../images/top_navi.jpg) -230px 0}
.menu03 a{background:url(../../images/top_navi.jpg) -450px 0}
.menu04 a{background:url(../../images/top_navi.jpg) -670px 0}

.menu01 a:hover {background:url(../../images/top_navi.jpg) 0px -84px no-repeat; }
.menu02 a:hover {background:url(../../images/top_navi.jpg) -230px -84px no-repeat; }
.menu03 a:hover {background:url(../../images/top_navi.jpg) -450px -84px no-repeat; }
.menu04 a:hover {background:url(../../images/top_navi.jpg) -670px -84px no-repeat; }

/*----------------------------------------
　ボックス
----------------------------------------*/

#top_box {
margin-bottom:15px;
}

/*----------------------------------------
　新着情報
----------------------------------------*/
.topics{
width:475px;
height:178px;
padding:0px 12px 10px 0px;
background: url(../../images/topics_back.gif) left top no-repeat;
float:left;
}

.topics p{
margin:20px 0px 10px 10px;
}

.framebox{
padding:0px 0px 5px 15px;
width:445px;
height:90px;
overflow:auto;
}

.framebox dl{
margin:3px 0px 5px 0px;
width:410px;
line-height:200%;
float:left;
background:url(../../images/topics_line.gif) left bottom no-repeat ;
}

.framebox dt{ 
float:left;
width:7.5em;
}

.framebox dd{
margin-left:7.5em;
}

/*----------------------------------------
　ボタンボックス
----------------------------------------*/
.btn_box{
width:413px;
height:226px;
padding-top:15px;
background: url(../../images/btn_back.gif) left top no-repeat;
float:right;
}

.btn_box p{
margin:0px 0px 5px 20px;
}

/*----------------------------------------
　リンクボックス
----------------------------------------*/
.link_box{
width:485px;
padding-bottom:15px;
float:left;
}

.link_box ul{
margin-right:-6px;/* リストのmarginを相殺 */
}

.link_box li{
margin-right:6px;
_margin-right:3px;
margin-bottom:5px;
float:left;
}