@charset "UTF-8"; /* Yahoo fonts.css 2.7.0 http://developer.yahoo.net/yui/license.txt - Font size Adjustment. http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html */ body{font:13px/1.5 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*======================================== Layout ========================================*/ body { margin: 0; padding:0; text-align: center; background:#365370 url(../images/common/bg.gif) center top repeat-x; letter-spacing:0.1em; color:#333; } div#wrap{ width: 960px; margin: 0 auto; position: relative; text-align: left; /*background:#D8D1C9 url(../images/common/bg_wrap.gif) left top repeat-x;*/ /*background:url(../images/common/bg_wrap.png) left top repeat;*/ } div#content{ /*background:#feecbd;*/ background:#C9D0D8 url(../images/common/bg_wrap.gif) left top repeat-x; padding-bottom:0.5em; } /* navi ---------------*/ body div#sideL { width: 216px; float: left; clear: left; overflow:hidden; } body div#sideR { width: 216px; float: right; clear: right; overflow:hidden; } /* clearfix */ div#content, div#headline { _height: 1px; min-height: 1px; /*\*//*/ height: 1px; overflow: hidden; /**/ } div#content:after, div#headline:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } /* clearfix */ .cfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;} .cfix{display:inline-block;} /* \*/ * html .cfix{height:1%;} .cfix{display: block;} /* */ .clr{clear:both;} .dfix{clear:both;height:1%;font-size:0.1px;} /* /clear fix */ /*======================================== ┏┓┏━━┓┏┓ ┃┃┃━━┃┃┃ ┗┛┗━━┛┗┛ ========================================*/ body.col3 div#main { float: left; width: 528px; overflow:hidden; } /*======================================== ┏┓┏━━━┓ ┃┃┃━━━┃ ┗┛┗━━━┛ ========================================*/ body.col2 div#main { width: 741px; float: left; margin-left: 0; } /*======================================== Element ========================================*/ hr{display:none;} li{list-style:none} h1{margin:0;padding:0;font-size:10px;font-weight:normal;} h2{margin:0;padding:0;font-size:16px;font-weight:normal;} h3{margin:0;padding:0;font-size:15px;font-weight:normal;} h4{ margin:0; padding:0; font-size:14px; font-weight:normal; color: #fff; line-height:27px; } h5{font-size:13px;font-weight:bold;margin:0;padding:0.2em 0.5em;} h2{margin:0;padding:0;font-size:13px;font-weight:normal;} a img{border:0;} a {color:#4567ff;} a:hover {color:#cc0000;text-decoration:none;} p{margin:0;padding:0 1em 0.5em;} .dn{display:none;} .none{display:none!important;} .fl{float:left;} .fr{float:right;} .fn{float:none;} .mt1{margin-top:1em;} .mb1{margin-bottom:1em;} .pt1{padding-top:1em;} .pb1{padding-bottom:1em;} .tal{text-align:left;} .tac{text-align:center;} .tar{text-align:right;} .fwNormal{font-weight:normal!important;} .fwBold{font-weight:bold!important;} ul,li,dl,dt,dd{margin:0;padding:0;} /*=== header ===*/ div#header{ height:330px; } div#headline{ background:url(../images/common/bg_headline.gif) center top no-repeat; height:30px; } div#headline h1{ float:left; padding:5px 0 0 20px; height:25px; } div#headLink{float:right;padding:2px 20px 0 0;} div#headLink img{float:left;margin:2px 0 0 5px;} div#mainImg{ background:url(../images/common/bg_mainimg.gif) center top no-repeat; height:300px; overflow:hidden; } div#mainImg .inner{ margin:44px 15px; background:#f0f0f0; height:240px; } /*=== textAd ===*/ div#textAd{ clear:both; background:url(../images/common/bg_textad.gif) center top no-repeat; font-size:12px; height:34px; letter-spacing:0; } div#textAd span{ font-size:10px; } div#textAd div.inner{ padding:8px 10px 0 20px; } div#textAd ul{ padding:0;margin:0; display:inline; } div#textAd li{ display:inline; margin:0 1em; } /*=== breadcrumb ===*/ div#breadcrumb{ clear:both; background:url(../images/common/bg_textad.gif) center top no-repeat; font-size:13px; height:34px; letter-spacing:0; } div#breadcrumb div.inner{ padding:7px 10px 0 20px; } div#breadcrumb ul{ padding:0;margin:0; display:inline; } div#breadcrumb li{ display:inline; margin:0; } div#breadcrumb li a, div#breadcrumb li span{ font-size:10px; top:-2px; } /*=== side left ===*/ /*=== global navi ===*/ div#gnavi dl{ padding:0 0 10px 0; margin:0; background:url(../images/common/bg_navi_mid.png) center top repeat-y; } div#gnavi dl.end{padding-bottom:0;} div#gnavi dl dt, div#gnavi dl dd{ padding:0 0 0 20px; margin:0; color:#fff; width:190px; } div#gnavi dl dt{ background:url(../images/common/navi_h_bg.gif) 15px top no-repeat; height:30px; padding-top:5px; text-indent:25px; font-weight:bold; } div#gnavi dl dd{ width:180px; } div#gnavi dl dd a{ background:url(../images/common/icon_tri.gif) left top no-repeat; padding-left:15px; color:#fff; display:block; text-decoration:none; } div#gnavi dl dd a:hover{ background:#0c6edf url(../images/common/icon_tri.gif) left top no-repeat; background-position-x:4px; } /*=== side right ===*/ div#sideR .section .inner{ padding:0 9px; background:url(../images/common/bg_side_mid.png) center top repeat-y; } div#sideR .section .inner .ad{ margin-bottom:2px; } div#sideR .section .inner .end{ margin-bottom:0; } div#sideR .section .inner .ad a{ width:190px; height:60px; border:2px solid #eee; display:block; text-align:center; } div#sideR .section .inner .ad a img{ } div#sideR .section .inner .ad a:hover{ border:2px solid #0075ef; } /*=== footer ===*/ div#footer{ background:url(../images/common/bg_footer.png) center top repeat-x; } div#footer{ color:#fff; } div#footer a{ color:#fff; } div#footer a:hover{ color:#cc0000; } div#footer div.inner{ width:960px; text-align:left; margin:0 auto; padding:10px; } div#footer div.inner address{ float:right; font-family:Arial; font-style:normal; font-size:12px; margin-top:2px; } /*=== main ===*/ div#main .section {padding-bottom:0.4em;} /*=== body class="col3" ===*/ body.col3 div#main .section .inner{ padding:0 12px; background:url(../images/common/bg_main3_mid.png) center top repeat-y; } body.col3 div#main .section .inner .superBnr{ margin-bottom:2px; } body.col3 div#main .section .inner .end{ margin-bottom:0; } body.col3 div#main .section .inner .superBnr a{ width:500px; border:2px solid #eee; display:block; } body.col3 div#main .section .inner .subBnr a, body.col3 div#main .section .inner .subBnr span{ width:248px;float:left; border:2px solid #eee; display:block; } body.col3 div#main .section .inner .subBnr span{ border:2px solid #B0EAF4; } body.col3 div#main .section .inner .superBnr a:hover, body.col3 div#main .section .inner .subBnr a:hover{ border:2px solid #0075ef; } body.col3 div#main .section .inner h2{ } body.col3 div#main dl#news{ margin:0; padding:0 1em; } body.col3 div#main dl#news dt{ padding:0 0 0.5em 1em; background:url(../images/common/icon_tri2.gif) left top no-repeat; } body.col3 div#main dl#news dd{ margin:0; padding:0 1em 1em 1em; background:url(../images/common/line_1.gif) left bottom repeat-x; } body.col3 div#main dl#news dd.end{ padding:0 1em 0 1em; background:none; } /*=== body class="col2" ===*/ div#main .section .inner{ padding:0 12px; background:url(../images/common/bg_main2_mid.png) left top repeat-y; } div#main .section .inner .superBnr{ margin-bottom:2px; } div#main .section .inner .end{ margin-bottom:0; } div#main .section .inner .superBnr a{ border:2px solid #eee; display:block; } div#main .section .inner .superBnr a:hover{ border:2px solid #0075ef; } div#main .section .inner h2{ } div#main dl#news{ margin:0; padding:0 1em; } div#main dl#news dt{ padding:0 0 0.5em 1em; background:url(../images/common/icon_tri2.gif) left top no-repeat; } div#main dl#news dd{ margin:0; padding:0 1em 1em 1em; background:url(../images/common/line_1.gif) left bottom repeat-x; } div#main dl#news dd.end{ padding:0 1em 0 1em; background:none; } div#main .section .address{ margin:1em 2em; border:1px solid #ccc; background:#fff; } div#main .section .address img{ float:left; margin:1em; } div#main .section .address p{ padding:0; margin:1em 1em 1em 6em; } div#main .section .address p a{ white-space:nowrap; } body.col2 div#main .section h4{ color:#fff; font-weight:normal; background-image: url(../images/common/bg_main2_h2.gif); background-repeat: no-repeat; background-position: left top; height: 35px; width: 702px; right: 30px; padding-left: 15px; padding-top: 3px; } body.col2 div#main .section .pending{ text-align:center; } div#main div.paragraph{padding:0.5em 1.5em;} div#main div.paragraph img.photo{float:left;padding:0 1em 1em 0em;width:100px;} div#main div.paragraph img.sign{float:right;} div#main div.paragraph p{margin:0;padding:0 0 1em 0;} .main_comment{ font-size:12px; } /*===history===*/ body.col2 #wrap #content #main .section .pageTitle { margin: 10px 0 5px 13px; } .px10 { font-size:10px; line-height:16px; } .toppage{ width: 100px; padding-left: 630px; } .history_td_r { border-left:1px dashed #53a9ff; font-size:10px; } .history_td_b td { padding:7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #53a9ff; } /*===FAQ type list===*/ dl.faq{ margin:0; padding:0 1em; } dl.faq dt,dl.faq dd{ margin:0; padding-left:3em; } dl.faq dt{ background:#eee url( ../images/common/bg_dt.gif ) left top no-repeat; border:1px solid #ccc; font-size:14px; padding:0.2em 0 0.2em 3em; margin-bottom:5px; } dl.faq dd{ background:url( ../images/common/bg_dd.gif ) left top no-repeat; padding-bottom:8px; } h5{margin-left:1.5em;line-height:2em;} dl.numList{margin:0;padding:0 2em;} dl.numList dt{clear:both;font-weight:bold;font-size:13px;padding-left:2.5em;} dl.numList dt span{margin-left:-2.5em;display:block;float:left;} dl.numList dd{display:block;clear:both;margin:0;padding:0.5em 1em 1em 2.5em;} dl.sitemap{ font-size:12px; } body.col2 div#main dl.sitemap{ margin:0; padding:2em; } body.col2 div#main dl.sitemap dt{ padding:0 0 0.5em 1em; background:url(../images/common/icon_tri2.gif) left top no-repeat; } body.col2 div#main dl.sitemap dd{ padding:0 1em 0 1em; background:none; } body.col2 div#main dl.sitemap dd.end{ margin:0; padding:0 1em 1.5em 1em; background:url(../images/common/line_1.gif) left bottom repeat-x; } h3.column{ font-weight:bold; font-size:14px; padding:1em 1em 0; } /*=== support ===*/ #main .section .inner div ul.list li{ list-style-type: disc; margin-left: 2em; } div .explan { margin-right: 2em; margin-left: 2em; } ul.list { margin-right: 1em; margin-left: 1em; } #main .section .inner ul.attent { margin:0 0 0 3em; padding-bottom:1em; padding-right:2em; padding-top:5px; } .attent li { list-style-type:disc; } /*=== taisi ---*/ table.taisi{ border:1px solid #ccc; width:100%; border-collapse:collapse; } table.taisi th{border-right:1px dotted #666;border-bottom:1px solid #fff;background:#CFE9FF;font-weight:normal;padding:0.5em 1em;white-space:nowrap;text-align:center;} table.taisi td{padding:0.5em 1em;border-bottom:1px solid #ccc;} table.taisi ul li{margin-left:1.5em;text-indent:-1.5em;} /*---ページ別ランド--*/ table.taisi_land{ border:1px solid #ccc; width:100%; border-collapse:collapse; } table.taisi_land th{border-right:1px dotted #666;border-bottom:1px solid #fff;background:#d6e775;font-weight:normal;padding:0.5em 1em;white-space:nowrap;text-align:center;} table.taisi_land td{padding:0.5em 1em;border-bottom:1px solid #ccc;} table.taisi_land ul li{margin-left:1.5em;text-indent:-1.5em;} /*---ページ別ステージ--*/ table.taisi_stage{ border:1px solid #ccc; width:100%; border-collapse:collapse; } table.taisi_stage th{border-right:1px dotted #666;border-bottom:1px solid #fff;background:#ffe79d;font-weight:normal;padding:0.5em 1em;white-space:nowrap;text-align:center;} table.taisi_stage td{padding:0.5em 1em;border-bottom:1px solid #ccc;} table.taisi_stage ul li{margin-left:1.5em;text-indent:-1.5em;} ul.linkList{ padding:0.5em 2em; } ul.linkList li{ padding-left:1.5em; background:url(../images/common/icon_tri2.gif) left 3px no-repeat; } ul.list2col{ padding:0; margin:0 30px; position:relative; } ul.list2col li{ float:left; width:47%; padding-left:3%; background:url(../images/common/icon_tri2.gif) left 3px no-repeat; } ul.stoneList{ padding:0 0 0 3em; margin:0; } ul.stoneList li{ margin:0; padding:0; } .superBnr a img{} .superBnr a:hover img, .subBnr a:hover img{filter:alpha(opacity=70);opacity:0.7;} #sideL .section .inner{ background:url(../images/common/bg_sideL.png) left top repeat-y;} /*======================================== sakai ========================================*/ .col2 #wrap #content #main .section .inner tr { margin: 0px; } .col2 #wrap #content #main .section .inner td { margin: 0px; } /*=== . ===*/ .poster_all { clear:both; padding-top: 20px; padding-left: 14px; } .poster { background-color:#FFE8AA; color:#333333; float:left; margin-bottom:20px; margin-right:10px; width:130px; height: 210px; text-align: center; font-size: small; } #download { clear: both; padding-left: 30px; font-size: 12px; padding-top: 5px; padding-bottom: 5px; } /*=== index_blog ===*/ .gyou { margin-bottom: 5px; padding-left: 1px; } .gyou a:hover img{ filter:alpha(opacity=70); opacity:.7; } .kouhou a:hover img{ filter:alpha(opacity=70); opacity:.7; } img, div, input { behavior: url("../iepngfix.htc") } .col3 #wrap #content #sideL #blog a{ padding-left: 9px; padding-top: 1px; } .col3 #wrap #content #sideL #blog{ padding-top: 3px; } .col3 #wrap #content #sideL #blog a:hover img{ filter:alpha(opacity=70); opacity:.7; } dl.list01 dt{ font-weight: bold; } dl.list01 dd{ margin-left:2em; } table.taisi2{ border:1px solid #ccc; width:100%; border-collapse:collapse; } .pr { padding-right: 1em; } .pl { padding-left: 1em; } table.dh{border:1px solid #ccc;width:100%;border-collapse:collapse;} table.dh th{border-right:1px dotted #666;border-bottom:1px solid #ccc;background:#CFE9FF;font-weight:normal;padding:0.5em 1em;white-space:nowrap;text-align:center;} table.dh td{padding:0.5em 1em;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center} table.dh ul li{margin-left:1.5em;text-indent:-1.5em;} .fb{font-weight:bold} /*=== sakai2 ===*/ body.col2 div#main .section h4.land{ color:#fff; font-weight:normal; background-image: url(../images/common/bg_main2_h2_land.gif); background-repeat: no-repeat; background-position: left top; height: 35px; width: 702px; right: 30px; padding-left: 15px; padding-top: 3px; } body.col2 div#main .section h4.stage{ color:#fff; font-weight:normal; background-image: url(../images/common/bg_main2_h2_stage.gif); background-repeat: no-repeat; background-position: left top; height: 35px; width: 702px; right: 30px; padding-left: 15px; padding-top: 3px; } /*======================================== 親善大使 ========================================*/ .taishi_kojin_main{ margin-top:120px; } .taishi_kojin_bg{ background-color:#FFFFFF; height:280px; text-align:center; } .taishi_kojin_name{ font-size:13px; line-height:25px; color:#47781f; } .taishi_kojin_text{ width:174px; font-size:10px; line-height:16px; color:#333333; } /*======================================== 親善大使スケジュール ========================================*/ .table_cp { width:100%;margin:0px 0px 10px 0px;padding:0px; border-collapse:collapse; } .table_cp th { width:25%;padding:4px 2px 2px 4px; text-align:left;vertical-align:top;color:#0f2c67; background-color:#d7eaf7; border:1px solid #6699CC; font-weight:normal } .table_cp td { padding:4px 2px 2px 4px; background-color:#FFFFFF; border:1px solid #6699CC; } .table_cp2 { margin:0px 0px 10px 0px;padding:0px; border-collapse:collapse; } .table_cp2 th { padding:4px 2px 2px 4px; text-align:left;vertical-align:top;color:#0f2c67; background-color:#d7eaf7; border:1px solid #6699CC; font-weight:normal } .table_cp2 td { padding:4px 2px 2px 4px; background-color:#FFFFFF; border:1px solid #6699CC; } /*======================================== 告知 ========================================*/ .fb { font-weight: bold; font-size: 115%; margin-top:1em; margin-bottom:1em; text-align:center; margin-right:6px; } /*======================================== カップル募集 ========================================*/ .tc{ color:#F6C; } .tc2{ color:#F39; font-size: medium; font-weight: bolder; } /*======================================== キャンペーン ========================================*/ #campain { padding-left: 25px; } /*======================================== ポスター決定 ========================================*/ .pl1{padding-left:4px;} .pl2{padding-left:2px;} /*======================================== エコキッズ ========================================*/ .pl1{padding-left:20px;} /*======================================== トップ動画 ========================================*/ .ust_text{ font-size: small; color: #006; line-height: normal; text-decoration: none; } .fb2 { margin-bottom:10em; } div#main .section .inner_ust{ background:url(../images/common/bg_main2_mid.png) left top repeat-y; height: 200px; padding-top: 0; padding-right: 12px; padding-bottom: 0; padding-left: 12px; } .pr2 { padding-right: 5px; } /*======================================== イベント時刻変更 ========================================*/ .tc3{ color:#F30; font-size: medium; font-weight: bold; }