/* 基本レイアウト・フォント装飾関連 */ .f-bold { font-weight: bold} .f-b-red { font-weight: bold ; color: #FF0000} .f-b-dred { font-weight: bold ; color: #CC3300} .f-b-y { font-weight: bold ; color: #FFFFCC} .f-b-pink { font-weight: bold ; color: #FF6666} .f-b-s-pink { font-weight: bold ; color: #FF3399} .f-b-white { font-weight: bold ; color: #FFFFFF} .f-b-purple { font-weight: bold; color: #6666CC} .f-b-dp { font-weight: bold; color: #663399} .f-b-orange { font-weight: bold; color: #FF6600} .f-b-green { font-weight: bold; color: #008888} .f-b-blue { font-weight: bold; color: #0066CC} .f-b-lblue { font-weight: bold; color: #3399FF} .f-dp { color: #663399} .f-white { color: #FFFFFF} .f-dred { color: #CC3300} .f-red { color: #FF0000} /* 旅行代金＆カレンダー用 */ .col { font-size : 12px ; line-height: 14px ; background-color: #FFFFFF} /* 無色 */ .col-Y { font-size : 12px ; line-height: 14px ; background-color: #FFFFCC} /* Y */ .col-A { font-size : 12px ; line-height: 14px ; background-color: #CCFFFF} /* A */ .col-B { font-size : 12px ; line-height: 14px ; background-color: #FFCCFF} /* B */ .col-C { font-size : 12px ; line-height: 14px ; background-color: #CCFF99} /* C */ .col-D { font-size : 12px ; line-height: 14px ; background-color: #FFFFCC} /* D */ .col-E { font-size : 12px ; line-height: 14px ; background-color: #CC99FF} /* E */ .col-F { font-size : 12px ; line-height: 14px ; background-color: #FFDEAD} /* F */ .col-G { font-size : 12px ; line-height: 14px ; background-color: #CCCCCC} /* G */ .col-H { font-size : 12px ; line-height: 14px ; background-color: #996666 ; color: #FFFFFF} /* H */ .col-I { font-size : 12px ; line-height: 14px ; background-color: #66ccff} /* I */ .col-J { font-size : 12px ; line-height: 14px ; background-color: #0066CC; color: #FFFFFF} /* J */ .col-K { font-size : 12px ; line-height: 14px ; background-color: #666666; color: #FFFFFF} /* K */ .col-L { font-size : 12px ; line-height: 14px ; background-color: #FFFF66} /* L */ .col-M { font-size : 12px ; line-height: 14px ; background-color: #CC66CC} /* M */ .col-N { font-size : 12px ; line-height: 14px ; background-color: #FFCC00} /* N */ .col-O { font-size : 12px ; line-height: 14px ; background-color: #C0C0C0} /* 0 */ .col-P { font-size : 12px ; line-height: 14px ; background-color: #DEB887} /* P */ .col-Q { font-size : 12px ; line-height: 14px ; background-color: #3366CC} /* Q */ .col-R { font-size : 12px ; line-height: 14px ; background-color: #FF66CC} /* R */ .col-T { font-size : 12px ; line-height: 14px ; background-color: #B8860B} /* T */ .col-S { font-size : 12px ; line-height: 14px ; color: #FFFFFF ; background-color: #FF0000} /* S期間 */ .col-type-blue { font-size : 12px ; line-height: 14px ; background-color: #CEEFFF} .col-type-bblue { font-size : 12px ; line-height: 14px ; background-color: #ECFBFF} .col-type-lblue { font-size : 12px ; line-height: 14px ; background-color: #C8E9FF} .col-type-green { font-size : 12px ; line-height: 14px ; background-color: #C9F2C1} .col-type-lgreen { font-size : 12px ; line-height: 14px ; background-color: #EEFFEE} .col-type-pink { font-size : 12px ; line-height: 14px ; background-color: #FFE8FF} .col-type-lg { font-size : 12px ; line-height: 14px ; background-color: #EEEEEE} .col-type-lp { font-size : 12px ; line-height: 14px ; background-color: #E6E6FF} .col-type-lo { font-size : 12px ; line-height: 14px ; background-color: #FFE9D2} .col-type-lb { font-size : 12px ; line-height: 14px ; background-color: #ececff} /* レイアウト固定用 */ .t10k { font-size: 10px; color: #000000} /* 黒 */ .t10r { font-size: 10px; color: #FF0000} /* 赤 */ .t10w { font-size: 10px; color: #FFFFFF} /* 白 */ .t10g { font-size: 10px; color: #666666} /* グレー */ .t12k { font-size: 12px ; color: #000000} /* 黒 */ .t12b { font-size: 12px ; color: #0066CC} /* 青 */ .t12w { font-size: 12px ; color: #FFFFFF} /* 赤 */ .t12r { font-size: 12px ; color: #CC3300} /* 白 */ .t12g { font-size: 12px ; color: #666666} /* グレー */ .t10_12 { font-size: 10px; line-height: 12px} .t12_14 { font-size: 12px; line-height: 14px} .t12_16 { font-size: 12px; line-height: 16px} .t12b { font-size: 12px ; color: #0066CC} /* 青 */ .t12b-r { font-size: 12px ; font-weight: bold ; color: #FF0000} .t12b-w { font-size: 12px ; font-weight: bold ; color: #FFFFFF} .t12b-g { font-size: 12px ; font-weight: bold ; color: #666666} .t14b-o { font-size: 14px ; font-weight: bold ; color: #FF6600} .t14b { font-size: 14px ; font-weight: bold} .t14b-r { font-size: 14px ; font-weight: bold ; color: #FF0000} .t14b-w { font-size: 14px ; font-weight: bold ; color: #FFFFFF} .t14b-g { font-size: 14px ; font-weight: bold ; color: #666666} .t16b { font-size: 16px; font-weight: bold} .t16b-r { font-size: 16px ; font-weight: bold ; color: #FF0000} .e10 { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 10px} .e12 { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px} .e12b { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px; font-weight: bold} .e14b { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 14px; font-weight: bold} /* * Reset and Default Style Sheet * Last Update 2010-08-24 * */ /*====================================== 1-1.Universal selector =======================================*/ #Stephane h2, #Stephane h3, #Stephane h4, #Stephane h5, #Stephane h6, #Stephane p {margin:0;} /*====================================== 1-2.Text Module =======================================*/ #Stephane .FontGray {color:#666;} #Stephane .FontRed {color:#f00;} #Stephane .FontLL {font-size:16px!important;} #Stephane .FontL {font-size:14px!important;} #Stephane .FontM {font-size:12px!important;} #Stephane .FontS {font-size:10px!important;} #Stephane .FontSS {font-size:9px!important;} /*====================================== 1-3.Hypertext Module =======================================*/ #Stephane a.OpaChange:hover *{ filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*FF*/ opacity:0.70; } /*====================================== 1-4.Tables Module =======================================*/ #Stephane table { border-collapse:collapse; border-spacing:0; } #Stephane th, #Stephane td {font-size:inherit} #Stephane .lng5 {width:5%;} #Stephane .lng10 {width:10%;} #Stephane .lng15 {width:15%;} #Stephane .lng20 {width:20%;} #Stephane .lng25 {width:25%;} #Stephane .lng30 {width:30%;} #Stephane .lng35 {width:35%;} #Stephane .lng40 {width:40%;} #Stephane .lng45 {width:45%;} #Stephane .lng50 {width:50%;} #Stephane .lng55 {width:55%;} #Stephane .lng60 {width:60%;} #Stephane .lng65 {width:65%;} #Stephane .lng70 {width:70%;} #Stephane .lng75 {width:75%;} #Stephane .lng80 {width:80%;} #Stephane .lng85 {width:85%;} #Stephane .lng90 {width:90%;} #Stephane .lng95 {width:95%;} /*====================================== 1-5.Layout Module =======================================*/ #Stephane .Left {float:left;display:inline;} #Stephane .Right {float:right;display:inline;} #Stephane .alignL {text-align:left !important;} #Stephane .alignR {text-align:right !important;} #Stephane .alignC {text-align:center !important;} #Stephane .alignT {vertical-align:top !important;} #Stephane .alignM {vertical-align:middle !important;} #Stephane .alignB {vertical-align:bottom !important;} #Stephane .clear {clear:both;} #Stephane .clearL {clear:left;} #Stephane .clearR {clear:right;} #Stephane br.clear {font-size:1px;} #Stephane .nowrap {white-space:nowrap;} /*====================================== 1-6.Margin Module =======================================*/ #Stephane .marL0 {margin-left:0px;} #Stephane .marL5 {margin-left:5px;} #Stephane .marL10 {margin-left:10px;} #Stephane .marL15 {margin-left:15px;} #Stephane .marL20 {margin-left:20px;} #Stephane .marL25 {margin-left:25px;} #Stephane .marL30 {margin-left:30px;} #Stephane .marL35 {margin-left:35px;} #Stephane .marL40 {margin-left:40px;} #Stephane .marR0 {margin-right:0px;} #Stephane .marR4 {margin-right:4px;} #Stephane .marR5 {margin-right:5px;} #Stephane .marR10 {margin-right:10px;} #Stephane .marR15 {margin-right:15px;} #Stephane .marR20 {margin-right:20px;} #Stephane .marR25 {margin-right:25px;} #Stephane .marR30 {margin-right:30px;} #Stephane .marR35 {margin-right:35px;} #Stephane .marR40 {margin-right:40px;} #Stephane .marT0 {margin-top:0px;} #Stephane .marT5 {margin-top:5px;} #Stephane .marT10 {margin-top:10px;} #Stephane .marT15 {margin-top:15px;} #Stephane .marT20 {margin-top:20px;} #Stephane .marT25 {margin-top:25px;} #Stephane .marT30 {margin-top:30px;} #Stephane .marT35 {margin-top:35px;} #Stephane .marT40 {margin-top:40px;} #Stephane .marB0 {margin-bottom:0px;} #Stephane .marB5 {margin-bottom:5px;} #Stephane .marB10 {margin-bottom:10px;} #Stephane .marB15 {margin-bottom:15px;} #Stephane .marB20 {margin-bottom:20px;} #Stephane .marB25 {margin-bottom:25px;} #Stephane .marB30 {margin-bottom:30px;} #Stephane .marB35 {margin-bottom:35px;} #Stephane .marB40 {margin-bottom:40px;} #Stephane .mar0 {margin:0px;} #Stephane .mar5 {margin:5px;} #Stephane .mar10 {margin:10px;} #Stephane .mar15 {margin:15px;} #Stephane .mar20 {margin:20px;} #Stephane .mar25 {margin:25px;} #Stephane .mar30 {margin:30px;} #Stephane .mar35 {margin:35px;} #Stephane .mar40 {margin:40px;} /*====================================== 1-7.Padding Module =======================================*/ #Stephane .padL0 {padding-left:0px;} #Stephane .padL5 {padding-left:5px;} #Stephane .padL10 {padding-left:10px;} #Stephane .padL15 {padding-left:15px;} #Stephane .padL20 {padding-left:20px;} #Stephane .padL25 {padding-left:25px;} #Stephane .padL30 {padding-left:30px;} #Stephane .padR0 {padding-right:0px;} #Stephane .padR5 {padding-right:5px;} #Stephane .padR10 {padding-right:10px;} #Stephane .padR15 {padding-right:15px;} #Stephane .padR20 {padding-right:20px;} #Stephane .padR25 {padding-right:25px;} #Stephane .padR30 {padding-right:30px;} #Stephane .padT0 {padding-top:0px;} #Stephane .padT5 {padding-top:5px;} #Stephane .padT10 {padding-top:10px;} #Stephane .padT15 {padding-top:15px;} #Stephane .padT20 {padding-top:20px;} #Stephane .padT25 {padding-top:25px;} #Stephane .padT30 {padding-top:30px;} #Stephane .padB0 {padding-bottom:0px;} #Stephane .padB5 {padding-bottom:5px;} #Stephane .padB10 {padding-bottom:10px;} #Stephane .padB15 {padding-bottom:15px;} #Stephane .padB20 {padding-bottom:20px;} #Stephane .padB25 {padding-bottom:25px;} #Stephane .padB30 {padding-bottom:30px;} #Stephane .pad0 {padding:0px;} #Stephane .pad5 {padding:5px;} #Stephane .pad10 {padding:10px;} #Stephane .pad15 {padding:15px;} #Stephane .pad20 {padding:20px;} #Stephane .pad25 {padding:25px;} #Stephane .pad30 {padding:30px;} /*====================================== 1-8.List Module =======================================*/ #Stephane ul, #Stephane ol { margin:0; padding:0; } /*====================================== 1-9.Hack Module =======================================*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{display:inline-block;} /* Hides from IE5-mac \*/ *html .clearfix{height:1%;} .clearfix{display:block;} /* End hide from IE5-mac */ /*====================================== 1-10.Original Module =======================================*/ /* */ #Stephane #MainVisual { position:relative; } #Stephane #MainVisual h2 { height:275px; background:url(images/h2.jpg) no-repeat; text-indent:-9999px; } #Stephane #MainVisual p { position:absolute; top:150px; left:20px; width:430px; font-size:12px; font-weight: bold; z-index:10; color: #420900; } #Stephane #PrivilegeTB {margin-bottom:22px;} #Stephane #PrivilegeTB th { width:60px; padding-bottom:8px; text-align:left; vertical-align:top; } #Stephane #PrivilegeTB td { font-size:12px; font-weight:bold; } /* */ #Stephane .Section { width:370px; vertical-align:top; } #Stephane .Section img {float:left;} #Stephane .Section p { width:310px; margin-left:60px; } /* */ #Stephane .ProgramTB { border-top:1px solid #666; border-left:1px solid #666; } #Stephane .ProgramTB th { background-color:#471012; color:#fff; font-weight:normal; white-space:nowrap; } #Stephane .ProgramTB th, #Stephane .ProgramTB td { padding:2px 3px; border-right:1px solid #666; border-bottom:1px solid #666; } #Stephane .ProgramTB th.add-Plan { padding:5px 0; font-size:14px; font-weight:bold; background-color:#39c; } #Stephane .ProgramTB td {background-color:#fff2f3;} #Stephane .ProgramTB tr.Patern01 td {background-color:#ffdcdd;} #Stephane .ProgramTB td.Separater {border-bottom:none;} /* */ #Stephane .AppTB {margin-bottom:20px;} #Stephane .AppTB th { width:12em; text-align:left; white-space:nowrap; } #Stephane .AppTB th, #Stephane .AppTB td { padding:3px; vertical-align:top; } #Stephane #Pari-plan { margin-bottom:30px; padding:10px; background-color:#E6EBF1; border:1px solid #ccc; } #Stephane #Pari-plan h4 {margin-bottom:8px;} #Stephane #Pari-plan ul { list-style:none; margin-top:5px; } #Stephane #Pari-plan li span { display:inline-block; width:10em; font-weight:bold; } #Stephane #Caution { background-color:#FEF5F5; margin:10px 0 20px; padding:5px; } #Stephane #Caution div { border:1px solid #fff; padding:5px 5px 2px 5px; } #Stephane #Caution ol {margin:0 10px 0 30px;} #Stephane #Caution li {margin-bottom:3px;} .important { border: 2px solid #F00; padding: 5px; margin-bottom: 20px; } .important p { font-size: 14px; }