@charset "UTF-8";

/* 「これぞ日本の橋」専用 ------------------------------------------------------------- */

/* トップ用 --------------------------------------------------------------------------- */
/* フォント指定のCSSは「base_font.css」に記載している */
.bridge_top_flash{
margin:0px;
padding:0px 0px 0px 30px;
}

.bridge_top_navi{
float:right;
margin:0px;
padding:0px 75px 0px 0px;
}

/* Google+用 */
.bridge_top_navi .gpo{
margin:30px 0px 20px 70px;
padding:0px;
}

.bridge_top_navi .touroku{
margin-top:20px;
}

.bridge_top_naiyou{
float:left;
width:580px;
margin:0px;
padding:0px 0px 0px 40px;
}

.bridge_top3{
border:#C5F49E 1px solid;
margin:0px 0px 20px 0px;
padding:0px;
}

/* 画像スクロール用 SmoothDivScroll */
div.scrollingHotSpotLeft {
min-width:20px;
width:10%;
height:140px;
background-image:url(./img_sds/big_transparent.gif);
background-repeat:repeat;
background-position:center center;
position:absolute;
z-index:200;
left:0;
cursor:url(./img_sds/move.cur),w-resize;
}

div.scrollingHotSpotLeftVisible {
background-image:url(./img_sds/arrow_left.gif);
background-color:#fff;
background-repeat:no-repeat;
opacity:0.45;
-moz-opacity:0.45;
filter:alpha(opacity = 45);
zoom:1;
}

div.scrollingHotSpotRight {
min-width:20px;
width:10%;
height:140px;
background-image:url(./img_sds/big_transparent.gif);
background-repeat:repeat;
background-position:center center;
position:absolute;
z-index:200;
right:0;
cursor:url(./img_sds/move.cur),e-resize;
}

div.scrollingHotSpotRightVisible {
background-image:url(./img_sds/arrow_right.gif);
background-color:#fff;
background-repeat:no-repeat;
opacity:0.45;
-moz-opacity:0.45;
filter:alpha(opacity = 45);
zoom:1;
}

div.scrollWrapper {
position:relative;
overflow:hidden;
width:750px;
height:150px;
}

.makeme {
text-align:left;
width:750px;
height:150px;
position:relative;
margin:0px 0px 30px 0px;
}

.makeme * {
float:left;
}

.makeme img{
margin:0px 5px 0px 5px;
background-color:#000000;
}

.makeme a:hover img{
opacity:0.70;
-moz-opacity:0.70;
filter:alpha(opacity = 70);
}

.sds{
margin:0px;
padding:36px 40px 0px 30px;
background:url(./img_sds/bridgeimage_back.gif) top left no-repeat;
}

.sds_bt{
text-align:center;
margin:0px 50px 0px 0px;
}

.sds_bt input{
font-size:12pt;
padding:3px 5px 3px 5px;
}

#sds_contents{
clear:both;
width:840px;
margin:0px;
padding:10px 0px 20px 30px;
}

/* タイトル用 ------------------------------------------------------------------------- */
/* 基本のCSSは「base.css」に記載している */
#tilte{
background: url(./img/bridge_tl_h2_back.jpg) left top no-repeat;
}

#tilte h2{
background: url(./img/bridge_tl_h2.gif) left top no-repeat;
}

/* ナビ用 ----------------------------------------------------------------------------- */
.navi .bridge_navi_mapbn{
margin:10px 0px 0px 0px;
padding:0px;
}

.navi .tl{
margin:15px 0px 0px 0px;
padding:0px;
}

.navi ul{
margin:10px 0px 10px 0px;
padding:0px;
border-top:1px dotted #9CB763;
}

.navi li{
margin:0px;
padding:4px 0px 5px 20px;
list-style-type:none;
border-bottom:1px dotted #9CB763;
background: url(../img/top_bridge_icon.gif) left center no-repeat;
}

/* h3タイトル用 ----------------------------------------------------------------------- */
h3{
margin:0px;
padding:184px 0px 20px 20px;
font-size:22pt;
color:#ffffff;
font-weight:normal;
}


h3.nihon{
background: url(./img/bridge_tl_h3_nihon.jpg) left top no-repeat;
}

h3.rainbowbridge{
background: url(./img/bridge_tl_h3_rainbowbridge.jpg) left top no-repeat;
}

h3.sarubashi{
background: url(./img/bridge_tl_h3_sarubashi.jpg) left top no-repeat;
}

h3.kadowaki{
background: url(./img/bridge_tl_h3_kadowaki.jpg) left top no-repeat;
}

h3.horai{
background: url(./img/bridge_tl_h3_horai.jpg) left top no-repeat;
}

h3.yumeturi{
background: url(./img/bridge_tl_h3_yumeturi.jpg) left top no-repeat;
}

h3.shiogo{
background: url(./img/bridge_tl_h3_shiogo.jpg) left top no-repeat;
}

h3.naya{
background: url(./img/bridge_tl_h3_naya.jpg) left top no-repeat;
}

h3.seta{
background: url(./img/bridge_tl_h3_seta.jpg) left top no-repeat;
}

h3.yamanotani{
background: url(./img/bridge_tl_h3_yamanotani.jpg) left top no-repeat;
}

h3.tsuten{
background: url(./img/bridge_tl_h3_tsuten.jpg) left top no-repeat;
}

h3.uji{
background: url(./img/bridge_tl_h3_uji.jpg) left top no-repeat;
}

h3.kouduya{
background: url(./img/bridge_tl_h3_kouduya.jpg) left top no-repeat;
}

h3.oshiro{
background: url(./img/bridge_tl_h3_oshiro.jpg) left top no-repeat;
}

h3.tanize{
background: url(./img/bridge_tl_h3_tanize.jpg) left top no-repeat;
}

h3.setsugeikyou{
background: url(./img/bridge_tl_h3_setsugeikyou.jpg) left top no-repeat;
}

h3.sumiyoshi{
background: url(./img/bridge_tl_h3_sumiyoshi.jpg) left top no-repeat;
}

h3.setoohashi{
background: url(./img/bridge_tl_h3_setoohashi.jpg) left top no-repeat;
}

h3.kintaikyou{
background: url(./img/bridge_tl_h3_kintaikyou.jpg) left top no-repeat;
}

h3.sayabashi{
background: url(./img/bridge_tl_h3_sayabashi.jpg) left top no-repeat;
}

h3.kazurabashi{
background: url(./img/bridge_tl_h3_kazurabashi.jpg) left top no-repeat;
}

h3.harimaya{
background: url(./img/bridge_tl_h3_harimaya.jpg) left top no-repeat;
}

h3.shimanto{
background: url(./img/bridge_tl_h3_shimanto.jpg) left top no-repeat;
}

h3.megami{
background: url(./img/bridge_tl_h3_megami.jpg) left top no-repeat;
}

h3.isahayamegane{
background: url(./img/bridge_tl_h3_isahayamegane.jpg) left top no-repeat;
}

h3.nagasakimegane{
background: url(./img/bridge_tl_h3_nagasakimegane.jpg) left top no-repeat;
}

h3.tujyunkyou{
background: url(./img/bridge_tl_h3_tujyunkyou.jpg) left top no-repeat;
}

/* エントリー用 ----------------------------------------------------------------------- */
/* h4、h5の基本のCSSは「entry.css」に記載している */
h4{
background: url(./img/bridge_tl_h4_back.gif) left top repeat-y;
}

.h4area .imgright,.imgleft,.imgcenter{
border:#7db859 1px solid;
}

h5{
color:#3A9404;
}

.bridge_information{
border:#C5F49E 1px solid;
margin:0px 0px 20px 0px;
padding:0px;
}

.bridge_information_tl{
background:#C5F49E;
margin:0px;
padding:2px 3px 2px 3px;
text-align:center;
}

.bridge_information_naiyou{
margin:0px;
padding:2px 3px 2px 3px;
}

/* トップのGoogleマップ用 */
.search_allbridgemap{
clear:both;
margin:0px 0px 20px 0px;
padding:0px;
width:840px;
}

#allbridgemap{
margin:0px;
padding:0px;
}

.googlemap_balloon{
height:140px;
}

#allbridgemap p{
font-size:11pt;
margin:0px;
padding:0px;
}

#allbridgemap p.gm_name{
font-weight:bold;
margin:0px 0px 5px 0px;
padding:0px;
}

#allbridgemap p.gm_address{
margin:0px;
padding:0px;
}

#allbridgemap p.gm_link{
margin:5px 0px 0px 0px;
padding:0px;
}

#allbridgemap img{
margin:5px 0px 0px 0px;
padding:0px;
border:0px;
}

/* 中面のGoogleマップ用 */
#bridgemap{
margin:0px;
padding:0px;
text-align:left;
}

#bridgemap p.gm_name{
font-size:11pt;
font-weight:bold;
margin:0px 0px 5px 0px;
padding:0px;
}

#bridgemap p.gm_address{
margin:0px;
padding:0px;
}

#bridgemap img{
margin:5px 0px 0px 0px;
padding:0px;
border:0px;
}


/* コメント用 ------------------------------------------------------------------------- */
.comments-title{
color:#1D9605;
background:#D9F6D3;
}

.comments-entry{
color:#24B806;
}