body { margin: 0px; padding: 0px; background-color: #E4E4EB; } /*----FireFox----*/ /*\*/ a { overflow: hidden; }/**/ .none{ display:none; } a:link {text-decoration:none; color:#003399 ;} a:visited {text-decoration:none; color:#003399 ;} a:active {text-decoration:none; color:#660000 ;} a:hover {text-decoration:none; color:#ff6600 ;} /* -------------------------------------------- * 汎用class（組み合わせによって汎用性をもつクラス） * -------------------------------------------- */ /*box width & height （form内inputタグにも併用）*/ .wid020{width: 20px;} .wid040{width: 40px;} .wid060{width: 60px;} .wid080{width: 80px;} .wid100{width:100px;} .wid120{width:120px;} .wid140{width:140px;} .wid160{width:160px;} .wid180{width:180px;} .wid200{width:200px;} .wid250{width:250px;} .wid300{width:300px;} .wid350{width:350px;} .wid400{width:400px;} .wid450{width:450px;} .wid500{width:500px;} .wid550{width:550px;} .wid600{width:600px;} .hei020{ height: 20px;} .hei040{ height: 40px;} .hei060{ height: 60px;} .hei080{ height: 80px;} .hei100{height:100px;} /*clear & float style*/ .cl { clear:both; } .cl_l{ clear:left; } .cl_r{ clear:right; } /*DIV段組みとか、wid等と組み合わせると複数列のboxを作成可*/ .flo_l{ float:left; } .flo_r{ float:right; } /*list style*/ /*DTとDDを並行して表示する場合*/ .dl_base1 { padding:0px 20px 15px 20px; list-style-type: none; font-size: 12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em;} .dl_base1 dt{ float: left; border-right-width: 3px; border-right-style: solid; border-right-color: #066; margin:10px 0 5px 0; clear:left;} .dl_base1 dd{ padding-top: 10px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ccc; } .dt080 dt{ width: 80px; margin-top: 10px; } .dt080 dd{ padding-left: 100px; _padding-left: 95px; } .dt100 dt{ width: 100px; margin-top:10px;} .dt100 dd{ padding-left: 120px; _padding-left: 115px; } .dt130 dt{ width: 100px; margin-top:10px;} .dt130 dd{ padding-left: 90px; _padding-left: 95px; } .dt200 dt{ width: 200px; margin-top:10px;} .dt200 dd{ padding-left: 220px; _padding-left: 215px; } /*dtのborderを下に伸ばしたいとき？*/ .dt_hi2{ height:3em;} .dt_hi4{ height:6em;} /*DTとDDを段落として表示する場合*/ .dl_base2 { padding:10px 20px 15px 20px; list-style-type: none; font-size: 12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em;} .dl_base2 dt{ padding:5px; } .dl_base2 dd{ padding;5px; margin-bottom:15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ccc; } .font_b{ font-weight:bold;} .font08{ font-size: 8px!important; } .font10{ font-size: 10px!important; } .font14{ font-size: 14px!important; } .font16{ font-size: 16px!important; } .font18{ font-size: 18px!important; } .col_orange{ color: #FF6600; }/* 橙 */ .col_red1{color: #f00;}/* 赤（原色） */ .col_redB{color: #f00; font-weight: bold;}/* 赤（原色） */ .col_red2{color: #c00;}/* 赤（暗い） */ .col_pink1{color: #f69;}/* ピンク */ .col_green1{color: #090;}/* 緑（ふつう） */ .col_green2{color: #690; }/* 緑（抹茶系）*/ .col_olive{color: #9c0; }/* 緑（オリーブ）*/ .col_blue1{color: #00f;}/* 青（原色） */ .col_blueB{color: #00f; font-weight: bold;}/* 青（原色） */ .col_blue2{color: #06c;}/* 青（やわらか系） */ .col_blue3{color: #9ff;}/* 青（水色） */ .col_blue4{color: #099;}/* 青（みどり系） */ .col_gray1{color: #333;}/* 墨（80％） */ .col_gray2{color: #666;}/* 墨（60％） */ .col_gray3{color: #999;}/* 墨（40％） */ .col_gray4{color: #ccc;}/* 墨（20％） */ .col_black{color: #000;}/* 黒 */ .col_white{color: #fff;}/* 白 */ .markr{ background-color:#FFFF00;} .markrB{ background-color:#FFFF00; font-weight: bold; } .td10{ width:10%; } .td20{ width:20%; } .td30{ width:30%; } .td40{ width:40%; } .td50{ width:50%; } .td60{ width:60%; } .td70{ width:70%; } .td80{ width:80%; } .td90{ width:90%; } /* table border style （テーブル上下2ピクセル・セル左右1ピクセル）注：色無し・行区切りがないので背景色をつける*/ .border1{ border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; } .border1 td{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; } /* table border style （テーブル上下2ピクセル・セル全て1ピクセル）*/ .border2{ border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; } .border2 td{ border-width: 1px; border-style: solid; } /* table border style （テーブル全て2ピクセル・セル全て1ピクセル）*/ .border3{ border-width: 2px; border-style: solid; } .border3 td{ border-width: 1px; border-style: solid; } /* -------------------------------------------- * フォーム関連 * -------------------------------------------- */ /*　まずはINPUTに（inp）を設定、その後ろに（wid数）で幅を指定する　*/ .inp{ border: 1px solid #333; padding: 2px; font-size: 12px; color: #666; } .inp:hover{ border-color:#000;}/*FirefoxのみIEは虫*/ /*　まずはTEXTAREAに（txa）を設定、その後ろに（wid数＋hei数値）で幅・高さを指定する　*/ .txa{ border: 1px solid #333; padding: 2px; font-size: 12px; color: #666; } .txa:hover{ border-color:#000;}/*FirefoxのみIEは虫*/ img{ border:none;} .float_right{ float:right;} .float_left{ float:left;} .text_center{ text-align:center;} .clear{ clear:both;} .box300{ width:300px;} .base1{ display: block; margin: 0px; padding-top: 5px; padding-bottom:15px; padding-right: 18px; font-size: 14px; line-height: 2.0em; letter-spacing: 0.1em; color: #333; } .base2{ display: block; margin: 0px; padding-top: 5px; padding-right: 18px; font-size: 12px; line-height: 1.5em; letter-spacing: 0.1em; color: #333; } #main{ width:600px; background-color:#FFF; padding:20px; margin-left:auto; margin-right:auto;} .btn{ text-align:center; padding:40px 0 20px 0;} .waku{ padding:10px; border:solid 1px #f00;} .meishi_price{ margin:0 0 10px 30px; padding: 0px; width: 400px; border: 2px solid #669900; border-collapse:collapse; } .meishi_price th{ margin: 0px; padding: 5px; border: 1px solid #99CC00; font-size: 12px; } .meishi_price td{ text-align:center; margin: 0px; padding: 5px; border: 1px solid #99CC00; font-size: 12px; } h6{ font-size:12px; font-weight:normal; margin-bottom:10px; margin-top:20px; line-height:1.9em;} .table1 { margin-left:10px; margin-top:20px; border-collapse: collapse; width:560px;} .table1 p{ font-size:12px; color:#333333; margin:0px 5px 10px 10px; line-height:1.7em;} .table1 img{ border:none;} .table1 tr{ border-collapse: collapse;} .table1 td{ vertical-align: top; text-align:left; border-collapse: collapse; padding:0px;} .table1 td h6{ margin:5px 0 10px 8px; font-size:12px; font-weight:normal;} .table1 td.c1{ background-image:url(../img/form_back1.gif); background-repeat:repeat-y; width:270px;} .table1 td.c2{ background-image:url(../img/form_back2.gif); background-repeat:repeat-y; width:270px;}