/*--------このcssはインデックスページを制御します。-----------------*/
/*--------▼レイアウト----------------------------------------------*/
#main{
float:left;
width:980px;
height:100%;
}
#title{
float:left;
width:980px;
height:10%;
}
#zonedisplay{
float:left;
width:980px;
height:5%;
}
#rootlist{
float:left;
width:980px;
height:5%;
}
#navi{
float:left;
width:180px;
height:78%;
}
#data{
float:right;
width:800px;
height:78%;
}
#footer{
float:left;
width:980px;
}
/*--------▲レイアウト----------------------------------------------*/
/*--------▼html全体------------------------------------------------*/
body{
font-size:14px;
line-height:150%;
padding: 0px;
background-color: #f0ffff;
background-image: url(../guide_image/bg.gif);
text-align:center;
}
/*--------▲html全体------------------------------------------------*/
/*--------▼ページ本体----------------------------------------------*/
#page{
background-color: #ffffff;
width: 980px;
height:98%;
text-align:left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333333;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333333;
margin-right: auto;
margin-left: auto;
margin-top: 8px;
margin-bottom: 8px;
}
/*--------▲ページ本体----------------------------------------------*/
/*--------▼ふりがな------------------------------------------------*/
dl{
clear:both;
}
dt{
padding:3px;
border-bottom:1px solid #bbb;
background-color:#eee;
font-weight:bold;
}
dd{
display:block;
float:left;
width:20%;
margin-left:10px;
}
.ruby{
font-size:10px;
vertival-align:left;
color:#666;
padding:0px;
margin-bottom:0px;
}
/*--------▲ふりがな------------------------------------------------*/
/*--------▼タイトル------------------------------------------------*/
#title h1{
font-size:130%;
font-weight:normal;
width:980px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-bottom:1px solid #000000;
}
/*--------▲タイトル------------------------------------------------*/
/*--------▼地域名表示--------------------------------------------*/
#zonedisplay{
width:980px;
}
#zonedisplay h2{
font-size:120%;
margin:0px;
border-bottom:1px solid #000000;
}
/*--------▲地域名表示--------------------------------------------*/
/*--------▼パンくずリスト------------------------------------------*/
#rootlist{
width:980px;
font-size:120%;
text-align:left;
}
/*--------▲パンくずリスト------------------------------------------*/
/*--------▼ナビゲーション見出し------------------------------------*/
#navi h2{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
font-size:120%;
font-weight:normal;
border-left:3px solid #000000;
border-bottom:1px solid #000000;
}
/*--------▲ナビゲーション見出し-------------------------------------*/
/*--------▼ナビゲーション左側---------------------------------------*/
.navi_left{
float:left;
width:90px;
}
.navi_left ul{
font-size:100%;
list-style-type:none;
padding:0px 0px 0px 0px;
}
/*--------▲ナビゲーション左側---------------------------------------*/
/*--------▼ナビゲーション右側---------------------------------------*/
.navi_right{
float:right;
width:90px;
}
.navi_right ul{
font-size:100%;
list-style-type:none;
padding:0px 0px 0px 0px;
}
/*--------▲ナビゲーション右側---------------------------------------*/
/*--------▼ナビゲーション広告---------------------------------------*/
/*--------▲ナビゲーション広告---------------------------------------*/
/*--------▼メイン---------------------------------------------------*/
/*--------▲メイン---------------------------------------------------*/
/*--------▼データ---------------------------------------------------*/
#data h2,h3,h4,p,ul{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}
#data h2{
font-size:120%;
font-weight:normal;
border-left:3px solid #000000;
border-bottom:1px solid #000000;
}
#data h3{
font-size:100%;
font-weight:normal;
border-bottom:1px solid #000000;
}
#data h4{
font-size:100%;
font-weight:normal;
}
#data p{
font-size:100%;
font-weight:normal;
text-align:left;
}
#data ul{
font-size:100%;
list-style-type:none;
}
/*--------▲データ---------------------------------------------------*/
/*--------▼右側広告-------------------------------------------------*/
/*--------▲右側広告-------------------------------------------------*/
/*--------▼下部広告-------------------------------------------------*/
#ad_bottom{
text-align:center;
}
/*--------▲下部広告-------------------------------------------------*/
/*--------▼フッタ---------------------------------------------------*/
#footer{
text-align:center;
}
/*--------▲フッタ---------------------------------------------------*/