@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;
}
header h1{
margin:24px 8px 0;
font-size:15px;
line-height:1.0em;
font-style:normal;
font-weight:bold;
float:left;
}
header 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 */
nav#topicPath{
height:34px;
margin:0 0 4px 0;
padding:0;
text-align:left;
}
nav#topicPath{position:relative;}
nav#topicPath ul li,nav#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;
}
nav#topicPath #btm{
background:url('../img/topic_path_btm2.jpg') repeat-x left top;
width:100%;
height:4px;
margin:0;
padding:0;
clear:both;
}
#details_wapper{
width:100%;
max-width:820px;
margin:0 auto;
}
.photo_l{
display:block;
width:480px;
margin:5px auto;
text-align:center;
}
div#map{
position:relative;
top:0;
left:0;
width:100%;
height:460px;
margin:2px auto;
padding:0;
z-index:1;
}
div#overlay{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:460px;
margin:0;
padding:0;
z-index:100;
}
table.data{
table-layout:fixed;
width:100%;
border:2px solid #cdcdcd;
margin:8px auto;
border-collapse:separate;
border-spacing:0px;
empty-cells:show;
line-height:1.5em;
font-size:14px;
}
table.data tr{background-color:#ffffff;}
table.data th{
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
background-color:#e2f2fb;
text-align:center;
/* color:#808080;*/
color:#2d9bbf;
padding:4px;
font-size:13px;
white-space:nowrap;
width:80px;
}
table.data td{
/* background-color:#FFFEE9;*/
/* background-color:#ffffef;*/
background-color:#fffffa;
border-bottom:1px dotted #bbbbbb;
text-align:left;
/* color:#36454F;*/
color:#121212;
padding:10px;
}
table.data th.b,table.data td.b{border-bottom:0;}
table.data th.pt0,table.data td.pt0{padding-top:0;}
table.data th.t{border-top:1px solid #bbbbbb;}
table.data td.t{border-top:1px dotted #bbbbbb;}
table.data th.r{border-right:0;}
table.data td.wt{background-color:#FFF;}
table.data th.hnh{height:42px;}
table.data_pharmacy{
table-layout:fixed;
width:100%;
border:2px solid #cdcdcd;
margin:24px auto;
border-collapse:separate;
border-spacing:0px;
empty-cells:show;
line-height:1.5em;
font-size:14px;
}
table.data_pharmacy tr{background-color:#ffffff;}
table.data_pharmacy th{
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
background-color:#58c4c1;
text-align:center;
color:#fff;
padding:4px;
font-size:13px;
white-space:nowrap;
width:80px;
}
table.data_pharmacy td{
/* background-color:#FFFEE9;*/
background-color:#FFF;
border-bottom:1px dotted #bbbbbb;
text-align:left;
padding:5px;
}
table.data_pharmacy th.b,table.data_pharmacy td.b{border-bottom:0;}
table.data_pharmacy th.r{border-right:0;}
table.data_pharmacy td.wt{background-color:#ffffff;}
table.data_pharmacy th.hnh{height:42px;}
div.h_left{
width:100%;
min-height:48px;
margin:0 auto;
text-align:left;
}
a.ctrl_btn{
float:left;
box-sizing:border-box;
width:auto;
height:36px;
line-height:36px;
padding:0 6px 0 3px;
margin:4px 4px;
display:block;
text-decoration:none;
font-weight:bold;
font-size:14px;
white-space:nowrap;
border-radius:3px;
text-align:left;
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;
}
a.ctrl_btn:link{color:#fff;}
a.cls{background:#989e9e;}
a.cls:before{
content:"";
display:inline-block;
width:30px;
height:28px;
margin:-4px 3px 0 0;
padding:0 0 0 3px;
background:url("../img/info_icons.png") no-repeat;
background-position:top 0 left -30px;
background-size:91px 28px;
vertical-align:middle;
}
a.exlnk{background:#65afd2;}
a.exlnk:before{
content:"";
display:inline-block;
width:30px;
height:28px;
margin:-4px 3px 0 0;
padding:0 0 0 3px;
background:url("../img/info_icons.png") no-repeat;
background-position:top 0 right 2px;
background-size:91px 28px;
vertical-align:middle;
}
a.cls:hover,a.prt:hover,a.exlnk:hover{
box-shadow:0 6px 6px -2px rgba(0,0,0,.2);
transform:translateY(-3px);
transition:0.3s;
}
div.recruit_ads_wrapper{
width:287px;
height:42px;
background:url("../img/recruit_ads_text@2.png") no-repeat 7px 8px;
background-color:#D3F0FE;
background-size:106px 36px;
border-radius:6px;/* CSS3 */
-webkit-border-radius:6px;/* Safari,Google Chrome */
-moz-border-radius:6px;/* Firefox */
margin:-4px 0 0;
padding:8px 0 2px 113px;
float:right;
}
div.recruit_ads_wrapper a.doctor{
background:url("../img/recruit_ads_doctor@2.png") no-repeat 0 0;
background-size:88px 37px;
width:88px;
height:37px;
margin-right:7px;
display:block;
text-align:left;
text-indent:-9999px;
overflow:hidden;
float:left;
}
div.recruit_ads_wrapper a.nurse{
background:url("../img/recruit_ads_nurse@2.png") no-repeat 0 0;
background-size:88px 37px;
width:88px;
height:37px;
margin-right:7px;
display:block;
text-align:left;
text-indent:-9999px;
overflow:hidden;
float:left;
}
div.recruit_ads_wrapper a.pharmacist{
background:url("../img/recruit_ads_pharmacist@2.png") no-repeat 0 0;
background-size:88px 37px;
width:88px;
height:37px;
display:block;
text-align:left;
text-indent:-9999px;
overflow:hidden;
float:left;
}
div.jobmedley_ads_wrapper{
width:287px;
height:42px;
background:url("../img/recruit_ads_text@2.png") no-repeat 7px 8px;
background-color:#D3F0FE;
background-size:106px 36px;
border-radius:6px;/* CSS3 */
-webkit-border-radius:6px;/* Safari,Google Chrome */
-moz-border-radius:6px;/* Firefox */
margin:-4px 0 0;
padding:8px 0 2px 113px;
float:right;
}
div.jobmedley_ads_wrapper a.dentist{
background:url("../img/jobmedley_ads_dentist@2.png") no-repeat 0 0;
background-size:135px 37px;
width:135px;
height:37px;
margin-right:7px;
display:block;
text-align:left;
text-indent:-9999px;
overflow:hidden;
float:left;
}
div.jobmedley_ads_wrapper a.hygienist{
background:url("../img/jobmedley_ads_hygienist@2.png") no-repeat 0 0;
background-size:135px 37px;
width:135px;
height:37px;
display:block;
text-align:left;
text-indent:-9999px;
overflow:hidden;
float:left;
}
.photo_with_pitch{
float:left;
padding-right:8px;
}
.pitch{
color:#121212;
line-height:1.6em;
}
.notice_beware{display:none;}
.beware_notice{display:none;}
.ft-cloud{margin:0;width:100%;text-align:right;}.ft-cloud .ft-badge{align-items:center;border:1px solid #0266b4;border-radius:4px !important;color:#0266b4;background-color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:1em;line-height:1em;padding:4px;margin:0px 3px 6px;vertical-align:middle;white-space:nowrap;}
.corpname{
margin:4px 0 -4px 4px;
padding:0;
font-size:13px;
}
h2.hname{
margin:4px 0 0 4px;
padding:0;
font-weight:bold;
font-size:17px;
height:36px;
line-height:36px;
}
.tel{
font-family:Arial;
font-size:142%;
}
div.webrsvQR_wrapper{
margin:0 auto;
box-sizing:border-box;
}
div.webrsvQR_wrapper .greetings{
display:block;
line-height:1.6m;
margin:0 0 12px;
}
div.webrsvQR_wrapper .greetings img{
width:240px;
height:auto;
float:left;
padding-right:6px;
border:0;
}
div.webrsvQR_wrapper .greetings .hl{
color:#927c4f;
display:block;
font-weight:bold;
padding:8px 0 5px;
}
div.webrsvQR{
float:left;
text-align:center;
white-space:nowrap;
color:#ACACAC;
}
div.webrsvQR img{
border:1px solid #232323;
}
div.webrsvQR #txtlnk{
display:none;
}
div.webrsvQR .freetalk{
color:#119dbb;
padding-left:26px;
}
div.webrsvQR .ppctel_icon_print{
display:none;
}
div.webrsvQR .ppctel{
margin:12px 0 0 24px;
background:url("../img/ppctel_icon.png") no-repeat 0 0;
color:#13131e;
cursor:default;
display:inline-block;
font-family:Arial;
font-size:192%;
font-weight:bold;
line-height:1.0;
min-height:24px;
padding:0 0 0 27px;
text-align:left;
text-shadow:0 1px 0 #ffffff;
white-space:nowrap;
}
a.collaborating_btn{
box-sizing:border-box;
width:200px;
height:42px;
line-height:42px;
padding:0;
margin:10px 10px 10px 0;
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;
}
.wom_box{
max-width:710px;
width:98%;
background:#fffee9 url("../img/wom_box_l.gif") repeat-y left top;
clear:both;
margin:0 auto;
text-align:center;
}
.wom_box .ttl{
background:url("../img/wom_box_ttl_r.gif") no-repeat right top;
color:#ffffff;
display:block;
font-size:13px;
height:28px;
line-height:1em;
margin:0;
padding:0;
width:100%;
}
.wom_box .handlename{
background:url("../img/wom_box_ttl.gif") no-repeat left top;
float:left;
height:20px;
margin:0;
padding:8px 0 0 28px;
text-align:left;
font-weight:bold;
}
.wom_box .ttl .date{
float:right;
height:20px;
margin:0;
overflow:hidden;
padding:8px 8px 0 0;
text-align:right;
font-weight:bold;
}
.wom_box .wbody{
background:url("../img/wom_box_r.gif") repeat-y right top;
clear:both;
color:#2f491b;
font-size:90%;
line-height:1.4em;
margin:0;
padding:8px 8px 0;
}
.wom_box .wbody::after{
clear:both;
content:"";
display:block;
height:0;
visibility:hidden;
}
.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;
}
.wom_box ul{
list-style-type:none;
margin:0;
padding:0;
}
.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;
}
.wom_box ul li.li01{background:url(../img/wom_li01.gif) no-repeat 0 0;}
.wom_box ul li.li02{background:url(../img/wom_li02.gif) no-repeat 0 0;}
.wom_box ul li.li03{background:url(../img/wom_li03.gif) no-repeat 0 0;
padding:0 0 10px 76px;
line-height:1.5em;
}
.wom_box ul li.li04{background:url(../img/wom_li04.gif) no-repeat 0 0;}
.wom_box dl{
margin:0;
padding:0;
}
.wom_box dt{
display:inline;/*ie6*/
font-size:85%;
line-height:20px;
float:left;
margin:0;
padding:0 4px 0 0;
color:#41605B;
}
.wom_box dd{
width:55px;
margin:0 18px 0 0;
padding:0;
height:20px;
float:left;
}
.wom_box dd .star5{background:url(../img/star5.gif) no-repeat 0 6px;height:14px;}
.wom_box dd .star4{background:url(../img/star4.gif) no-repeat 0 6px;height:14px;}
.wom_box dd .star3{background:url(../img/star3.gif) no-repeat 0 6px;height:14px;}
.wom_box dd .star2{background:url(../img/star2.gif) no-repeat 0 6px;height:14px;}
.wom_box dd .star1{background:url(../img/star1.gif) no-repeat 0 6px;height:14px;}
.wom_box dd .star0{background:url(../img/star0.gif) no-repeat 0 6px;height:14px;}
div#vicinity{
height:auto;
width:100%;
}
div#vicinity::after{
content:"";
display:block;
clear:both;
}
div#vicinity div.each{
width:33%;
float:left;
border-right:1px solid #cdcdcd;
border-left:1px solid #ffffff;
min-height:100px;
color:#36454F;
}
div#vicinity div.each a{
display:block;
width:100%;
height:100%;
}
div#vicinity div.each a:hover{text-decoration:none;}
div#vicinity div.nr{
border-right:0;
}
div#vicinity div.nl{
border-left:0;
}
div#vicinity div.bt{
border-top:1px solid #cdcdcd;
}
div#vicinity div.each div.tn{
background-color:#fff;
width:72px;
height:72px;
margin:0 0 9px 0;
padding:0 9px 0 0;
float:left;
}
div#vicinity div.each div.tn img{
border:1px solid #bbb;
margin:0;
padding:2px;
}
div#vicinity div.each div.nm{
margin:8px 0 0;
padding:6px;
font-weight:bold;
line-height:1.2em;
/* border-bottom:1px dotted #cdcdcd;*/
}
div#vicinity div.each div.nm a{
display:block;
}
div#vicinity div.each div.dmn{
font-size:12px;
line-height:1.3em;
color:#36454F;
margin:4px 0;
padding:0 6px;
}
div#vicinity div.each div.axs{
font-size:12px;
line-height:1.3em;
color:#A27336;
margin:4px 0;
padding:0 6px;
}
div#vicinity_pharmacy{
overflow:hidden;
height:auto;
width:100%;
}
div#vicinity_pharmacy::after{
content:"";
display:block;
clear:both;
}
div#vicinity_pharmacy div.each{
width:33%;
float:left;
border-right:1px solid #cdcdcd;
border-left:1px solid #ffffff;
min-height:100px;
}
div#vicinity_pharmacy div.each a{
display:block;
width:100%;
height:100%;
}
div#vicinity_pharmacy div.each a:hover{text-decoration:none;}
div#vicinity_pharmacy div.nr{
border-right:0;
}
div#vicinity_pharmacy div.nl{
border-left:0;
}
div#vicinity_pharmacy div.bt{
border-top:1px solid #cdcdcd;
}
div#vicinity_pharmacy div.each div.tn{
background-color:#fff;
width:80px;
height:45px;
margin:0 0 4px 0;
padding:0 9px 0 0;
float:left;
}
div#vicinity_pharmacy div.each div.tn img{
border:1px solid #bbb;
margin:0;
padding:2px;
}
div#vicinity_pharmacy div.each div.nm{
margin:8px 0 0;
padding:6px;
font-weight:bold;
line-height:1.2em;
/* border-bottom:1px dotted #cdcdcd;*/
}
div#vicinity_pharmacy div.each div.nm a{
display:block;
}
div#vicinity_pharmacy div.each div.dmn{
font-size:12px;
line-height:1.3em;
margin:4px 0;
padding:0 6px;
}
div#vicinity_pharmacy div.each div.axs{
font-size:12px;
line-height:1.3em;
color:#A27336;
margin:4px 0;
padding:0 6px;
}
div#vicinity p.epark_rsv{background-color:#e67e22;}
div#vicinity p.epark_ppc{background-color:#8fc31f;}
div#vicinity p.exc_wom{background-color:#75c936;}
div#vicinity_pharmacy p.shoho_support{background-color:#eb6566;}
div#vicinity p.netlabel,div#vicinity_pharmacy p.netlabel{
border-radius:3px;
color:#fff;
display:inline-block;
font-size:12px;
padding:2px 5px;
line-height:1.5em;
margin:0 4px 4px 0;
}
div.online_installed{
float:left;
width:80px;
height:49px;
margin:3px;
padding:0;
display:block;
font:0px/0px sans-serif;
}
div.only_revisitor{
background:url("../img/online_installed1.png") no-repeat 0 0;background-size:80px 49px;-moz-background-size:80px 49px;-webkit-background-size:80px 49px;-o-background-size:80px 49px;
}
div.only_first_visitor{
background:url("../img/online_installed2.png") no-repeat 0 0;background-size:80px 49px;-moz-background-size:80px 49px;-webkit-background-size:80px 49px;-o-background-size:80px 49px;
}
div.both_visitors{
background:url("../img/online_installed3.png") no-repeat 0 0;background-size:80px 49px;-moz-background-size:80px 49px;-webkit-background-size:80px 49px;-o-background-size:80px 49px;
}
div.mynumbercard_available a{
float:left;
width:90px;
height:49px;
margin:3px 0 3px 12px;
padding:0;
display:block;
font:0px/0px sans-serif;
background:url("../img/mynumbercard_available3.png") no-repeat 0 0;background-size:90px 49px;-moz-background-size:90px 49px;-webkit-background-size:90px 49px;-o-background-size:90px 49px;
}
div.febrile_acceptance{
float:left;
width:52px;
height:49px;
margin:3px 0 3px 12px;
padding:0;
display:block;
font:0px/0px sans-serif;
background:url("../img/febrile_acceptance3.png") no-repeat 0 0;background-size:52px 49px;-moz-background-size:52px 49px;-webkit-background-size:52px 49px;-o-background-size:52px 49px;
cursor:pointer;
}
.modal-container{z-index:1024;position:fixed;top:0;left:0;width:100%;height:100%;padding:10px;text-align:center;background:rgba(0,0,0,50%);overflow:auto;opacity:0;display:none;transition:.3s;box-sizing:border-box;}.modal-container:before{content:"";display:inline-block;vertical-align:middle;height:100%;}.modal-container.active{opacity:1;display:block;}.modal-body{position:relative;display:inline-block;vertical-align:middle;width:80%;max-width:420px;border-radius:8px;background:#fff;}.modal-close{position:absolute;display:flex;align-items:center;justify-content:center;top:0px;right:0px;width:32px;height:32px;font-size:32px;color:#121212;cursor:pointer;}.modal-content{text-align:left;padding:30px 34px 30px 30px;}
/* foreign language icons ----------------------*/
div.avail_langs{
display:none;
clear:both;
}
div.avail_langs .lang{
float:left;
width:34px;
height:34px;
margin:3px;
padding:0;
display:block;
font:0px/0px sans-serif;
}
div.avail_langs .eng{
background:url("./overture/lang/eng.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .chn{
background:url("./overture/lang/chn.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .chn2{
background:url("./overture/lang/chn2.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .esp{
background:url("./overture/lang/esp.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .fra{
background:url("./overture/lang/fra.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .prt{
background:url("./overture/lang/prt.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .deu{
background:url("./overture/lang/deu.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .ita{
background:url("./overture/lang/ita.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .rus{
background:url("./overture/lang/rus.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .kor{
background:url("./overture/lang/kor.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .tur{
background:url("./overture/lang/tur.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .phl{
background:url("./overture/lang/phl.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .tha{
background:url("./overture/lang/tha.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .arb{
background:url("./overture/lang/arb.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .sgn{
background:url("./overture/lang/sgn.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
div.avail_langs .vnm{
background:url("./overture/lang/vnm.png") no-repeat 0 0;
background-size:34px 34px;
-moz-background-size:34px 34px;
-webkit-background-size:34px 34px;
-o-background-size:34px 34px;
}
/* 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:240px;
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;
}
aside 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;
}
aside 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;
}
aside a.l_btn:hover::after{
right:-.05em;
}
aside a.l_btn:first-child{margin-top:42px;}
aside a#see_mylist{
background-color:#fffff6;
border:4px solid #ffe72d;
color:#374552;
}
aside 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;
}
aside #see_mylist #badge{
z-index:101;
position:absolute;
}
aside #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;
}
aside a#add_mylist{
background-color:#fffff6;
border:4px solid #ffe72d;
color:#374552;
}
aside a#add_mylist::before{
content:"";
display:inline-block;
width:26px;
height:21px;
margin:-5px 5px 0 0;
background:url("../img/add_mylist_icon.v2.png") no-repeat;
background-position:center center;
background-size:26px 21px;
vertical-align:middle;
}
aside a#post_review{
background-color:#fff7ce;
border:4px solid #f5a202;
color:#374552;
}
aside a#post_review::before{
position:absolute;
top:8px;
left:6px;
content:"";
display:inline-block;
width:39px;
height:29px;
margin:-5px 5px 0 0;
background:url("../img/post_review_icon.v2.png") no-repeat;
background-position:center center;
background-size:39px 29px;
vertical-align:middle;
}
aside a#to_railway{
background-color:#fcfcfb;
border:4px solid #d67a73;
color:#374552;
}
aside 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;
}
a:link{text-decoration:none;color:#0063CF;}
a:visited{text-decoration:none;color:#0063CF;}
a:active{text-decoration:none;color:#0063CF;}
a:hover{text-decoration:underline;color:#0063CF;}
div.clrflt{clear:both;}
div#warning{
width:100%;
margin:4px auto;
padding:0;
text-align:left;
line-height:1.5em;
}
div#appendix,div#appendix2{
width:92%;
padding:15px;
text-align:left;
font-size:80%;
line-height:1.5em;
}
div#appendix{margin:126px auto 4px;background-color:#e6f9f5;}
div#appendix2{margin:16px auto 4px;background-color:#F5F7F6;}
.xs{
font-size:65%;
line-height:1.2em;
color:#000000;
}
.s{
font-size:70%;
line-height:1.2em;
color:#000000;
}
.ms{
font-size:80%;
line-height:1.4em;
color:#000000;
}
.m{
font-size:100%;
line-height:1.4em;
color:#000000;
}
.bc00{font-weight:bold;color:#cc0000;}
.d50{color:#d25400;}
.cap{color:#15428b;}
.gld{color:#895c01;}