@charset "UTF-8";
/*　目次
構造
画像置換用
一覧へのリンク（moreinfo）
ヘッダ
グローバルナビ（incl.メガメニュー）
重要なお知らせ
タブ
新着＋募集の本体
暮らしのガイドの本体
バナー類（おつきあい＋広告＋テキスト広告）
リンク柱（左右）
*/

/*　注　　部分的にCSS3を使用（last-child）　*/


/*　構造
-------------------------------------------------------------------------------------------------------------------------------　*/
li { list-style: none; }

body { background: #fff url("../../../../img/top/back.jpg") 0 0 repeat-x; }
#pbox { width: 950px; margin: 0 auto; position: relative; }
#left { width: 182px; float: left; padding-top: 55px; font-size: 0.9em; line-height: 1.2; }

#main { width: 540px; float: left; margin-left: 23px; padding-top: 550px !important; }

#right { width: 182px; float: right; padding-top: 530px; font-size: 0.9em; line-height: 1.2; }

#left a, #right a { text-decoration: none; }

address { margin-top: 3em; font-size: 0.9em; color: #fff; background-color: #039; text-align: center; line-height: 1; padding: 0.5em 0; }

/*　季節の写真　キャンペーン写真　*/
#camp { width: 745px; position: absolute; top: 105px; left: 205px; }
/*
#camp_c { position: absolute; left: 0; bottom: 0; font-size: 11px; color: #666; }
#camp_c a { text-decoration: none; }
#camp_a { display: block; width: 745px; height: 270px; }
*/
/*　動画は、width="560" height="315"　*/
/*
*/
#camp span { display: block; background-color: #c3bd9b; line-height: 1.2; font-sizze: 12px; padding: 10px 0; text-align: center; }


/*　以下、動画を削除した後に使用する予定　*/
/*　別途、「新着・募集」タブと「市長室」バナーの透明化が必要　*/
/*
#camp { display: none; }
#main { padding-top: 80px !important; }
#right { padding-top: 60px; }
*/






/*　画像置換用
-------------------------------------------------------------------------------------------------------------------------------　*/
h1 span, #note span, #g_navi > li > a > span, .text_fsc span, #important_notice_h2 span, #important_ad_h2 span, .tabNavigation span, .tabNavigation2 span, #life span, #l_stage span, #ad_h2 span, #gInfo h2 span, #sp_site h2 span, #rel_org h2 span, #mayor span, #pub_sado span, #l_admin h2 span, #l_topics h2 span, #popu h2 span, #camp span#camp_t { display: block; width: 0; height: 0; overflow: hidden; }


/*　一覧へのリンク
-------------------------------------------------------------------------------------------------------------------------------　*/
.moreinfo { font-size: 0.9em; text-align: right; margin-top: 0.2em; }
.moreinfo a { padding-right: 20px; background-image: url("../../../../img/top/more.gif"); background-repeat: no-repeat; background-position: 99% -16px; text-decoration: none; }
.moreinfo a:link { color: #930; }
.moreinfo a:visited { color: #930; }
.moreinfo a:hover { color: #f00; text-decoration: underline; background-position: 98% 1px; }
.moreinfo a:active { color: #00f; }

#moreinfo_lg { margin-bottom: 30px; }


/*　ヘッダ
-------------------------------------------------------------------------------------------------------------------------------　*/
h1 { height: 71px; width: 262px; background: url("../../../../img/top/logo.gif") 0 0 no-repeat; }
.skip { display: none; }
#date { font-size: 0.85em; font-weight: bold; margin: -22px 0 0 60px; }

#note { width: 347px; height: 21px; position: absolute; top: 0; right: 0; background: url("../../../../img/top/parts.gif") 0 0; }
#note li { display: inline; float: left; }
#note li a { display: block; height: 21px; background-image: url("../../../../img/top/parts.gif"); }

#l_sm { margin-left: 15px; width: 75px; background-position: -15px -50px; }
a#l_sm:hover { background-position: -15px -100px; }
#l_1st { margin-left: 30px; width: 125px; background-position: -120px -50px; }
a#l_1st:hover { background-position: -120px -100px; }
#l_pol { margin-left: 25px; width: 60px; background-position: -270px -50px; }
a#l_pol:hover { background-position: -270px -100px; }


/*　グローバルナビ
-------------------------------------------------------------------------------------------------------------------------------　*/
#g_navi_h2 { display: none; }
#g_navi { height: 28px; margin-top: 4px; position: absolute; top: 67px; left: 0; }
#g_navi > li { display: inline; float: left; }
#g_navi > li > a { display: block; height: 28px; background-image: url("../../../../img/top/parts.gif"); }

#gn_admin { width: 238px; background-position: 0 -140px; }
a#gn_admin:hover { background-position: 0 -170px; }
#gn_life { width: 238px; background-position: -238px -140px; }
a#gn_life:hover { background-position: -238px -170px; }
#gn_eco { width: 238px; background-position: -476px -140px; }
a#gn_eco:hover { background-position: -476px -170px; }
#gn_ss { width: 236px; background-position: -714px -140px; }
a#gn_ss:hover { background-position: -714px -170px; }

/*　メガメニュー by CSS　*/
#gn_li_admin, #gn_li_life  { position: relative; }
#g_navi li > div { display: none; }

#g_navi li#gn_li_admin:hover #gn_admin_mega, #g_navi li#gn_li_life:hover #gn_life_mega { display: block; z-index: 2; width: 480px; }
#gn_admin_mega, #gn_life_mega { position: absolute; top: 28px; left: -5px; padding: 2px; padding-top: 5px; background: #fff url("../../../../img/top/parts.gif") -293px -1009px no-repeat; }
.gn_mega_inner { border: solid 3px #999900; border-top: 0; padding: 1em 1.5em 0.5em 1.5em; font-size: 0.85em; line-height: 1; 
background: url("../../../../img/top/b_mega_inner.gif") 0 0 repeat-y; }
#gn_admin_mega, #gn_life_mega, .gn_mega_inner { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.gn_mega_c2l { width: 46%; float: left; }
.gn_mega_c2r { width: 46%; float: right; }
.gn_mega_inner ul { margin: 0.8em 0 1em 0; }
.gn_mega_inner ul li { margin-bottom: 0.5em; }
.gn_mega_inner h3 { padding: 0.3em 0 0.3em 0; border-bottom: dotted 1px #666; }


/*　以下、index_new_2_oc_2.html専用
暮らしのガイドのメガの左右を拡げる　*/
#g_navi li#gn_li_life:hover #gn_life_mega { display: block; z-index: 2; width: 717px; }
.gn_mega_c3l { width: 31%; float: left; margin-right: 3%; }
.gn_mega_c3m { width: 31%; float: left; }
.gn_mega_c3r { width: 31%; float: right; }


/*　検索と文字サイズ　*/
#headtool { position: absolute; top: 35px; left: 602px; }

/*
#search input { width: 140px; height: 18px; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #000; border-top: solid 1px #000; }
#search button { border: 0; position: absolute; top: 0; left: 148px; background-color: transparent; }
*/
/*
#search { display: none; }
*/
/*　リセット　*/
/*　「div.gsc-control-cse」がフォームまわりの余白を作っている　*/
#headtool table, #headtool tbody, #headtool tr, #headtool td, div.gsc-control-cse { background: none; border: none; padding: 0; margin: 0; }

div#gsc-iw-id1 { border: solid 1px #ccc; padding-top: 5px; padding-bottom: 2px; height: 20px; }
#headtool { position: absolute; top: 32px; left: 602px; }
#headtool div#gsc-iw-id1 { width: 270px; }

/*
.text_fsc { width: 137px; height: 18px; background: url("../../../../img/top/fsc.gif") 0 5px no-repeat; position: absolute; top: 0; left: 210px; }
.text_fsc li { display: inline; float: left; }
.text_fsc li a { display: block; width: 22px; height: 19px; background-image: url("../../../../img/top/fsc.gif"); }

#fsc_s { margin-left: 64px; background-position: -69px -29px; }
a#fsc_s:hover { background-position: -69px -59px; }
#fsc_m { margin-left: 3px; background-position: -99px -29px; }
a#fsc_m:hover { background-position: -99px -59px; }
#fsc_b { margin-left: 3px; background-position: -129px -29px; }
a#fsc_b:hover { background-position: -129px -59px; }
*/

/*　重要なお知らせ
-------------------------------------------------------------------------------------------------------------------------------　*/
#important_notice, #important_ad { border: solid 5px #c69; border-top: 0; border-bottom-right-radius: 15px; padding: 1em 2em; margin-bottom: 2em; }
#important_notice_h2 { height: 35px; background: url("../../../../img/top/parts.gif") no-repeat -600px 0; }
#important_ad_h2 { height: 30px; background: url("../../../../img/top/parts.gif") no-repeat -600px -50px; }
#important_notice p, #important_ad p { margin-bottom: 1em; }
#important_notice ul, #important_notice ol, #important_ad ul, #important_ad ol { margin: 0 2em 1em 4em; }
#important_notice ul li, #important_ad ul li { list-style-type: disc; margin-bottom: 0.3em; }#important_notice ol li, #important_ad ol li { list-style-type: decimal; margin-bottom: 0.3em; }


/*　タブ
-------------------------------------------------------------------------------------------------------------------------------　*/
.tabNavigation { height: 30px; margin-top: 5px; }

.tabNavigation li, .tabNavigation2 li { display: inline; float: left; }
.tabNavigation li a:focus, .tabNavigation2 li a:focus { outline: 0; }
.tabNavigation li a, .tabNavigation2 li a { display: block; height: 30px; background-image: url("../../../../img/top/parts.gif"); }

/*　新着のタブ　*/
#to_n_info { width: 125px; background-position: 0 -250px; }
#to_inq { width: 179px; background-position: -129px -250px; margin-left: 3px; }

a#to_n_info.selected, a#to_n_info:hover { background-position: 0 -210px; }
a#to_inq.selected, a#to_inq:hover { background-position: -129px -210px; }

/*　暮らしのガイドのタブ　*/
#life { height: 100px; background: url("../../../../img/top/parts.gif") 0 -290px; }

#lifeTab { height: 37px; margin-top: -49px; padding-left: 209px; }
#lifeTab li a { display: block; height: 37px; background-image: url("../../../../img/top/parts.gif"); }

#to_l_stage { width: 108px; background-position: 0 -480px; }
#to_l_system { width: 100px; background-position: -113px -480px; margin-left: 5px; }
#to_l_pdf { width: 108px; background-position: -218px -480px; margin-left: 5px; }

a#to_l_stage.selected, a#to_l_stage:hover { background-position: 0 -420px; }
a#to_l_system.selected, a#to_l_system:hover { background-position: -113px -420px; }
a#to_l_pdf.selected, a#to_l_pdf:hover { background-position: -218px -420px; }

/*　見出し（noscript）　*/
#n_info h2, #inq h2, #l_stage h3, #l_system h3, #l_pdf h3 { font-size: 1em; margin-bottom: 2em; font-weight: bold; }


/*　新着＋募集の本体
-------------------------------------------------------------------------------------------------------------------------------　*/
#n_info, #inq { border: solid 3px #039; border-top: solid 4px #039; border-top-right-radius: 15px; border-bottom-left-radius: 15px; line-height: 1.3; padding: 1.5em 1em 1.5em 1.5em; }

#latest5 { font-size: 0.85em; margin: -1.5em 0 1.5em 0; font-weight: bold; color: #06c; }
#n_info dl dt { line-height: 1; width: 5em; text-align: left; color: #960; font-weight: bold; }
#n_info dl dd { margin: -1.2em 0 0.8em 6.5em; padding-bottom: 0.5em; border-bottom: dotted 1px #999; }
#n_info dl > dd:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }

#inq ul li { background: url("../../../../img/point/4b_ore.gif") no-repeat 0 0.2em; padding-left: 20px; margin-bottom: 0.6em;
padding-bottom: 0.3em;  border-bottom: dotted 1px #999; }
#inq ul > li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }


/*　暮らしのガイドの本体
-------------------------------------------------------------------------------------------------------------------------------　*/
#l_stage, #l_system, #l_pdf { padding: 15px 7px; border: solid 6px #c48f3a; border-top: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
#l_stage a, #l_system a, #l_pdf a { text-decoration: none; }

/*　節目の手続き　*/
/*　以下の項目数変動により列数が増減する場合は、「#l_stage ul」のheightも変更すること　*/

#l_stage ul { width: 100%; height: 167px; }
#l_stage li { display: inline; float: left; }
#l_stage li a { display: block; width: 166px; height: 47px; background-image: url("../../../../img/top/parts.gif"); margin-bottom: 13px; }

#ls_tenkyo { background-position: 0 -540px; margin-right: 8px; }
#ls_tennyuu { background-position: -170px -540px; margin-right: 8px; }
#ls_tenshutu { background-position: -340px -540px; }
#ls_ninsin { background-position: -510px -540px; margin-right: 8px; }
#ls_shussan { background-position: -680px -540px; margin-right: 8px; }
#ls_kosodate { background-position: -850px -540px; }
#ls_kyouiku { background-position: -1020px -540px; margin-right: 8px; }
#ls_iedukuri { background-position: -1190px -540px; margin-right: 8px; }
#ls_owakare { background-position: -1360px -540px; }

a#ls_tenkyo:hover { background-position: 0 -590px; , }
a#ls_tennyuu:hover { background-position: -170px -590px; , }
a#ls_tenshutu:hover { background-position: -340px -590px; }
a#ls_ninsin:hover { background-position: -510px -590px; , }
a#ls_shussan:hover { background-position: -680px -590px; , }
a#ls_kosodate:hover { background-position: -850px -590px; }
a#ls_kyouiku:hover { background-position: -1020px -590px; , }
a#ls_iedukuri:hover { background-position: -1190px -590px; , }
a#ls_owakare:hover { background-position: -1360px -590px; }

/*　制度紹介＋申請書ダウンロード　*/

#l_system ul { width: 45%; float: left; margin-left: 4%; }
#l_pdf ul { margin: 0 4%; }
#l_system ul a, #l_pdf ul a { display: block; }

#l_system ul li a, #l_pdf ul li a { background: url("../../../../img/point/4b_blu.gif") no-repeat 1px 0.8em; 
line-height: 1; padding: 0.7em 0 0.5em 25px; border-bottom: dotted 1px #999; }
#l_system ul a:hover, #l_pdf ul a:hover { background: url("../../../../img/point/4b_red.gif") no-repeat 0 0.8em; }


/*　バナー類
-------------------------------------------------------------------------------------------------------------------------------　*/

/*　おつきあいバナー　*/
.rel_banner a { float: left; width: 160px; margin-left: 30px; margin-bottom: 10px; }
.rel_banner > a:first-child { margin: 0; }

/*　広告　*/
#ad_h2 { height: 21px; background: url("../../../../img/top/parts.gif") 0 -940px no-repeat; margin: 20px 0 15px 0; }
p.ad_banner a { float: left; width: 160px; margin-left: 30px; margin-bottom: 10px; }
p.ad_banner > a:first-child { margin: 0; }
ul.ad_banner li { background: url("../../../../img/point/3d_gra.gif") no-repeat 0 0.2em; 
padding-left: 15px; margin-bottom: 0.7em; line-height: 1; font-size: 0.9em; }


/*　リンク柱
-------------------------------------------------------------------------------------------------------------------------------　*/

#gInfo a, #sp_site li a, #rel_org li a, #l_admin li a, #l_topics li a { padding: 0.4em 0.3em 0.3em 0.6em;}

/*　総合案内　*/
#gInfo h2 { width: 193px; height: 42px; background: url("../../../../img/top/b_h2_ginfo.gif") 0 0 no-repeat; margin-left: -11px; }
#gInfo ul { background-color: #fff; }

#gi_ad, #gi_op { padding: 0.5em 0.5em 0.3em 0.9em; border-bottom: dotted 1px #666; text-decoration: none; }
#gi_ad { padding-top: 0.2em; }
#gi_op { border-bottom: solid 1px #999; }

#gInfo li.gi_gil a, #gInfo li.gi_otl a { display: block; text-indent: 1.5em; 
background: url("../../../../img/point/4b_blu.gif") no-repeat 0.7em 0.6em; border-bottom: dotted 1px #666; }

#gInfo li.gi_gil a:hover, #gInfo li.gi_otl a:hover { color: #fff; background: #039 url("../../../../img/point/3t_yel.gif") no-repeat 1em 0.6em; }

#gInfo li.bor_bot a { border-bottom: solid 1px #999; }
#gInfo li.gi_otl a { background-image: url("../../../../img/point/4b_ore.gif"); }
#gInfo li.gi_otl a:hover { background-image: url("../../../../img/point/3t_gre.gif"); }

#gInfo ul > li:last-child , #gInfo ul > li:last-child a { border-bottom: dotted 1px #fff; }

#mayor a { display: block; height: 69px; background: url("../../../../img/top/mayor.gif") 0 0 no-repeat; margin-top: -5px; }
#pub_sado a { display: block; height: 57px; background: url("../../../../img/top/parts.gif") 0 -780px no-repeat; margin-top: 15px; }

#sp_site h2 { height: 29px; background: url("../../../../img/top/parts.gif") 0 -650px no-repeat; margin-top: 15px; }
#rel_org h2 { height: 29px; background: url("../../../../img/top/parts.gif") 0 -680px no-repeat; margin-top: 15px; }
#l_admin h2 { height: 33px; background: url("../../../../img/top/parts.gif") 0 -840px no-repeat; margin-top: 15px; }
#l_topics h2 { height: 29px; background: url("../../../../img/top/parts.gif") 0 -875px no-repeat; margin-top: 10px; }

#sp_site ul, #rel_org ul, #l_admin ul, #l_topics ul { border: solid 1px #999; border-top: 0; border-bottom: solid 3px #ccc; margin-top: -4px; }
#l_admin ul { margin-top: -8px; }

#sp_site li a, #rel_org li a, #l_admin li a, #l_topics li a { display: block; text-indent: 1.2em; border-bottom: dotted 1px #666; 
background: url("../../../../img/point/3_ore.gif") no-repeat 0.7em 0.6em; }

#rel_org li a { background-image: url("../../../../img/point/3_gra.gif") ; }
#l_admin li a { background-image: url("../../../../img/point/3_red.gif") ; }
#l_topics li a { background-image: url("../../../../img/point/3_blu.gif") ; }

#sp_site li a:hover, #rel_org li a:hover, #l_topics li a:hover, #l_admin li a:hover { color: #fff; background: #039 url("../../../../img/point/3t_yel.gif") no-repeat 0.7em 0.6em; }
#l_admin li a:hover { background-image: url("../../../../img/point/3t_gre.gif") ; }

/*　佐渡市の人口　*/
#popu h2 { height: 26px; background: url("../../../../img/top/parts.gif") 0 -910px no-repeat; margin-top: 15px; }
#popu table { width: 100%; }
#popu th { background-color: #666; color: #fff; }
#popu th, #popu td { line-height: 1; padding: 0.5em; border-right: solid 1px #999; border-bottom: solid 1px #999; }
#popu td ,#popu p { text-align: right; }
#popu p { font-size: 0.9em; margin-top: 0.2em; }