@charset "utf-8";
body,html {min-width:980px;}
div#wom_box {
width:90%;
box-sizing: border-box;
position: relative;
margin: 52px auto 2px;
padding:8px 24px 14px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #fff;
border: 4px solid #f9c802;
text-align:center;
}
div#wom_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/submit_wom_box_tab.jpg') no-repeat left top;
}

div.h_left{
width:90%;
margin:0 auto;
text-align:left;
height:44px;
}
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:link{color:#fff;} */
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.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;
}

#hdl {
width:90%;
margin: 0 auto;
padding-top:12px;
text-align:left;
}

div#warning {
width:90%;
margin: 12px auto 24px auto;
padding: 0px;
text-align: left;
}

table#form_to_fill {
border-spacing: 0;
empty-cells: show;
font-size: 16px;
line-height: 1.5em;
margin: 0 auto 8px;
table-layout: fixed;
width: 100%;
}
table#form_to_fill td {
padding: 0 0 16px 4px;
line-height: 1.5em;
}
table#form_to_fill td.ele {
white-space: nowrap;
vertical-align:top;
width:100px;
}

table#check_review {
border-spacing: 0;
empty-cells: show;
margin: 8px;
table-layout: fixed;
}
table#check_review td {
font-size: 15px;
line-height: 1.2em;
padding: 8px;
white-space: nowrap;
text-align:center;
vertical-align:middle;
width:42px;
}
table#check_review td.item {
text-align:left;
width:110px;
}

form#wom select.selectdmn {
border: 3px solid #f9c802;
border-radius: 5px;
color: #0c2245;
cursor: pointer;
font-size: 16px;
height: 28px;
line-height: 28px;
margin: 2px;
text-align: left;
text-indent: 5px;
vertical-align: middle;
width: 60%;
background-color:#fff;
}
form#wom textarea#cmt {
background-color:#ffffff;
border:1px solid #cdcdcd;
}

form#wom input[type=text] {
border: 1px solid #cdcdcd;
font-size: 16px;
height: 24px;
line-height: 1.0em;
padding: 2px;
width: 320px;
}

div#warncmt {
margin: 0px auto;
padding: 0px;
text-align: center;
color: #cc0000;
}

div#cmtLength{
color: #cc0000;
}

form#wom button.post_wom {
position: relative;
border: none;
display: block;
width: 100%;
height:64px;
max-width: 300px;
padding: 10px;
border-radius: 5px;
background-color: #f7b332;
color: #fff;
font-size:18px;
font-weight: bold;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
margin: 24px auto;
}
form#wom button.post_wom:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 46px;
height: 46px;
margin: -23px 0 0 0;
background:url('../img/post_wom_icon.png') no-repeat left top;
background-size:46px 46px;
}
form#wom button.post_wom:hover {
background-color:#ffcc00;
color:#ac6a00;
}


form#wom input[type=radio] {
width: 20px;
height: 20px;
vertical-align: middle;
}

.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;
}
.mmsnl {
font-size: 85%;
line-height:1.0em;
color:#000000;
}
.mms {
font-size: 85%;
line-height:1.3em;
color:#000000;
}
.m {
font-size: 100%;
line-height:1.2em;
color:#000000;
}

.bc00 {
font-weight:bold;
color:#cc0000;
}

.cap { color: #ffffff; font-weight: bold; }
.gld { color: #895c01; }
.c00 { color: #cc0000; }

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; }

p {
display: inline;
}

.dgrn {color:#006600;}
