@charset "UTF-8";

/* トップページ専用 ----------------------------------------------------------------------------- */
body{
margin:0px;
padding:0px;
text-align:center;
line-height:1.2em;
font-size:10pt;
color:#333333;
background: url(./img/top_body_back.gif) left top repeat-x;
font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#allArea{
margin:0px auto 0px auto;
padding:0px;
width:903px;
text-align:left;
}

p,li{
line-height:1.2em;
font-size:10pt;
color:#333333;
font-weight:normal;
margin:0px 0px 10px 0px;
padding:0px;
}

h1,h2,h3,h4{
margin:0px;
padding:0px;
}

a:link{ color:#0000ff; }
a:visited{ color:#0000ff; }
a:hover{ color:#F47D08; }

img{
margin:0px;
padding:0px;
border:0px;
vertical-align:bottom;
}

.clear{
clear: both;
}

strong{
color:red;
}


/* ヘッダー＆メインイメージ -------------------------------------------------------------------- */
#header{
width:903px;
height:322px;
margin:0px;
padding:0px;
background: url(./img/top_main_back.jpg) right top no-repeat;
}

h1{
float:left;
margin:0px;
padding:0px;
width:177px;
height:322px;
background: url(./img/top_h1.jpg) left top no-repeat;
}

h1 span{
visibility: hidden;
}

.header_comment{
margin:0px 0px 0px 180px;
padding:3px 0px 17px 0px;
background: url(./img/top_snpt.gif) left top no-repeat;
}

#header img{
margin:0px;
padding:0px;
float:right;
}

/* コンテンツ ------------------------------------------------------------------- */
#contents_area{
clear:both;
float:left;
width:903px;
background: url(./img/top_menu_back.gif) left top repeat-y;
}

#contents_area h2{
height:52px;
}

#contents_area h2 span{
visibility: hidden;
}

#contents_area .gotop{
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px dotted #999999;
}

/* 自己紹介 ------------------------------------------------------------------------- */
.me_area{
background: url(./img/top_me_tl.gif) left top no-repeat;
width:157px;
float:left;
margin:0px 4px 0px 0px;
padding:10px;
}

/* これぞ日本の橋 ------------------------------------------------------------------- */
.bridge_area{
background: url(./img/top_bridge_tl.gif) left top no-repeat;
width:220px;
float:left;
padding:10px;
margin:0px 1px 0px 0px;
}

.bridge_area .bridge_list_tl{
font-size:10pt;
color:#417206;
font-weight:bold;
margin:10px 0px 0px 5px;
padding:0px;
}

.bridge_area ul{
margin:5px 0px 0px 0px;
padding:0px;
}

.bridge_area li{
margin:0px 0px 0px 10px;
padding:0px 0px 3px 20px;
list-style-type:none;
background: url(./img/top_bridge_icon.gif) left center no-repeat;
}

.bridge_navi_mapbn{
margin:0px;
padding:15px 0px 5px 12px;
}

/* ちょこっと旅行 ------------------------------------------------------------------- */
.travel_area{
background: url(./img/top_travel_tl.gif) left top no-repeat;
width:220px;
float:left;
padding:10px;
margin:0px 1px 0px 0px;
}

.travel_area ul{
margin:10px 0px 0px 0px;
padding:0px;
}

.travel_area li{
margin:0px 0px 0px 10px;
padding:0px 0px 3px 20px;
list-style-type:none;
background: url(./img/top_travel_icon.gif) left center no-repeat;
}

/* 旅行以外のこと ------------------------------------------------------------------- */
.other_area{
background: url(./img/top_other_tl.gif) left top no-repeat;
width:220px;
float:left;
padding:10px;
margin:0px;
}

.other_area .other_list_tl{
font-size:10pt;
color:#04487D;
font-weight:bold;
margin:10px 0px 0px 5px;
padding:0px;
}

.other_area ul{
margin:5px 0px 0px 0px;
padding:0px;
}

.other_area li{
margin:0px 0px 0px 10px;
padding:0px 0px 3px 20px;
list-style-type:none;
background: url(./img/top_other_icon.gif) left center no-repeat;
}

/* 下部エリア -------------------------------------------------------------------- */
#bottom_area{
clear:both;
margin:0px;   /*←スペースを入れない！*/
padding:20px 0px 30px 0px;
width:903px;
background: url(./img/top_menu_under.gif) left top no-repeat;
}

/* 更新情報 ---------------------------------------------------------------------------- ------ */
.bottom_whatsnew_area{
float:left;
margin:20px 0px 0px 0px;
padding:0px;
}

.bottom_whatsnew_area img{
margin:0px 0px 10px 0px;
padding:0px;
}

/* 検索用 ------------------------------------------------------------------------------------- */
.bottom_left_area{
float:right;
margin:20px 0px 0px 0px;
padding:0px;
}

.search_area{
float:left;
clear:both;
margin:0px;
padding:10px 20px 20px 20px;
background: url(./img/top_search_back.gif) left top no-repeat;
}

.search_area img{
float:left;
margin:0px;
padding:0px;
}

.search_area #search{
width:150px;
}

.search_area form{
float:left;
margin:10px 10px 0px 10px;
padding:0px;
}

/* Google+用 ------------------------------------------------------------------------------------- */
.gpo{
float:left;
margin:5px 20px 20px 0px;
padding:0px;
}

/* 登録用 ------------------------------------------------------------------------------------- */
.touroku{
float:left;
margin:5px 20px 20px 0px;
padding:5px 5px 0px 8px;
border:1px solid #cccccc;
}

/* W3C用 ------------------------------------------------------------------------------------- */
.w3c{
float:left;
margin:5px 0px 20px 0px;
padding:0px;
}

.w3c img{
margin:0px 0px 5px 0px;
padding:0px;
}

/* 上部へ ------------------------------------------------------------------------------------- */
.goup{
clear:both;
font-size:10pt;
line-height:1.4em;
text-align:right;
margin:0px;
padding:10px 0px 0px 0px;
}

/* フッター ----------------------------------------------------------------------------------- */
#footer_immunity{
clear:both;
width:678px;
margin:0px;
padding:20px 200px 5px 0px;
background: url(./img/footer_img.gif) right bottom no-repeat;
}

#footer_immunity p.immunity_tl{
margin:0px;
padding:0px 0px 5px 0px;
color:#99590E;
}

#footer_immunity ul{
margin:0px;
padding:0px 0px 0px 25px;
}

#footer_immunity li{
font-size:78%;
margin:0px;
padding:0px;
}

#footer{
clear:both;
text-align:center;
margin:0px;
padding:0px;
width:903px;
background: url(./img/footer.gif) left top repeat-x;
}

#footer .powered{
float:left;
margin:0px;
padding:15px 0px 5px 10px;
}

#footer .copyright{
float:right;
margin:0px;
padding:15px 10px 5px 0px;
}