/* base */ body { color: #000; font-size: 90%; line-height: 1.3; background-image: url(../image/common/main-bg.jpg); background-repeat: repeat-x; background-attachment: fixed; text-align: center; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0 } table { color: #000; font-size: 100%; line-height: 1.25; background-color: white; margin-top: 10px; margin-bottom: 10px;} th { color: #333; background-color: #9cf; text-align: center; } a { text-decoration: none } a:hover { text-decoration: underline } a:visited { color: #069 } a:link { color: #039 } img { border-style: none; border-width: 0; } /* wrap */ #top { text-align: center; width: 95%; min-width: 800px; max-width: 1100px; margin-right: auto; margin-left: auto; } /* header */ #header { text-align: left; width: 100%; clear: both; min-width: 800px; margin-right: auto; margin-left: auto; padding-top: 10px; } #header_title { background-image: url(../image/header/header_02.gif); background-repeat: no-repeat; background-position: right 0; width: 100%; height: 100px; } #header_title h1 { position: absolute; top: -500px; left: -1000px; } #header_title p { position: absolute; top: -500px; left: -1000px; } #header_a { background-image: url(../image/header/header_01.gif); background-repeat: no-repeat; background-position: 100px 0; width: 450px; height: 100px; float: left; } #header_a siteid { float: left; } #header_b { background-image: none; background-position: 0 0; width: 330px; height: 100px; float: right; clear: right; } /* front header */ #front_header { text-align: left; margin-right: auto; margin-left: auto; padding-top: 10px; width: 100%; min-width: 800px; clear: both; } #front_header_title { background-image: url(../image/header/front_header_02.gif); background-repeat: no-repeat; background-position: right 0; width: 100%; height: 150px; } #front_header_title h1 { position: absolute; top: -500px; left: -1000px; } #front_header_title p { position: absolute; top: -500px; left: -1000px; } #front_header_a { background-image: url(../image/header/front_header_01.gif); background-repeat: no-repeat; background-position: 100px 0; width: 450px; height: 150px; float: left; } #front_header_a siteid { float: left; } #messageform { height: 38px; float: left; } #messageform form { position: relative; top: 15px; left: 140px; } #front_header_b { background-position: right 0; width: 320px; height: 150px; float: right; clear: right; } #photo_view { width: 315px; height: 45px; float: right; margin-top: 75px; } #photo_view img { float: right; margin-right: 13.5px; outline: solid 1px #fff; } /* site policy */ #site_policy { font-size: 13px; font-weight: bold; line-height: 1; position: relative; top: 78px; width: 305px; height: 25px; float: right; margin: 0; padding-right: 10px; } #site_policy.site_policy_front { position: relative; top: 8px; width: 305px; } * html #site_policy.site_policy_front { font-size: 11px; position: relative; top: 5px; } #site_policy ul { margin: 0; } #site_policy ul, #site_policy li, #site_policy a { display: block; margin: 0; padding: 0; } #site_policy li { font-size: 95%; background-image: url(../image/common/yajirushi_a.gif); background-repeat: no-repeat; background-position: 2px 1px; white-space: nowrap; float: right; list-style-type: none; } * html #site_policy li { font-size: 95%; background-image: url(../image/common/yajirushi_a.gif); background-repeat: no-repeat; background-position: 0 0; white-space: nowrap; list-style-type: none; float: right; } #site_policy a:hover { color: #fff; text-decoration: underline; } #site_policy a { color: #fff; text-decoration: none; padding-right: 4px; padding-left: 12px; } /*globalnavi*/ #global_navi { background-image: url(../image/common/globalnavi/globalindex_bg_right.gif); background-repeat: no-repeat; background-position: right 0; width: 100%; height: 31px; float: none; clear: both; margin-top: 8px; margin-bottom: 0; } html>/**/body #global_navi { font-size: 105%; } #global_navi ul { margin: 0 0 0 0; padding: 0; list-style-type: none; } #global_navi li { font-weight: bold; text-align: center; width: 12%; float: left; margin: 0; display: block; } #global_navi li.front { width: 14.3%; } #global_navi li.front_right { width: 13%; } #global_navi li.right { width: 12.5%; } #global_navi li.long { width: 15%; min-width: 120px; } #global_navi li a { color: #fff; font-size: 100%; height: 31px; padding-top: 5px; display: block; } #global_navi li.linkoff { color: #fff; font-size: 100%; height: 31px; padding-top: 5px; display: block; } #global_navi li a:hover { color: #fff; font-size: 100%; text-decoration: none; height: 31px; padding-top: 5px; display: block; } #global_navi li a:visited { color: #fff; font-size: 100%; display: block; } #global_navi li.globalindex_left { background-image: url(../image/common/globalnavi/globalindex_bg_left.gif); background-repeat: no-repeat; background-position: 0 0; } #global_navi li.globalindex_left a:hover { background-image: url(../image/common/globalnavi/globalindex_bg_left2.gif); background-repeat: no-repeat; background-position: 0 0; } #global_navi li.globalindex { background-image: url(../image/common/globalnavi/globalindex_bg.gif); background-repeat: no-repeat; background-position: 0 0; } #global_navi li.globalindex a:hover { background-image: url(../image/common/globalnavi/globalindex_bg2.gif); background-repeat: no-repeat; background-position: 0 0; } #global_navi li.globalindex_right { background-image: url(../image/common/globalnavi/globalindex_bg.gif); background-repeat: no-repeat; } #global_navi li.globalindex_right a:hover { background-image: url(../image/common/globalnavi/globalindex_bg2.gif); background-repeat: no-repeat; } /*selectSkinType*/ #selectSkinType { font-size: 12px; line-height: 1; text-align: right; min-width: 800px; margin-top: 3px; padding-right: 13px; } #selectSkinType img { vertical-align: middle; margin-right: 2px; } /* container */ #container { text-align: left; margin-right: auto; margin-left: auto; width: 100%; clear: both; margin-top: 0; } #front_container { text-align: left; width: 100%; clear: both; margin-right: auto; margin-left: auto; } /* contents */ #contents { width: 100%; float: left; margin-right: -260px; padding-top: 10px; } * html #contents { display: inline; } #contents_inner { margin-right: 230px; } #contents p.local_path { font-size: 95%; margin-top: 0; margin-bottom: 13px; } #contents h2 { color: #369; font-size: 160%; margin: 0; padding: 5px 5px 8px 8px; border: solid 1px #ccc; } #contents h2.kiji { line-height: 1.2; background-image: url(../image/common/midashi_bg.jpg); background-repeat: no-repeat; padding-left: 50px; } #contents h2.link { background-image: url(../image/common/midashi_bg_link.jpg); background-repeat: no-repeat; padding-left: 50px; } #contents h3 { color: #333; font-size: 120%; font-weight: bold; background-image: url(../image/common/midashi_h3_bg.jpg); margin-top: 1em; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } #contents h4 { color: #333; font-size: 100%; margin-top: 1em; margin-bottom: 0.5em; } #contents ul { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1em; padding-left: 1.5em; } html>/**/body #contents h2 { padding-top: 8px; padding-bottom: 10px; } #contents p { color: #333; font-size: 100%; line-height: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 10px; } #contents div.honbun { background-color: #fff; margin-top: 0; margin-bottom: 15px; padding: 10px 15px; border-top-width: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #contents p.update { color: #333; font-size: 90%; text-align: right; margin-top: -5px; margin-bottom: 0; } /* contents front */ #top_barnner { text-align: center; height: 55px; } #top_barnner img { margin-right: 20px; margin-bottom: 7px; margin-left: 10px; } #contents_front { width: 100%; float: left; min-width: 800px; margin-right: -230px; padding-top: 20px; padding-bottom: 20px; display: inline; } * html #contents_front { width: 100%; float: left; min-width: 800px; margin-right: -230px; padding-top: 20px; padding-bottom: 20px; display: inline; } #contents_front h2 { color: #369; font-size: 160%; margin: 0; padding: 5px 5px 8px 8px; border: solid 1px #ccc; } #contents_front h2.kiji { line-height: 1.2; background-image: url(../image/common/midashi_bg.jpg); background-repeat: no-repeat; padding-left: 50px; } html>/**/body #contents_front h2 { padding-top: 8px; padding-bottom: 10px; } #contents_front h3 { color: #333; font-size: 120%; font-weight: bold; background-image: url(../image/common/midashi_h3_bg.jpg); margin-top: 0.5em; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } #contents_front h4 { color: #333; font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em; } #contents_front ul { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1em; padding-left: 1.5em; } #contents_front p { color: #333; font-size: 100%; line-height: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; } #contents_front div.honbun { background-color: #fff; margin-top: 0; margin-bottom: 15px; padding: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-top-width: 0; } .next_link { font-size: 90%; text-align: right; } /* subindex */ #subindex { width: 210px; float: right; clear: right; margin-top: 10px; display: inline; } #subindex_barnner { margin-top: 10px; margin-bottom: 5px; } #subindex h2 { color: #fff; margin: 0 0 5px; padding: 0; } #subindex h4 { color: #fff; font-size: 110%; font-weight: bold; background-color: #69f; margin-top: 15px; margin-bottom: 5px; padding-top: 3px; padding-bottom: 3px; border-left: 10px solid #069; } #subindex ul { margin: 0; padding: 0; } #subindex li { background-image: url(../image/common/yajirushi_sqr_mini_blue.gif); background-repeat: no-repeat; background-position: 0 5px; margin-bottom: 2px; padding-left: 12px; list-style-type: none; } #subindex a { text-decoration: none; } #subindex a:hover { text-decoration: underline; } * html #search_form { position: relative; top: 0; left: 135px; } /* front subindex */ #front_subindex { width: 210px; float: right; clear: right; margin-top: 10px; display: inline; } #front_subindex h2 { color: #fff; margin: 0 0 8px; padding: 0; } #front_subindex h2 a { color: #fff; margin-top: 0; margin-bottom: 10px; } #activestyle { text-align: center; } #whatsnew_news { background-color: #dedede; height: 20px; margin-top: 5px; margin-bottom: 0; padding-top: 2px; } #whatsnew_news p.whatsnew { margin-top: 0; margin-bottom: 0; float: left; display: inline; } #whatsnew_news p.rssicon { margin-top: 0; margin-right: 10px; margin-bottom: 0; float: right; display: inline; } #whatsnew_hiroba { background-color: #dedede; height: 20px; margin-top: 2px; margin-bottom: 0; padding-top: 2px; } #whatsnew_hiroba p.whatsnew { margin-top: 0; margin-bottom: 0; float: left; display: inline; } #whatsnew_hiroba p.rssicon { margin-top: 0; margin-right: 10px; margin-bottom: 0; float: right; display: inline; } #local_link { margin-top: 0; margin-bottom: 0; } #news_front { margin-top: 15px; margin-bottom: 5px; padding-left: 0; } #rss-news { clear: right; margin-top: 0; padding-right: 0; padding-left: 0; } #rss-news ul { margin: 0; padding: 0; list-style-type: none; } #rss-news li { background-image: url(../image/common/yajirushi_sqr_mini_blue.gif); background-repeat: no-repeat; background-position: 0 5px; padding-left: 12px; } #rss-hiroba { margin-top: 0; padding-right: 0; padding-left: 0; clear: right; } #rss-hiroba ul { list-style-type: none; margin: 0; padding: 0; } #rss-hiroba li { background-image: url(../image/common/yajirushi_sqr_mini_blue.gif); background-repeat: no-repeat; background-position: 0 5px; padding-left: 12px; } #manga { margin-top: 15px; margin-bottom: 15px; } #qrcode { background-color: #fff; text-align: center; width: 160px; margin-right: auto; margin-left: auto; border: solid 1px #999; } #qrcode p { font-size: 85%; margin-top: 0; margin-bottom: 5px; } /* footer */ #footer { width: 100%; clear: both; min-width: 800px; } #footer p.uplink { font-size: 90%; text-align: right; margin: 0; padding-right: 10px; } #footer p.uplink a:hover { text-decoration: underline; } /* navi footer */ #navi_footer { padding: 0 10px 0; } #navi_footer ul { margin-top: 0; margin-bottom: 0; } #navi_footer ul, #navi_footer li, #navi_footer a { margin: 0; padding: 0; display: block; } #navi_footer li { font-size: 100%; float: left; list-style-type: none; white-space: nowrap } #navi_footer a { color: #369; text-decoration: none; } #navi_footer a:hover { color: #fff; background-color: #69c; } #navi_footer a { padding-right: 4px; padding-left: 4px; border-right: 1px solid #888; } #navi_footer .current { border-left: 1px solid #888; } /* footer_inner*/ #footer_inner { background-image: url(../image/footer/footer_02.gif); background-repeat: no-repeat; background-position: right bottom; text-align: left; width: 100%; height: 70px; float: none; clear: both; min-width: 800px; margin-top: 10px; margin-right: auto; margin-left: auto; } #footer_a { background-image: url(../image/footer/footer_01.gif); background-repeat: no-repeat; width: 100%; height: 70px; float: left; } #footer_a p.credit { color: #fff; font-size: 90%; line-height: 1em; width: 300px; float: left; margin-top: 25px; margin-bottom: 0; margin-left: 70px; display: inline; } #footer_a p.w3c { line-height: 1; text-align: right; top: 25px; width: 200px; float: right; margin-top: 25px; padding-right: 15px; } /* clearfix */ .clearfix:after { content: "." ; display: block ; height: 0 ; clear: both ; visibility: hidden ; } /* clearfix for IE7-win IE5-mac */ .clearfix { display: inline-block; } /* Hides from IE-mac ¥*/ * html .clearfix { height: 1% ; } .clearfix { display: block; } /* class for layout */ .subtitle { color: #666; font-size: 80%; } .outline { border: solid 1px #999; } /* class for text-align */ .left { text-align: left; } /* class for font-size */ .font-8pt { font-size: 80%; line-height: 1.2em } .font-9pt { font-size: 90%; line-height: 1.2em } .font-10pt { font-size: 95%; line-height: 1.2em } .font-10dot5pt { font-size: 100%; line-height: 1.2em } .font-10dot5pt-2em { font-size: 100%; line-height: 2em } .font-11dot5pt { font-size: 110%; line-height: 1.2em } .font-11dot5pt-1dot5em { font-size: 110%; line-height: 1.5em } .font-11dot5pt-2em { font-size: 110%; line-height: 2em } .font-12pt { font-size: 120%; line-height: 1.2em } .font-14pt { font-size: 130%; line-height: 1.2em } .font-15pt { font-size: 140%; line-height: 1.2em } .font-16pt { font-size: 150%; line-height: 1.2em } .font-18pt { font-size: 170%; line-height: 1.2em } .font-20pt { font-size: 190%; line-height: 1.2em } /* class for font-style */ .font-bold { font-weight: bold } .font-underline { text-decoration: underline } .font-italic { font-style: italic } /* class for font-color */ .fontcolor-white { color: white } .fontcolor-black { color: black } .fontcolor-midiumgray { color: #666 } .fontcolor-lightolive { color: #cc9 } .fontcolor-silvergray { color: #999 } .fontcolor-smokegray { color: #333 } .fontcolor-pearlgray { color: #ccc } .fontcolor-ultramarine { color: #039 } .fontcolor-magenta { color: #f36 } .fontcolor-khaki { color: #996 } .fontcolor-salviablue { color: #36f } .fontcolor-lightblue { color: #069 } .fontcolor-ceruleanblue { color: #09c } .fontcolor-yellow { color: #fc0 } .fontcolor-orange { color: #f63 } .fontcolor-turquoise { color: #096 } .fontcolor-bg-magenta { color: white; background-color: #f36 } /* class for font-indent */ .font-indent11dot5pt { margin: 0 0 0 11.5pt } .font-indent23pt { margin: 0 0 0 23pt } .font-indent34dot5pt { margin: 0 0 0 34.5pt } .font-indent46pt { margin: 0 0 0 46pt } .font-indent57dot5pt { margin: 0 0 0 57.5pt } .font-indent69pt { margin: 0 0 0 69pt } .font-indent80dot5pt { margin: 0 0 0 80.5pt } .font-indent92pt { margin: 0 0 0 92pt } /* other class */ .clear-flow-left { clear: left; } .clear-flow-right { clear: right; } .clear-flow-both { clear: both; } .size90 { font-size: 90%; } .size110 { font-size: 110%; } .size120 { font-size: 120%; } .mono { font-family: monospace, "ＭＳ ゴシック"; } .underline { padding-bottom: 1px; border-bottom: 1px dotted #666; } /* photo */ .photo_right300 { font-size: 90%; font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝"; width: 300px; margin-left: 10px; float: right; margin-right: 7px; margin-bottom: 10px; } #contents .photo_right300 p { font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝"; background-color: #e8efe9; text-align: center; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 3px; padding-bottom: 3px; } .photo_left250 { font-size: 90%; font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝"; width: 250px; float: left; margin: 10px 10px 10px 7px; } #contents .photo_left250 p { font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝"; background-color: #e8efe9; text-align: center; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 3px; padding-bottom: 3px; } .photo_right250 { font-size: 90%; font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝"; width: 250px; float: right; margin: 10px 7px 30px 10px; } #contents .photo_right250 p { font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝"; background-color: #e8efe9; text-align: center; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 3px; padding-bottom: 3px; } .photo_right200 { font-size: 90%; font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝"; width: 200px; float: right; margin: 10px 7px 30px 10px; } #contents .photo_right200 p { font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝"; background-color: #e8efe9; text-align: center; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 3px; padding-bottom: 3px; } .linkURL { font-size: 120%; font-weight: bold; padding-top: 25px; padding-bottom: 50px; list-style-type: square; } .name { font-size: 120%; text-align: right; margin-top: 15px; margin-bottom: 25px; } .hizuke { text-align: right; } .sita_ake20px { padding-bottom: 20px; } .ue_ake20px { padding-top: 20px; }