@charset "utf-8";

/* トップ */
#sizeorder11 .sizeorder11_top {}
#sizeorder11 .sizeorder11_top h2 { margin-bottom:0; }
#sizeorder11 .sizeorder11_top ol {}
#sizeorder11 .sizeorder11_top ol li {}
#sizeorder11 .sizeorder11_top dl {}
#sizeorder11 .info { margin:9px 17px 29px 17px; padding:12px; background-color:#d9f2fb; }
#sizeorder11 .info dt { margin-bottom:8px; }
#sizeorder11 .info dd {}
#sizeorder11 .caution { border:solid 1px #d2d2d2; margin-bottom:20px; padding:15px 20px; color:#333; }
#sizeorder11 .caution h3 { background:url(/resource/club_com/services/otoriyose01/images/sizeorder11/sizeorder11_icon_ex.gif) no-repeat left top; padding:2px 0 14px 32px; font-size:14px; font-weight:bold; height:auto; line-height:inherit; }
#sizeorder11 .caution h4 { background-image:none; height:auto; padding:0 0 6px 32px; font-weight:bold; }
#sizeorder11 .caution ul { padding:0 0 14px 32px; }
#sizeorder11 .caution ul li { padding-left:0.5em; text-indent:-0.5em; }
#sizeorder11 .caution p{ padding:0 0 0 32px; }
#sizeorder11 .flow {}
#sizeorder11 .flow h3 { padding:0; height:auto; }
#sizeorder11 .flow ol {}
#sizeorder11 .flow ol li { float:left; }
#sizeorder11 .fcR { color:#e63228; }

/* 共通 */
#otoriyose01 .servicesContentBody { background-image:none; margin:0; padding:0; }

#sizeorder11_head {margin-top: 10px;    background-color: #f9f6f2;}
#sizeorder11_head h1 { margin-bottom:6px; }
#sizeorder11_head p {}
#sizeorder11_head p.sizeorder11_nav_btn { position:absolute; left:551px; top:131px; }
#sizeorder11_head ul { margin-bottom:1px; }
#sizeorder11_head ul li { float:left; }
#sizeorder11_head .textHead{background-color: #f9f6f2;padding: 35px;}
#sizeorder11_head .textHead h2{text-align: center;font-size: 30px;color: #0296ce;line-height: 30px;}
#sizeorder11_head .textHead .headLead{
  text-align: center;
  color: #333;
  font-size: 16px;
  margin-top: 10px;
}
#sizeorder11_head .sizeorder11_body{
    background-color: #fff;
    padding: 0 0 30px 0;
    width: 696px;
    margin: 0 auto;
}
#sizeorder11_head .sizeorder11_body_btm{
        width: 610px;
    margin: 0 auto;
}
#sizeorder11_head .sizeorder11_body_btm a{
    display: block;
    float: left;
}
#sizeorder11_head .sizeorder11_body_btm a:hover img{
        opacity: 0.8;
        filter:alpha(opacity=80); /* IE 6,7*/
        -ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
        -moz-opacity:0.8; /* FF , Netscape */
        -khtml-opacity: 0.8; /* Safari 1.x */
        opacity:0.8;
        zoom:1; /*IE*/
}

#sizeorder11_foot {}
#sizeorder11_foot ul { margin-bottom:20px;width: 763px; }
#sizeorder11_foot ul li { float:left; }

#sizeorder11_cnt { margin-bottom:20px; }
#sizeorder11_cnt .imgHover a:hover{
      opacity: 0.8;
      filter:alpha(opacity=80); /* IE 6,7*/
      -ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
      -moz-opacity:0.8; /* FF , Netscape */
      -khtml-opacity: 0.8; /* Safari 1.x */
      opacity:0.8;
      zoom:1; /*IE*/
}
#sizeorder11_cnt h2 { margin-bottom:21px; }
#sizeorder11_cnt_table { width:100%; border-collapse:collapse;table-layout: fixed; }
#sizeorder11_cnt_table th { border:solid 1px #d5dbdc; border-top-color:#d5dbdc; border-bottom:none; background-color:#f1f1f1; padding:8px 2px; font-weight:bold; vertical-align:middle; text-align:center; }
#sizeorder11_cnt_table th.sizeorder11_cnt_table01 { border-left-color:#d5dbdc; }
#sizeorder11_cnt_table th.sizeorder11_cnt_table02 {}
#sizeorder11_cnt_table th.sizeorder11_cnt_table03 {}
#sizeorder11_cnt_table th.sizeorder11_cnt_table04 {}
#sizeorder11_cnt_table th.sizeorder11_cnt_table05 {}
#sizeorder11_cnt_table th.sizeorder11_cnt_table06 {}
#sizeorder11_cnt_table th.sizeorder11_cnt_table07 {}
#sizeorder11_cnt_table th.sizeorder11_cnt_table08 { border-right-color:#d5dbdc; }
#sizeorder11_cnt_table th span { display:block; margin-top:4px; padding:6px; background-color:#f6fcfe; font-size:10px; text-align:left; }
#sizeorder11_cnt_table td { border:solid 1px #d5dbdc; padding:8px; text-align:center; vertical-align:middle; }
#sizeorder11_cnt_table .spec{text-align: left;}
#sizeorder11_cnt_table .spec dt{font-weight: bold;font-size: 11px;}

#sizeorder11_cnt_table .spec dd{
width: 140px;
word-wrap: break-word;
}
#sizeorder11_cnt_table .size dl{
  width: 116px;
}
#sizeorder11_cnt_table .spec:last-child dl dt,
#sizeorder11_cnt_table .spec:last-child dl dd{
  display: inline;
}
#sizeorder11_cnt_table .spec:last-child dl:last-child dt,
#sizeorder11_cnt_table .spec:last-child dl:last-child dd{
  display: block;
}
#sizeorder11_cnt_table .size dt,
#sizeorder11_cnt_table .size dd{
  width: 116px;
  display: inline;
}
#sizeorder11_cnt_table .inlineTxt dt,
#sizeorder11_cnt_table .inlineTxt dd{}
/*
#sizeorder11_cnt_table .sizeorder11_cnt_table_hover_td { padding:4px 0 4px 4px; }
#sizeorder11_cnt_table .sizeorder11_cnt_table_hover { position:relative; padding:4px 12px 4px 8px; background-color:#ffffff; cursor:pointer; z-index:1\9; }
#sizeorder11_cnt_table .sizeorder11_cnt_table_hover dl { margin:0; }
*/


#sizeorder11_cnt_table .hoverImg {position: relative;padding:10px;}
#sizeorder11_cnt_table .hoverImg .zoomBtn {position: absolute;bottom: 5px;right: 0;}
/*
#sizeorder11_cnt_table .hoverBox { background-color:#ffffff; border:4px solid #999999; position:absolute; top:-220px; left:143px; width:537px; z-index:999; text-align:left; display:none; cursor:default; _left:74px; }
#sizeorder11_cnt_table .hoverBox .close { background: url(/resource/club_com/services/otoriyose01/images/sizeorder11/common/sizeorder11_hoverBox_btn_close.gif) no-repeat left center; margin:14px 0 0 14px;  }
#sizeorder11_cnt_table .hoverBox .close a { padding-left:20px; }
#sizeorder11_cnt_table .hoverBox .figure { margin-top:-14px; text-align:center; }
#sizeorder11_cnt_table .hoverBox .figure img { width:280px; height:280px; }
#sizeorder11_cnt_table .hoverBox .dataTable { width:100%; border-collapse:collapse; table-layout:fixed; }
#sizeorder11_cnt_table .hoverBox .dataTable th { background-color:#efefef; font-weight:bold; }
#sizeorder11_cnt_table .hoverBox .dataTable th,
#sizeorder11_cnt_table .hoverBox .dataTable td { border:1px solid #d5dbdc; padding:4px 10px; vertical-align: middle; text-align:left; word-wrap:break-word; }
#sizeorder11_cnt_table .hoverBox .dataTable .btnLink03 { margin: 0; }
#sizeorder11_cnt_table .hoverBox .dataTable .btnLink03 a { min-width: 150px; width: 150px; }
#sizeorder11_cnt_table .hoverBox .dataT8able_wrap { margin:0 15px; }
#sizeorder11_cnt_table .hoverBox .hoverBtn { margin:10px 0 15px 0; text-align:center; }
*/
#sizeorder11 .sizeorder11_cnt{
  margin-top: 90px;
}
#sizeorder11_flow h3,
#sizeorder11_foot h3{
    font-size: 22px;
    font-weight: normal;
    border-left: 1px solid #0296ce;
    text-indent: 0.5em;
    margin-bottom: 10px;
    color: #0296ce;
}
#sizeorder11_flow ul li{
  float: left;
  margin-left: 2px;
}
#sizeorder11_flow ul li:first-child{
  margin-left: 0;
}
#sizeorder11_caution .sizeorder11_cnt{
  margin-top: 70px;
}

a.btn:hover img {
opacity: 0.75; /* Standard: Firefox 1.5以上, Opera, Safari */
filter: alpha(opacity=75); /* IE 8 */
_filter: "alpha(opacity=75)";/* IE 8以下 */
-khtml-opacity: 0.75; /* Safari 1.x */
-moz-opacity: 0.75; /* Firefox 1.5以下, Netscape */
}

#sizeorder11 #sizeorder11 .mod_linkListed {
    background: url(/resource/images/shared/icn/arrow-black-mkr.png) no-repeat left 5px;
    display: inline-block;
    padding: 3px 0 3px 17px;
}
#otoriyose01 #sizeorder11 .bottom-box ul li {}

body.view2 div.view2_supplier_ProcedureArea { z-index:1 !important; }





/*モーダル*/
.modal-overlay {
    z-index:100;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;/*for old Safari*/
    height:100vh;
    background-color:#000;
    opacity: 0.3;}
.modal-overlay (:target) {height:100%\9} /* IE9,10 */
a.modal-open:hover {cursor:pointer}
.modal-content {
    position:fixed;
    display:none;
    z-index:9999;
    margin:10px;
    padding: 34px 34px 15px;
    background:#fff}
.modal-content img {width:auto;max-height:70vh;position: relative;z-index:9999;}
.modal-content h1 {font-size:120%; margin-bottom:0.5em;position: relative;z-index:9999;}
.modal-content p {max-width:565px; text-align:left;position: relative;z-index:9999;}
a.modal-close {
position: absolute;
    top: 10px;
    z-index: 9999;
    right: 10px;
    color: #333;
    width: 20px;
    height: 19px;
    font-size: 25px;
    line-height: 1;
    font-weight: bold;
    text-decoration: none;
    background-image: url(/resource/images/shared/btn/2014new_lmodal_btn_c.gif);
    background-repeat: no-repeat;
  display: block;
}
a.modal-close:hover {
    cursor:pointer;
    opacity:.6}
.modal-content .footBlock .footCloseBtn {
    display: block;
    width: 90px;
    margin: 0 auto;
}
@media screen and (max-height: 640px) {
    .modal-content {padding:10px}
    .modal-content h1 {font-size:100%; margin-bottom:3px}
    .modal-content p {font-size:75%;width:70%; margin:auto}
    a.modal-close:hover {opacity:1}
}
@media screen and (max-width: 640px) {
    .modal-content {padding:10px}
    .modal-content img {max-height:inherit; width:100%; height:auto}
    .modal-content p {font-size:75%; width:100%;}
    a.modal-close:hover {opacity:1}
}
/*モーダル*/