@charset "UTF-8";

#contents #menu li { max-width:none; width:33.3%; }
#contents #menu li a { font-size: 17px; padding: 13px 0;}

a:hover img { opacity:0.7; transition:0.2s ease-in-out; }
.main-area img { width:auto; max-width:100%; height:auto; }


#contents #menu { max-width:1170px; }


/* #top_slideshow */

#top_slideshow { position:relative; overflow:hidden; visibility:hidden; }
#top_slideshow .disp_pc .wrapper { width:1110px; margin:0 auto; position:relative; }

/* #top_slideshow>.wrapper_s */

#top_slideshow .disp_pc .wrapper_s { height:230px; }
#top_slideshow .disp_pc .slideshow { position:absolute; top:0; left:-525px; width:2000px; height:230px; }

/* #top_slideshow>.wrapper_n */

#top_slideshow .disp_pc .wrapper_n { height:0; }
#top_slideshow .disp_pc .nav { position:absolute; top:-230px; right:0; width:210px; height:230px; background-color:rgba(0,0,0,.3); }
#top_slideshow .disp_pc .nav>.carousel { width:190px; margin:0 10px; padding-top:17px; padding-bottom:15px; }

/* slick */

#top_carousel_area .slick-prev,
#top_carousel_area .slick-next { position:absolute; width:180px; height:15px; font-size:0; background-color:transparent; }
#top_carousel_area .slick-prev { top:-17px; left:0; }
#top_carousel_area .slick-prev:before { content:''; display:inline-block; margin-top:-4px; width:24px; height:24px; background-image: url('/prdct/optec/assets/img/top/right.svg'); background-size:contain; opacity:.7; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }
#top_carousel_area .slick-next { bottom:-15px; left:0; }
#top_carousel_area .slick-next:before { content:''; display:inline-block; margin-top:-6px; width:24px; height:24px; background-image: url('/prdct/optec/assets/img/top/right.svg'); background-size:contain; opacity: .7; -webkit-transform:rotate(90deg); transform:rotate(90deg); }
#top_carousel_area .slick-list { overflow:hidden; }
#top_carousel_area .slick-slide { margin-bottom:3px; cursor:pointer; }
#top_carousel_area * { outline:none !important; border:none !important; }
#top_carousel_area .slick-current { position:relative; }
#top_carousel_area .slick-current:after { content:''; position:absolute; top:0; left:0; width:184px; height:57px; border:solid 3px rgba(214,5,34,.8) !important; }
.disp_pc { display:block !important; }
.disp_sp { display:none !important; }


#optec-top-l {}
#optec-top-l section { padding:0 0 40px; position:relative; }

#optec-introduction-sec {}
#optec-introduction-sec p { font-size:1rem;}

#optec-product-sec {}
#optec-product-sec ul {}
#optec-product-sec li { float:left; width:31.3%; margin:0 2% 20px 0; }
#optec-product-sec li a {}
#optec-product-sec li img { margin:0 0 5px; }
#optec-product-sec li span { display:block; }
#optec-product-sec li a:hover { text-decoration:none; }

#optec-movie-sec {}
#optec-movie-sec p { line-height:1.5; padding:0 0 12px; font-size:1rem; }
#optec-movie-sec div { padding-bottom:56.25%; padding-top:30px; height:0; position:relative; overflow:hidden; }
#optec-movie-sec iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

#optec-news-sec {}
#optec-news-sec ul {}
#optec-news-sec li { border-bottom:1px #e0e0e0 dashed; margin:0 0 12px; padding:0; }
#optec-news-sec dl { font-size:1rem; }
#optec-news-sec dt { float:left; width:8em; font-weight:bold; }
#optec-news-sec dd { padding:0 0 0 9em; }
#optec-news-sec dd p { line-height:1.5; padding:0 0 12px; }
#optec-news-sec dd p a { color:#00349a; }
#optec-news-sec dd p a:hover { text-decoration:underline; }

#optec-top-r { float:right; width:25%; }
#optec-top-r p { padding:0 0 20px; }
#optec-top-r p a { display:block; }
#optec-top-r p img {}
#optec-top-r ul { background:#f6f6f6; padding:10px; }
#optec-top-r li {}
#optec-top-r li:first-child { padding:0 0 14px; }
#optec-top-r li a { display:block; }
#optec-top-r li a img { width:100%; height:auto; border:1px #fff solid; text-align:center; margin:0 auto 5px; }
#optec-top-r li a span { display:block; padding:0 0 0 1.1em; font-size:0.875rem; color:#333; position:relative; }
#optec-top-r li a span:before { content:">"; position:absolute; top:0; left:0; color:#e00523; transform:scaleX(0.6) scaleY(0.8); }
#optec-top-r li a:hover { text-decoration:none; }


#footer-nav { background:#f2f2f2; padding:22px 0 !important; }
#footer-nav nav { max-width: 100%; width:1110px; margin:0 auto; }
#footer-nav ul { float:left; min-width:250px; padding:0 20px; position:relative; }
#footer-nav ul:before { content:""; position:absolute; top:0; left:0; width:1px; height:180px; border-left:1px #ddd solid; }
#footer-nav li { line-height:1.3; margin:0 0 12px; }
#footer-nav li a { font-size:0.875rem; color:#333 !important; }
#footer-nav li a:hover { text-decoration:underline; }



/* SAMPLE */

.h2-basic { line-height:1.3; margin:0 0 20px !important; padding:12px 16px !important; font-size:1.125rem !important; color:#333; font-weight:bold !important; position:relative; }
.h2-basic:before { content:""; position:absolute; top:10px; left:0; width:3px; height:27px; border-left:3px #d60522 solid; }

.h3-basic { line-height:1.3; border-bottom:1px #d9d9d9 solid; margin:0 0 20px !important; padding:10px 0 !important; font-size:1.125rem !important; color:#333; font-weight:bold !important; }
.h4-basic { line-height:1.3; margin:0 0 15px !important; padding:8px 15px 10px 1.2rem !important; font-size:1rem !important; color:#333; font-weight:bold !important; position:relative; }
.h4-basic:before { content:""; position:absolute; top:8px; left:0; width:1rem; height:1rem; background:#e00523; }
.h5-basic { line-height:1.3; margin:0 0 15px !important; padding:5px 0 10px !important; font-size:1rem !important; color:#333; font-weight:bold !important; }

.btn-basic { text-align:center; margin:0 auto !important; font-size:0.938rem; }
.btn-basic a { display:block; width:100%; line-height:1.3; background:#666; text-align:center; margin:auto; padding:15px 10px; color:#fff !important; position:relative; box-sizing:border-box !important; }
.btn-basic a:after { content:""; position:absolute; bottom:5px; right:0; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; transform:rotate(-45deg); }
.btn-basic a:hover { opacity:0.8; transition:0.2s ease-in-out; text-decoration:none !important; }
.btn-more1 { width:70%; padding:0 0 30px !important; }
.btn-more2 { padding:0 0 30px !important; }
.btn-more2 li { display:inline-block; vertical-align:top; width:48%; margin:0 0.5% !important; box-sizing:border-box !important; }
.btn-more2-box { text-align:center; margin:0 auto; }
.btn-more2-box ul { display:inline-block; width:100%; text-align:left; }

.txt-basic { line-height:1.85; padding:0 0 1em; font-size:0.938rem; color:#333; }
.txt-basic p { padding:0 0 20px !important; }
.txt-basic ol, .txt-basic ul { margin:0 0 0 1.5rem !important; padding:0 0 20px !important; }
.txt-basic ol ul, .txt-basic ol ol, .txt-basic ul ul, .txt-basic ol ol { margin:0 !important; }
.check_01 { margin-left:0 !important; list-style-type:none; }
/*.check_01 li { background:url(../img/common/ico_check_01.png) 0 5px no-repeat; padding:0 0 0 30px; list-style-type:none; }*/
.txt-basic ul { list-style-type:disc !important; }
.txt-basic ol { list-style-type:decimal !important; }

.tr-box {}
.td-box { float:left; }
.pn2 .td-box { width:50%; }
.pn3 .td-box { width:33.3%; }
.pn4 .td-box { width:25%; }
.pn5 .td-box { width:20%; }
.pn6 .td-box { width:16.6%; }
.pn7 .td-box { width:14.2%; }
.pn8 .td-box { width:12.5%; }
.pn9 .td-box { width:11.1%; }
.pn10 .td-box { width:10%; }

.txt-basic dl { padding:0 0 10px; }
.txt-basic dt { padding:0 0 5px; }
.txt-basic dd { padding:0 0 20px; }

.img-l dt { float:left; text-align:center; margin:0 auto 20px; }
.img-l dt img { width:100%; height:auto; margin:0 0 10px; }
.img-l dd { float:right; }
.img-r dt { float:right; text-align:center; margin:0 auto 20px; }
.img-r dt img { width:100%; height:auto; margin:0 0 10px; }
.img-r dd { float:left; }

.img20 dt { width:20%; }
.img20 dd { width:77%; }
.img25 dt { width:25%; }
.img25 dd { width:72%; }
.img30 dt { width:30%; }
.img30 dd { width:67%; }
.img35 dt { width:35%; }
.img35 dd { width:62%; }
.img40 dt { width:40%; }
.img40 dd { width:57%; }
.img45 dt { width:45%; }
.img45 dd { width:52%; }
.img50 dt { width:50%; }
.img50 dd { width:47%; }
.img55 dt { width:55%; }
.img55 dd { width:42%; }
.img60 dt { width:60%; }
.img60 dd { width:37%; }
.img65 dt { width:65%; }
.img65 dd { width:32%; }
.img70 dt { width:70%; }
.img70 dd { width:27%; }
.img75 dt { width:75%; }
.img75 dd { width:22%; }
.img80 dt { width:80%; }
.img80 dd { width:17%; }

.img-c { text-align:center; margin:0 auto 20px; }
.border img { border:1px #ccc solid; }

.img-2pane { text-align:center; margin:0 auto; }
.img-2pane ul { display:inline-block; text-align:left; }
.img-2pane li { display:inline-block; vertical-align:top; width:47.5%; text-align:center; margin:0 0.25% 0.5em !important; }
.img-2pane li img { /*width:100%;*/ height:auto; }

.img-3pane { text-align:center; margin:0 auto; }
.img-3pane ul { display:inline-block; text-align:left; }
.img-3pane li { display:inline-block; vertical-align:top; width:31.5%; text-align:center; margin:0 0.25% 0.5em !important; }
.img-3pane li img { width:100%; height:auto; }

.img100 img, .img100 li img { width:100% !important; height:auto; }
.spfn li {}

.table-basic { line-height:1.4; border:1px #bcbcbc solid; border-collapse:collapse; margin:0 0 20px !important; font-size:0.938rem; }
.table-basic th { background:#eee; vertical-align:middle; border:1px #bcbcbc solid; text-align:center !important; padding:6px; color:#333 !important; }
.table-basic thead th { background:#666; color:#fff !important; }
.table-basic td { border:1px #bcbcbc solid; text-align:center !important; padding:6px; color:#333 !important; }
.vam { vertical-align:middle; }
.wsnr { white-space:nowrap; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w100 { width:100%; }

.dl-basic { padding:0 0 30px; }
.dl-basic dt { clear:both; float:left; width:6em; padding:0.5em 0 !important; font-weight:bold; }
.dl-basic dd { border-bottom:1px #ccc solid; padding:0.5em 0 0.5em 7em !important; position:relative; }
.dl-basic dd:after { content:""; position:absolute; bottom:-1px; left:0; width:6em; border-bottom:1px #d60522 solid; }

#qa-ul { border:1px #0069ab solid; margin:0 0 20px !important; padding:20px !important; }
#qa-ul li { counter-increment:question; line-height:1.3; border-bottom:1px #ddd dashed; margin:0 0 15px !important; padding:20px 1.8rem 35px 60px !important; color:#0069ab; font-weight:bold; position:relative; }
#qa-ul li:last-child { border-bottom:none; margin:0 !important; padding:20px 1.8rem 20px 60px !important; }
#qa-ul li:before { content:"Q"counter(question); position:absolute; top:5px; left:0; width:46px; height:46px; line-height:46px; background:#0069ab; border-radius:50%; text-align:center; color:#fff; }
#qa-ul li a { display:block; }
#qa-ul li a:after { content:"▼"; position:absolute; bottom:50%; right:10px; margin:-0.344rem 0 0 !important; font-size:0.688rem; color:#333; transform:scaleX(1.2) scaleY(0.7); }

.qa-dl { padding:20px 0 !important; }
.qa-dl dt { counter-increment:question; line-height:1.5; border-bottom:1px #666 solid; margin:0 0 15px !important; padding:20px 0px 35px 60px !important; color:#333; font-weight:bold; position:relative; }
.qa-dl dt:before { content:"Q"counter(question); position:absolute; top:8px; left:0; width:46px; height:46px; line-height:46px; background:#666; border-radius:50%; text-align:center; color:#fff; }

.qa-dl dd { counter-increment:answer; line-height:1.85; border-bottom:1px #666 solid; margin:0 0 15px !important; padding:20px 0px 20px 60px !important; line-height:1.85; font-size:0.938rem; color:#333; position:relative; }
.qa-dl dd:before { content:"A"counter(answer); position:absolute; top:8px; left:0; width:44px; height:44px; line-height:44px; border:1px #333 solid; border-radius:50%; text-align:center; font-size:16px; font-weight:bold; color:#333; }
.qa-dl dd h5 { line-height:1.5; padding:0 0 20px !important; }
.qa-dl dd p { margin:0 0 0 -60px !important; }

.media-wrap iframe { width:100%; height:400px; padding:0 0 40px !important; }

.txt-l { text-align:left !important; }
.txt-r { text-align:right !important; }
.txt-c { text-align:center !important; margin:auto !important; }
.hide { display:none; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.red { color:#ff0000; }
.blue { color:#000099; }
.orange { color:#f7811e; }
.black { color:#333 !important; }
.s { font-size:0.7rem; }
.l { font-size:1.25rem; }
.fb { font-weight:bold !important;; }
.fn { font-weight:normal !important; }
.mark2 { background:#ffff00; }
.u { text-decoration:underline; }
.lstn { list-style-type:none !important; }
.li-o { margin-left:1rem !important; text-indent:-1rem !important; }
.li-mb1em li { margin-bottom:1rem !important; }
.ren { margin:0 !important; }
.ren li { counter-increment:section; padding:3px 0 3px 40px !important; list-style:none !important; }
.ren li::before { content:counter(section); display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:30px; background:#666; border-radius:4px; text-align:center; margin:0 10px 0 -40px !important; color:#fff; }
.wakui { border:1px #eee solid; padding:20px 20px 0 !important; }

.more-detail { position:absolute; top:12px; right:1em; padding:0 0 0 1.1em; }
.more-detail:before { content:">"; display:inline-block; margin:0 3px 0 0; color:#e00523; transform:scaleX(0.6) scaleY(0.8); }
.more-detail a { font-size:0.875rem; color:#333 !important; }

.ico-basic { padding:0 0 20px 1.2em !important; font-size:1rem !important; color:#333 !important; position:relative; }
.ico-basic a { font-size:1rem !important; color:#333 !important; }
.ico-basic:before { content:">"; position:absolute; top:3px; left:5px; font-size:0.6rem; color:#e00523; font-weight:bold; }

.st-Icon-chevron-down {
	margin-bottom: 15px;
	padding: 0 1.2em 20px 0 !important;
}

.st-Icon-chevron-down:after {
	font-family: "template-iconfont";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-transform: none;
	speak: none;
	content: "";
	color: #d60522;
	font-size: 1.2em;
}

.st-Icon-chevron-down:before {
	content: none;
}

.st-Icon-chevron-down a {
	margin-right: 5px;
	color: #333;
}

/*.ico-basic-pagelink {
	padding: 0 0 20px 1.2em !important;
	font-size: 1rem !important;
	color: #333 !important;
	position: relative;
}

.ico-basic-pagelink a {
	font-size: 1rem !important;
	color: #333 !important;
}

.ico-basic-pagelink:before {
	font-family: "template-iconfont";
	content: "\EA01";
	position: absolute;
	top: 3px;
	left: 5px;
	font-size: 0.6rem;
	color: #e00523;
	font-weight: bold;
}*/

/*
.ico-pdf { padding:0 0 20px !important; }
.ico-pdf a { font-size:1rem !important; color:#333 !important; }
.ico-pdf:after { content:"PDF"; display:inline-block; vertical-align:middle; width:4em; height:1rem; line-height:1rem; background:#e00523; text-align:center; margin:-0.2rem 0 0 0.2rem; font-size:0.6rem; color:#fff; font-weight:bold; }
*/


.st-Icon-Pdf:before {
	font-family: "template-iconfont";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	text-transform: none;
	speak: none;
	margin-top: -0.1em;
	font-size: 1.5em;
}

.st-Icon-Pdf:before {
	content: "";
	color: #df0523;
}


/* clearfix */

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }

/* ! Custom Margin Classes
----------------------------------------------- */

.mb_1em { margin-bottom:1em !important; }
.mb_2em { margin-bottom:2em !important; }
.m0 { margin:0px !important; }
.mt0 { margin-top:0px !important; }
.mb0 { margin-bottom:0px !important; }
.ml0 { margin-left:0px !important; }
.mr0 { margin-right:0px !important; }
.m5 { margin:5px !important; }
.mt5 { margin-top:5px !important; }
.mb5 { margin-bottom:5px !important; }
.ml5 { margin-left:5px !important; }
.mr5 { margin-right:5px !important; }
.m10 { margin:10px !important; }
.mt10 { margin-top:10px !important; }
.mb10 { margin-bottom:10px !important; }
.ml10 { margin-left:10px !important; }
.mr10 { margin-right:10px !important; }
.m15 { margin:15px !important; }
.mt15 { margin-top:15px !important; }
.mb15 { margin-bottom:15px !important; }
.ml15 { margin-left:15px !important; }
.mr15 { margin-right:15px !important; }
.m20 { margin:20px !important; }
.mt20 { margin-top:20px !important; }
.mb20 { margin-bottom:20px !important; }
.ml20 { margin-left:20px !important; }
.mr20 { margin-right:20px !important; }
.m25 { margin:25px !important; }
.mt25 { margin-top:25px !important; }
.mb25 { margin-bottom:25px !important; }
.ml25 { margin-left:25px !important; }
.mr25 { margin-right:25px !important; }
.m30 { margin:30px !important; }
.mt30 { margin-top:30px !important; }
.mb30 { margin-bottom:30px !important; }
.ml30 { margin-left:30px !important; }
.mr30 { margin-right:30px !important; }
.m35 { margin:35px !important; }
.mt35 { margin-top:35px !important; }
.mb35 { margin-bottom:35px !important; }
.ml35 { margin-left:35px !important; }
.mr35 { margin-right:35px !important; }
.m40 { margin:40px !important; }
.mt40 { margin-top:40px !important; }
.mb40 { margin-bottom:40px !important; }
.ml40 { margin-left:40px !important; }
.mr40 { margin-right:40px !important; }
.m45 { margin:45px !important; }
.mt45 { margin-top:45px !important; }
.mb45 { margin-bottom:45px !important; }
.ml45 { margin-left:45px !important; }
.mr45 { margin-right:45px !important; }
.m50 { margin:50px !important; }
.mt50 { margin-top:50px !important; }
.mb50 { margin-bottom:50px !important; }
.ml50 { margin-left:50px !important; }
.mr50 { margin-right:50px !important; }

.mb60 { margin-bottom:60px !important; }

/* ! Custom Padding Classes
----------------------------------------------- */

.p0 { padding:0px !important; }
.pt0 { padding-top:0px !important; }
.pb0 { padding-bottom:0px !important; }
.pl0 { padding-left:0px !important; }
.pr0 { padding-right:0px !important; }
.p5 { padding:5px !important; }
.pt5 { padding-top:5px !important; }
.pb5 { padding-bottom:5px !important; }
.pl5 { padding-left:5px !important; }
.pr5 { padding-right:5px !important; }
.p10 { padding:10px !important; }
.pt10 { padding-top:10px !important; }
.pb10 { padding-bottom:10px !important; }
.pl10 { padding-left:10px !important; }
.pr10 { padding-right:10px !important; }
.pr40 { padding-right:40px !important; }
.p15 { padding:15px !important; }
.pt15 { padding-top:15px !important; }
.pb15 { padding-bottom:15px !important; }
.pl15 { padding-left:15px !important; }
.pr15 { padding-right:15px !important; }
.p20 { padding:20px !important; }
.pt20 { padding-top:20px !important; }
.pb20 { padding-bottom:20px !important; }
.pl20 { padding-left:20px !important; }
.pr20 { padding-right:20px !important; }
.p25 { padding:25px !important; }
.pt25 { padding-top:25px !important; }
.pb25 { padding-bottom:25px !important; }
.pl25 { padding-left:25px !important; }
.pr25 { padding-right:25px !important; }
.p30 { padding:30px !important; }
.pt30 { padding-top:30px !important; }
.pb30 { padding-bottom:30px !important; }
.pl30 { padding-left:30px !important; }
.pr30 { padding-right:30px !important; }
.p35 { padding:35px !important; }
.pt35 { padding-top:35px !important; }
.pb35 { padding-bottom:35px !important; }
.pl35 { padding-left:35px !important; }
.pr35 { padding-right:35px !important; }
.p40 { padding:40px !important; }
.pt40 { padding-top:40px !important; }
.pb40 { padding-bottom:40px !important; }
.pl40 { padding-left:40px !important; }
.pr40 { padding-right:40px !important; }
.p45 { padding:45px !important; }
.pt45 { padding-top:45px !important; }
.pb45 { padding-bottom:45px !important; }
.pl45 { padding-left:45px !important; }
.pr45 { padding-right:45px !important; }
.p50 { padding:50px !important; }
.pt50 { padding-top:50px !important; }
.pb50 { padding-bottom:50px !important; }
.pl50 { padding-left:50px !important; }
.pr50 { padding-right:50px !important; }

/* ! display
----------------------------------------------------*/
.dispN  { display: none !important; }
.dispB  { display: block !important; }
.dispI  { display: inline !important; }
.dispIB { display: inline-block !important; }
.dispT  { display: table !important; }
.dispTC { display: table-cell !important; }

.w01per  { width: 1% !important; }
.w02per  { width: 2% !important; }
.w03per  { width: 3% !important; }
.w04per  { width: 4% !important; }
.w05per  { width: 5% !important; }
.w06per  { width: 6% !important; }
.w07per  { width: 7% !important; }
.w08per  { width: 8% !important; }
.w09per  { width: 9% !important; }
.w10per  { width:10% !important; }
.w11per  { width:11% !important; }
.w12per  { width:12% !important; }
.w13per  { width:13% !important; }
.w14per  { width:14% !important; }
.w15per  { width:15% !important; }
.w16per  { width:16% !important; }
.w17per  { width:17% !important; }
.w18per  { width:18% !important; }
.w19per  { width:19% !important; }
.w20per  { width:20% !important; }
.w21per  { width:21% !important; }
.w22per  { width:22% !important; }
.w23per  { width:23% !important; }
.w24per  { width:24% !important; }
.w25per  { width:25% !important; }
.w26per  { width:26% !important; }
.w27per  { width:27% !important; }
.w28per  { width:28% !important; }
.w29per  { width:29% !important; }
.w30per  { width:30% !important; }
.w31per  { width:31% !important; }
.w32per  { width:32% !important; }
.w33per  { width:33% !important; }
.w34per  { width:34% !important; }
.w35per  { width:35% !important; }
.w36per  { width:36% !important; }
.w37per  { width:37% !important; }
.w38per  { width:38% !important; }
.w39per  { width:39% !important; }
.w40per  { width:40% !important; }
.w41per  { width:41% !important; }
.w42per  { width:42% !important; }
.w43per  { width:43% !important; }
.w44per  { width:44% !important; }
.w45per  { width:45% !important; }
.w46per  { width:46% !important; }
.w47per  { width:47% !important; }
.w48per  { width:48% !important; }
.w49per  { width:49% !important; }
.w50per  { width:50% !important; }
.w51per  { width:51% !important; }
.w52per  { width:52% !important; }
.w53per  { width:53% !important; }
.w54per  { width:54% !important; }
.w55per  { width:55% !important; }
.w56per  { width:56% !important; }
.w57per  { width:57% !important; }
.w58per  { width:58% !important; }
.w59per  { width:59% !important; }
.w60per  { width:60% !important; }
.w61per  { width:61% !important; }
.w62per  { width:62% !important; }
.w63per  { width:63% !important; }
.w64per  { width:64% !important; }
.w65per  { width:65% !important; }
.w66per  { width:66% !important; }
.w67per  { width:67% !important; }
.w68per  { width:68% !important; }
.w69per  { width:69% !important; }
.w70per  { width:70% !important; }
.w71per  { width:71% !important; }
.w72per  { width:72% !important; }
.w73per  { width:73% !important; }
.w74per  { width:74% !important; }
.w75per  { width:75% !important; }
.w76per  { width:76% !important; }
.w77per  { width:77% !important; }
.w78per  { width:78% !important; }
.w79per  { width:79% !important; }
.w80per  { width:80% !important; }
.w81per  { width:81% !important; }
.w82per  { width:82% !important; }
.w83per  { width:83% !important; }
.w84per  { width:84% !important; }
.w85per  { width:85% !important; }
.w86per  { width:86% !important; }
.w87per  { width:87% !important; }
.w88per  { width:88% !important; }
.w89per  { width:89% !important; }
.w90per  { width:90% !important; }
.w91per  { width:91% !important; }
.w92per  { width:92% !important; }
.w93per  { width:93% !important; }
.w94per  { width:94% !important; }
.w95per  { width:95% !important; }
.w96per  { width:96% !important; }
.w97per  { width:97% !important; }
.w98per  { width:98% !important; }
.w99per  { width:99% !important; }
.w100per { width:100% !important; }


.historybox td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.historybox td.time {
	white-space: nowrap
}

.sout:after {
	content: '　　';
	display: inline-block;
	/*margin-left: 5px;	background:url(/prdct/optec/assets/img/common/sout.gif) no-repeat;*/
	vertical-align: middle;
}

#sec-sub-news .news {
	margin-bottom: 30px;
}

#sec-sub-news .news dl {
	display: table;
	width: 100%;
	padding: 10px 0;
	border-top: dashed 1px rgb(224,224,224);
}

#sec-sub-news .news dl:first-child {
	padding-top: 0;
	border: none;
}

#sec-sub-news .news dl dt {
	font-weight: bold;
}

#sec-sub-contact .out_line {
	margin-bottom: 20px;
	border: solid 1px rgb(221,221,221);
	padding: 10px;
}

#sec-sub-contact tr {
	vertical-align: top;
}

#sec-sub-contact .td_b {
	width: 40px;
	text-align: center;
}

#sec-sub-contact .td_b img {
	vertical-align: top;
}

#sec-sub-contact .nowrap {
	white-space: nowrap
}

#sec-sub-contact strong {
	font-weight: bold
}

#sec-sub-sitemap h4.h4-basic {
	padding: 8px 15px 10px 2rem !important;
}

#sec-sub-sitemap h4.h4-basic:before {
	background: #ccc;
}
.en_btn:before {
	content: ">";
	position: absolute;
	top: 3px;
	left: 5px;
	font-size: 0.6rem;
	color: #e00523;
	font-weight: bold;
}
.en_btn {
	font-size: 0.7em;
	float: right;
	padding: 0 0 20px 1.5em !important;
	font-size: 0.8rem !important;
	color: #333 !important;
	position: relative;
	text-decoration: none;
}

.notice {
	border: 1px solid #ccc;
	padding: 10px 20px !important;
}

table.table_border {
	width: 100%;
}

table.table_border td {
	border: 1px solid #ccc;
	padding: 3px;
}

table.table_border td:first-of-type {
	width: 40%;
}

.pt33 {
	padding-top: 33px;
}