@charset "utf-8";
body,html{min-width:980px;}
body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:17px;
}
div#header{
float:left;
}
div#header h1{
margin:24px 8px 0;
font-size:15px;
line-height:1.0em;
font-style:normal;
font-weight:bold;
}
div#logo a{
background:url('../../img/header_logo_retina.png') no-repeat 0 0;
background-size:170px 36px;
-moz-background-size:170px 36px;
-webkit-background-size:170px 36px;
-o-background-size:170px 36px;
margin:6px 12px 2px 0;
padding:0px;
display:block;
text-indent:-9999px;
overflow:hidden;
width:170px;
height:36px;
float:right;
text-align:left;
}
/* topic path */
div#topicPath{
height:34px;
margin:0 0 4px 0;
padding:0;
text-align:left;
}
div#topicPath{position:relative;}
div#topicPath ul li,div#topicPath ul li.and{position:relative;z-index:101;background-color:#fff;}
div.alter_condition{
position:absolute;
right:12px;
top:0;
z-index:100;
font-size:14px;
margin:2px 12px 2px 0;
padding:5px;
line-height:1.0em;
color:#989898;
border:1px solid #cfdee3;
border-radius:5px;
}
div#topicPath #btm{
background:url('../../img/topic_path_btm2.jpg') repeat-x left top;
width:100%;
height:4px;
margin:0;
padding:0;
clear:both;
}
/* for overture interest-match */
div#onelineIM{
height:16px;
margin:0;
padding:8px 0 0 0;
}
/* for SMS text ad */
div#sms_oneline_ad{
background:url('../../img/onelinePR_bk.jpg') no-repeat left bottom;
font-family:"ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
height:16px;
margin:0;
padding:10px 0 0 32px;
font-size:13px;
line-height:16px;
}
div#sms_oneline_ad a{
width:100%;
height:16px;
display:block;
}
div#sms_oneline_ad span#pitch{
padding:0 0 0 12px;
font-size:13px;
line-height:16px;
}
div#sms_oneline_ad a{font-weight:bold;text-decoration:none;color:#0045D1;}
div#sms_oneline_ad a span#pitch{font-weight:normal;text-decoration:none;color:#030303;}
div#summary_box{
width:100%;
box-sizing:border-box;
position:relative;
margin:20px auto 2px;
padding:8px 24px 14px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#fff;
border:4px solid #6ebeee;
text-align:center;
}
div#summary_box2{
width:100%;
box-sizing:border-box;
position:relative;
margin:20px auto 2px;
padding:8px 24px 14px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#fff;
border:4px solid f9c801;
text-align:center;
}
div#summary_box #to_search_details{
float:right;
padding:13px 25px 0 0;
}
div#summary_box #mobileQR{
position:relative;
margin:2px auto;
padding:0 0 0 6px;
text-align:center;
font-size:11px;
line-height:1.0em;
color:#363636;
float:right;
display:none;
}
div#summary_box #usher{
position:relative;
padding:6px 0 0;
font-size:15px;
line-height:1.5em;
}
div#summary_box2 #usher{
position:relative;
padding:6px 0 0;
font-size:15px;
line-height:1.5em;
}
div#summary_box #option_box,div#summary_box2 #option_box{
margin:4px auto 0 auto;
padding:0;
text-align:left;
font-size:90%;
color:#656565;
background-color:#FFFEE9;
border:1px solid #C1C8CA;
clear:both;
}
div#summary_box #option_box form,div#summary_box2 #option_box form{
margin:4px;
padding:4px;
text-align:left;
color:#656565;
background-color:#FFFEE9;
border:1px dotted #C1C8CA;
overflow:hidden;/* to prevent the float of <#fwset> from hanging down out of this <form>. */
clear:both;
}
div#summary_box #option_box dl,div#summary_box2 #option_box dl{
margin:0;
padding:0;
line-height:1;
height:38px;
}
div#summary_box #option_box dt,div#summary_box2 #option_box dt{
display:inline;/*ie6*/
font-weight:bold;
font-size:13px;
float:left;
margin:0;
padding:8px 0 0 0;
white-space:nowrap;
}
div#summary_box #option_box dt.empty,div#summary_box2 #option_box dt.empty{
font:0px/0px sans-serif;
}
div#summary_box #option_box dd{
margin:0 6px;
padding:2px 0 0 0;
float:left;
}
div#summary_box2 #option_box dd{
margin:0 18px 0 0;
padding:2px 0 0 0;
float:left;
}
div#summary_box #option_box dd.nvm{
/* in order to place the search-button left as possible */
margin:0;
}
div#summary_box2 #option_box dd.nvm{
/* in order to place the search-button left as possible */
margin:0 0 0 12px;
}
div#summary_box #option_box dd ul,div#summary_box2 #option_box dd ul{
position:relative;
margin:0;
padding:0;
}
div#summary_box #option_box dd ul li,div#summary_box2 #option_box dd ul li{
display:inline;
line-height:1.6em;
margin:0;
padding:0 8px 0 0;
}
div#summary_box #option_box dd ul li input,div#summary_box2 #option_box dd ul li input{
margin:0;
padding:0;
}
div#summary_box #option_box select.select01,div#summary_box2 #option_box select.select01,div#summary_box #option_box select.select02,div#summary_box2 #option_box select.select02{
-webkit-appearance:none;
appearance:none;
width:130px;
margin:0;
padding:3px;
border:1px solid #4D99CB;
border-radius:5px;
background-color:#fff;
}
div#summary_box #option_box select.select03,div#summary_box2 #option_box select.select03{
-webkit-appearance:none;
appearance:none;
margin:0;
padding:3px;
border:1px solid #4D99CB;
border-radius:5px;
background-color:#fff;
}
div#summary_box #option_box input#searchBtn1{
}
div#summary_box #option_box form #fwset,div#summary_box2 #option_box form #fwset{
position:relative;
font:0/0 sans-serif;
float:left;
}
div#summary_box #option_box form #fwset input#kw,div#summary_box2 #option_box form #fwset input#kw{
width:240px;
height:18px;
background:url(../../img/search.png) no-repeat 4px 4px;
background-color:#ffffff;
border:2px solid #4d99cb;
border-radius:5px;
padding:2px 2px 2px 26px;
font-size:14px;
line-height:1.2em;
margin:0 0 0 6px;
}
div#summary_box #option_box form #fwset input#kw,div#summary_box2 #option_box form #fwset input#kw{
color:#676767;
}
div#summary_box #option_box form #fwset input#searchBtn2,div#summary_box2 #option_box form #fwset input#searchBtn2{
position:absolute;
top:0;
left:280px;
}
/* condition */
div#condition_box{
width:100%;
box-sizing:border-box;
position:relative;
margin:42px auto 2px;
padding:8px 24px 14px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#fff;
border:4px solid #6ebeee;
text-align:center;
}
div#condition_box #tab{
position:absolute;
top:-50px;
left:-9px;
display:block;
width:180px;
height:54px;
line-height:0px;
font:0px/0px sans-serif;
background:url('../../img/condition_box_rt.jpg') no-repeat right top;
}
div#condition_box #to_search_details{
position:absolute;
top:-38px;
right:20px;
}
div#condition_box #usher{
margin:0 0 16px;
padding:0;
font-size:15px;
line-height:1.3em;
}
div#condition_box .term_green{
display:block;
height:58px;
line-height:0px;
font:0px/0px sans-serif;
background:url('../../img/term_index_r_green.jpg') no-repeat right top;
text-align:left;
margin:0 auto;
}
div#condition_box .term_green .region{
background:url('../../img/term_index_region.jpg') no-repeat left top;
height:58px;
text-indent:-9999px;
}
div#condition_box .term_blue{
display:block;
height:58px;
line-height:0px;
font:0px/0px sans-serif;
background:url('../../img/term_index_r_blue.jpg') no-repeat right top;
text-align:left;
margin:0 auto 8px auto;
}
div#condition_box .term_blue .domain{
background:url('../../img/term_index_domain.jpg') no-repeat left top;
float:left;
width:198px;
height:58px;
text-indent:-9999px;
}
div#condition_box .term_blue .gimon_search{
float:right;
padding:0 12px 0 0;
width:286px;
height:50px;
}
div#condition_box .term_orange{
display:block;
height:58px;
line-height:0px;
font:0px/0px sans-serif;
background:url('../../img/term_index_r_orange.jpg') no-repeat right top;
text-align:left;
margin:0 auto 8px auto;
}
div#condition_box .term_orange .symptom{
background:url('../../img/term_index_symptom.jpg') no-repeat left top;
height:58px;
text-indent:-9999px;
}
div.warning_toomany{
width:98%;
margin:0;
padding:0;
font-size:12px;
line-height:1.0em;
color:#ebaa97;
text-align:right;
}
/* concerning lists */
div#condition_box dl{
margin:0 0 12px 0;
padding:0;
}
div#condition_box dl dt{
display:block;
width:auto;
margin:0;
padding:4px 0 3px 25px;
font-size:14px;
font-weight:bold;
color:#36454f;
}
div#condition_box dl dt.green{
border-top:1px solid #97d161;
background-color:#f3f9ee;
}
div#condition_box dl dt.blue{
border-top:1px solid #69c8ec;
background-color:#f2f9fe;
}
div#condition_box dl dt.orange{
border-top:1px solid #fdd079;
background-color:#fff7eb;
}
div#condition_box dl dd{
margin:0;
padding:8px 0 0;
}
div#condition_box ul{
list-style-type:none;
margin:0 0 0 12px;
padding:0;
color:#696969;
font-size:14px;
color:#15428b;
}
div#condition_box ul li{
list-style-type:none;
margin:0;
padding:0 0 12px 16px;
background:url(../../img/li_mark.gif) no-repeat 0 2px;
width:17%;
height:100%;
line-height:1.3em;
color:#bbbbbb;
float:left;
}
div#condition_box ul.addr li{
background:url(../../img/li_mark.gif) no-repeat 0 12px;
white-space:nowrap;
}
div#condition_box ul.symptom li{
width:auto;
padding:0 16px 12px 16px;
white-space:nowrap;
}
div#condition_box ul li.ordinance_designated{
width:96%;/* first off,this was 'auto'. but 'auto' does not fit with IE. */
}
div#condition_box ul li.ordinance_designated ul li{width:22%;}
div#condition_box ul li.col2{width:34%;}
div#condition_box .rubi{font-size:12px;line-height:1.0em;color:#898989;}
div#condition_box .matched,div#others .matched{padding:0 0 0 6px;font-size:12px;line-height:1.0em;color:#676767;}
div#condition_box .toomany{color:#ebaa97;}
div#condition_box ul li a{display:block;}
div#condition_box ul li a:link{text-decoration:none;font-weight:normal;color:#1155bb;}
div#condition_box ul li a:visited{text-decoration:none;font-weight:normal;color:#1155bb;}
div#condition_box ul li a:active{text-decoration:none;font-weight:normal;color:#1155bb;}
div#condition_box ul li a:hover{text-decoration:underline;font-weight:normal;color:#d85800;}
div#condition_box ul{zoom:1 !important;}
div#condition_box ul:after{
content:".";
clear:both;
display:block;
visibility:hidden;
height:0px;
}
div#condition_box ul.ie6{/* for stupid IE6:<ul> which is just below <dd>,dislocates awkwardly to left. */
list-style-type:none;
margin:0;
padding:0;
font:0px/0px sans-serif;
}
div#condition_box ul.ie6 li{
list-style-type:none;
margin:0;
padding:0;
font:0px/0px sans-serif;
}
/* result header */
div#result_header{
width:100%;/* for IE6 */
margin:0 0 12px 0;
text-align:center;
}
div#result_header #status{
margin:0 auto;
padding:16px 0 0 0;
text-align:center;
font-size:15px;
line-height:1.5em;
}
div#result_header #status .num{
color:#d25400;
font-style:normal;
font-weight:bold;
}
div#result_header #status .warning{
margin:8px 0 4px 0;
text-align:center;
color:#cc3467;
font-style:normal;
font-weight:bold;
}
div#result_header #status .warning2{
margin:8px 0 0 0;
text-align:center;
color:#cc3467;
font-style:normal;
font-size:13px;
line-height:1.2em;
}
div.result_pager{
text-align:right;
font-size:14px;
width:96%;
margin:12px auto;
}
div.result_pager a,
div.result_pager em{
background-color:#ebebeb;
position:relative;/* for IE6*/
margin:0;
padding:8px 12px;
border:1px solid #999;
text-decoration:none;
color:#999;
line-height:1.0em;
}
div.result_pager em{
font-weight:bold;
font-style:normal;
}
div.result_pager a:link,
div.result_pager a:visited,
div.result_pager a:hover,
div.result_pager a:active{
text-decoration:underline;
color:#0066cc;
font-weight:normal;
}
div.result_pager em{
background-color:#e3f1ff;
}
div.result_pager a:hover{
background-color:#48a6e8;
color:#ffffff;
}
.switch_panes{
width:100%;
margin:0 auto 12px;
padding:0 0 0 16px;
background:#ffffff;
border-bottom:2px solid #bbbbbb;
}
.switch_panes input{display:none;}
/* tabs */
.switch_panes label.tabitem{
display:inline-block;
margin:0 0 -2px;
padding:10px 10px 7px;
text-align:center;
color:#999999;
border:2px solid transparent;
border-radius:10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius:10px 10px 0 0 / 10px 10px 0 0;
background-color:#e2f2fb;
border-bottom:0px;
}
.switch_panes label.womlink{background-color:#fbe78e;}
.switch_panes label.womlink a:hover{color:#CC3333;}
.switch_panes label.tabitem a{
display:block;
color:#0066CC;
text-decoration:underline;
padding:10px 10px 7px;
margin:-10px -10px -7px;
box-sizing:border-box;
}
.switch_panes label.tabitem:before{margin-right:10px;}
.switch_panes label.tabitem[for='list_wise']:before{
display:inline-block;
content:'';
width:18px;
height:17px;
margin:-2px 4px 0 0;
background:url('../../img/result_tab_icons.png') no-repeat;
background-position:top left;
background-size:87px 17px;
vertical-align:middle;
}
.switch_panes label.tabitem[for='map_wise']:before{
display:inline-block;
content:'';
width:18px;
height:17px;
margin:-2px 4px 0 0;
background:url('../../img/result_tab_icons.png') no-repeat;
background-position:top 0 left -17px;
background-size:87px 17px;
vertical-align:middle;
}
.switch_panes label.tabitem[for='explain_wise']:before{
display:inline-block;
content:'';
width:18px;
height:17px;
margin:-2px 4px 0 0;
background:url('../../img/result_tab_icons.png') no-repeat;
background-position:top 0 left -34px;
background-size:87px 17px;
vertical-align:middle;
}
.switch_panes label.tabitem[for='wom_wise'] a:before{
display:inline-block;
content:'';
width:16px;
height:17px;
margin:-2px 4px 0 0;
background:url('../../img/result_tab_icons.png') no-repeat;
background-position:top 0 left -51px;
background-size:87px 17px;
vertical-align:middle;
}
.switch_panes label.tabitem:hover{
cursor:pointer;
color:#888888;
}
.switch_panes input:checked + label{
color:#121212;
border:2px solid #bbbbbb;
border-bottom:2px solid #ffffff;
}
.switch_panes input:checked + label[for='list_wise']{background-color:#e2f2fb;}
.switch_panes input:checked + label[for='map_wise']{background-color:#e2f2fb;}
.switch_panes input:checked + label[for='explain_wise']{background-color:#e2f2fb;}
.switch_panes input:checked + label[for='wom_wise']{background-color:#fbe78e;}
.switch_panes label.tabitem{font-size:14px;}
.switch_panes label:before{margin:0;}
/* result body */
div#result_platform{
width:100%;/* for IE6 */
text-align:center;
}
div#result_platform:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
div#result_platform #tabs{
width:100%;
height:40px;
font:0/0 sans-serif;
background:url('../../img/result_platform_rt.jpg') no-repeat right top;
}
div#result_platform #tabs ul{
height:40px;
margin:0;
padding:0 0 0 10px;
list-style-type:none;
text-align:left;
background:url('../../img/result_platform_lt.jpg') no-repeat left top;
}
div#result_platform #tabs li{
list-style-type:none;
margin:0 2px 0 0;
padding:0;
width:143px;
height:40px;
font:0/0 sans-serif;
text-align:left;
float:left;
}
div#result_platform #tabs li#list_wise{
background:url(../../img/list_tab_f2.jpg) no-repeat 0 0;
}
div#result_platform #tabs li#map_wise{
background:url(../../img/map_tab_f2.jpg) no-repeat 0 0;
}
div#result_platform #tabs li#explain_wise{
background:url(../../img/explain_tab_f2.jpg) no-repeat 0 0;
}
div#result_platform #tabs li#wom_wise{
background:url(../../img/wom_tab_f2.jpg) no-repeat 0 0;
}
div#result_platform #tabs li#back_wise{
background:url(../../img/back_tab_f2.jpg) no-repeat 0 0;
}
div#result_platform #tabs li a{
width:143px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}
div#result_platform #orderby{
clear:both;
width:100%;
background:url('../../img/result_orderby_r.jpg') no-repeat right top;
border-bottom:1px solid #cdcdcd;
}
div#result_platform #orderby #obody{
background:url('../../img/result_orderby_l.jpg') no-repeat left top;
margin:0;
padding:0;
width:100%;
display:block;
}
div#result_platform #orderby #obody:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
div#list_switch{
margin:0;
padding:8px 0 4px 12px;
color:#656565;
font-size:90%;
line-height:1.0em;
float:left;
}
div#about_link{
margin:0;
padding:8px 8px 0 0;
color:#696969;
font-size:80%;
line-height:1.0em;
float:right;
}
div#result_platform #rbody{
position:relative;
clear:both;
margin:0;
padding:6px 5px 0;
text-align:center;
}
div#result_platform #rbody:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
div#result_platform #btm{
clear:both;
display:block;
height:8px;
font:0px/0px sans-serif;
text-align:left;
}
/* list pane */
div#list_pane{
width:100%;
}
div#list_pane #about_buttons{
height:16px;
margin:0;
padding:12px 0;
float:right;
}
div#list_pane #about_buttons ul{
font-size:12px;
color:#15428b;
}
div#list_pane #about_buttons ul li{
list-style:none;
padding:0 10px 0 27px;
background:url('../../img/li_btns.png') no-repeat left top;
line-height:24px;
float:left;
}
/* map loader */
div#map-loader{
position:absolute;
width:100%;
height:100px;
top:0;
left:0;
background:url(../../img/map-loader.gif) no-repeat 50% 50%;
display:none;
z-index:10;
}
/* map pane */
div#map_pane{
width:100%;
height:580px;
display:none;
z-index:1;
}
/* map pane iframe */
#mapSearch{
width:100%;
height:580px;
overflow:hidden;
overflow-x:hidden;
}
/* explanation pane */
div#explain_pane{
width:100%;
display:none;
}
div#explain_pane #reference{
font-size:95%;
line-height:1.6em;
color:#121212;
padding:32px 0 128px;
}
div#explain_pane #reference #ttl{
background:url(../../img/index_green.jpg) no-repeat 0 0;
margin:0;
width:100%;
height:46px;
}
div#explain_pane #reference #ttl:not(:first-child){margin-top:24px;}
div#explain_pane #reference #ttl h2{
margin:0;
padding:12px 0 0 20px;
font-size:16px;
color:#36454F;
font-weight:bold;
}
/* wom pane back pane(dummy) */
div#wom_pane,div#back_pane{
display:none;
}
/* for other domains or cities list */
div#others{
width:90%;
margin:32px auto;
padding:10px;
text-align:left;
background-color:#FFFEE9;
border:1px solid #C1C8CA;
}
div#others a{color:#003fa7;}
div#others a:hover{color:#ff5500;}
div#others .ttl{
clear:both;
margin:0;
border-bottom:1px dotted #C1C8CA;
}
div#others .ttl h2{
margin:0;
padding:12px 0 4px 10px;
font-size:14px;
color:#36454F;
font-weight:bold;
}
div#others ul{
list-style-type:none;
margin:12px 0 0 12px;
padding:0;
font-size:90%;
}
div#others ul li{
list-style-type:none;
margin:0;
padding:0 16px 12px 16px;
background:url(../../img/li_mark.gif) no-repeat 0 2px;
width:auto;
line-height:1.3em;
color:#bbbbbb;
float:left;
white-space:nowrap;
}
div#others ul li.N{background:url(../../img/dir/N.png) no-repeat left top;background-size:21px 21px;-moz-background-size:21px 21px;-webkit-background-size:21px 21px;-o-background-size:21px 21px;padding-left:22px;line-height:21px;}
div#others ul li.NE{background:url(../../img/dir/NE.png) no-repeat left top;background-size:21px 21px;-moz-background-size:21px 21px;-webkit-background-size:21px 21px;-o-background-size:21px 21px;padding-left:22px;line-height:21px;}
div#others ul li.E{background:url(../../img/dir/E.png) no-repeat left top;background-size:21px 21px;-moz-background-size:21px 21px;-webkit-background-size:21px 21px;-o-background-size:21px 21px;padding-left:22px;line-height:21px;}
div#others ul li.ES{background:url(../../img/dir/ES.png) no-repeat left top;background-size:21px 21px;-moz-background-size:21px 21px;-webkit-background-size:21px 21px;-o-background-size:21px 21px;padding-left:22px;line-height:21px;}
div#others ul li.S{background:url(../../img/dir/S.png) no-repeat left top;background-size:21px 21px;-moz-background-size:21px 21px;-webkit-background-size:21px 21px;-o-background-size:21px 21px;padding-left:22px;line-height:21px;}
div#others ul li.SW{background:url(../../img/dir/SW.png) no-repeat left top;background-size:21px 21px;-moz-background-size:21px 21px;-webkit-background-size:21px 21px;-o-background-size:21px 21px;padding-left:22px;line-height:21px;}
div#others ul li.W{background:url(../../img/dir/W.png) no-repeat left top;background-size:21px 21px;-moz-background-size:21px 21px;-webkit-background-size:21px 21px;-o-background-size:21px 21px;padding-left:22px;line-height:21px;}
div#others ul li.WN{background:url(../../img/dir/WN.png) no-repeat left top;background-size:21px 21px;-moz-background-size:21px 21px;-webkit-background-size:21px 21px;-o-background-size:21px 21px;padding-left:22px;line-height:21px;}
div.to_pagetop2{
width:98%;
height:24px;
margin:0;
padding:0 8px 16px 0;
text-align:right;
}
/* column right */
/* freeword-searching box */
form#freewords_search{
position:relative;
background:url(../../img/freewords_search300_bk.png) no-repeat 0 0;
width:100%;
height:61px;
margin:0 0 8px;
padding:0;
font:0px/0px sans-serif;
}
form#freewords_search input.txt{
position:absolute;
top:31px;
left:9px;
width:160px;
height:25px;
border:0;
margin:0;
padding:0;
font-size:14px;
line-height:1.6em;
color:#676767;
}
form#freewords_search input.searchbtn{
position:absolute;
top:25px;
right:0px;
width:32px;
height:36px;
background:url(../../img/freewords_search300_btn.png) 0 0 no-repeat;
border:0;
text-indent:-9999px;
cursor:pointer;
}
div#col2 a.l_btn{
position:relative;
box-sizing:border-box;
width:100%;
height:48px;
line-height:42px;
padding:0;
margin:5px 2px 10px;
display:block;
text-decoration:none;
font-weight:bold;
font-size:15px;
border-radius:10px;
text-align:center;
text-decoration:none !important;
box-shadow:0px 3px 3px rgba(0,0,0,0.1);
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
div#col2 a.l_btn::after{
position:absolute;
top:50%;
right:.2em;
content:'';
margin-top:-5px;
border:7px solid transparent;
border-top-width:5px;
border-bottom-width:5px;
border-left-color:#374552;
transition:all .2s;
}
div#col2 a.l_btn:hover::after{
right:-.05em;
}
div#col2 a.l_btn:first-child{margin-top:42px;}
div#col2 a#see_mylist{
background-color:#fffff6;
border:4px solid #ffe72d;
color:#374552;
}
div#col2 a#see_mylist::before{
content:"";
display:inline-block;
width:36px;
height:26px;
margin:-5px 5px 0 0;
background:url("../../img/to_mylist_icon.v2.png") no-repeat;
background-position:center center;
background-size:36px 26px;
vertical-align:middle;
}
div#col2 #see_mylist #badge{
z-index:101;
position:absolute;
}
div#col2 #see_mylist #badge[data-badge]:after{
content:attr(data-badge);
position:absolute;
top:-54px;
left:-8px;
font:10px/10px san-serif;
background:red;
color:white;
width:20px;height:20px;
text-align:center;
line-height:20px;
border-radius:50%;
box-shadow:0 0 1px #333;
}
div#col2 a#to_railway{
background-color:#fcfcfb;
border:4px solid #d67a73;
color:#374552;
}
div#col2 a#to_railway::before{
content:"";
display:inline-block;
width:40px;
height:29px;
margin:-5px 5px 0 0;
background:url("../../img/icon_railway_tbl_anchor.v2.png") no-repeat;
background-position:center center;
background-size:40px 29px;
vertical-align:middle;
}
div#col2 a#to_search_details{
background-color:#f9fbfd;
border:4px solid #61c0e9;
color:#374552;
}
div#col2 a#to_search_details::before{
content:"";
display:inline-block;
width:29px;
height:27px;
margin:-5px 5px 0 0;
background:url("../../img/delvein_icon.fw.v2.png") no-repeat;
background-position:left center;
background-size:29px 27px;
vertical-align:middle;
}
/* for patron text banner */
div .textlink a{
display:block;
background:#fff;
width:190px;
border:1px solid #ffffff;
margin:0 auto;
padding:4px;
text-align:left;
font-family:"ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
div .textlink a:hover{
background:#fdf29b;
text-decoration:none;
}
div .textlink a .headline{
color:#0045d6;
font-size:15px;
font-weight:bold;
line-height:1.4em;
}
div .textlink a .headline .url{
color:#5c9dde;
font-size:11px;
line-height:1.4em;
}
div .textlink a .tbody{
color:#000000;
font-size:12px;
line-height:1.4em;
}
div#MA{
font-family:"ＭＳ Ｐゴシック","Osaka","sans-serif";
background:url('../../img/MA_r_bk.png') repeat-y right top;
width:100%;
margin:0 auto;
padding:0;
text-align:left;
}
div#MA #ttl{
position:relative;
background:url('../../img/MA_l_ttl.png') no-repeat left top;
width:100%;
height:50px;
margin:0;
padding:0;
display:block;
font:0px/0px san-serif;
text-indent:-9999px;
}
div#MA #ttl > .r{
position:absolute;
top:0;
right:0;
width:10px;
height:50px;
background:url('../../img/MA_r_ttl.png') no-repeat 0 0;
display:block;
}
div#MA #cnt{
background:url('../../img/MA_l_bk.png') repeat-y left top;
margin:0;
padding:0;
line-height:1.4em;
font-size:13px;
}
div#MA form{
margin:0 auto;
text-align:center;
}
div#MA select.select01{
-webkit-appearance:none;
appearance:none;
width:260px;
margin:2px;
border:2px solid #4D99CB;
background-color:#fff;
border-radius:5px;
color:#0C2245;
font-size:15px;
height:30px;
line-height:30px;
text-align:left;
text-indent:5px;
vertical-align:middle;
cursor:pointer
}
div#MA select.select01:disabled{
color:#cdcdcd;
cursor:not-allowed;
}
div#MA #btm{
position:relative;
background:url('../../img/MA_l_btm.png') no-repeat left top;
width:100%;
height:16px;
margin:0;
padding:0;
font:0px/0px san-serif;
}
div#MA #btm > .r{
position:absolute;
top:0;
right:0;
width:10px;
height:16px;
background:url('../../img/MA_r_btm.png') no-repeat 0 0;
display:block;
}
div.textarea{
padding:0 6px;
line-height:1.4em;
font-size:13px;
text-align:left;
}
div.textarea2{
padding:0 30px;
line-height:1.2em;
font-size:14px;
text-align:left;
}
/* helper button to choose sections */
body#helpSelectDomain{
background-color:#FFFEE9;
width:100%;
background:url(../../img/help/bk.jpg) repeat-x 0 0;
margin:0 auto;
padding:0;
}
body#helpSelectDomain #title{
background:url(../../img/help/title.jpg) no-repeat 0 0;
width:276px;
height:40px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
float:left;
}
body#helpSelectDomain #logo{
background:url(../../img/help/logo.jpg) no-repeat 0 0;
width:220px;
height:40px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
float:right;
}
body#helpSelectDomain #menu{
background:url(../../img/help/menu_l.jpg) no-repeat left top;
width:100%;
height:28px;
margin:0 auto;
padding:0;
clear:both;
}
body#helpSelectDomain #menu #button1{
margin:0;
padding:0 0 0 103px;
width:158px;
float:left;
}
body#helpSelectDomain #menu #button2{
margin:0;
padding:0 12px 0 0;
width:74px;
float:right;
}
div.webReservationLayer{
color:#fff;
display:none;
font-size:14px;
position:fixed;
top:0;
width:100%;
margin:0 -5px;
min-height:70px;
z-index:999;
}
div.webReservationLayer .inner{
margin:0;
padding:8px 0 5px 108px;
width:998px;
}
div.webReservationLayer .inner2{
margin:0;
background:url("../../img/bg_webrsv.png") repeat scroll right top;
}
div.webReservationLayer .inner div{float:left;}
div.webReservationLayer .inner2 div{float:right;}
div.webReservationLayer .inner2 .rsv_btn{
width:312px;
text-align:left;
}
div.webReservationLayer .inner2 .rsv_btn a{
background:url("../../img/btn_to_confine_webrsv.png") no-repeat 0 0;
overflow:hidden;
display:block;
width:280px;
height:38px;
text-indent:-9999px;
font:0px/0px san-serif;
padding:0 0 6px;
}
div.webReservationLayer .inner2 #scroll_to_railway a{
background:url("../../img/icon_railway_tbl_anchor.v2.png") no-repeat top center;
background-size:40px 30px;
overflow:hidden;
display:block;
margin-top:6px;
padding:24px 20px 0;
text-align:center;
color:#fff;
text-decoration:underline;
}
div.webReservationLayer .inner2 #scroll_to_others a{
background:url("../../img/icon_others_tbl_anchor2.v2.png") no-repeat top center;
background-size:51px 28px;
overflow:hidden;
display:block;
margin-top:6px;
padding:24px 20px 0;
text-align:center;
color:#fff;
text-decoration:underline;
}
div.webReservationLayer .inner2 #scroll_to_neighboring_cities a{
background:url("../../img/icon_neighboring_cites_tbl_anchor.v2.png") no-repeat top center;
background-size:42px 28px;
overflow:hidden;
display:block;
margin-top:6px;
padding:24px 20px 0;
text-align:center;
color:#fff;
text-decoration:underline;
}
div.webReservationLayer .inner2 div.close{
background:url("../../img/btn_close_layer.png") no-repeat center top;
cursor:pointer;
margin:0;
width:84px;
height:38px;
}
img.tTip{margin:8px 15px 8px 0;float:left;}
.tinyTip{width:325px;padding:17px 0 0 0;display:block;background:url(../../img/tinyTip-top2.png) 0px 0px no-repeat;}
.tinyTip .content{padding:0 15px;font-size:13px;line-height:1.5em;color:#010101;background:url(../../img/tinyTip-content2.png) 0px 0px repeat-y;}
.tinyTip .bottom{height:47px;background:url(../../img/tinyTip-bottom2.png) 0px 0px no-repeat;font:0px/0px sans-serif;}
/* for more than 2 tables */
table.result_table{
width:100%;
border:2px solid #158ed1;
margin-left:auto;
margin-right:auto;
border-collapse:separate;
border-spacing:0;
empty-cells:show;
line-height:1.5em;
}
table.result_table tr.fff{
background-color:#ffffff;
}
table.result_table tr.ffe{
background-color:#F7FDFD;
}
table.result_table th{
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
background-color:#e2f2fb;
text-align:center;
color:#2d9bbf;
padding:4px;
font-size:13px;
white-space:nowrap;
}
table.result_table th.cel3{border-right:0px;}
table.result_table th.b{border-bottom:0px;}
table.result_table tr:last-child th{border-bottom:0px;}
table.result_table td{
border-bottom:1px dotted #bbbbbb;
text-align:left;
color:#222222;
padding:5px;
}
table.result_table a{color:#003fa7;}
table.result_table a:hover{color:#ff5500;}
table.result_table td.cel1{width:31%;}
table.result_table td.cel2{width:26%;}
table.result_table td.cel3{width:43%;border-right:0px;vertical-align:top;} /* alterd on 2014-8-13 */
table.result_table td.fl{width:100%;border-right:0px;}
table.result_table td.b{
border-bottom:0;
padding-bottom:0;/* 2014-10-8 added */
}
table.result_table tr:last-child td{border-bottom:0px;}
table.result_table td.vt{
padding-bottom:24px;/* 2014-10-8 added */
vertical-align:top;
}
table.result_table td .serial ,table.result_table td .mindoc{clear:both;display:none;}
table.result_table td .corp{font-size:12px;line-height:1.2em;margin:0 0 4px;} /* alterd on 2016-3-9 */
table.result_table td .zip{font-size:12px;line-height:1.2em;margin:14px 0 2px;} /* alterd on 2014-8-13 */
table.result_table td .h_name,table.result_table td .name{font-size:108%;line-height:1.2em;margin-top:22px;}
table.result_table td .h_name::after,table.result_table td .name::after{content:"";display:block;clear:both;}
table.result_table td .h_name a,table.result_table td .name a{text-decoration:underline;}
table.result_table td.b .h_name a.extlnk,table.result_table td .name a.extlnk{
background:url('../../img/external_link_icon@2.png') no-repeat right top;
-webkit-background-size:14px 14px;
-moz-background-size:14px 14px;
-o-background-size:14px 14px;
background-size:14px 14px;
font-weight:bold;
padding:0 21px 0 0;
}
table.result_table td .screenshot{
width:110px;
margin:0;
padding:0 0 0 4px;
float:left;
}
table.result_table td .screenshot a img{
width:100px;
height:auto;
padding:3px;
border:1px solid #006BCB;
background:#ffffff;
}
table.result_table td .screenshot a:hover img{
border:1px solid #2AA9E0;
background:#ffffc8;
}
table.result_table td .pitch{
position:relative;
margin:0 4px 0 122px;
padding:0;
text-align:left;
font-size:80%;
line-height:1.4em;
color:#593C1B;
}
table.result_table td .pitch::after{
content:"";
display:block;
clear:both;
}
table.result_table td .photo{/* added on 2012-11-21 */
text-align:left;
padding:0;
margin:0 8px 0 0;
clear:both;
float:left;
position:relative;/* added on 2015-12-17 */
}
table.result_table td .photo img{/* added on 2012-11-21 */
text-align:left;
padding:2px;
margin:0;
border:1px solid #bbbbbb;
}
table.result_table td .photo .enlarge{/* added on 2015-12-17 */
position:absolute;
background:url('../../img/enlarge_icon.png') no-repeat 0 0;
width:15px;
height:15px;
top:35px;
left:35px;
z-index:10;
}
table.result_table td .tel,table.result_table td .telephone{
background:url('../../img/tel.gif') no-repeat 0 1px;
padding:3px 0 0 22px;
margin:3px 0 0;
line-height:1.0em;
font-size:100%;
font-weight:bold;
clear:both;
}
table.result_table td .url{
background:url('../../img/li_url.gif') no-repeat 4px 3px;
padding:5px 0 0 20px;
line-height:1.0em;
font-size:85%;
line-height:1.0em;
color:#80B834;
clear:both;/* added on 2012-11-21 */
display:none;
}
table.result_table td .domain{font-size:85%;line-height:1.3em;}
table.result_table td .address{
font-size:85%;
line-height:1.3em;
}
table.result_table td .latlng,table.result_table td .geo{
clear:both;
display:none;
}
table.result_table td .buttons{
float:right;
text-align:left;
font-size:12px;
line-height:1.0em;
}
table.result_table td table.details{
width:100%;
border:1px solid #bbbbbb;
margin:4px auto 0 auto;
border-collapse:separate;
border-spacing:1px;
empty-cells:show;
margin-bottom:4px;
line-height:1.5em;
font-size:85%;
background-color:#ffffff;
}
table.result_table td table.details th{
border-bottom:0px;
}
table.result_table td table.details th.t{
border-top:0px;
}
table.result_table td table.details td{
padding:3px;
border-top:1px dotted #bbbbbb;
border-right:0px;
border-bottom:0px;
width:100%;
}
table.result_table td table.details td.t{
border-top:0px;
}
table.result_table td .greetings{
position:relative;
margin:16px auto 2px;
padding:8px 4px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#fff;
border:2px solid #6ebeee;
clear:both;
}
table.result_table td .greetings::after{
content:"";
border:8px solid transparent;
border-bottom:10px solid #fff;
position:absolute;
left:20px;
top:-16px;
}
table.result_table td .greetings::before{
content:"";
border:8px solid transparent;
border-bottom:10px solid #6ebeee;
position:absolute;
left:20px;
top:-19px;
}
a.collaborating_btn{
box-sizing:border-box;
width:166px;
height:36px;
line-height:36px;
padding:0;
margin:5px 2px;
display:block;
color:#fff !important;
text-decoration:none;
font-weight:bold;
font-size:14px;
border-radius:3px;
text-align:center;
text-decoration:none !important;
box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}
a.epark_web_appoint{background:#ee4d31;}
/* a.epark_web_appoint:hover{background:#e97662;} */
a.epark_web_appoint:before{
content:"";
display:inline-block;
width:28px;
height:34px;
margin:-3px 4px 0 0;
background:url("../../img/btn_icons2.png") no-repeat;
background-position:top left -30px;
background-size:176px 34px;
vertical-align:middle;
}
a.web_appoint,a.queue{background:#00913D;}
/* a.web_appoint:hover,a.queue:hover{background:#6FB83F;} */
a.web_appoint:before{
content:"";
display:inline-block;
width:28px;
height:34px;
margin:-3px 4px 0 0;
background:url("../../img/btn_icons2.png") no-repeat;
background-position:top left -30px;
background-size:176px 34px;
vertical-align:middle;
}
a.newcomer{background:#0092d3;}
/* a.newcomer:hover{background:#88c9e6;} */
a.newcomer:before{
content:"";
display:inline-block;
width:28px;
height:34px;
margin:-3px 4px 0 0;
background:url("../../img/btn_icons2.png") no-repeat;
background-position:top left;
background-size:176px 34px;
vertical-align:middle;
}
/*
a.queue{background:#FF8300;}
a.queue:hover{background:#FFCE71;}
*/
a.queue:before{
content:"";
display:inline-block;
width:30px;
height:34px;
margin:-3px 4px 0 0;
background:url("../../img/btn_icons2.png") no-repeat;
background-position:top 0px left -60px;
background-size:176px 34px;
vertical-align:middle;
}
a.wom{background:#75c936;}
/* a.wom:hover{background:#9fd623;} */
a.wom:before{
content:"";
display:inline-block;
width:32px;
height:34px;
margin:-3px 3px 0 0;
background:url("../../img/btn_icons2.png") no-repeat;
background-position:top 0 right -24px;
background-size:176px 34px;
vertical-align:middle;
}
a.physical{background:#00913D;}
/* a.physical:hover{background:#6FB83F;} */
a.physical:before{
content:"";
display:inline-block;
width:28px;
height:34px;
margin:-3px 5px 0 0;
background:url("../../img/btn_icons2.png") no-repeat;
background-position:top 0 right -57px;
background-size:176px 34px;
vertical-align:middle;
}
a.online{background:#f04d7a;}
a.online:before{
content:"";
display:inline-block;
width:25px;
height:34px;
margin:-3px 7px 0 0;
background:url("../../img/btn_icons2.png") no-repeat;
background-position:top 0 right 0;
background-size:173px 34px;
vertical-align:middle;
}
a.epark_web_appoint:hover,a.web_appoint:hover,a.queue:hover,a.newcomer:hover,a.wom:hover,a.physical:hover,a.online:hover{
box-shadow:0 6px 6px -2px rgba(0,0,0,.2);
transform:translateY(-3px);
transition:0.3s;
}
p.online_installed{
background-color:#f04d7a;
border-radius:3px;
color:#fff;
display:inline-block;
padding:4px 5px 2px;
line-height:1.5em;
margin:0 4px 0 0;
}
p.mynumbercard_available{
border:2px solid #f47920;
border-radius:4px;
color:#f47920;
font-weight:555;
display:inline-block;
padding:4px 5px 2px;
line-height:1.5em;
margin:4px 4px 0 4px;
}
p.feverish_available{
background-color:#f2554e;
border-radius:3px;
color:#fff;
font-weight:555;
display:inline-block;
padding:4px 5px 2px;
line-height:1.5em;
margin:4px 4px 0 4px;
}
/* word-of-mouth box */
table.result_table td .wom_box{
clear:both;
width:98%;/* for IE6 */
margin:0 auto;
background:url('../../img/wom_box_l.gif') repeat-y left top;
text-align:center;
background-color:#FFFEE9;
}
table.result_table td .wom_box .ttl{
margin:0;
padding:0;
width:100%;
height:28px;
font-size:13px;
line-height:1.0em;
color:#ffffff;
background:url('../../img/wom_box_ttl_r.gif') no-repeat right top;
display:block;
}
table.result_table td .wom_box .ttl .handlename{
margin:0;
padding:8px 0 0 28px;
height:20px;
background:url('../../img/wom_box_ttl.gif') no-repeat left top;
float:left;
text-align:left;
}
table.result_table td .wom_box .ttl .date{
margin:0;
padding:8px 8px 0 0;
height:20px;
float:right;
text-align:right;
overflow:hidden;/* IE6 */
}
table.result_table td .wom_box .wbody{
clear:both;
margin:0;
padding:8px 8px 0;
background:url('../../img/wom_box_r.gif') repeat-y right top;
font-size:90%;
line-height:1.4em;
color:#2F491B;
}
table.result_table td .wom_box .wbody:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
table.result_table td .wom_box .btm{
clear:both;
display:block;
height:8px;
font:0px/0px sans-serif;
text-align:left;
background:url('../../img/wom_box_rb.gif') no-repeat right top;
background-color:#FFFFFF;
}
table.result_table td .wom_box ul{
list-style-type:none;
margin:0;
padding:0;
}
table.result_table td .wom_box ul li{
list-style-type:none;
margin:0;
padding:0 16px 10px 76px;
width:auto;
color:#593C1B;
float:left;
line-height:20px;
min-height:20px;
}
table.result_table td .wom_box ul li.li01{background:url(../../img/wom_li01.gif) no-repeat 0 0;}
table.result_table td .wom_box ul li.li02{background:url(../../img/wom_li02.gif) no-repeat 0 0;}
table.result_table td .wom_box ul li.li03{background:url(../../img/wom_li03.gif) no-repeat 0 0;
padding:0 0 10px 76px;
line-height:1.5em;
}
table.result_table td .wom_box ul li.li04{background:url(../../img/wom_li04.gif) no-repeat 0 0;}
table.result_table td .wom_box dl{
margin:0;
padding:0;
}
table.result_table td .wom_box dt{
display:inline;/*ie6*/
font-size:85%;
line-height:20px;
float:left;
margin:0;
padding:0 4px 0 0;
color:#41605B;
}
table.result_table td .wom_box dd{
width:55px;
margin:0 18px 0 0;
padding:0;
height:20px;
float:left;
}
table.result_table td .wom_box dd .star5{
background:url(../../img/star5.gif) no-repeat 0 6px;
height:14px;
}
table.result_table td .wom_box dd .star4{
background:url(../../img/star4.gif) no-repeat 0 6px;
height:14px;
}
table.result_table td .wom_box dd .star3{
background:url(../../img/star3.gif) no-repeat 0 6px;
height:14px;
}
table.result_table td .wom_box dd .star2{
background:url(../../img/star2.gif) no-repeat 0 6px;
height:14px;
}
table.result_table td .wom_box dd .star1{
background:url(../../img/star1.gif) no-repeat 0 6px;
height:14px;
}
table.result_table td .wom_box dd .star0{
background:url(../../img/star0.gif) no-repeat 0 6px;
height:14px;
}
.notice_beware{display:none;}
.trump{
position:relative;
height:100px;
width:100%;
overflow:hidden;
}
.trump .seeall a{
display:block;
position:absolute;
bottom:0;
right:0;
background:#d9f4fd;
margin:0;
padding:4px;
font-size:13px;
color:#0096f1;
z-index:101;
opacity:0.83;
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
}
.trump .seeall a:hover{color:#0096f1;text-decoration:underline;}
.trump .seefew a{
display:none;
float:right;
margin:0;
background:#d9f4fd;
padding:4px;
font-size:13px;
color:#0096f1;
z-index:101;
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
}
.trump .seefew a:hover{color:#0096f1;text-decoration:uderline;}
.showall{
height:auto;
overflow:auto;
}
.beware_notice{display:none;}
.hl{
color:#927c4f;
display:block;
font-weight:bold;
padding:8px 0 5px;
}