@charset "utf-8"; *{ padding: 0px; margin: 0px; font-size: 100.01%; font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif; } *:first-child+html { font-size: medium; /* IE 7 font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;*/ } * html body { font-size: 100%; } html>/**/body { font-size: 14px; /* モダンブラウザ向け */ } body { text-align: center; letter-spacing:1px; color: #313131; background: #FFF; } /*\*//*/ body { letter-spacing:0; } /**/ /*---------------------------------------------------- ベース ----------------------------------------------------*/ #container { width: 100%; margin: auto; } #containerInner { width: 900px; margin: 0px auto; text-align: justify; } #contents { clear: both; width: 900px; line-height: 140%; } /*---------------------------------------------------- ヘッダー ----------------------------------------------------*/ #header { width: 900px; } #topicPass { clear: both; width: 890px; font-size: 90%; margin: 3px 0px 10px 4px; } /*---------------------------------------------------- Hタグ ----------------------------------------------------*/ h1 { font-size: 10px; font-weight: lighter; color: #000066; text-indent: 0px; margin: 0px; padding: 0px 0px 8px 4px; } h2 { margin: 0px 0px 14px 0px; _margin: 0px 0px 7px 0px; padding: 10px 0px 7px 8px; color: #3C3C3C; font-size: 17px; } h3 { margin: 20px 0px 20px 0px; _margin: 10px 0px 10px 0px; padding: 6px 0px 6px 6px; font-size: 17px; } h4 { margin: 28px 0px 14px 4px; _margin: 14px 0px 7px 5px; font-size: 17px; color: #474747; padding: 0px 4px 2px 0px;/*--display:list-item; list-style-image: url(images/common/red_li.gif);-*/ } h5 { margin: 8px 0px 8px 0px; _margin: 4px 0px 4px 0px; padding: 0px 0px 0px 10px; background-repeat: no-repeat; } /*---------------------------------------------------- リスト ----------------------------------------------------*/ ul { margin: 0; padding: 0 0 0 2px; line-height: 14px; } ol { margin: 0; padding: 0 0 5px 2.5em; line-height: 26px; } li { padding: 7px 0px 7px 0px; } /*緑ドットリスト*/ .ulBg { list-style: none; line-height: 12px; margin: 0; padding: 0 0 0 10px; } .liBg { background: url(common/images/circle/green00.gif) no-repeat; margin: 14px 0; _margin: 7px 0; padding: 0px 0px 10px 20px; } .ulBgF { list-style: none; line-height: 12px; margin: 0; padding: 1px 0 0 30px; } .liBgF { margin: 4px 0; _margin: 7px 0; padding: 0px 20px 15px 0px; } /*---------------------------------------------------- フッター -----------}-----------------------------------------*/ #footer { clear: both; width: 900px; margin: 20px 0px 15px 0px; _margin: 10px 0px 7px 0px; padding: 3px 0px 0px 0px; _padding: 1px 0px 0px 0px; line-height: 160%; border-top: 1px solid #5555CC; } .footerCate { float: left; display:inline; width: 230px; margin:10px 20px 20px 20px; } .footerCate li { list-style: none; height: 24px; border-bottom: 1px solid #E6E6E6; background: url(images/common/menuf.gif) no-repeat; padding: 6px 0 10px 14px; _padding: 3px 0 5px 7px; } .footerCate p { border-top:1px solid #CCC; border-bottom:1px solid #E6E6E6; margin: 0; padding: 7px 0; } .fLogo { clear: both; height: 36px; margin-top: 25px; padding: 4px 10px 4px 0px; _padding: 2px 10px 2px 0px; background: url(images/common/under_bar01.gif); } .fLogo img { float: left; padding: 5px 0px 5px 50px; border: 0px; } address { float: right; text-decoration: none; padding: 10px 30px 10px 0px; } /*---------------------------------------------------- リンク ----------------------------------------------------*/ #topicPass a:link { text-decoration: none; border-bottom: 0px; color: #0041b3; } #topicPass a:visited { text-decoration: none; border-bottom: 0px; color: #0041b3; } #topicPass a:hover { text-decoration: underline; border-bottom: 0px; color: #0041b3; } #topicPass a:active { text-decoration: none; border-bottom: 0px; } .fLogo address a:link { text-decoration: none; border-bottom: 0px; color: #0041b3; } .fLogo address a:visited { text-decoration: none; border-bottom: 0px; color: #0041b3; } .fLogo address a:hover { text-decoration: underline; border-bottom: 0px; color: #0041b3; } .fLogo address a:active { text-decoration: none; border-bottom: 0px; } ul a:link { text-decoration: none; border-bottom: 0px; margin: 0px; color: #0041b3; } ul a:visited { text-decoration: none; border-bottom: 0px; margin: 0px; color: #0041b3; } ul a:hover { text-decoration: underline; border-bottom: 0px; color: #0041b3; margin: 0px; } ul a:active { text-decoration: none; border-bottom: 0px; margin: 0px color: #0041b3; } /*---------------------------------------------------- コンテンツ ----------------------------------------------------*/ img { border: 0px; } /*hr*/ hr.line { border-width: 0px; border-top: 1px solid #8888FF; } hr.dline { margin-top: 15px; border: 1px dotted #DDDDFF; } /* p */ p { margin: 19px 10px 19px 10px; clear: both; } br / { line-height:140%; clear: both; } span.prev { float: left; margin: 5px 0px 4px 5px; } span.next { float: right; margin: 5px 5px 4px 0px; } /* //p */ /* tbl */ .tbl { border-collapse:collapse; margin:0 0 20px 4px; } .tbl th { border:1px solid #000; padding:4px 4px 4px 4px; background:#EEEEEE; } .tbl td { border:1px solid #000; padding:4px 4px 4px 4px; } .tbl span { font-size: 80%; } .bDouble { border:4px double; margin:5px 0px 5px 10px; padding:10px 5px 10px 10px; } .bDouble p { margin:10px 0 10px 0; } .bDotted { border:1px dotted; margin:5px 3px 5px 10px; padding:10px 5px 10px 10px; } .bDotted p { margin:10px 0 10px 0; clear: both; } /* //tbl */ .tablecolar01 { background-color: #DFF; } /*---------------------------------------------------- お問い合わせ ----------------------------------------------------*/ .contactTbl { width: 900px; border-collapse:collapse; } .contactTbl th { text-align:left; width: 180px; border:1px solid #C0C0C0; padding:4px 4px 4px 4px; background:#dddfff;/*表と題名の色を同じにする*/ } .contactTbl td { text-align:left; border:1px solid #C0C0C0; padding:4px 4px 4px 4px; } /*メールフォームの確認ページ用。表の題名サイズのみ大きいサイズに変更*/ .contactSTbl { width: 900px; border-collapse:collapse; } .contactSTbl th { text-align:left; width: 300px; border:1px solid #C0C0C0; padding:4px 4px 4px 4px; background:#dddfff;/*表と題名の色を同じにする*/ } .contactSTbl td { text-align:left; border:1px solid #C0C0C0; padding:4px 4px 4px 4px; } /* ボタンを並べて表示する */ .btnArea{ margin: 20px 0px 150px 320px; padding: 0; } .btnArea li { width: 140px;/* ボタン間の距離を決める(画像の大きさに合わせる)。 */ float:left;/* リストを横並びにする */ display: inline; /* リストの横並びにする(I6のバグを調整) */ margin: 0; padding: 0; } /* バグ調整(要素に直後に内容を挿入する)*/ .btnArea:after { height: 0; visibility: hidden;/* boxを非表示にする */ content: "."; display: block; clear: both; } btnArea li a img { border: 0; } /* メールフォームエラーの際の連絡先を記述*/ .adInformation { width: 900px; margin: 60px 0px 0px 0px; border-top: 1px solid #C0C0C0; } #completeArea .message{ font-weight:bold; margin: 19px 10px 20px 10px; clear: both; } /*---------------------------------------------------- ここまで ----------------------------------------------------*/