@charset "utf-8";
/* SUB CSS */

/* LAYOUT */
#OT_contens {width:100%}
.OT30_aside {
	transition: all 0.2s ease-in ;
    -webkit-transition: all 0.2s ease-in ;
    -moz-transition: all 0.2s ease-in ;
    -ms-transition: all 0.2s ease-in ;
    -o-transition: all 0.2s ease-in }



/* SEARCH */ 
#OTC30_cSearch {
	width:96% ; margin:auto ;
	display:block ; padding:10px 0px ; margin-bottom:10px ; text-align:center ; 
	border:solid 1px #444444 ; border:solid 1px rgba(0,0,0,0.1) ; border-bottom:solid 1px #007eef ; background-color:#f1f1f1}
#s_word , .OTC30_cSearch_btn {vertical-align:top ; border-radius:3px}
#s_word {padding:5px ; padding-bottom:0px ; border:solid 1px #d7d7d7 ; line-height:20px ; height:23px}
.OTC30_cSearch_btn {
	border:0px ; background-color:#666666 ; padding:3px 10px ; display:inline-block ; 
	line-height:24px ; font-size:14px ; color:#ffffff} 
.OTC30_cSearch_btn:hover { background-color:#000000 } 
a.OTC30_cSearch_btn {margin-left:10px}



/* SECTION */ 
#OTC_30_box {padding-top:20px ; width:100% ; height:100% ; display:block ; position:relative} 



/* ASIDE */
#OT30_aside_mak {display:none}
.OT30_aside { width:240px ; display:block ; position:absolute ; left:-200px ; top:20px ; z-index:10 }
.view .OT30_aside , .view #OTC30_vh5 { display:none }
#OT30_aside_wrap {width:180px ; padding:9px ; border:solid 1px #d7d7d7 ; border:solid 1px rgba(0,0,0,0.1) ; background-color:#ffffff}
.OT30_as_dl , .OT30_as_dt , .OT30_as_dd {margin:auto} 
.OT30_as_dl  { width:100% ; padding-bottom:10px ; display:block }
 
.OT30_as_dl_point , .OT30_as_dl:hover { background-color:#f2f2f2 }
.OT30_as_dl_point .OT30_as_dl .OT30_as_dt , .OT30_as_dl:hover .OT30_as_dt {width:100%}
.OT30_as_dl_point .OT30_as_dt > a ,
.OT30_as_dl:hover .OT30_as_dt > a {color:#ffffff ; background-color:#007eef}
.OT30_as_dt {width:100% ; padding-bottom:5px ; background:url(../OT_img/OTC_30_aside_point.png) no-repeat center bottom }
 
dl.OT30_as_dl_nbg {padding-bottom:0px} 
.OT30_as_dl_nbg .OT30_as_dt { background:none ; padding-bottom:0px }
.OT30_as_dt > a {
	width:100% ; display:block ; line-height:20px ; padding:5px 0px ; font-size:16px ; font-weight:bold ; color:#444444 ; text-align:center ;
	border-bottom:solid 1px #007eef ; word-break:break-all}
.OT30_as_dd , .OT30_as_dd > a { line-height:20px ; font-size:14px }	
.OT30_as_dd {width:90%}
.OT30_as_dd > a {padding:5px 0px ; background:url(../OT_img/OTC_30_aside_line.png) no-repeat center bottom ; text-align:center ; display:block ; word-break:break-all}
.OT30_as_dd_point > a ,
.OT30_as_dd > a:hover {padding-bottom:4px ; border-bottom:solid 1px #007eef ; background:none ; color:#000000 ; word-break:break-all}



/* ASIDE OC */
#OT30_aside_OC { float:right }
#OT30_aside_OC , #OT30_aside_open , #OT30_aside_open > a , #OT30_aside_close , #OT30_aside_close > a {width:40px ; height:110px ; overflow:hidden ; display:block}
#OT30_aside_OC li {float:left}
#OT30_aside_jump {width:0px ; height:0px ; line-height:0px ; overflow:hidden ; text-indent:-9999px} 
#OT30_aside_open > a , #OT30_aside_close > a { 
    text-indent:-9999px ; 
	background-image:url(../OT_img/OTC_30_aside_OC.png) ; background-repeat:no-repeat}
#OT30_aside_open > a  { background-position:0px 0px }
#OT30_aside_close > a { background-position:-40px 0px }	
#OT30_aside_close {display:none}



/* GALLERY */
#OTC30_gallery {display:block ; overflow:hidden } 
#OTC30_gl_h2 , #OTC30_ML_h2 , #OTC30_gl_h2 > b , #OTC30_ML_h2 > b {font-size:22px ; line-height:30px ; text-align:center}
#OTC30_gl_h2 , #OTC30_ML_h2 {border-top:solid 1px #007eef ; padding:10px 0px ; width:96% ; margin:auto ; margin-bottom:30px}
#OTC30_gl_h2 > b , #OTC30_ML_h2 > b {font-weight:bold}
 
#OTC30_gl_list , .OTC30_gl_box {width:100% ; overflow:hidden ; text-align:center}
.OTC30_gl_li {width:250px ; display:inline-block ; margin:0px 5px ; margin-bottom:40px ; vertical-align:top}
.OTC30_gl_li:hover { background-color:#f2f2f2 }
.OTC30_gl_box li , .OTC30_gl_box li > a {display:block ; overflow:hidden ; line-height:24px ; font-size:14px ; vertical-align:top} 
.OTC30_gl_box > li:hover a { color:#000000 } 
.OTC30_gl_box_pImg {height:180px}

.OTC30_gl_box_pImg { background-repeat:no-repeat ; background-position: center center ; background-size:100% 100% }
.OTC30_gl_box_pImg > a {display:block ; height:178px ; border:solid 1px #d7d7d7 ; text-indent:-9999px ; margin:auto}
.OTC30_gl_li:hover .OTC30_gl_box_pImg > a { background:url(../OT_img/OTC_30_over.png) no-repeat center center ; text-indent:0px ; border:solid 1px #007eef}
.OTC30_gl_li:hover .OTC30_gl_box_pImg b {display:block ; color:#ffffff ; font-size:14px ; line-height:20px ; text-align:center ; padding-top:130px}
.OTC30_gl_box_pName > a { padding:5px ; height:47px ; font-weight:bold}
.OTC30_gl_box_pName { border-bottom:solid 1px #e5e5e5 }
.OTC30_gl_box_pComapny > a { padding:5px  ; word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis }
.OTC30_gl_box_pComapny { border-bottom:solid 1px #007eef }
.OTC30_gl_li:hover .OTC30_gl_box_pComapny , .OTC30_gl_li:hover .OTC30_gl_box_pEtc { border-bottom:solid 1px #007eef }
.OTC30_gl_box_pEtc {border-bottom:solid 1px #d4d4d4 ; line-height:24px ; font-size:12px ; padding:5px ; text-align:center}



/* BOX EF */
.OTC30_gl_li {width:248px ; border:solid 1px #d7d7d7 ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:10px ; overflow:hidden ; box-shadow:0px 0px 7px rgba(0,0,0,0.2)}
.OTC30_gl_box , .OTC30_gl_box_pImg , .OTC30_gl_box_pImg > a {border-radius:6px ; overflow:hidden}
.OTC30_gl_box {width:230px ; display:block ; margin:9px}
.OTC30_gl_box_pImg {width:230px ; height:165px} 
.OTC30_gl_box_pImg > a {width:228px ; height:163px} 
.OTC30_gl_li:hover .OTC30_gl_box_pImg b {padding-top:120px ; display:block}



/* VIEW */
#OTC30_view{display:block ; overflow:hidden } 
#OTC30_view_head {width:96% ; margin:auto ; display:block ; border-top:solid 1px #007eef}
.OTC30_vh {display:block ; border-bottom:solid 1px #d7d7d7 ; overflow:hidden} 
.OTC30_vh dt , .OTC30_vh dd , .OTC30_vh dd > a {line-height:24px }
.OTC30_vh dt , .OTC30_vh dd {padding:7px 10px ; float:left ; display:inline-block}
.OTC30_vh dd > a:hover { text-decoration:underline } 
.OTC30_vh dt {font-size:14px ; width:70px ; padding-left:0px ; padding-right:10px ; text-align:right ; font-weight:bold ; color:#000000}
.OTC30_vh dd { border-left:solid 1px #d7d7d7 ; border-left:solid 1px rgba(0,0,0,0.1) }
.OTC30_vh_name {font-weight:bold}
#OTC30_vh1 { background-color:#f2f2f2 }
#OTC30_vh4 a img { vertical-align:middle ; margin-left:10px }
#OTC30_vh4 {border-bottom:solid 1px #007eef}

#OTC30_view_IC * {line-height:26px}
#OTC30_view_IC h1 , #OTC30_view_IC h2 , #OTC30_view_IC h3 , #OTC30_view_IC h4 , #OTC30_view_IC h5 , #OTC30_view_IC h6 {font-weight:bold ; font-size:18px ; padding-bottom:7px} 
#OTC30_view_IC p {margin-bottom:20px}


#OTC30_view_IC , #OTC30_view_ctl {width:96% ; margin:auto ; padding:30px 0px } 
figure.OTC30_view_Cimg , figure.OTC30_view_Cimg > img ,
#OTC30_view_img , #OTC30_view_img img , #OTC30_view_ctl_img , #OTC30_view_ctl_img img {width:100% ; text-align:center}
#OTC30_view_img , #OTC30_view_ctl_img {margin:auto ; text-align:center}
#OTC30_view_img {padding-bottom:0px}
#OTC30_view_img img {border:solid 1px #d7d7d7 ; max-width:400px}

.OTC30_view_ctl_img {display:block ; margin-bottom:20px ; text-align:center}
.OTC30_view_ctl_img:last-child {margin-bottom:0px}
.OTC30_view_ctl_img , .OTC30_view_ctl_img > img {width:100%}

#OTC30_view_ctl {padding:0px ; padding-top:30px}
#OTC30_view_IC , #OTC30_view_IC > p {line-height:26px }



/* MAKE LIST */
#OTC30_make_col {display:none}
#OTC30_make {display:block ; overflow:hidden } 
#OTC30_make_list {width:96% ; margin:auto ; margin-bottom:30px}
.OTC30_ML_li , .OTC30_ML_box { overflow:hidden ; width:100% ; display:block}
.OTC30_ML_li {border-bottom:solid 1px #b2b2b2}
.OTC30_ML_li:hover {border-bottom:solid 1px #007eef ; background-color:#f2f2f2}
.OTC30_ML_li:first-child {border-top:solid 1px #b2b2b2}
.OTC30_ML_box li {display:block ; overflow:hidden ; widht:100%}
.OTC30_MLB_logo { padding-bottom:15px } 
.OTC30_MLB_logo_img {width:100% ; margin:auto ; text-align:center}
.OTC30_MLB_logo_caption {font-weight:bold ; text-align:center ; line-height:22px ; padding-bottom:10px}
.OTC30_MLB_logo_img img {width:180px ; height:70px}

.OTC30_ML_box {padding:15px 0px }
.OTC30_MLB_txt1 {border-top:solid 1px #e5e5e5}
.OTC30_MLB_txt1 , .OTC30_MLB_txt2 , .OTC30_MLB_txt2 > b , .OTC30_MLB_hp , .OTC30_MLB_hp > a {line-height:22px }
.OTC30_MLB_txt1 , .OTC30_MLB_txt2 { padding:7px ; margin:auto 15px ; border-bottom:solid 1px #e5e5e5 ; overflow:hidden}
.OTC30_MLB_txt2 > b {font-weight:bold}
 
.OTC30_MLB_hp {padding:5px 15px}
.OTC30_MLB_hp , .OTC30_MLB_hp > a {line-height:22px}

.OTC30_MLB_zoom {
	display:inline-block ; width:75px ; padding-left:14px ; height:24px ; line-height:23px ; font-size:12px ; font-weight:bold ; border:solid 3px #3398f2 ; border-radius:20px ; 
	overflow:hidden  ; background:url(../OT_img/OTC_30_icon_more.png) no-repeat 70px 50% ; float:right }
.OTC30_MLB_zoom:hover { border-color:#000000 ; color:#007eef}



/* CONTENTS */
#OTC30_view_cnts {width:100% ; overflow:hidden}
#OTC30_view_cnts p {marign-bottom:20px} 
#OTC30_view_cnts p:last-child {marign-bottom:0px} 
#OTC30_view b , #OTC30_view strong { font-weight:bold }

.OTC30_vc_feature {display:block ; margin-bottom:50px}
.OTC30_VCF_title , .OTC30_VCS_title {
	border-top:solid 1px #007eef  ; 
	font-size:24px ; line-height:30px ; font-weight:bold ; padding-bottom:7px ; text-align:left ;
	background:url(../OT_img/OTC_h3_point.png) no-repeat 0px 7px ; padding-left:20px }
.OTC30_VCF_ul {display:block ; overflow:hidden}	
.OTC30_VCF_ul > li , .OTC30_VCF_ul > li a {line-height:24px} 
.OTC30_VCF_ul > li {padding:5px 0px ; padding-left:20px ; background:url(../OT_img/OTC_30_li_bar.png) no-repeat 5px 17px }
.OTC30_VCF_ul > li a:hover { text-decoration:underline }

.OTC30_vc_spec , .OTC30_vc_spec > table {width:100%}
 
.OTC30_vc_spec > table { border:0px ; border-spacing:0px ; border-collapse:collapse}
.OTC30_vc_spec th , .OTC30_vc_spec td , .OTC30_vc_spec td a { height:24px }
.OTC30_vc_spec td a:hover { text-decoration:underline }
.OTC30_vc_spec th , .OTC30_vc_spec td {
    padding:5px ; border:solid 1px #d7d7d7 ; 
	border:solid 1px rgba(0,0,0,0.15) ; border-top:0px ; border-left:0px} 	
.OTC30_vc_spec thead th {border-top:solid 1px #007eef ; font-size:14px ; background-color:#f2f2f2 ; text-align:center ; padding:3px ; color:#000000}	

.OTC30_vc_spec tbody th {font-weight:bold ; text-align:center}
.OTC30_vc_spec tbody td {text-align:left ; padding-left:10px}

.OTC30_vc_spec thead th:last-child ,
.OTC30_vc_spec tbody td:last-child { border-right:0px }



/* BTNS */
#OTC30_btns {widht:100% ; padding-top:40px ; text-align:center}
.OTC30_btn_B , .OTC30_btn_G { 
  display:inline-block ; line-height:40px ; 
  padding:0px 30px ; margin:0px 10px ;
  color:#ffffff ; font-size:16px ; font-weight:bold ; overflow:hidden ; border-radius:3px}
.OTC30_btn_B { background-color:#007eef }
.OTC30_btn_G { background-color:#999999 }
.OTC30_btn_B:hover { background-color:#003f77} 
.OTC30_btn_G:hover { background-color:#444444}
 
#OTC_50B_image {padding:20px 0px ; text-align:center} 



/* CTN TABLE */
.OT30_VT_title {
    display:block ;  
	font-size:24px ; line-height:34px ; font-weight:bold ; text-align:left ; 
	border-bottom:solid 1px #007eef ; padding-bottom:7px ;
	background:url(../OT_img/OTC_h3_point.png) no-repeat 0px 5px ; padding-left:20px }
.OT30_VT_title.none { border:0px ; margin-bottom:10px  }

.OT30_VC { padding-top:40px }  
.OT30_VC > ul , .OT30_VC > ul > li { display:block }
.OT30_VC > ul { border-top:solid 1px #007eef }
.OT30_VC > ul > li { 
    position:relative ; padding:7px ; padding-left:13px ; 
    font-size:16px ; line-height:20px ; border-bottom:solid 1px #d7d7d7 ; vertical-align:middle  }
.OT30_VC > ul > li::before { 
    position:absolute ; left:5px ; top:18px ; 
    content:"" ; width:3px ; height:3px ; background-color:rgba(0,0,0,0.2) ; display:block }

.OT30_VC > table { border:0px ; border-collapse:collapse ; border-spacing:0px ; width:100% ; margin-bottom:30px }
.OT30_VC > table:last-child { margin-bottom:0px }
.OT30_VC th , .OT30_VC td { 
    border:solid 1px #dddddd ; border-top:0px ; border-left:0px ; vertical-align:middle ; 
    font-size:16px ; line-height:22px ; padding:7px }
.OT30_VC td { border-left:solid 1px #dddddd }
.OT30_VC td:last-child { border-right:0px } 
.OT30_VC th { 
    background-color:#fafafa ; border-color:#d9d9d9 ; 
    text-align:center ; color:#444444 ; font-weight:600 ; font-size:14px }
#OTC30_view_ctl { display:none }

.OT30_VC caption , .OT30_VT_img figcaption { font-size:18px ; font-weight:bold ; text-align:left ; padding-bottom:10px ;}
.OT30_VC caption {  width:100% ; border-bottom: solid 1px #007eef } 
.OT30_VC > table.OT30_VC_ST thead th:last-child { border-right:0px }
.OT30_VC > table.OT30_VC_ST tbody th , .OT30_VC > table.OT30_VC_ST tbody td { 
    background:none ; text-align:center ; padding:7px  }

.OT30_VC > table.OT30_VC_TL { border-top:solid 1px #007eef }
.OT30_VT_img , .OT30_VT_img img { width:100% }
 
#OT_0307 .OT30_VC.list br ,
#OT_0307 .OT30_VC.table br { display:none }
#OT_0307 .OT30_VC.list br.ot_br ,
#OT_0307 .OT30_VC.table br.ot_br { display:block }

#OT_0307 .OT30_VC.table thead th:last-child { border-right:0 }



/* PC **********************************************************************/
@media all and (min-width:1100px){ 

    /* SEARCH */ 
    #OTC30_cSearch {width:1100px}



    /* ASIDE OC */ 
    #OT30_aside_OC , OT30_aside_jump {width:0px ; height:0px ; overflow:hidden ; padding:0px ; margin:0px ; line-height:0px}
    #OT30_aside_open , OT30_aside_close {display:none}



    /* LAYOUT */  
    #OTC_30_box  , #OTC_section1 {padding:0px ; margin:auto ; width:1100px ; margin:auto}
    #OTC_30_box { overflow:hidden ; padding-top:30px ; border:0px}
    #OTC30_gallery , #OTC30_view , #OTC30_make {float:right ; width:840px ; overflow:hidden}
    .view #OTC30_view { float:none ; width:100% }


    /* ASIDE */
    #OT30_aside_mak {display:block} 
    .OT30_aside , #OT30_aside_wrap {width:200px ;  border:0px ; padding:0px } 
    .OT30_aside { position:static ; float:left } 



    /* GALLERY */
    #OTC30_gl_h2 {display:none}
    #OTC30_gl_h2 , #OTC30_ML_h2  {width:100%}
    .OTC30_gl_li {width:250px ; display:block ; margin:0px 15px ; margin-bottom:40px ; float:left}
    .OTC30_gl_box_pName > a {height:auto  ; word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis }



    /* BOX EF */ 
    .OTC30_gl_li {margin:0px 14px ; margin-bottom:40px }



    /* VIEW */ 
    #OTC30_view_head {width:100% ; overflow:hidden ; margin-bottom:30px }
    .OTC30_vh  {width:100% ; float:left} 
    .OTC30_vh dt {width:80px}

    #OTC30_view_IC {width:100% ; padding:0px ; overflow:hidden}
    #OTC30_view_img , #OTC30_view_img img {width:400px} 
    #OTC30_view_img {padding:0px ; margin:0px ; float:left ; margin-right:40px}
    #OTC30_view_IC .OTC30_view_Cimg , #OTC30_view_IC .OTC30_view_Cimg img {margin:0px ; padding:0px ; width:100% ; text-align:center ; float:none}



    /* CONTENTS */
    .OTC30_vc_spec tbody th {width:100px ; padding-left:0px ; padding-right:10px ; text-align:right}



    /* MAKE LIST */
    #OTC30_make_list {width:100%}
    #OTC30_make_col, .OTC30_ML_li { background:url(../OT_img/OTC_30_make_line.png) repeat-y 780px 0px }
    #OTC30_make_col { display:block ; overflow:hidden ; width:100% ; border-top:solid 1px #007eef ; border-bottom:solid 1px #b2b2b2 ; background-color:#f2f2f2  }
    #OTC30_make_col > li { font-size:14px ; line-height:20px ; text-align:center ; float:left ; padding:7px 0px }
    .OTC30_ML_li {padding:15px 0px}
    .OTC30_ML_li:first-child {border-top:0px}

    .OTC30_ML_box {padding:0px}
    .OTC30_MLB_logo ,
    .OTC30_MLB_txt ,
    .OTC30_MLB_hp {padding:0px ; margin:0px ; background:none ; float:left}

    #OTC30_make_col1 , .OTC30_MLB_logo {width:200px}
    #OTC30_make_col2 , .OTC30_MLB_txt {width:580px}
    #OTC30_make_col3 , .OTC30_MLB_hp {width:60px} 

    .OTC30_MLB_txt {padding:0px} 
    .OTC30_MLB_txt1 , .OTC30_MLB_txt2 {padding:0px ; width:540px ; margin:auto ; border:0px}
    .OTC30_MLB_txt1 {padding-bottom:7px ; border-bottom:solid 1px #e5e5e5}
    .OTC30_MLB_txt2 {padding-top:7px}

    .OTC30_MLB_hp { text-align:center ; line-height:60px }
    .OTC30_MLB_hp > a {
        display:block ;
        width:50px ; height:50px ; margin:auto ; overflow:hidden ; text-indent:-9999px ; 
        background:url(../OT_img/OTC_30_icon_home.png) no-repeat center center }

    

    /* CTN TABLE */ 
    .OT30_VC { display:block ; overflow:hidden } 
    .OT30_VC.list { width:650px ; float:right ; margin-bottom:40px ; padding-top:10px  }
    #OT_0307 .OT30_VC.list { width:390px } 
    .OT30_VC.table { width:100% ; float:left }
    .OT30_VC td { padding-left:20px }
 
    .OT30_VC .CW10 { width:10% }
    .OT30_VC .CW20 { width:20% }
    .OT30_VC .CW30 { width:30% }
    .OT30_VC .CW40 { width:40% }
    .OT30_VC .CW50 { width:50% }
     

}