@charset "utf-8";

/*  reset
---------- ---------- ---------- */
div#ContentsArea {
    width: 100%;
    margin: 0;
    background: url(../../../../img/ss/products/vision/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 .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;
    }


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

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

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

#Selection .PageTitleBox .Title{
    font-size: 40px;
    font-weight: bold;
    color: #2c7fab;
    padding-left: 20px;
    border-left: 7px #2c7fab solid;
    }


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

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

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

#Selection .PageListBox ul{ *zoom : 1; }
#Selection .PageListBox ul:after{ content : ''; display : block; clear : both; height:0; }


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

#Selection .PageListBox ul li a{ *zoom : 1; }
#Selection .PageListBox ul li a:after{ content : ''; display : block; clear : both; height:0; }

#Selection .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;
    }

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

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

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

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

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



/*  Contents
---------- ---------- ---------- ---------- ---------- */

 #Selection .ContentsBox{
    margin-bottom: 40px;
    }

#Selection .ContentsBox .ContTitleBox .Title{
    background: #2c7fab url(../../../../../img/ss/products/vision/selecting/bg_maintitle.png) right top no-repeat;
    padding: 10px;
    font-size: 20px;
    color:#FFF;
    border: 1px #3ea8dc solid;
    }

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

#Selection .ContentsBox .ContWrap{
    border: 1px solid #cee6ef;
    background: #e7f4fa;
    padding: 14px;
    }

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

#Selection .ContentsBox .ContItemBox .ItemTitle{
    padding: 10px 0;
    border-bottom: 4px solid #2c7fab;
    margin-bottom: 15px;
    }
#Selection .ContentsBox .ContItemBox .ItemTitle > p{
    color:#1a5c9a;
    margin:0;
}

#Selection .ContentsBox .ContItemBox .ItemTitle.Blank{
    padding-left:5px;
    font-size: 16px;
    font-weight: bold;
    }
#Selection .ContentsBox .ContItemBox .ThumbBlock .Thumbnail{
    width: 210px;
    text-align: center;
    margin-right: 0;
    }

#Selection .ContentsBox .ContItemBox .ThumbBlock .Thumbnail img{
    width: 210px;
    height: auto;
    }

/* ex reset */
div.SingleWide div#MainContent #Selection .ContentsBox .ContItemBox div.ThumbBlock.ThumbLeftSide div.Thumbnail{
    margin-right: 0;
    }


#Selection .ContentsBox .ContItemBox .ThumbBlock .ThumbContent{
    padding-left: 30px;
    }

#Selection .ContentsBox .ContItemBox .ThumbBlock .ThumbContent .ItemDetail{
    }

#Selection .ContentsBox .ContItemBox .ThumbBlock .ThumbContent .ItemDetail{ *zoom : 1; }
#Selection .ContentsBox .ContItemBox .ThumbBlock .ThumbContent .ItemDetail:after{ content : ''; display : block; clear : both; height:0; }
#Selection .ContentsBox .ContItemBox .ThumbBlock .ThumbContent .ItemDetail .ImgInfo{
    width: 260px;
    display: block;
    float: left;
    margin-right: 30px;
    padding-top: 20px;
    }

#Selection .ContentsBox .ContItemBox .ThumbBlock .ThumbContent .ItemDetail .ImgInfo .Title{
    font-weight: bold;
    margin-bottom: 5px;
    }

#Selection .ContentsBox .ContItemBox .ThumbBlock .ThumbContent .ItemDetail .ImgInfo .Img{
    text-align: center;
    }

#Selection .ContentsBox .ContItemBox .ThumbBlock .ThumbContent .ItemDetail .ImgInfo .Img img{
    width: 170px;
    height: auto;
    }

#MainContent .ContItemBox .Section .OtherInfo{
    width:371px;
    float:left;
    border-right:1px solid #ddd;
    margin-right:24px;
}
#MainContent .ContItemBox .Section .OtherInfo.ImgInfo{
    width:303px;
    margin:0 47px 0 20px;
}
#MainContent .ContItemBox .Section .OtherInfo > ul {
    margin-bottom: 0;
    padding-right:17px;
    }
#MainContent .ContItemBox .Section .OtherInfo > ul > li {
    display: table-cell;
    width: 152px;
    padding-bottom: 160px;
    padding-left: 0;
    vertical-align: top;
    position: relative;
    text-align: center;
    background: none;
    }
#MainContent .ContItemBox .Section .OtherInfo > ul > li > img {
    position: absolute;
    bottom: 0;
    right: 0;
    }
#MainContent .ContItemBox .Section .OtherInfo > ul > li + li {
    padding-left: 43px;
    }
#MainContent .ContItemBox .Section .OtherInfo > ul > li + li:before {
    content: "";
    position: absolute;
    bottom: 68px;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 16px;
    border-color: transparent transparent transparent #f28202;
    }

#Selection .ContentsBox .ContItemBox .Button p.SlctSeriesNm{
    padding-top:77px;
    font-size:1.35em;
    font-weight:bold;
    }

#MainContent .ContItemBox .mainItem .Thumbnail{
    float:left;
    margin:0 34px 0 30px;
    }
#MainContent .ContItemBox .mainItem .ThumbContent{
    width:616px;
    overflow:hidden;
    }

#MainContent .ContItemBox:after{
    content:"";
    display:block;
    clear:both;
    }
div#MainContent div.mainItem div.ThumbContent div.PointBox{
    padding: 5px;
    border: 2px solid #CC4700;
    margin-bottom: 10px;
    }

div#MainContent div.mainItem div.ThumbContent div.PointBox .Title{
    font-size: 14px;
    color: #FFF;
    background: #CC4700;
    padding: 5px 10px 5px 25px;
    margin-bottom:16px;
    }

div#MainContent div.mainItem div.ThumbContent div.PointBox ul{
    padding: 0 5px;
    }

#MainContent .Section .OtherInfo .Title{
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 14px;
    border-bottom: 2px solid #2c7fab;
    margin-bottom: 10px;
    }

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

#MainContent .Section .OtherInfo .Thumbnail img{
    width: 80px;
    height: auto;
    }

#MainContent .Section .OtherInfo .ThumbContent .InfoBtnList{
    text-align: left;
    margin: 0 0 0 -10px;
    }

#MainContent .Section .OtherInfo .ThumbContent .InfoBtnList li{
    list-style-type: none;
    padding-top: 0 10px;
    display: inline-block;
    *display: inline;
    *zoom:1;
    background: none;
    }

/* Button */
div#ModalContent a.TextButton.Large.Download:hover, div#ModalContent a.TextButton.Large.Download:focus, div#MainContent a.TextButton.Large.Download:hover, div#MainContent a.TextButton.Large.Download:focus{
    background-color:#db0000;
    background:-webkit-gradient(linear, left top, left bottom, from(#8e0000), to(#db0000));
}
div#ModalContent a.TextButton.Large.Download, div#MainContent a.TextButton.Large.Download{
    border:solid 1px #db0000;
    background-color:#8e0000;
    background:-webkit-gradient(linear, left top, left bottom, from(#db0000), to(#8e0000));
    }
div#MainContent a.TextButton.Large.Download span.Inner{
    background-image:url(../../../../../img/common/icon_textbutton_download_s.png);
    background-position:4px 50%;
    padding:3px 0 3px 25px;
}