@charset "utf-8"; /* Template CSS File Created 2008.11.27 */ /* [Sample] margin: top right bottom left padding: top right bottom left border: width style color outline: width style color font: style variant weight size/height family background: color image repeat attachment position */ * { margin:0; padding:0; /* line-height: 130%;*/ line-height: 140%; } /***** General *****/ body { background-color: #ffffff; /* color: #666666; */ font-size: 12px; /* width: 960px; */ width: 800px; margin: auto; /* font-family:'MS ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,'メイリオ', Meiryo; */ } a { /* background-color: #ffffff;*/ color: #0000ff; text-decoration:underline; font-weight: normal; } a:hover { /* background-color: #ffffff;*/ color: #ff3300; text-decoration:none; } a img { border:none; } img { border:none; } /***** Layout *****/ #container { text-align: left; background-color: #ffffff; /* border-top:1px solid #00552e; border-left:1px solid #00552e; border-right:1px solid #00552e; */ } #header{ } #header #subcomment { background-color: #69b076; color: #ffffff; padding: 2px 5px; margin-bottom:10px; } #header h1 { font-size: 10px; font-weight: normal; text-align: left; } #header a { position:relative; top:-20px; font-size:11px; margin-left:10px; } #language { font-size:11px; position:relative; top:-73px; left:635px; float:left; } #favorite { position:relative; top:-75px; left:630px; float:left; } #favorite a { position:static!important; } #favorite img:hover { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity:.60; } #crumb{ font-size: 11px; margin-left: 4px; margin-top: 8px; float: left; } #content{ clear: both; padding:0px 0px; margin-left:10px; } #footer_link { text-align: center; font-size: 11px; margin-bottom: 10px; } #footer_signeture { text-align: center; font-size: 11px; padding-top: 4px; padding-bottom: 4px; } #footer_copyright { background-color: #00552e; color: #ffffff; clear: both; font-size: 12px; padding: 2px 2px; text-align: center; } #accesslog { margin-top: 0px; } #axL1 { position: static !important; } #axL2 { position: static !important; } /***** Tabs *****/ div#TopImageArea { margin-bottom:15px; text-align:center; } div#TopImageArea image { margin-right:5px; } div#TopSearchArea { margin-bottom:10px; } /* タブ(メニュー部) */ div#tabMenu { z-index:20; position:relative; top:0px; } div#tabMenu div { float:left; cursor:pointer; text-align:center; background-color: #f8f4e6; color: #333333; border: 1px solid #d6e9ca; border-bottom:0!important; width:210px; height:40px; margin-right:3px; } div#tabMenu div img { margin-right:5px; } div#tabMenu div.tabSelect { background-color: #d6e9ca; border: 1px solid #d6e9ca!important; border-bottom:0!important; color: #ffffff; } div#tabMenu img { position:relative; margin-left:6px; top:5px; } /* タブ(本体部) */ div#tabBody { margin-bottom:10px; border: 3px solid #d6e9ca; z-index:10; } div#tabBody div.body { background-color: #ffffff; min-height:240px; padding:20px 10px; } img#LinkLc { position:relative; top:5px; } /***** Tables *****/ table { /* background-color: #ffffff; */ color: #333333; border:1px solid #999999; clear: both; margin-top: 0px; margin-bottom: 10px; width: 100%; border-collapse: collapse; /* border-collapse: separate; */ empty-cells: show; /* empty-cells: hide; */ } caption { color: #333333; padding: 4px; font-size: 14px; font-weight: bold; text-align: left; } th { background-color: #cccccc; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 4px; text-align: center; } th a { background-color: #cccccc; } th a:hover { background: #666666; color: #ffffff; text-decoration: none; } tr,td { /* background-color: #ffffff; */ border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 4px; text-align: left; vertical-align: middle; } /***** Forms *****/ form { clear: both; /* margin-right: 20px; */ padding: 0; width: 96%; font-size: 12px; /* margin: 10px 20px;*/ } fieldset { border: 1px solid #cccccc; padding: 5px 10px 5px 10px; margin-bottom: 10px; width: 100%; } legend { background:#ffffff; color: #006400; font-size: 14px; /* font-weight: bold; */ margin-bottom: 5px; } label { /* display: block; */ padding-right: 5px; vertical-align: middle; } input { clear: both; font-size: 12px; padding-right: 5px; margin-right: 5px; margin-bottom: 5px; } select { clear: both; font-size: 12px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #95B8E7; } input[type=text] { border: 1px solid #95B8E7; font-size: 15px; } input[type=password] { border: 1px solid #999999; } textarea { border: 1px solid #999999; } input[type=checkbox] { vertical-align: middle; } input[type=radio] { } input[type=submit] { display: inline; padding: 1px 2px; /*width: 100px;*/ margin-top: 5px; margin-right: 5px; } input[type=reset] { display: inline; padding: 1px 2px; /*width: 100px;*/ margin-top: 5px; margin-right: 5px; } input[type=button] { display: inline; padding: 1px 2px; /*width: 100px;*/ margin-top: 5px; margin-right: 5px; } /***** Others *****/ .actions { text-align: center; } div.disabled { color: #dddddd; display: inline; } form div.input { /* color: #444; */ } div.required { /* color: #CC3300;*/ /* font-weight: bold;*/ } .error-message { color: #ff3300; font-weight: bold; } .message { color: #ff3300; font-size: 16px; margin-bottom: 5px; font-weight: bold; } .comment { font-size: 13px; font-weight: bold; color: #17557A; } .point { color: #ff3300; font-size: 14px; margin-left: 2px; margin-right: 2px; font-weight: bold; display: inline; } .altrow { background-color: #EEE8AA; } .addrow { background-color: #FFCCFF; } .red { color: #ff3300; } .bold { font-weight: bold; } .inline { display: inline; } .close { display: none; } .none { display: none; } .open { display: block; } .float { float: left; } .floatR { float: right; } .clear { clear: both; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .num { text-align: right; } .frame { border:1px solid #cccccc; } .required_field { /*border: 1px; border-style: solid;*/ background-color: #ffee99; } .date { width: 70px; text-align: center; } .datetime { width: 140px; text-align: center; } .time { width: 40px; text-align: center; } #ImgCalender, .calender_img { position:relative; top: 4px; left: 2px; } .search { margin-top: 5px; margin-bottom: 5px; } /***** Article *****/ .article_top { margin-bottom: 5px; } .article_title { padding: 5px 5px 5px 5px; font-size: 14px; background-color: #cccccc; font-weight: bold; margin-bottom: 5px; } .article_section { font-size: 12px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } .article_body { font-size: 11px; line-height: 135%; width: 900px; margin-left: 10px; } .article_body br { clear: both; } .article_body div { float: left; } .article_body .indent { padding-left:10px; } .article_body .td1 { width: 200px; border-bottom:1px solid #cccccc; } .article_body .td2 { width: 60px; text-align: right; border-bottom:1px solid #cccccc; } .article_body .td3 { width: 550px; height: 30px; border-bottom:1px solid #cccccc; } .article_body .td4 { width: 50px; height: 30px; text-align: right; border-bottom:1px solid #cccccc; } .article_body .td5 { width: 80px; text-align: center; border-bottom:1px solid #cccccc; } .article_body .td6 { width: 300px; text-align: left; border-bottom:1px solid #cccccc; padding-left: 5px; } .article_body .h { font-weight: bold; text-align: center; background-color: #eeeeee; } /***** Profile *****/ .profile_top { margin-bottom: 5px; } .profile_row { font-size: 14px; } .profile_title { float: left; font-weight: bold; width: 170px; text-align: center; border-top:1px solid #aaaaaa; border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; background-color: #ccccff; padding: 3px 3px 3px 3px; } .profile_body { float: left; width: 700px; padding: 3px 5px; border-top:1px solid #aaaaaa; border-right:1px solid #aaaaaa; } .profile_last { border-bottom:1px solid #aaaaaa; } .profile_topclear { border-top:0px; } /***** Usage *****/ .usage_top { margin-bottom: 5px; } .usage_title { font-weight: bold; font-size: 14px; background-color: #ffccff; padding: 3px 3px 3px 3px; margin-bottom: 10px; } .usage_body { font-size: 12px; padding: 3px 3px 3px 3px; margin-left: 10px; margin-bottom: 10px; } .usage_altrow { background-color: #EEE8AA; } .cancel_row { font-size: 12px; margin-left: 25px; } .cancel_title { float: left; width: 400px; text-align: left; border-top:1px solid #aaaaaa; border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; background-color: #ccccff; padding: 3px 3px 3px 3px; } .cancel_body { float: left; text-align: right; width: 160px; padding: 3px 3px 3px 3px; border-top:1px solid #aaaaaa; border-right:1px solid #aaaaaa; } .cancel_last { border-bottom:1px solid #aaaaaa; } /***** Checkin *****/ .checkin_top { margin-bottom: 5px; } .checkin_body { font-size: 12px; padding: 3px 3px 3px 3px; margin-left: 10px; margin-bottom: 10px; } .checkin_ya { margin-bottom: 5px; margin-left: 80px; } /***** TopPage *****/ #home_left_area { float: left; width: 700px; } div#BannerLCTour { margin-bottom:20px; } div#BannerLCTour img { filter: alpha(opacity=65); -moz-opacity: 0.65; opacity:.65; } div#BannerLCTour img:hover { filter: alpha(opacity=100); -moz-opacity: 1.00; opacity:1.0; } #home_pickup_area { min-height:350px; } #home_pickup_area .title { padding: 2px 2px 2px 2px; margin-top: 15px; margin-bottom: 5px; } #home_pickup_area .pickup_row { padding-bottom: 5px; vertical-align: middle; } #home_pickup_area .pickup_row img { position:relative; top:4px; } #home_message_area { border:4px solid #669933; margin-bottom: 30px; margin-right: 10px; padding: 5px 5px 5px 5px; } #home_message_area .topics_date { text-align: right; margin-bottom: 5px; background-color: #CCFF99; padding-right: 2px; } #home_message_area .body { margin-bottom: 5px; color: #000000; } #home_message_area .writer { text-align: right; background-color: #CCFF99; padding-right: 2px; } #home_topics_area { margin-bottom: 15px; } #home_topics_area .title { padding: 2px 2px 2px 2px; margin-bottom: 5px; } #home_topics_area .body { padding: 3px 3px 3px 10px; } #home_topics_area .topics_row { margin-bottom: 5px; } .top_list_mark { margin-right: 5px; } #home_center_area { float: left; width: 7px; } #home_right_area { float: right; width: 210px; margin-top:20px; text-align: center; } #home_right_area .image_row { margin-bottom: 4px; } div#LinkBox { border:1px solid #47885E; text-align:left; padding:0 10px; margin-bottom:20px; min-height:300px; } div#LinkBox div { padding:3px 0; } div#LinkBox div.title { font-weight:bold; margin-top:10px; } div#LinkBox div.link { margin-left:10px; } #home_footer_area { height: 50px; } /***** SearchListPage *****/ #SearchYa { position:relative; top: 1px; margin-right:4px; } #SearchSubmit { margin-top:5px; /* width: 120px;*/ } .SearchCondition{ width: 96% } .SearchRowCount{ color: #ff3300; font-size: 14px; text-align: left; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } .SearchPageCount{ font-size: 12px; text-align: right; font-weight: normal; } .SearchPageMove{ font-size: 12px; text-align: right; } .SearchPageMove div.disabled { display: inline; } .SearchPageMove span { } .SearchPageMove span.current { color: #000000; } .SearchPageMove span a { } .SearchRow { color: #333333; border-bottom: 1px solid #95B8E7; border-left: 3px solid #95B8E7; margin-bottom: 10px; padding-left: 5px; padding-bottom: 5px; height: 100px; } .SearchTourLeft { width: 130px; float: left; display: inline; text-align: center; padding-top: 15px; } .SearchTourPrice { font-size: 18px; color: #ff3300; font-weight: bold; } .SearchTourAirline { } .SearchTourRight { float: left; display: inline; margin-left: 18px; } .SearchTourCode { /* color: #ff9999; */ color: #467bbb; font-size: 10px; font-weight: normal; margin-bottom: 2px; } .SearchTourSubTitle { font-size: 14px; font-weight: normal; } .SearchTourTitle { font-size: 14px; font-weight: bold; margin-bottom: 2px; width: 628px; } .SearchTourEtc { font-size: 12px; font-weight: normal; /* padding-left:15px;*/ } .SearchTourEtc div { display:inline; } .SearchTourEtc .etc_title { margin-right:3px; } .SearchTourEtc .etc_body { margin-right:15px; } .SearchTourEtc > table { width:95%; } .SearchTourEtc > table,tbody,tr,td { border:none; } .SearchTourEtc > table td { padding:1px; } .SearchTourEtc > table .etc_title { width:80px; } .SearchTourEtc > table .etc_body2 { text-align:right; } /***** ViewPage *****/ .ViewTourCode { font-size: 12px; font-weight: normal; margin-bottom: 2px; } .ViewTourSubTitle { font-size: 16px; font-weight: bold; text-align: left; color: #17557A; } .ViewTourTitle { font-size: 18px; font-weight: bold; margin-bottom: 14px; text-align: left; } .ViewRegulation { padding: 5px 5px 5px 5px; font-size: 14px; } .ViewCnt { font-size: 14px; } .ViewRegulationTitle { background-color: #eeeeee; width: 115px; text-align: center; vertical-align: middle; } .ViewRegulationBody { background-color: #ffffff; vertical-align: middle; } .ViewTableHeader { background-color: #eeeeee; /* width: 130px;*/ text-align: center; font-weight: bold; vertical-align: middle; } /*選択ボックス*/ .ViewTitle { font-size: 14px; font-weight: bold; margin:5px 0; padding: 5px 0 0 5px; border-left:5px solid #17557A; border-bottom:2px solid #17557A; } .ViewTitle a { background-color: inherit; } .ViewPriceSelect { border: 2px solid #ff6600; padding: 4px 4px 4px 4px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; font-size: 14px; } .ViewPriceSelect a { background-color: inherit; } div.ViewGo { background-color: #FFFFFF; } div.ViewRet { background-color: #FFFFFF; } .ViewAirline { float: left; padding-top: 14px; padding-left: 10px; } .ViewPriceSelect .title { } .ViewPriceList { margin-bottom: 3px; } .ViewSubmitArea { text-align: center; margin: 10px 0; /* background-color: #ccffcc; */ padding: 2px 2px 2px 2px; } .ViewSubmitArea input { width: 200px; } .l-btn-text { /* background-color: #AED0EA;*/ font-size: 15px; font-weight: bold; } /***** FlightPage *****/ #flight_body { position: absolute; background-color: #ffffff; z-index: 200; -moz-opacity: 1.0; opacity: 1.0; filter: alpha(opacity=100); border-top:10px solid #0066ff; border-bottom:2px solid #0066ff; border-left:2px solid #0066ff; border-right:2px solid #0066ff; overflow: scroll; } #flight_body .header { text-align: center; margin: 2px 0px 2px 0px; } #flight_body .title { text-align: center; font-size: 13px; font-weight: bold; margin-bottom: 5px; color: #ff3400; } #flight_body .flight_row_header { font-weight: bold; font-size: 13px; padding: 5px 5px 5px 5px; text-align: center; background-color:#999999; color:#ffffff; border-top:1px solid #333333; } #flight_body .flight_row { font-size: 13px; padding: 5px 5px 5px 5px; text-align: center; } #flight_body a { font-size: 13px; font-weight: bold; } #flight_body .flight_name { float: left; width: 130px; text-align: left; } #flight_body .flight_time { float: left; width: 230px; text-align: left; } #flight_body .flight_price { float: left; width: 70px; text-align: right; } #flight_body .alt_row { background-color:#EEE8AA; } #flight_body .line_row { border-top:1px solid #333333; } /***** RequestPage *****/ .RequestSelectRow { margin-left: 10px; margin-bottom: 5px; } .RequestSection { background-color:#EEE8AA; font-weight: bold; font-size: 14px; padding: 4px 4px 4px 4px; margin-bottom: 10px; margin-top: 20px; } .RequestRow { margin-left: 10px; margin-bottom: 2px; } .RequestRow .required { font-weight: normal; color: #666666; } .RequestRow .error-message { display: none; } .RequestRow .form-error { background-color:#ffcccc; border: 1px solid #666666; } .RequestComment { font-size: 10px; } .ConfirmSection { background-color:#EEE8AA; font-weight: bold; font-size: 14px; padding: 4px 4px 4px 4px; margin-bottom: 10px; margin-top: 20px; } .ConfirmTitle { margin-top: 5px; margin-left: 10px; font-weight: bold; } .ConfirmItem { margin-left: 20px; font-weight: normal; } .ConfirmRule { margin-top: 15px; margin-bottom: 15px; padding: 10px 5px 10px 5px; text-align: center; border: 1px solid #333333; width: 90%; } .ConfirmRule textarea { margin-top: 15px; width: 500px; height: 300px; font-size: 11px; padding: 3px 3px 3px 3px; } .ResultFrame { text-align: center; } .ResultBody { /* width: 90%;*/ border: 1px solid #808080; padding: 10px 5px 10px 5px; } .ResultName { font-weight: bold; font-size: 14px; margin-bottom: 10px; background-color:#E0FFFF; } .ResultComment { font-size: 14px; /* text-align: left;*/ } .ResultComment2 { width: 455px; border: 1px solid #808080; margin-left: 160px; padding: 15px; text-align: left; } /* use opacity */ #glayer { position: fixed!important; position: absolute; top:0; left:0; width:100%; height:100%; z-index:100; /* background-color:#1F1F1F; */ background-color:#3F3F3F; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); } /* use png */ #glayer_img { position: fixed!important; position: absolute; top:0; left:0; width:100%; height:100%; z-index:100; background-image: url(glayer.png); } * html #glayer_img { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="glayer.png", sizingMethod="scale"); } /* Box Base */ div.glayer_box { position: fixed!important; position: absolute; z-index: 101; width: 400px; padding: 2px; border: 5px solid #B8B8B8; background-color: #FFFFFF; } /* Message */ p#glayer_message_text { margin: 2px; padding: 2px; text-align: center; } /* Alert */ p#glayer_alert_text { margin: 2px; padding: 2px; text-align: center; } p#glayer_alert_button { margin: 10px 0 0 0; padding: 0; text-align: center; } input#glayer_alert_ok { font-size: 80%; } /* Confirm */ p#glayer_confirm_text { margin: 2px; padding: 2px; text-align: center; } p#glayer_confirm_button { margin: 10px 0 0 0; padding: 0; text-align: center; } input#glayer_confirm_ok { font-size: 80%; } input#glayer_confirm_cancel { font-size: 80%; } /***** Private(Information) *****/ .TopicsTitle { font-size: 14px; color: #ffffff; background-color: #999999; font-weight: bold; margin-bottom: 10px; display: block; } .TopicsDate { font-size: 12px; color: #333333; text-align: right; display: block; margin-bottom: 10px; } .TopicsBody { font-size: 12px; color: #333333; text-align: left; padding-left: 10px; margin-bottom: 10px; display: block; } .TopicsUrl { font-size: 12px; text-align: left; padding-left: 10px; margin-bottom: 10px; display: block; } /***** Private(Sitemap) *****/ .SitemapArea { font-size: 14px; font-weight: bold; margin-top: 10px; } .SitemapCity { font-size: 12px; padding-left: 10px; } /***** Slash *****/ img.slash_img { display:none; } div#TopSlash { position:relative; height:300px; margin-bottom:40px; } #Slash { position:absolute; width:958px; height:300px; border:0; top:0; left:0; } #Catch { position:absolute; top:400px; left:0; z-index:1000; filter: alpha(opacity=70); -moz-opacity: 0.70; opacity:.70; } /***** 海外航空券 *****/ div#AirTab { padding:0 0!important; height:350px; } div#AirTab iframe { width:920px; height:350px; border:0!important; } /***** /request/index *****/ .selectItem { margin: 15px 10px; } .selectFlight { margin: 5px; } .RequestSelectTitle { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .RequestSelectCity { } .borderRGrayout { border-right: 1px solid #D3D3D3; } .paddingTBZero { padding-top:0px; padding-bottom:0px; } .priceBack { background-color: #FFE4E1; } .PriceViewTitle { font-size: 12px; font-weight: bold; margin:0 0 3px; padding: 0 0 0 5px; border-left:5px solid #17557A; } div#priceView { background-color: #FFC0CB; /* bottom: 80px;*/ bottom: 0px; /* height: 115px;*/ left: 0; /* padding: 0px 80px 5px 80px;*/ padding: 3px 0 0; position: fixed !important; width: 100%; } .PriceViewRegulation { padding: 5px 5px 5px 5px; font-size: 12px; line-height: 20px; } .PriceViewTableHeader { background-color: #eeeeee; /* width: 320px;*/ text-align: center; font-weight: bold; vertical-align: middle; } tr#priceArea td { width: 64px; } table#ReqSelectItem { font-size: 12px; } .ReqSelectText { background-color: #EEEEEE; text-align: center; vertical-align: middle; width: 150px; } .age { ime-mode: disabled; width: 30px; } .contactName { width: 250px; } .contactTel { ime-mode: disabled; width: 60px; } .contactMail { ime-mode: disabled; width: 300px; } .contactZip { ime-mode: disabled; width: 80px; } .contactAddr { width: 350px; } .contactComment { width: 450px; height: 68px; } .inputError { background-color: #FFC0CB; } form#RequestIndexForm { width: 100%; } div#reqType { margin:5px 15px 5px 15px; }