@charset "utf-8";

/*  reset
---------- ---------- ---------- */
div#ContentsArea{
    width: 100%;
    margin: 0;
    background: url(../../../../img/ss/measure/selecting/bg_content.png) 0 0 repeat-x;
}

div#ContentsLayout{
    margin: 0;
    padding: 0 0 30px;
}

div#ContentsLayoutInner{
    margin: 0;
    padding: 0;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child{
    padding-top: 0;
}

div#ContentsLayout.SingleWide.NoFrame div#MainContent{
    width: 100%;
}


div#ContentsArea #MainContentBody #LoginForm{
    width: 970px;
    display: block;
    margin: 0 auto;
}



/*  HeaderAreaCustom
---------- ---------- ---------- ---------- ---------- */
div#HeaderAreaCustom{
    background: #1D1F21 url(../../../../img/ss/measure/selecting/bg_header.png) 0 0 repeat-x;
    border-bottom: 3px #CE0010 solid;

}

div#HeaderAreaCustom .HeaderCustomWrap{
    width: 970px;
    display: block;
    margin: 0 auto;
    position: relative;
    min-height: 20px;
    padding: 8px 0;
}

div#HeaderAreaCustom .HeaderCustomWrap{
    *zoom: 1;
}
div#HeaderAreaCustom .HeaderCustomWrap:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}

div#HeaderAreaCustom .Logo{
    float: left;
    width: 120px;
}

div#HeaderAreaCustom .HeaderLinks{
    float: right;
}

div#HeaderAreaCustom .HeaderLinks .LinkList li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 20px;
    vertical-align: middle;
}

div#HeaderAreaCustom .HeaderLinks .LinkList li a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 3px 0 3px 15px;
    color: #FFF;
    background: url(../../../../img/ss/measure/selecting/icon_arrow_w.png) 0 50% no-repeat;
}

div#HeaderAreaCustom .HeaderLinks .LinkList li.Tel a{
    background: url(../../../../img/ss/measure/selecting/icon_tel_w.png) 0 50% no-repeat;
    cursor: default;
}

div#HeaderAreaCustom .HeaderLinks .LinkList li.Tel a:hover,
div#HeaderAreaCustom .HeaderLinks .LinkList li.Tel a:focus{
    text-decoration: none;
}


/*  FooterAreaCustom
---------- ---------- ---------- ---------- ---------- */
div#FooterAreaCustom{
    border-top: 1px #CCC solid;
}

div#FooterAreaCustom .FooterCustomWrap{
    width: 970px;
    display: block;
    margin: 0 auto;
    position: relative;
    min-height: 20px;
    padding: 15px 0 40px 0;
}

div#FooterAreaCustom .HeaderCustomWrap{
    *zoom: 1;
}

div#FooterAreaCustom .HeaderCustomWrap:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}

div#FooterAreaCustom .FooterGroup1{
    float: left;
}

div#FooterAreaCustom .FooterGroup1 .FooterLogo{
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

div#FooterAreaCustom .FooterGroup1 .Copyright{
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #666;
    font-size: 0.91em;
}

div#FooterAreaCustom .FooterGroup1 .FooterUtilityList{
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0.91em;
    letter-spacing: -.4em;
}

div#FooterAreaCustom .FooterGroup1 .FooterUtilityList li{
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 1px 10px 0;
    border-right: 1px #666 solid;
    color: #666;
    letter-spacing: normal;
}

div#FooterAreaCustom .FooterGroup1 .FooterUtilityList li:last-child{
    border: none;
}

div#FooterAreaCustom .FooterGroup1.type01{
    display: flex;
    align-items: center;
}

div#FooterAreaCustom .FooterGroup1.type01 .FooterLinkList{
    display: flex;
    align-items: center;
}

div#FooterAreaCustom .FooterGroup1.type01 .FooterLinkList li{
    padding: 0 10px;
    list-style: none;
    color: #666;
    font-size: 0.91em;
}

div#FooterAreaCustom .FooterGroup1.type01 .FooterLinkList li:first-child{
    padding-left: 0;
}

div#FooterAreaCustom .FooterGroup1.type01 .FooterLinkList li + li{
    border-left: 1px solid #a6a6a6;
}

div#FooterAreaCustom .FooterGroup1.type01 .FooterLinkList li a{
    color: #666;
}

div#FooterAreaCustom .FooterGroup2{
    float: right;
}

div#FooterAreaCustom .FooterGroup2 .PageTop{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


div#FooterAreaCustom .FooterGroup2 .PageTop a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 3px 0 3px 12px;
    color: #666;
    background: url(../../../../img/ss/measure/selecting/mkr_arw_gray_top.png) 0 50% no-repeat;
    font-size: 0.91em;
}


/*  MeasurementSelection
---------- ---------- ---------- ---------- ---------- */
#MeasurementSelection{
    width: 970px;
    display: block;
    margin: 0 auto;
}

/*  PageTitleBox
---------- ---------- ---------- ---------- ---------- */
#MeasurementSelection .PageTitleBox{
    margin-bottom: 40px;
    padding-top: 40px;
}

#MeasurementSelection .PageTitleBox .Lead{
    font-size: 20px;
    font-weight: bold;
    color: #666;
    margin-bottom: 15px;
}

#MeasurementSelection .PageTitleBox .Title{
    font-size: 40px;
    font-weight: bold;
    color: #12723A;
    padding-left: 20px;
    border-left: 7px #12723A solid;
}

/*  PageListBoxWrap
---------- ---------- ---------- ---------- ---------- */
#MeasurementSelection .PageListBoxWrap {
    display: -ms-flexbox;
    display: flex;
}

/*  PageListBox
---------- ---------- ---------- ---------- ---------- */
#MeasurementSelection .PageListBox{
    padding: 8px;
    background: #EAF7E6;
    margin-bottom: 30px;
}

#MeasurementSelection .PageListBox .Lead{
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0;
}

#MeasurementSelection .PageListBox ul{
    margin-left: -8px;
    margin-bottom: 0;
}

#MeasurementSelection .PageListBox ul{
    *zoom: 1;
}

#MeasurementSelection .PageListBox ul:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}

#MeasurementSelection .PageListBox ul li{
    float: left;
    margin: 8px 0 0 8px;
    width: 228px;
    border: 1px #CCC solid;
    list-style-type: none;
    background: #FFF;
    padding: 1px;
}

#MeasurementSelection .PageListBox ul li a{
    *zoom: 1;
}

#MeasurementSelection .PageListBox ul li a:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}

#MeasurementSelection .PageListBox ul li a{
    display: block;
    background: url(../../../../img/ss/measure/selecting/bg_select.png) 0 0 repeat-x;
    padding: 0 5px;
    font-weight: bold;
    color: #666;
}

#MeasurementSelection .PageListBox ul li.Current a{
    background: #0E7138 url(../../../../img/ss/measure/selecting/bg_selectbtn.png) 0 0 repeat;
    color: #FFF;
}

#MeasurementSelection .PageListBox ul li a:hover{
    background: #0E7138 url(../../../../img/ss/measure/selecting/bg_selectbtn.png) 0 0 repeat;
    color: #FFF;
    text-decoration: none;
}

#MeasurementSelection .PageListBox ul li a .Icon{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    background: #FFF;
    border: 1px solid #CCC;
    cursor: pointer;
}

#MeasurementSelection .PageListBox ul li a .Text{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 145px;
    font-size: 14px;
    padding-left: 5px;
    cursor: pointer;
    box-sizing: border-box;
}

#MeasurementSelection .PageListBox ul li a .Mkr{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    min-height: 72px;
}

/*  CvBnrBox
---------- ---------- ---------- ---------- ---------- */
#MeasurementSelection .CvBnrBox{
    -ms-flex: 1 1 auto;
    flex-grow: 2;
    padding: 20px 13px;
    background: #E9E9E9;
    margin-bottom: 30px;
}

#MeasurementSelection .CvBnrList{
    margin: 0;
}

#MeasurementSelection .CvBnrList li{
    margin: 0;
    padding: 0;
    background: none;
}

#MeasurementSelection .CvBnrList li + li{
    margin-top: 15px;
}

#MeasurementSelection .CvBnrList li .Bnr{
    display: block;
    text-decoration: none;
}

#MeasurementSelection .CvBnrList li .Bnr:hover,
#MeasurementSelection .CvBnrList li .Bnr:focus{
    opacity: .8;
}

#MeasurementSelection .CvBnrList li .Bnr .ThumbContent{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    padding: 10px;
    word-break: break-all;
}

#MeasurementSelection .CvBnrList li .Bnr .ThumbContent .Thumbnail{
    display: block;
    -ms-flex-order: -1;
    order: -1;
}

#MeasurementSelection .CvBnrList li .Bnr .ThumbContent .Thumbnail > img{
    max-width: 61px;
}

#MeasurementSelection .CvBnrList li .Bnr .ThumbContent .Title{
    display: block;
    margin-left: 10px;
    color: #fff;
    font-size: 1.416666em;
    font-weight: bold;
    line-height: 1.2;
}

#MeasurementSelection .CvBnrList li .Bnr.Bg1{
    border: 1px solid #000;
}

#MeasurementSelection .CvBnrList li .Bnr.Bg1 .ThumbContent{
    background: #26303A url(../../../../img/common/bg_thumb_block_01.jpg) no-repeat 0 0;
}

#MeasurementSelection .CvBnrList li .Bnr.Bg2{
    border: 1px solid #40a1a7;
}

#MeasurementSelection .CvBnrList li .Bnr.Bg2 .ThumbContent{
    background: #26303A url(../../../../img/common/bg_thumb_block_02.jpg) no-repeat 0 0;
}

#MeasurementSelection .CvBnrList li .Bnr .Text{
    display: block;
    padding: 1px 5px;
    background: #fff;
    font-size: 1.166666em;
    text-align: center;
    color: #e60012;
}

#MeasurementSelection .CvBnrList li .Bnr .Text .TextInner{
    display: inline-block;
    padding: 0 0 0 14px;
    background: url(../../../../img/common/mkr_tabnav_dl.png) 0 50% no-repeat;
}

/*  Contents
---------- ---------- ---------- ---------- ---------- */
#MeasurementSelection .ContentsBox{
    margin-bottom: 40px;
}

#MeasurementSelection .ContentsBox .ContTitleBox .Title{
    background: #00821A url(../../../../img/ss/measure/selecting/bg_maintitle.png) right top no-repeat;
    padding: 10px;
    font-size: 20px;
    color: #FFF;
    border: 1px #C0E2C6 solid;
}

#MeasurementSelection .ContentsBox .Lead{
    font-size: 14px;
}

#MeasurementSelection .ContentsBox .ContWrap{
    border: 1px solid #CEECC6;
    background: #EAF7E6;
    padding: 14px;
}

#MeasurementSelection .ContentsBox .ContWrap.NotBottom{
    margin-bottom: 30px;
}

#MeasurementSelection .ContentsBox .ContItemBox{
    background: #FFF;
    padding: 10px 10px 0;
    margin-top: 16px;
}

#MeasurementSelection .ContentsBox .ContItemBox .ItemTitle{
    padding: 10px 0;
    border-bottom: 4px solid #0E7138;
    margin-bottom: 15px;
}

#MeasurementSelection .ContentsBox .ContItemBox .ItemTitle.Blank{
    font-size: 16px;
    font-weight: bold;
}

#MeasurementSelection .ContentsBox .ContItemBox .ThumbBlock .Thumbnail{
    width: 250px;
    text-align: center;
    margin-right: 15px;
}

#MeasurementSelection .ContentsBox .ContItemBox .ThumbBlock .Thumbnail img{
    width: 250px;
    height: auto;
}

/* ex reset */
#MeasurementSelection .ContentsBox .ThumbBlock{
    *zoom: 1;
}

#MeasurementSelection .ContentsBox .ThumbBlock:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}

#MeasurementSelection .ContentsBox .ThumbBlock .Thumbnail{
    display: block;
    float: left;
    margin-right: 10px;
}

#MeasurementSelection .ContentsBox .ThumbBlock .ThumbContent{
    overflow: hidden;
    word-wrap: break-word;
}

#MeasurementSelection .ContentsBox .mainItem{
    margin-bottom: 20px;
}

#MeasurementSelection .ContentsBox .mainItem .PointBox{
    padding: 5px;
    border: 2px solid #E8AB11;
    background: #FEFAEF;
    margin-bottom: 16px;
}

#MeasurementSelection .ContentsBox .PointBox .Title{
    font-size: 14px;
    color: #FFF;
    background: #E8AB11 url(../../../../img/ss/measure/selecting/icon_point.png) 5px center no-repeat;
    padding: 5px 10px 5px 25px;
    margin-bottom: 16px;
    text-transform: none;
}

#MeasurementSelection .ContentsBox .PointBox ul{
    padding: 0 5px;
}

#MeasurementSelection .ContentsBox .Thumbnail{
    width: 250px;
    border: 1px solid #CCC;
}

/* OtherInfo */
#MeasurementSelection .ContentsBox .ContItemBox .OtherInfo{
    padding: 10px;
    background: #EFF4E8;
}

#MeasurementSelection .ContentsBox .ContItemBox .OtherInfo .Title{
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 14px;
    border-bottom: 2px solid #0E7138;
    margin-bottom: 10px;
}

#MeasurementSelection .ContentsBox .ContItemBox .OtherInfo .Thumbnail{
    width: 80px;
    height: 80px;
    border: 1px solid #CCC;
    margin-right: 20px;
    background: #FFF;
}

#MeasurementSelection .ContentsBox .ContItemBox .OtherInfo .Thumbnail img{
    width: 80px;
    height: auto;
}

#MeasurementSelection .ContentsBox .ContItemBox .OtherInfo .ThumbContent .InfoBtnList{
    text-align: right;
    margin: 0 0 0 -10px;
}

#MeasurementSelection .ContentsBox .ContItemBox .OtherInfo .ThumbContent .InfoBtnList li{
    list-style-type: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: none;
    font-size: 1.25em;
}
#MeasurementSelection .ContentsBox .ContItemBox .OtherInfo .ThumbContent .InfoBtnList li a{
    padding: 6px 10px;
}

/* BannerArea */
#MeasurementSelection .ContentsBox .BannerArea .Title{
    padding: 2px 0 6px;
    border-bottom: 1px #CACACA solid;
    line-height: 1.25;
    font-size: 1.33em;
}

#MeasurementSelection .ContentsBox .BannerArea .Title .Inner{
    padding: 0 0 0 6px;
    border-left: 3px #12723A solid;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -20px;
    padding: 0 14px 0;
}

div#MainContent #MeasurementSelection .ContentsBox .BannerArea .BannerList li{
    margin: 15px 0 0 20px;
    padding: 0;
    width: 461px;
    border: 1px #CCC solid;
    background-image: none;
    box-sizing: border-box;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList li a{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList li .BannerTxt{
    padding: 0 20px;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList li .BannerTxt > *{
    display: block;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList li .BannerTitle{
    font-size: 1.16em;
    font-weight: bold;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList li .BannerSubTitle{
    margin-top: 8px;
    color: #666;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList li a:hover,
#MeasurementSelection .ContentsBox .BannerArea .BannerList li a:focus{
    text-decoration: none;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList li a:hover img,
#MeasurementSelection .ContentsBox .BannerArea .BannerList li a:focus img{
    opacity: .8;
}

#MeasurementSelection .ContentsBox .BannerArea .BannerList li a:hover .BannerTitle,
#MeasurementSelection .ContentsBox .BannerArea .BannerList li a:focus .BannerTitle{
    text-decoration: underline;
}