@charset "utf-8"; /*--------------------------------------------- Root level css ---------------------------------------------*/ /* top ---------------------------------------------*/ #top #fsrecommenddiv1 { margin: 10px 0; } /* main image */ #top #mainImg { width: 950px; height: 269px; margin: 10px 0; background: url("../images/ani_circle.gif") no-repeat center center; } #top #stopInfoTop { padding-top: 4px; background: url("../images/bg_stop_top.gif") no-repeat; } #top #stopInfoBtm { padding-bottom: 4px; background: url("../images/bg_stop_btm.gif") no-repeat 0 bottom; } #top #stopInfo { padding: 8px 32px 8px 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #top #stopInfo img { vertical-align: top; } #top #stopInfo dt { float: left; width: 12em; margin-right: 10px; font-size: 117%; font-weight: 600; color: #555; } #top #stopInfo dd { float: left; width: 550px; margin-top: 2px; } #top #stopInfo dd.renew { float: right; width: 126px; margin-top: 0; } #top #controlArea { margin-top: 10px; } #top #controlArea h2 { margin-bottom: 16px; font-size: 117%; font-weight: 600; text-align: center; } #top #controlArea h2 a { color: #333; } #top #compassTop { float: left; width: 310px; height: 250px; margin-right: 10px; padding-top: 4px; background: url("../images/bg_box310grade_top.gif") no-repeat; } #top #compassBtm { height: 246px; padding-bottom: 4px; background: url("../images/bg_box310_btm.gif") no-repeat 0 bottom; } #top #compass { height: 212px; padding: 19px 20px 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #top #compass h2 { margin-bottom: 18px !important; } #top #compass dl { clear: both; margin-bottom: 10px; } #top #compass dt { float: left; width: 39px; margin-top: 4px; } #top #compass dt, x:-moz-any-link { margin-top: 2px; } #top #compass dt img { vertical-align: top; } #top #compass dd { float: right; width: 204px; } #top #compass dd #carLeave, #top #compass dd #carArrive { width: 200px; } #top #compass .submit { clear: both; margin: 15px 0 0 64px; } #top #compass ul { float: right; margin-top: 24px; } #top #compass ul li { float: left; padding-left: 18px; } #top #compass ul li a { padding-left: 8px; background: url("../images/i_ar_orange.gif") no-repeat 0 center; } #top #trafficJamTop { float: left; width: 310px; height: 250px; margin-right: 10px; padding-top: 4px; background: url("../images/bg_box310grade_top.gif") no-repeat; } #top #trafficJamBtm { height: 246px; padding-bottom: 4px; background: url("../images/bg_box310_btm.gif") no-repeat 0 bottom; } #top #trafficJam { height: 212px; padding: 19px 20px 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #top #trafficJamIn { position: relative; } #top #trafficJamIn a { display: block; position: absolute; left: 0; top: 0; width: 268px; height: 128px; zoom: 1; } #top #trafficJam .date { padding: 7px 0; text-align: center; background: #fff; } #top #trafficJam ul { margin-top: 6px; } #top #trafficJam ul li { float: left; width: 72px; margin-right: 19px; } #top #trafficJam ul li.center { float: left; width: 82px; margin-right: 14px; } #top #trafficJam ul li.last { float: right; width: 78px; margin-right: 0; } #top #trafficJam ul li dl { margin-top: 7px; } #top #trafficJam ul li dt { float: left; margin-top: 5px; } #top #trafficJam ul li dd { float: right; width: 23px; } #top #trafficJam .link { margin-top: 18px; text-align: right; } #top #trafficJam .link a { padding-left: 8px; background: url("../images/i_ar_orange.gif") no-repeat 0 center; } #top #routeSearchTop { float: right; width: 310px; height: 250px; padding-top: 4px; background: url("../images/bg_box310grade_top.gif") no-repeat; } #top #routeSearchBtm { height: 246px; padding-bottom: 4px; background: url("../images/bg_box310_btm.gif") no-repeat 0 bottom; } #top #routeSearch { height: 212px; padding: 19px 20px 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } * html #top #routeSearch { padding: 19px 0 15px; } *:first-child+html #top #routeSearch { padding: 19px 0 15px; } #top #routeSearch h2 a { display: block; width: 286px; height: 157px; background: url("../images/bg_top_sapa.png") no-repeat; } #top #routeSearch h2 a:hover{ background: url("../images/bg_top_sapa_on.png") no-repeat; } #top #routeSearch ul { float: right; margin-top: 2px; padding-right: 20px; } #top #routeSearch ul li { float: left; padding-left: 18px; } #top #routeSearch ul li a { padding-left: 8px; background: url("../images/i_ar_orange.gif") no-repeat 0 center; } #top #topicContentTop { clear: both; margin-top: 10px; padding-top: 4px; background: url("../images/bg_box_top.gif") no-repeat; } #top #topicContentBtm { padding-bottom: 4px; background: url("../images/bg_box_btm.gif") no-repeat 0 bottom; } #top #topicContent { padding: 15px 27px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #top #topicContent li { float: left; width: 204px; margin-right: 26px; } #top #topicContent li.lastChild { margin-right: 0; } #top #topicContent li dt { margin-bottom: 7px; font-weight: 600; } #top #topicContent li dt a { color: #666; } #top #topicContent li dd { margin-bottom: 5px; font-size: 84%; } #top #recommendTop { clear: both; margin: 10px 0 0 -10px; width: 960px; } #top #recommendTop li { float: left; display: inline; width: 182px; margin-left: 10px; } /* gBox ---------------------------------------------*/ #top #trafficJam .link { padding: 0; margin: 0; text-align: center; margin-top: 20px; } #top #trafficJam .link a { background: none; } #top #infoContentTop { margin: 10px 0; padding-top: 4px; background: url("../images/bg_box950_top.gif") no-repeat; } #top #infoContentBtm { padding-bottom: 4px; background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #top #infoContent { padding: 10px 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #f7f7f7; line-height: 1.8; } #top #infoContent dt { float: left; display: inline; width: 5em; font-size: 117%; font-weight: 600; } /**:first-child+html #top #infoContent dt { margin-top: 0; } /* IE7 */ /*#top #infoContent dt, x:-moz-any-link, x:default { margin-top: -5px; } /* FF3 */ #top #infoContent dd { margin-left: 80px; padding-right: 70px; position: relative; } #top #infoContent em { margin-right: 1.5em; } #top #infoContent p { position: absolute; top: 0; right: 0 } #top #infoContent * { zoom: 1; } #top #newsContentTop { margin: 10px 0; padding-top: 4px; background: url("../images/bg_box950_top.gif") no-repeat; } #top #newsContentBtm { padding-bottom: 4px; background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #top #newsContent { padding: 10px 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #f7f7f7; line-height: 1.8; } #top #newsContent dt { float: left; display: inline; width: 5em; font-size: 117%; font-weight: 600; } /**:first-child+html #top #newsContent dt { margin-top: 0; } /* IE7 */ /*#top #newsContent dt, x:-moz-any-link, x:default { margin-top: -5px; } /* FF3 */ #top #newsContent dd { margin-left: 80px; padding-right: 70px; position: relative; } #top #newsContent p { position: absolute; top: 0; right: 0 } #top #newsContent * { zoom: 1; } /* search result ---------------------------------------------*/ #result .main1columnTop { background: url("../images/bg_box950_top.gif") no-repeat; } #result .main1columnBtm { background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #result h2 { margin-bottom: 20px; font-size: 184%; font-weight: 600; } #result #searchArea { padding: 20px; border: 1px solid #d0d2c2; background: #fff; } #result #word { width: 390px; margin-right: 10px; } #result #saResult { vertical-align: middle; } #result #searchArea dl { margin-top: 1em; } #result #searchArea dt { clear: both; float: left; width: 8em; padding-top: 1em; } #result #searchArea dd { margin-left: 9em; padding-top: 1em; /*zoom: 1;*/ } #result #searchArea dd a { font-weight: 600; } #result #searchArea dd li { display: inline; margin-right: 1em; } #result #searchArea dd li a { font-weight: normal; } #result #resultArea { margin-top: 20px; } #result #resultArea h3 { display: inline; } #result #resultArea h3 em { font-weight: 600; } #result #resultArea .hit { display: inline; margin-left: 1em; } #result #resultArea #dig { margin-top: 15px; } #result #resultArea #dig dt { margin-bottom: 5px; } #result #resultArea #dig li { float: left; margin-right: 10px; line-height: 1.1; padding-right: 10px; border-right: 1px solid #999; } #result #resultArea #dig li.lastChild { margin-right: 0; padding-right: 0; border: 0; } #result #resultArea #dig li em { font-weight: 600; } #result #resultIdx li { clear: both; margin-top: 10px; padding: 20px; border: 1px solid #d0d2c2; background: #fff; } #result #resultIdx li .thum { float: left; width: 130px; border: 1px solid #ccc; } #result #resultIdx li dl { float: right; width: 715px; } #result #resultIdx li dt { padding-left: 8px; font-weight: 600; background: url("../images/i_ar_orange.gif") no-repeat 0 0.5em; } #result #resultIdx li dt a em { margin: 0 3px; padding: 0 3px; font-weight: 600; color: #333; background: #fddfcd; } #result #resultIdx li dd { margin-top: 1em; } #result .pageSection { position: relative; left: 50%; float: left; margin-top: 20px; } #result .pageSection .pageIn { position: relative; left: -50%; float: left; } #result .pageSection p { float: left; display: inline; } #result .pageSection .pager { display: inline; float: left; margin: 0 5px; } #result .pager li { background: url("../images/bg_page.gif") no-repeat; text-align: center; width: 19px; font-size: 12px; display: -moz-inline-box; display: inline-block; margin: 0 0 0 2px; padding-top: 2px; } #result .pager li.active { background: url("../images/bg_page_active.gif") no-repeat; color: #fff; } * html #result .pager li { display: inline; zoom: 1; } *:first-child+html #result .pager li { display: inline; zoom: 1; } #result #wordRank { margin-top: 20px; } #result #wordRank dt { font-weight: 600; } #result #wordRank dd { margin-top: 5px; padding: 20px; border: 1px solid #d0d2c2; background: #fff; } #result #wordRank dd li { display: inline; margin-right: 2em; } /*----- googleTmp -----*/ #result .sub #resultIdx li dl { float: none; width: auto; } /*--------------------------------------------- privacy_policy site_policy ---------------------------------------------*/ #policy .main1columnTop { background: url("../images/bg_box950_top.gif") no-repeat; } #policy .main1columnBtm { background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #policy h2 { margin-bottom: 25px; font-size: 184%; font-weight: 600; } #policy h3 { margin-bottom: 10px; padding-bottom: 5px; font-size: 117%; font-weight: 600; border-bottom: 2px solid #e70; } #policy h4 { font-weight: 600; margin:15px auto 5px;} #policy .section { margin-bottom: 30px; } #policy .section.lastChild { margin-bottom: 0; } #policy .section .box { padding: 10px 10px 0; } #policy .section .box dt { margin-bottom:3px; } #policy .section ol { list-style: decimal; margin-left: 20px; } * html #policy .section ol { margin-left: 27px; } *:first-child+html #policy .section ol { margin-left: 27px; } #policy .section ol li { margin-top: 10px; } #policy .section ul li { margin-top: 0; } #policy .section .box ul.sentence { margin-left:20px; list-style: disc; } /*--------------------------------------------- hightway_rule ---------------------------------------------*/ #hightwayRule .main1columnTop { background: url("../images/bg_box950_top.gif") no-repeat; } #hightwayRule .main1columnBtm { background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #hightwayRule h2 { margin-bottom: 25px; font-size: 184%; font-weight: 600; } #hightwayRule h3 { margin-bottom: 10px; padding-bottom: 5px; font-size: 117%; font-weight: 600; border-bottom: 2px solid #e70; } #hightwayRule h4 { font-weight: 600; margin:15px auto 5px;} #hightwayRule .section { margin-bottom: 30px; } #hightwayRule .section.lastChild { margin-bottom: 0; } #hightwayRule .section .box { padding: 10px 10px 0; } #hightwayRule .section .boxLayout { background: #fff; border: 1px solid #d0d2c2; padding: 10px 20px 20px 20px; } #hightwayRule .section .boxLayout .rulesList { } #hightwayRule .section .boxLayout .rulesList li { background: url("../images/dot.gif") repeat-x 0 bottom; padding: 10px 0; /zoom: 1; } #hightwayRule .section .boxLayout .rulesList li a { background: url("../images/i_ar_orange.gif") no-repeat left 0.45em; padding-left: 8px; } /*--------------------------------------------- privacy_policy2 ---------------------------------------------*/ #policy02 .main1columnTop { background: url("../images/bg_box950_top.gif") no-repeat; } #policy02 .main1columnBtm { background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #policy02 .headingInfo { text-align: right; } #policy02 h2 { margin-bottom: 25px; font-size: 184%; font-weight: 600; } #policy02 h3 { margin-bottom: 10px; padding-bottom: 5px; font-size: 117%; font-weight: 600; border-bottom: 2px solid #e70; } #policy02 h4 { font-weight: 600; margin:15px auto 5px;} #policy02 .section { margin-bottom: 30px; } #policy02 .section.lastChild { margin-bottom: 0; } #policy02 .section .box { padding: 10px 10px 0; } #policy02 .section .box dt { margin-bottom:3px; } #policy02 .section ol { list-style: decimal; margin-left: 20px; } * html #policy .policy02 ol { margin-left: 27px; } *:first-child+html #policy .policy02 ol { margin-left: 27px; } #policy02 table { border: 1px solid #d0d2c2; margin:12px 0 0; } #policy02 table th { width: 10em; padding: 10px; text-align: left; border-bottom: 1px solid #d0d2c2; border-right: 1px solid #d0d2c2; background: #ebebe4; vertical-align: top; } #policy02 table td { padding: 10px; border-bottom: 1px solid #d0d2c2; border-right: 1px solid #d0d2c2; background: #fff; } #policy02 .section ul.privacyList { list-style: disc; } #policy02 .section ul.privacyList li { margin: 0 0 0 1.3em; } #policy02 .section ol.attentList { margin: 0 0 0 1.9em; text-indent:-1.9em; list-style:none; } #policy02 .section ul.attentList { margin: 0 0 0 1.3em; text-indent:-1.3em; } #policy02 .section ol.flowList { list-style: upper-alpha; } #policy02 .section ol.flowList table { margin: 10px 0 0; } #policy02 .section ol.flowList ol { margin: 0; } #policy02 .section ol.flowList table tr.firstChild th, #policy02 .section ol.flowList table tr.firstChild td { text-align:center !important; font-weight:600 !important; } #policy02 .section ol li { margin-top: 10px; } #policy02 .section ol li ol li { margin-top: 0; } #policy02 .section ul li { margin-top: 0; } #policy02 .section .boxLayout { border:solid 1px #ccc; background: #fff; width:380px; padding:0 10px 10px; margin:10px 0 0; } #policy02 .section .boxLayout dl { padding:10px 0 0; } /*--------------------------------------------- security_policy ---------------------------------------------*/ #securityPolicy .main1columnTop { background: url("../images/bg_box950_top.gif") no-repeat; } #securityPolicy .main1columnBtm { background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #securityPolicy h2 { margin-bottom: 25px; font-size: 184%; font-weight: 600; } #securityPolicy h3 { margin-bottom: 10px; padding-bottom: 5px; font-size: 117%; font-weight: 600; border-bottom: 2px solid #e70; } #securityPolicy h4 { font-weight: 600; margin:15px auto 5px;} #securityPolicy .section { margin-bottom: 30px; } #securityPolicy .section.lastChild { margin-bottom: 0; } #securityPolicy .section .box { padding: 10px 10px 0; } #securityPolicy .section .box .update { margin-top:20px; text-align:right; } /*--------------------------------------------- link ---------------------------------------------*/ #link .main1columnTop { background: url("../images/bg_box950_top.gif") no-repeat; } #link .main1columnBtm { background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #link .main1column:before, #link .main1column:after { content: ""; display: table; } #link .main1column:after { clear: both; } #link .main1column { zoom: 1; } #link h2 { margin-bottom: 25px; font-size: 184%; font-weight: 600; } #link h3 { margin-bottom: 10px; padding-bottom: 5px; font-size: 117%; font-weight: 600; border-bottom: 2px solid #e70; } #link h4 { font-weight: 600; margin:15px auto 5px;} #link .section { margin-bottom: 30px; } #link .section.lastChild { margin-bottom: 0; } #link .section .box { padding: 10px 10px 0; } #link .leftColumn { float:left; width:440px; } #link .rightColumn { float:right; width:440px; } #link .section .linkList li a { background: url("../images/i_ar_orange.gif") no-repeat left 0.45em; padding-left: 8px; } #link .section .linkList li span{ padding-right: 16px; background: url("../images/i_blank.gif") no-repeat right center; } #link .fun a { background: url("../images/i_ar_orange.gif") no-repeat left 0.45em; padding-left: 8px; } #link .fun dd { margin:0 0 0 8px;} #link .fun .new { padding:0 3px 4px 0;} #link .fun_content01 { margin: 50px 0pt 0pt 0px; padding: 8px; border: 2px solid rgb(255, 221, 170); background: none repeat scroll 0% 0% rgb(255, 238, 221); } #link .partner { line-height: 1.5; text-align: center; font-weight: bolder; color: rgb(255, 136, 0); } #link .fun_content02 { line-height: 1.5; margin: 10px; } #link .fun_content02 span { margin: 0pt 3px; padding: 2px; background: none repeat scroll 0% 0% #999999; color: #FFFFFF; font-size: 10px; } #link .fun_content02_1 { margin: 10px; padding: 7px; background: none repeat scroll 0% 0% #FFFFFF; } #link .fun_content02_2 { text-indent: -1em; margin: 3px 0pt 0pt 1em; font-size: 10px; color: rgb(102, 102, 102); } #link .fun_content02_3 { text-indent: -1em; margin: 3px 0pt 0pt 1em; font-size: 10px; color: rgb(102, 102, 102); } /*--------------------------------------------- sitemap ---------------------------------------------*/ #sitemap .main1columnTop { background: url("../images/bg_box950_top.gif") no-repeat; } #sitemap .main1columnBtm { background: url("../images/bg_box950_btm.gif") no-repeat 0 bottom; } #sitemap .main1column:before, #sitemap .main1column:after { content: ""; display: table; } #sitemap .main1column:after { clear: both; } #sitemap .main1column { zoom: 1; } #sitemap .main1column h2 { margin-bottom: 25px; font-size: 184%; font-weight: 600; } #sitemap .main1column h3 { margin-bottom: 10px; padding-bottom: 5px; font-size: 117%; font-weight: 600; border-bottom: 2px solid #e70; } #sitemap .main1column h3 a { color: #333; } #sitemap .main1column h4 { font-weight: 600; margin:15px auto 5px;} #sitemap .section { margin-bottom: 30px; } #sitemap .section.lastChild { margin-bottom: 0; } #sitemap .section .box { padding: 10px 10px 0; } #sitemap .leftColumn { float:left; width:440px; } #sitemap .rightColumn { float:right; width:440px; } #sitemap .section .sitemapList { } #sitemap .section .sitemapList li a { background: url("../images/i_ar_orange.gif") no-repeat left 0.45em; padding-left: 8px; }