/* 基本スタイル定義 */ * { padding:0; margin:0; } body { padding:0; margin:0; background: #ffe2e0 url("http://chusikoku.tohosai.com/content/images/body-bg.jpg") repeat-x; } img { border:0; margin:0; vertical-align:top; } h1 { font-size:10px; position:relative; top:5px; text-indent: -200px; } a { text-decoration: none; } li { list-style-type: none; } /* 汎用定義 */ .here { color:red; font-size:0.9em; } .clearboth { clear:both; } .floatleft { float:left; } .floatright { float:right; } .textaligncenter { text-align:center; } .textalignright { text-align:right; } .datetime { font-size:0.7em; padding: 40px 0 0 0; text-align:right; } .displaydate2 { font-size:0.7em; width:770px; text-align:right; } .paginate { text-align:center; letter-spacing: 1em; } .torikeshi { text-decoration: line-through; } .kyocho { color: red; } .kyocho2 { font-weight: bold; } .kyocho3 { font-weight: bold; color: red; } .em08 { font-size:0.8em; } .em09 { font-size:0.9em; } .em10 { font-size:1.0em; } .em11 { font-size:1.1em; } .em12 { font-size:1.2em; } .textbold { font-weight: bold; } .paginate { letter-spacing: 1em; } .torikeshi { text-decoration: line-through; } /* ヘッダー部分の構造定義 */ #head-box { height:60px; display:block; background: url("http://chusikoku.tohosai.com/content/images/head.jpg") no-repeat; } /* トップメニュー部分の構造定義 */ #topmenu-box { height:50px; background: url("http://chusikoku.tohosai.com/content/images/topmenu-bg.jpg") repeat-x; } #topmenu-box ul { padding: 0 0 0 0; width:900px; margin-left:auto; margin-right:auto; } #topmenu-box li { float:left; height:50px; } #topmenu-box li a { display:block; width:80px; height:50px; text-indent: -2000px; } .topmenu-link1 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu01.jpg") repeat-x;} .topmenu-link2 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu02.jpg") repeat-x;} .topmenu-link3 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu03.jpg") repeat-x;} .topmenu-link4 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu04.jpg") repeat-x;} .topmenu-link5 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu05.jpg") repeat-x;} .topmenu-link6 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu06.jpg") repeat-x;} .topmenu-link7 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu07.jpg") repeat-x;} .topmenu-link8 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu08.jpg") repeat-x;} .topmenu-link9 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu09.jpg") repeat-x;} .topmenu-link10 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu10.jpg") repeat-x;} .topmenu-link11 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu11.jpg") repeat-x;} .topmenu-link12 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu12.jpg") repeat-x;} .topmenu-link13 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu13.jpg") repeat-x;} .topmenu-link14 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu14.jpg") repeat-x;} .topmenu-link15 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu15.jpg") repeat-x;} .topmenu-link16 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu16.jpg") repeat-x;} .topmenu-link17 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu17.jpg") repeat-x;} .topmenu-link18 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu18.jpg") repeat-x;} .topmenu-link19 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu19.jpg") repeat-x;} .topmenu-link20 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu20.jpg") repeat-x;} .topmenu-link21 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu21.jpg") repeat-x;} .topmenu-link22 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu22.jpg") repeat-x;} .topmenu-link23 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu23.jpg") repeat-x;} .topmenu-link24 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu24.jpg") repeat-x;} .topmenu-link25 a {background:url("http://chusikoku.tohosai.com/content/images/topmenu25.jpg") repeat-x;} #topmenu-box li a:hover, #topmenu-box li a:active { background-position:0 -50px; } /* タイトルピクチャー部分 */ #titlepicture-box { } #titlepicture-box ul { float:left; } #titlepicture-box li { } .titlepicture-box-inner { width: 800px; height: 200px; } .titlepicture-box-inner-2 { margin: 10px 0 0 0; width: 800px; height: 490px; } /* メインコンテンツ部分の構造定義 */ #maincontents-box { width:800px; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 20px; } #maincontents-left-box { width: 220px; float: left; margin:20px 10px 20px 0px; } #maincontents-right-box { width: 570px; float: left; margin:20px 0px 20px 0px; } .box-new, .box-twitter, .box-event150, .box-event200, .box-event250, .box-event300, .box-event400, .box-event460, .box-event600, .box-event700, .box-event800, .box-event900, .box-movie, .box-support { -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background: #fff; margin: 0 0 15px 0; padding: 0 0 10px 0; } .box-movie-inner { text-align:center; padding:10px 0 10px 0; } .box-movie-inner p { width: 480px; text-align: left; font-size: 0.8em; } .box-event150 { height:150px; } .box-event200 { height:200px; } .box-event250 { height:250px; } .box-event300 { height:300px; } .box-event400 { height:400px; } .box-event460 { height:460px; } .box-event600 { height:600px; } .box-event700 { height:700px; } .box-event800 { height:800px; } .box-event900 { height:900px; } .box-new-inner { padding:10px 0 0 10px; } #box-contents { -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background: #fff; padding: 10px 10px 20px 0; margin: 0 0 15px 0; } #box-contents2 { -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background: #fff; padding: 10px 10px 20px 0; margin: 0 0 15px 0; } /*メインコンテンツ部分の書式定義*/ .eventpic { float:left; padding: 3px 10px 10px 10px; } .eventpic2 { float: left; padding: 3px 10px 10px 20px; width: 250px; } .eventpara { width: 230px; float: left; padding: 0 0 0 5px; } .box-support li { padding: 10px 10px 0 10px; } .box-staff img{ padding:10px; } .box-event150 h2, .box-event200 h2, .box-event250 h2, .box-event300 h2, .box-event400 h2, .box-event600 h2, .box-event460 h2, .box-event700 h2, .box-event800 h2, .box-event900 h2 { font-size:1.2em; padding: 10px 0 2px 0; margin: 0 10px 0 10px; border-bottom: solid 1px #e34b39; } .box-event150 h3, .box-event200 h3, .box-event250 h3, .box-event300 h3, .box-event400 h3, .box-event460 h3, .box-event600 h3, .box-event700 h3, .box-event800 h3, .box-event900 h3 { font-size: 0.9em; padding: 3px 0 3px 0; } .box-event150 h4, .box-event200 h4, .box-event250 h4, .box-event300 h4, .box-event400 h4, .box-event460 h4, .box-event600 h4, .box-event700 h4, .box-event800 h4, .box-event900 h4 { font-size: 0.8em; padding: 3px 0 3px 5px; } .box-event150 p, .box-event200 p, .box-event250 p, .box-event300 p, .box-event400 p, .box-event460 p, .box-event600 p, .box-event700 p, .box-event800 p, .box-event900 p { font-size: 0.8em; padding: 3px 0 3px 10px; line-height: 1.2em; } #box-contents h3 { padding: 5px 0 5px 10px; font-size: 1.2em; color: #FFF; background-color: #e34b39; } #box-contents h4 { padding: 10px 0 3px 0; margin: 0 0 0 20px; font-size: 1.1em; border-bottom: solid 2px #e34b39; } #box-contents h5 { padding: 10px 0 3px 0; margin: 0 0 0 30px; font-size: 1em; border-bottom: solid 1px #e34b39; } #box-contents h6 { padding: 10px 0 3px 0; margin: 0 0 0 40px; font-size: 0.9em; border-bottom: dashed 1px #e34b39; } #box-contents p { padding: 5px 0 0 0; margin: 0 0 0 50px; font-size: 0.8em; line-height: 1.5em; } #box-contents ul { padding:10px 0 10px 0; } #box-contents li { padding: 5px 0 0 50px; font-size: 0.8em; line-height: 1.3em; } #printlist dl { padding:10px 0 0 50px; } #printlist dt { } #printlist dd { font-size:0.8em; padding:5px 0 10px 20px; } /*更新情報*/ .whatsnew-box { margin:0 0 5px 0; padding: 5px; width:190px; border: 1px solid #e34635; background-color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .whatsnew-box p { padding: 5px 0 0 0; font-size: 0.8em; } .whatsnew-box h4 { font-size: 0.8em; padding: 0 0 2px 0; border-bottom: dotted 1px #e34635; } .whatsnewdate { text-align: right; } .ditto_page { font-size: 0.7em; } .ditto_next_link { font-size: 0.7em; } .whatsnewpreviousbox { width: 100px; } /* メールフォーム */ .require { font-size: 0.7em; color: red; } #cfFormMailer { padding: 0 10px 0 50px; width:400px; } #cfFormMailer table { margin: 10px; } #cfFormMailer th { padding: 10px; } #cfFormMailer { margin: 15px 0 15px 0; } /* フッター */ #footermenu-box { clear: both; height:30px; width:800px; margin-right: auto; margin-left: auto; padding::20px 0 10px 0; font-size:0.7em; text-align:center; border-bottom: solid 1px #e34635; } #footermenu-box ul { } #footermenu-box li { float:left; padding:0 20px 0 0; } #footer-box { clear: both; margin:10px 0 0 0; padding: 5px 0 5px 0; font-size: 0.7em; color: #fff; border-top: solid 1px #6666ff; border-bottom: solid 1px #e34635; background-color: #6666ff; text-align:center; } /* テーブル構造用 */ table.basictable { font-size:0.9em; border: 1px solid; border-collapse: collapse; border-spacing: 0; background-color: #ffcc99; } table.basictable td { padding: 5px; border: solid 1px; text-align: center; border-width: 0 0 1px 1px; } /* イベント履歴 */ .memorybox { width : 540px; height : 320px; margin: 10px; padding: 5px; border-top : 3px solid #00A; border-bottom : 3px solid #00A; } .memorybox1 { width : 540px; height : 450px; margin: 10px; padding: 5px; border-top : 3px solid #00A; border-bottom : 3px solid #00A; } .memorybox2 { width : 540px; height : 580px; margin: 10px; padding: 5px; border-top : 3px solid #00A; border-bottom : 3px solid #00A; } .memoryimage { width : 200px; float : left; } .memorytext { width : 330px; float : right; } .memoryposter { clear : both; padding : 10px 0 0 0; } /* 支援印刷所 */ .printingtitle { font-size: 0.8em; font-weight: bold; }