@charset "UTF-8"; /* CSS Document */ /* 目次 ------------------------------------------ ・全体構造 ・フォーム ・マージン・パディング ・横幅 ・テキスト・フォント ・フロート設定 ・テキスト・イメージ位置設定 ・リンク -------------------------- ・共通レイアウト ・フッター ------------------------------------------ */ /* 全体構造 ------------------------------------------ */ body { height: 100%; background: #FFF; color: #333; line-height: 1; font-family: "MS Pゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif; text-align: center; font-size:72.5%; margin:0; padding:0;} html { height: 100%; overflow-y:scroll; margin:0; padding:0; } h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, pre, blockquote, th, td, a { margin: 0; padding: 0; font-size: 100%; } body, div, p, address, dl, dt, dd, ul, ol, li { margin: 0; padding: 0; } img { border: 0; } li img { vertical-align: bottom; } caption { text-align: left; } table { /*border-collapse: collapse;*/ border: none; border-spacing: 0; } fieldset { border: 0; } .right_bg_02 { line-height: 100%; } a[name] { color: #333; } a[name]:hover { color: #333; text-decoration: none !important; outline: 0 !important; } a img { color: #000; } ol, ul, li { list-style-type: none; } em { font-weight: bold; font-style: normal; } label { cursor: pointer; } address { font-style: normal; } .navskip { height: 0; width: 0; overflow: hidden; font-size: 0; } .hide { height: 0; width: 0; overflow: hidden; font-size: 0; } hr { display: none; visibility: hidden; height: 0px; border: 0; } /* フォーム設定 ------------------------------------------ */ form { margin: 0; } fieldset { border: 0; padding: 0; margin: 0; } legend { border: 0; *margin-left: -7px; } input, button, select, textarea { font-family: inherit; font-size: 1em; color: inherit; margin: 0; } input, button { line-height: normal; vertical-align: inherit; *vertical-align: middle; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]:focus { outline-offset: -2px; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="submit"], input[type="reset"], input[type="button"], button { cursor: pointer; -webkit-appearance: button; *overflow: visible; } select { background-color: inherit; line-height: normal; } textarea { vertical-align: top; overflow: auto; *font-family: sans-serif; } /* マージン・パディング ------------------------------------------ */ .mgt0 { margin-top: 0 !important; } .mgt1 { margin-top: 1px!important; } .mgt3 { margin-top: 3px!important; } .mgt4 { margin-top: 4px!important; } .mgt5 { margin-top: 5px!important; } .mgt10 { margin-top: 10px!important; } .mgt11 { margin-top: 11px!important; } .mgt12 { margin-top: 12px!important; } .mgt13 { margin-top: 13px!important; } .mgt14 { margin-top: 14px!important; } .mgt15 { margin-top: 15px!important; } .mgt16 { margin-top: 16px!important; } .mgt17 { margin-top: 17px!important; } .mgt18 { margin-top: 18px!important; } .mgt19 { margin-top: 19px!important; } .mgt20 { margin-top: 20px!important; } .mgt25 { margin-top: 25px!important; } .mgt30 { margin-top: 30px!important; } .mgt35 { margin-top: 35px!important; } .mgt40 { margin-top: 40px!important; } .mgt50 { margin-top: 50px!important; } .mgt60 { margin-top: 60px!important; } .mgt70 { margin-top: 70px!important; } .mgt80 { margin-top: 80px!important; } .mgt90 { margin-top: 90px!important; } .mgt100 { margin-top: 100px!important; } .mgt130 { margin-top: 130px!important; } .mgt150 { margin-top: 150px!important; } .mgt160 { margin-top: 160px!important; } .mgt170 { margin-top: 170px!important; } .mgt180 { margin-top: 180px!important; } .mgt200 { margin-top: 200px!important; } .mgt250 { margin-top: 250px!important; } .mgt300 { margin-top: 300px!important; } .mgt350 { margin-top: 350px!important; } .mgt400 { margin-top: 400px!important; } .mgt500 { margin-top: 500px!important; } .mgt600 { margin-top: 600px!important; } .mgt700 { margin-top: 700px!important; } .mgt800 { margin-top: 800px!important; } .mgt900 { margin-top: 900px!important; } .mgl3 { margin-left: 3px!important; } .mgl5 { margin-left: 5px!important; } .mgl10 { margin-left: 10px!important; } .mgl15 { margin-left: 15px!important; } .mgl20 { margin-left: 20px!important; } .mgl25 { margin-left: 25px!important; } .mgl40 { margin-left: 40px!important; } .mgl1em { margin-left: 1em!important; } .mgl13em { margin-left: 1.3em!important; } .mgl15em { margin-left: 1.5em!important; } .mgl17em { margin-left: 1.7em!important; } .mgl2em { margin-left: 2em!important; } .mgl23em { margin-left: 2.3em!important; } .mgl25em { margin-left: 2.5em!important; } .mgl3em { margin-left: 3em!important; } .mgr2 { margin-right: 2px!important; } .mgr5 { margin-right: 5px!important; } .mgr10 { margin-right: 10px!important; } .mgr15 { margin-right: 15px!important; } .mgr20 { margin-right: 20px!important; } .mgtb3 { margin: 3px 0px!important; } .mgtb5 { margin: 5px 0px!important; } .mgtb10 { margin: 10px 0px!important; } .mgtb20 { margin: 20px 0px!important; } .mgtb80 { margin: 80px 0px!important; } .mgtb150 { margin: 150px 0px!important; } .mgb0 { margin-bottom: 0px!important; } .mgb1em { margin-bottom: 1em!important; } .mgb5 { margin-bottom: 5px!important; } .mgb10 { margin-bottom: 10px!important; } .mgb15 { margin-bottom: 15px!important; } .mgb20 { margin-bottom: 20px!important; } .mgb30 { margin-bottom: 30px!important; } .mgb300 { margin-bottom: 300px!important; } .mgb750 { margin-bottom: 750px!important; } .mgb850 { margin-bottom: 850px!important; } .mgSide5 { margin-left: 5px!important; margin-right: 5px!important; } .mgSide10 { margin-left: 10px!important; margin-right: 10px!important; } .mgSide15 { margin-left: 15px!important; margin-right: 15px!important; } .mgSide20 { margin-left: 20px!important; margin-right: 20px!important; } .mgSideAuto { margin-left: auto!important; margin-right: auto!important; } .mg0 { margin: 0px!important; } .mg5 { margin: 5px!important; } .pdgt5 { padding-top: 5px!important; } .pdgt10 { padding-top: 10px!important; } .pdgt15 { padding-top: 15px!important; } .pdgt20 { padding-top: 20px!important; } .pdgt30 { padding-top: 30px!important; } .pdgt40 { padding-top: 40px;!important; } .pdgt50 { padding-top: 50px;!important; } .pdgt70 { padding-top: 70px;!important; } .pdgb3 { padding-bottom: 3px!important; } .pdgb4 { padding-bottom: 4px!important; } .pdgb5 { padding-bottom: 5px!important; } .pdgb10 { padding-bottom: 10px!important; } .pdgb15 { padding-bottom: 15px!important; } .pdgb20 { padding-bottom: 20px!important; } .pdgb30 { padding-bottom: 30px!important; } .pdgb100 { padding-bottom: 100px!important; } .pdgl5 { padding-left: 5px!important; } .pdgl10 { padding-left: 10px!important; } .pdgl15 { padding-left: 15px!important; } .pdgl20 { padding-left: 20px!important; } .pdgl30 { padding-left: 30px!important; } .pdgl40 { padding-left: 40px!important; } .pdgl50 { padding-left: 50px!important; } .pdgl55 { padding-left: 55px!important; } .pdgl60 { padding-left: 60px!important; } .pdgr0 { padding-right: 0!important; } .pdgr5 { padding-right: 5px!important; } .pdgr10 { padding-right: 10px!important; } .pdg0 { padding: 0px!important; } .pdgtb5 { padding: 5px 0px!important; } .pdgtb10 { padding: 10px 0px!important; } .pdgSide0 { padding-left: 0!important; padding-right: 0!important; } .pdgSide3 { padding-left: 3px!important; padding-right: 3px!important; } .pdgSide5 { padding-left: 5px!important; padding-right: 5px!important; } .pdgSide10 { padding-left: 10px!important; padding-right: 10px!important; } .pdgSide15 { padding-left: 15px!important; padding-right: 15px!important; } /* 横幅 ------------------------------------------ */ .w10 {width:10px;} .w20 {width:20px;} .w30 {width:30px;} .w40 {width:40px;} .w50 {width:50px;} .w60 {width:60px;} .w70 {width:70px;} .w80 {width:80px;} .w90 {width:90px;} .w100 {width:100px;} .w110 {width:110px;} .w120 {width:120px;} .w130 {width:130px;} .w140 {width:140px;} .w150 {width:150px;} .w160 {width:160px;} .w170 {width:170px;} .w180 {width:180px;} .w190 {width:190px;} .w200 {width:200px;} .w210 {width:210px;} .w220 {width:220px;} .w230 {width:230px;} .w240 {width:240px;} .w250 {width:250px;} .w260 {width:260px;} .w270 {width:270px;} .w280 {width:280px;} .w290 {width:290px;} .w300 {width:300px;} .w310 {width:310px;} .w320 {width:320px;} .w330 {width:330px;} .w340 {width:340px;} .w350 {width:350px;} .w360 {width:360px;} .w370 {width:370px;} .w380 {width:380px;} .w390 {width:390px;} .w400 {width:400px;} .w410 {width:410px;} .w420 {width:420px;} .w430 {width:430px;} .w440 {width:440px;} .w450 {width:450px;} .w460 {width:460px;} .w470 {width:470px;} .w480 {width:480px;} .w490 {width:490px;} .w500 {width:500px;} .w510 {width:510px;} .w520 {width:520px;} .w530 {width:530px;} .w540 {width:540px;} .w550 {width:550px;} .w560 {width:560px;} .w570 {width:570px;} .w580 {width:580px;} .w590 {width:590px;} .w600 {width:600px;} .w610 {width:610px;} .w620 {width:620px;} .w630 {width:630px;} .w640 {width:640px;} .w650 {width:650px;} .w660 {width:660px;} .w670 {width:670px;} .w680 {width:680px;} .w690 {width:690px;} .w700 {width:700px;} .w710 {width:710px;} .w720 {width:720px;} .w730 {width:730px;} .w740 {width:740px;} .w750 {width:750px;} .w760 {width:760px;} .w770 {width:770px;} .w780 {width:780px;} .w790 {width:790px;} .w800 {width:800px;} .w810 {width:810px;} .w820 {width:820px;} .w830 {width:830px;} .w840 {width:840px;} .w850 {width:850px;} .w860 {width:860px;} .w870 {width:870px;} .w880 {width:880px;} .w890 {width:890px;} .w900 {width:900px;} .w910 {width:910px;} .w100per {width:100%} /* テキスト・フォント ------------------------------------------ */ .fs00 { font-size: 10px; } .fs01 { font-size: 12px; } .fm01 { font-size: 14px; } .fl01 { font-size: 14px; } .fx01 { font-size: 16px; } .fxl01 { font-size: 18px; } .fxx01 { font-size: 20px; } /* ie6 */ * html .fs01 { font-size: 75.0%; } * html .fm01 { font-size: 87.5%; } * html .fl01 { font-size: 87.5%; } * html .fx01 { font-size: 100.0%; } * html .fxl01 { font-size: 112.5%; } * html .fxx01 { font-size: 125.0%; } /* ie7 */ *:first-child+html .fs01 { font-size: 75.0%; } *:first-child+html .fm01 { font-size: 87.5%; } *:first-child+html .fl01 { font-size: 87.5%; } *:first-child+html .fx01 { font-size: 100.0%; } *:first-child+html .fxl01 { font-size: 112.5%; } *:first-child+html .fxx01 { font-size: 125.0%; } /* ie8 */ .fs01 { font-size: /*\**/ 75.0%\9; } .fm01 { font-size: /*\**/ 87.5%\9; } .fl01 { font-size: /*\**/ 87.5%\9; } .fx01 { font-size: /*\**/ 100.0%\9; } .fxl01 { font-size: /*\**/ 112.5%\9; } .fxx01 { font-size: /*\**/ 125.0%\9; } /* フロート設定 ------------------------------------------ */ .floatL { float: left !important; } .floatR { float: right !important; } /* ------------ CLEARFIX */ .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; } .clearboth { clear: both;} /* テキスト・イメージ位置設定 ------------------------------------------ */ .alL { text-align: left !important; } .alC { text-align: center !important; } .alR { text-align: right !important; } .alC .iBlk { margin-left: auto; margin-right: auto; } .alR .iBlk { margin-left: auto; } .vaT { vertical-align: top !important; } .vaM { vertical-align: middle !important; } .vaB { vertical-align: bottom !important; } .imgC { text-align: center; } .imgC img { display: block; margin: 0 auto; } .imgR { text-align: right; } .imgR img { display: block; margin-left: auto; } .imgC a, .imgR a { display: -moz-inline-box; } .iBlk { display: -moz-inline-box; display: inline-block; } .block { display: block; } /* リンク設定 ------------------------------------------ */ a { text-decoration: none; color:#03C; } a:link { color : #03C; } a:visited { color : #03C ; text-decoration: none; } a:hover { color : #ff0000 ; text-decoration: underline; } a:active { color : #ffff00 ; } /* 共通レイアウト ------------------------------------------ */ body{ background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:center 71px; } #container{ text-align:center; width:1036px; min-height: 100%; margin: 0 auto -75px; } #header { width:1024px; height:71px; margin:0 auto; text-align:center; } #header #login_box{ width:265px; height:50px; background-image:url(../images/bg_login.jpg); } #dropdown { width:1025px; margin:0 auto; text-align:center; } #dropdown li{ float:left; width:205px; height:51px; } /*ログインボックス*/ #header #login_box a:hover img, ul.top_link a:hover img { -moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); border:none; } .txt_link01{ font-size:1.2em; padding-left:15px; background-image:url(../images/arrow.gif); background-position:left 50%; background-repeat:no-repeat; } .txt_link01 a:link, .txt_link01 a:visited { color:#333; text-decoration:none; } .txt_link01 a:hover, .txt_link01 a:active { color:#333; text-decoration:underline; } /* フッター ------------------------------------------ */ #footer{ background-image: url(../images/bg_footer.jpg); background-repeat: repeat-x; width:100%; height: 75px; } #footer_contents{ width:1036px; margin:0 auto; } #copyright{ float:left; color: #FFF; padding-top:55px; } #totop{ float:right; padding-top:35px; } #container #contents #contents_main p { font-size: 120%; } /*ヘッダーをブラウザに着けるための設定*/ * { margin: 0; } div.push { height: 0px; clear: both; } .button { background:transparent url(../images/btn_off.jpg); background-repeat:no-repeat; /* 背景画像の繰り返し */ width: 130px; height: 35px; border-radius: 12px; color: #ffffff; font-size: 13px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; font-weight:700; } .button:hover { background:transparent url('../images/btn_on.jpg'); background-repeat:no-repeat; /* 背景画像の繰り返し */ width: 130px; height: 35px; border-radius: 12px; color: #ffffff; font-size: 13px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; font-weight:700; } .button:active { background:transparent url('../images/btn_on.jpg'); background-repeat:no-repeat; /* 背景画像の繰り返し */ width: 130px; height: 35px; border-radius: 12px; color: #ffffff; font-size: 13px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; font-weight:700; } .button1 { background:transparent url('../images/btn_off_long.jpg'); background-repeat:no-repeat; /* 背景画像の繰り返し */ width: 260px; height: 35px; border-radius: 12px; color: #ffffff; font-size: 13px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; font-weight:700; } .button1:hover { background:transparent url('../images/btn_on_long.jpg'); background-repeat:no-repeat; /* 背景画像の繰り返し */ width: 260px; height: 35px; border-radius: 12px; color: #ffffff; font-size: 13px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; font-weight:700; } .button1:active { background:transparent url('../images/btn_on_long.jpg'); background-repeat:no-repeat; /* 背景画像の繰り返し */ width: 260px; height: 35px; border-radius: 12px; color: #ffffff; font-size: 13px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; font-weight:700; } .listpoint { font-size: 15px; font-weight: bold; color: #FF6600; padding-left: 3px; } .txt10or { font-size: 10px; color: #FF6600; line-height: 14px; } .txt10 { font-size: 12px; }