/* 基本スタイル定義 */ * { padding:0; margin:0; } body { padding:0 0 0 0px; } img { border:0; margin:0; } h1 { font-size:10px; position:relative; width:80px; top:150px; left:920px; } a { text-decoration: none; } li { list-style-type: none; } #center-box { width: 1000px; margin-left: auto; margin-right: auto; text-align: left; } /* 汎用定義 */ .here { color:red; font-size:0.9em; } .clearboth { clear:both; } .floatleft { float:left; } .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; } .teisei { color: red; font-weight: bold; } .torikeshi { text-decoration: line-through; } .kyocho { color: red; } .kyocho2 { font-weight: bold; } .kyocho3 { font-weight: bold; color: red; } .em08 { font-size: 0.8em; } .em08b { font-size: 0.8em; font-weight: bold; } /* ヘッダー部分の構造定義 */ #head-box { height:120px; width:1000px; background-image:url(http://oraora.godosai.com/content/images/titlebanner.jpg); background-repeat: no-repeat; } /* トップメニュー部分の構造定義 */ #topmenu-box { height:50px; width:1000px; padding: 10px 0 10px 0px; } #topmenu-box ul { padding: 0 0 0 200px; } #topmenu-box li { float:left; height:40px; margin: 0 0 0 5px; } #topmenu-box li a { display:block; width:100px; height:40px; text-indent: -2000px; } .topmenu-link1 a {background:url("http://oraora.godosai.com/content/images/menubutton-01.jpg") repeat-x;} .topmenu-link2 a {background:url("http://oraora.godosai.com/content/images/menubutton-02.jpg") repeat-x;} .topmenu-link3 a {background:url("http://oraora.godosai.com/content/images/menubutton-03.jpg") repeat-x;} .topmenu-link4 a {background:url("http://oraora.godosai.com/content/images/menubutton-04.jpg") repeat-x;} .topmenu-link5 a {background:url("http://oraora.godosai.com/content/images/menubutton-05.jpg") repeat-x;} .topmenu-link6 a {background:url("http://oraora.godosai.com/content/images/menubutton-06.jpg") repeat-x;} .topmenu-link7 a {background:url("http://oraora.godosai.com/content/images/menubutton-07.jpg") repeat-x;} .topmenu-link8 a {background:url("http://oraora.godosai.com/content/images/menubutton-08.jpg") repeat-x;} .topmenu-link9 a {background:url("http://oraora.godosai.com/content/images/menubutton-09.jpg") repeat-x;} .topmenu-link10 a {background:url("http://oraora.godosai.com/content/images/menubutton-10.jpg") repeat-x;} .topmenu-link11 a {background:url("http://oraora.godosai.com/content/images/menubutton-11.jpg") repeat-x;} .topmenu-link12 a {background:url("http://oraora.godosai.com/content/images/menubutton-12.jpg") repeat-x;} .topmenu-link13 a {background:url("http://oraora.godosai.com/content/images/menubutton-13.jpg") repeat-x;} .topmenu-link14 a {background:url("http://oraora.godosai.com/content/images/menubutton-14.jpg") repeat-x;} #topmenu-box li a:hover, #topmenu-box li a:active { background-position:0 -40px; } /* 中段部分の構造定義 */ #maincontents-box { width:960px; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 20px; } #maincontents-box h5{ } #maincontents-box p{ font-size:0.8em; } /* メインコンテンツ部分の構造定義 */ #maincontents-left-box { width: 450px; float: left; margin:20px 10px 20px 20px; } #maincontents-left-box h3 { font-size: 1em; margin: 10px 0 5px 10px; } #maincontents-left-box h4 { font-size: 1em; margin: 5px 0 0px 15px; } #maincontents-left-box p { margin: 0 0 0 0px; font-size:0.9em; } #maincontents-right-box { width: 450px; float: left; margin:20px auto 20px 30px; } #maincontents-right-box h3 { font-size: 1.1em; background-color: #0f1c84; color: #fff; padding: 5px; } #maincontents-right-box h4 { font-size: 1.0em; line-height: 1.4em; margin: 5px 0 0 0; padding: 3px 0 3px 5px; border-top: solid 1px #0f1c84; border-bottom: solid 1px #0f1c84; } #maincontents-right-box h5 { font-size: 0.9em; margin: 10px 10px 3px 15px; padding: 0 0 2px 0; border-bottom: solid 1px #0f1c84; } #maincontents-right-box h6 { font-size: 0.8em; margin: 10px 10px 3px 20px; } #maincontents-right-box p { padding: 8px 0 0 0; margin: 0 0 0 30px; line-height: 1.4em; font-size: 0.8em; } #maincontents-right-box li { margin: 0 0 0 30px; font-size: 0.8em; line-height: 1.4em; } #printlist dl { padding:10px 0 0 50px; } #printlist dt { } #printlist dd { font-size:0.8em; padding:5px 0 10px 20px; } /*twitter*/ #twitter-box { margin: 20px 0 0 0; } #twitter-box h3{ font-size: 1em; margin: 0 0 10px 0; } /*次回イベントのお知らせ*/ #nextivent-box { width: 450px; margin: 0 0 20px 0; padding: 0 0 20px 0; } #nextivent-box h3 { } #nextivent-box p { } .inbox_left { float: left; width: 200px; padding: 5px 10px 0 0; } .inbox_right { float: right; width: 240px; padding: 5px 0 0 0; } /*申込受付*/ #proposal-box { width: 450px; margin: 20px 0 20px 0; padding: 0 0 20px 0; } #proposal-box h3 { font-size:1em; margin: 0 10px 5px 10px; border-bottom: solid 1px #0f1c84; } /* リンク用バナー */ #linkbox { margin: 20px 0 0 0; } #linkbox li { float: left; width: 200px; height: 40px; padding: 0 5px 5px 0; } .linkbanner-box { } .linkbanner-box ul{ margin:0 0 0 100px; } .linkbanner-box li { height:40px; } .linkbanner-box li a { display:block; width:200px; height:40px; text-indent: -2000px; } .linkbanner-01 a {background:url("http://www.oraora.godosai.com/content/images/linkbanner-01.jpg") no-repeat;} .linkbanner-02 a {background:url("http://www.oraora.godosai.com/content/images/linkbanner-02.jpg") no-repeat;} .linkbanner-03 a {background:url("http://www.oraora.godosai.com/content/images/linkbanner-03.jpg") no-repeat;} .linkbanner-04 a {background:url("http://www.oraora.godosai.com/content/images/linkbanner-04.jpg") no-repeat;} .linkbanner-05 a {background:url("http://www.oraora.godosai.com/content/images/linkbanner-05.jpg") no-repeat;} .linkbanner-06 a {background:url("http://www.oraora.godosai.com/content/images/linkbanner-06.jpg") no-repeat;} .linkbanner-box li a:hover, .linkbanner-box li a:active { background-position:0 -40px; } /*更新情報*/ #news-box { padding: 10px 0 10px 0; } #news-box h2 { font-size:1em; margin: 0 10px 5px 10px; border-bottom: solid 1px #0f1c84; } .whatsnew-box { padding: 10px; background-color: #fff; border-bottom: dotted 1px #0f1c84; } .whatsnew-box-date { font-size: 0.8em; width: 110px; text-align: right; color: #fff; background-color: #0f1c84; padding: 3px; } .whatsnew-box h4 { } .whatsnew-box-contents { clear: both; padding: 0 0 0 10px; font-size: 0.9em; } .ditto_previous_link { font-size: 0.7em; } .ditto_next_link { font-size: 0.7em; } /*艦娘募集*/ #kanmusuillustdetail table { margin: 10px 0 0 40px; } #kanmusuillustdetail th { font-size: 0.6em; font-weight: bold; border-bottom: 1px solid #000; } #kanmusuillustdetail td { font-size: 0.7em; border-bottom: 1px solid #000; } .oraoraillust_allblock { border-top: 1px solid #8B008B; clear: both; } .oraoraillust_illustblock { padding: 20px 30px 20px 0; float: left; } .oraoraillust_textblock { padding: 10px 0 0 20px; } .oraoraillust_text { } /* スタッフ募集 */ #staff-box { -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-topmleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:10px; margin: 5px 0 10px 40px; border: solid 1px #6666ff; width:650px; margin:10px auto 10px auto; } /* テーブル構造用 */ 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; } /* メールフォーム */ .require { font-size: 0.7em; color: red; } #cfFormMailer table { margin: 10px; } #cfFormMailer th { padding: 10px; } #cfFormMailer { margin: 15px 0 15px 0; } /* フッター */ #footermenu-box { clear:both; width:1000px; } #footermenu-box ul { margin:0 0 0 300px; } #footermenu-box li { font-size:0.7em; float:left; padding:0 20px 0 0; } #footer-box { clear: both; width:1000px; padding: 5px 0 5px 0; font-size: 0.7em; color: #fff; background-color: #0f1c84; text-align:center; } /* table */ table, td, th { border: 1px #000 solid; border-collapse: collapse; padding: 4px; font-size: 0.9em; } /* イベント履歴 */ .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; } /* 支援印刷所 */ #print_zone { margin : 0 0 10px 0; } .print_box { width : 480px; border-bottom : solid 2px #003399; padding : 3px 0 3px 0; margin : 10px 0 5px 30px; } .print_title { font-size : 1.2em; font-weight: bold; color : #ffffff; background-color : #0033ff; padding: 3px 0 3px 5px; } .print_banner { padding: 5px 0 5px 0; } .print_messege { font-size : 0.8em; } .print_target { font-size : 1.0em; font-weight: bold; } .printingtitle { font-size: 0.8em; font-weight: bold; }