@charset "utf-8";


html{
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,main,menu,nav,section,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

article, aside, dialog, figure, footer, header, main, nav, section{
	display:block;
}

section{
}

.section_head{
	clear: both;
	padding-top:100px;
	margin-top:-100px;
	overflow:hidden;
}

q:before{
	content:"''";
}

q:after{
	content:"''";
}

blockquote{
	background-color:#EEE;
	padding:1em;
}

cite:before { content: "『"; }
cite:after { content: "』"; }

body{
	min-width: 1120px;
	background:#0090d1;
	color:#333;
	font-size:14px;
	line-height:1.8;
	-webkit-text-size-adjust:100%;
}

body, input, select{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

a{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}

a:link{
color:#0090d1;
}
a:visited{
color:#0090d1;
}
a:hover, a:focus{
color:#0090d1;
text-decoration:underline;
}
a:active{
color:#0090d1;
}
a[href^="tel:"]{
	cursor: default;
}

img{
width:auto;
max-width:100%;
vertical-align:top;
}

ul li{
/*
list-style-position:inside;
*/
list-style-type:none;
}

ol li{
list-style-position:outside;
list-style-type:decimal;
	margin-left:1.5em;
}

nav li{
	list-style:none;
}

address{
font-style:normal;
}

strong{
font-weight:bold;
font-style:normal;
}

em{
font-weight:bold;
}

sup,sub{
font-size:10px;
line-height:1;
}

sup{
vertical-align:super;
}

sub{
vertical-align:sub;
}

small{
font-size:10px;
}

/* 下マージン */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,blockquote,pre,fieldset{
	max-height:999999px;	/* disable font-boost */
	margin-bottom:1.5em;
}

li,caption{
margin-bottom:0.5em;
}

table{
width:100%;
border-spacing:0;
border-collapse:collapse;
}

caption{
font-weight:bold;
}

caption,th{
text-align:left;
}

th,td{
border:solid 1px #DDD;
padding:5px 20px;
}

th{
font-weight:bold;
background-color:#EEE;
text-align:left;
vertical-align:top;
}

pre{
font-family:"Courier 10 Pitch",Courier,monospace;
}

code{
font-family:Monaco,Consolas,monospace;
}

object,
embed{
vertical-align:top;
}

img,abbr,acronym{
border:0;
}

fieldset{
border:solid 1px #DDD;
padding:1em 2em;
}

legend{
}

ins{
	background-color:#fcc;
	text-decoration:none;
}

mark{
	background-color:#fcc;
	font-weight:bold;
}

del,s{
	text-decoration:line-through;
}

abbr[title], dfn[title]{
	border-bottom:1px dotted #000;
	cursor:help;
}

hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

/*** フォーム関連 ここから ***/
input, select{
	vertical-align:middle;
}

input{
	padding:3px 5px;
	border:solid 1px #CCC;
}

input[type="text"]{
}

input[type="checkbox"],
input[type="radio"]{
	margin-right:5px;
	border:none;
	vertical-align: baseline;
}

label{
	margin-right: 1em;
}

input[type="range"], input[type="file"], input[type="image"]{
	padding:0;
	border:none;
}

input[type="submit"], input[type="reset"], input[type="button"]{
	border:outset 2px #DDD;
	background-color:#DDD;
	-webkit-appearance: none;
}

input[type="file"], input[type="range"]{
	overflow:hidden;
}

textarea{
	width:95%;
	padding:3px 5px;
	border:solid 1px #DDD;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	min-height:5em;
}

select{
	padding:3px 5px;
	border:solid 1px #DDD;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
}

option{
	margin:0.3em 0;		/* IEでは効かない */
}

optgroup{
	font-style:normal;
	font-weight:bold;
}
/*** フォーム関連 ここまで ***/


/*** サイトコンポーネント ここから ***/
header{
	width: 100%;
	height:100px;
	position:fixed;
	top:0;
	background-color:#FFF;
	z-index:1000;
	box-shadow:0 3px 4px rgba(0,0,0,0.15);
}

header:after{
	content:"";
	clear:both;
	display:block;
}

header p, header ul, header li{
	margin-bottom:0;
}

header a{
	text-decoration:none;
	color:#000 !important;
}

header .hco_tag_line,
header .hco_tag_line2,
#hco_gnav_2 a{
	color: #a7a8a7 !important;
	font-weight:bold;
	font-size: 10px;
}

header .hco_tag_line{
	margin:-90px 0 0 225px;
}

header .hco_tag_line2{
	margin:-5px 0 0 225px;
}

#hco_gnav_2 a{
	font-size: 11px;
}

html:lang(ja) .hco_tag_line,
html:lang(ja) #hco_gnav_2 a{
	font-size: 12px;
}

#hco_global_nav{
	position: relative;
	height:100px;
}

#hco_gnav_1{
	position:absolute;
	right: 0;
	bottom:0;
}

#hco_gnav_1 span,
#hco_gnav_1 a{
	text-decoration: none;
	font-weight: bold;
}

#hco_gnav_1 > li{
	float:left;
	position: relative;
	max-width:210px;
}

#hco_gnav_1 li a:hover{
	color:#0090d1 !important;
}

#hco_gnav_1 > li > span,
#hco_gnav_1 > li > a{
	display: block;
	padding:0 2.7em;
	height:50px;
	line-height:50px;
}

#hco_gnav_1 ul{
	height:0;
	overflow: hidden;
	position: absolute;
	left:50%;
	top:50px;
	width:160px;
	margin:0 0 0 -80px;
}

#hco_gnav_1 .layer_2{
	background:transparent url(/japanese/products/eo/common/images/arrow_small_b_gray.png) 90% center no-repeat;
}

#hco_gnav_1 li:hover ul{
	height:auto;
}

#hco_gnav_1 ul li{
	background-color:transparent;
	padding-top: 1px;
}

#hco_gnav_1 li li > a{
	display: block;
	background-color: #FFF;
	line-height:1.4;
	padding:10px 0 10px 20px;
	font-size: 13px;
}

#hco_gnav_1 ul li{
	opacity: 0;
	transition-property:opacity;
	transition-duration:0.3s;
}

#hco_gnav_1 li:hover li{
	opacity:1;
}


#hco_gnav_2{
	position:absolute;
	right:0;
	top:10px;
}

#hco_gnav_2 li{
	float: left;
	padding: 0 1em;
	border-left:1px solid #d9d9d9;
	line-height: 1.4;
}

#hco_gnav_2 li:first-child{
	border-left:none;
}

.hco_site_logo{
	position:absolute;
	left:0px;
	top:0;
}

.hco_site_logo img{
}

.hco_container{
	width:1120px;
	margin: 0 auto;
}

main{
	width:100%;
	min-height:500px;
	padding:100px 0 10px 0;
	background-color: #FFF;
}

.hco_title_1{
	margin:2em auto 1.5em auto;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.4;
}

.hco_title_2{
	margin:2em auto 0.5em auto;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.4;
	color: #1076ae;
}

.hco_title_2.black{
	color: #333;
}

.hco_title_3{
	margin:2em auto 1.5em auto;
	font-size:18px;
	font-weight: 500;
	line-height: 1.4;
	border-left:8px solid #fed400;
	padding-left: 10px;
}

.hco_title_3-2{
	margin:0 auto 1.5em auto;
	font-size:18px;
	font-weight: 500;
	line-height: 1.4;
	border-left:8px solid #fed400;
	padding-left: 10px;
}

.hco_title_4{
	margin-bottom:20px;
	text-align: center;
	color: #09afea;
	line-height: 1.4;
	font-size: 30px;
	font-weight: 500;
}
.linklist_tn .title{
	margin:0 0 10px 0;
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
}

.linklist_tn.box_4col .title{
	font-size: 16px;
}

.linklist_tn a{
	transition: opacity 0.3s;
}

.linklist_tn a:hover{
	opacity: 0.7;
}

.list_checked li{
	padding-left:25px;
	background:url(../images/ico_checked_orange.png) left 0.5em no-repeat;
}

.list_dot li{
	padding-left:15px;
	background:url(../images/lsi_dot_black.png) left 0.5em no-repeat;
	list-style-type: none;
}

.hco_btn{
	text-align: center;
	line-height: 1;
}

.hco_btn a{
	width:215px;
	display: block;
	padding: 15px 0;
	background-color: #f5a700;
	transition: opacity 0.3s;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

.hco_btn a.d_i{
	padding-left:3em;
	padding-right:3em;
}

.hco_btn a.d_i img{
	vertical-align:baseline;
}

.hco_btn a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.hco_btn.clear a{
	background-color:transparent;
	border:1px solid #FFF;
	background:transparent url(../images/btn_arrow_white_small_r.png) 95% center no-repeat;
}

.hco_btn.ico_microscope, .hco_btn.ico_monitor, .hco_btn.ico_datasheet, .hco_btn.ico_doc{
	margin-bottom:0.8em;
}

.hco_btn.ico_microscope a, .hco_btn.ico_monitor a, .hco_btn.ico_datasheet a, .hco_btn.ico_doc a{
	padding:21px 45px 19px 0;
	width:auto;
	background:#CCC 93% center no-repeat;
}

.hco_btn.ico_microscope a{ background-image:url(../images/ico_microscope.png);}
.hco_btn.ico_monitor a{ background-image:url(../images/ico_monitor.png);}
.hco_btn.ico_datasheet a{ background-image:url(../images/ico_datasheet.png);}
.hco_btn.ico_doc a{ background-image:url(../images/ico_doc.png);}

.hco_btn_td{
	padding:0;
}

.hco_btn_td a{
	display: block;
	width:auto;
	padding:5px 20px;
	color: #FFF;
	background:#0090d1 url(../images/btn_arrow_white_small_r.png) 97% center no-repeat;
	transition: opacity 0.3s;
}

.hco_btn_td a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.box_2col{
	margin-right:-35px;
	overflow: hidden;
}

.box_2col:after{
	content:"";
	clear:both;
	display:block;
}

.box_2col .col{
	float: left;
	width:400px;
	margin-right:35px;
	margin-bottom:2em;
}

.box_2col .col_2{
	float: left;
	width:410px;
	margin-right:25px;
	margin-bottom:2em;
}

.box_2col_flex{
	display:flex;
	justify-content: space-between;
}

.box_2col_flex_col{
	flex: 0 0 48%;
}

.box_3col{
	margin-right:-23px;
	overflow: hidden;
}

.box_3col:after{
	content:"";
	clear:both;
	display:block;
}

.box_3col .col{
	float: left;
	width:358px;
	margin-right: 23px;
	margin-bottom: 2em;
}

.box_1_3rd{
	float: left;
	width:33.3%;
}
.box_2_3rd{
	float: left;
	width:66.6%;
}
.box_4col{
	margin-right:-24px;
	overflow: hidden;
}

.box_4col:after{
	content:"";
	clear:both;
	display:block;
}

.box_4col .col{
	float: left;
	width:262px;
	margin-right:24px;
	margin-bottom: 2em;
}

.box_5col{
	margin-right:-25px;
	overflow: hidden;
}

.box_5col:after{
	content:"";
	clear:both;
	display:block;
}

.box_5col .col{
	float: left;
	width:204px;
	margin-right:25px;
	margin-bottom:2em;
}

.box_5col .title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	min-height: 3em;
}

img.link_img{
	transition: opacity 0.2s ease-in-out;
}

img.link_img:hover{
	opacity: 0.7;
}

#bgi_strength_2, #bgi_strength_3{
	background:url(../images/bgi_strength_2.jpg) center top no-repeat;
	background-size:100% auto;
}

#bgi_strength_2{
	background-image:url(../images/bgi_strength_2.jpg);
}

#bgi_strength_3{
	background-image:url(../images/bgi_strength_3.jpg);
	background-position: center 100px;
}

.labeled_box{
	position: relative;
	border: 1px solid #b8e5f8;
	margin-bottom:50px;
	padding:60px 0px 50px 39px;
	font-size: 16px;
}

.labeled_box:after{
	content:"";
	clear:both;
	display:block;
}

.labeled_box .label{
	position: absolute;
	display:table;
	left:10px;
	top:-5px;
	width:214px;
	height:45px;
	background-color: #0090d1;
	color: #FFF;
	text-align: center;
	line-height: 1.2;
}

.labeled_box .label p{
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
}

.labeled_box .hco_title_4{
	text-align:left;
	margin-bottom: 10px;
}

.labeled_box_l{
	float:left;
	width:508px;
}

.labeled_box_r{
	float:left;
	width:520px;
	margin-left: 27px;
}

.feature_box{
	position: relative;
	border: 1px solid #b8e5f8;
	margin-bottom:30px;
	padding:40px 0px 40px 39px;
	font-size: 16px;
}

.feature_box p:last-child{
	margin-bottom: 0;
}

.label_category{
	display:inline-block;
	margin-bottom:20px;
	padding:5px 2em;
	background-color: #0090d1;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}

.label_category.orange{
	background-color: #f5a700;
}

.feature_box:after{
	content:"";
	clear:both;
	display:block;
}

.feature_box .hco_title_4{
	text-align: left;
	margin-bottom:10px;
}

.feature_box_l{
	float:left;
	width:370px;
}

.feature_box_l img{
	display: block;
	margin-bottom:5px;
}

.feature_box_r{
	float:left;
	width:655px;
}

.border_box{
	border:1px solid #CCC;
	margin-bottom: 2em;
	padding:20px 30px;
}


footer{
	clear:both;
	background-color:#0090d1;
}

#footer_m, #footer_b{
	color:#FFF;
}

footer:after{
	content:"";
	clear:both;
	display:block;
}

#footer_b p a:hover{
	text-decoration: none;
}

#footer_m a, #footer_b a{
	color:#FFF !important;
}

footer li{
	margin-bottom:8px;
}

#scroll_to_top{
	line-height:1;
	margin-bottom:0;
}

#scroll_to_top a{
	text-align: center;
	display: block;
	width: 100%;
	padding:14px 0;
	background-color:rgba(204, 204, 204, 0.3);
	transition:background-color 0.3s;
}

#scroll_to_top a:hover{
	background-color:rgba(0, 0, 0, 0.15);
}

#footer_t{
	width: 100%;
	background:url(../images/bgi_footer.jpg) 0 0 no-repeat;
	background-size: cover;
	padding-bottom: 30px;
}

#footer_t p{
	margin-bottom:0;
}


#footer_t .contact{
	margin:30px auto 0px auto ;
	padding:30px 0px;
	background-color: #fff;
}

#footer_t .contact:after{
	content:"";
	clear:both;
	display:block;
}

#footer_t .contact_title,
#footer_t .contact_tel,
#footer_t .contact_catalogue,
#footer_t .security_trade_control{
	float: left;
}

#footer_t .contact_tel,
#footer_t .contact_catalogue,
#footer_t .security_trade_control{
	position: relative;
	width:215px;
	margin-right: 30px;
}

#footer_t .contact_title{
	width:350px;
	padding: 0 0 0 30px;
	line-height: 1.3;
	padding-top: 10px;
	letter-spacing: 1px;
}

#footer_t .title_1{
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	padding-top:30px;
}

#footer_t .contact_tel .title_1{
	font-size:27px;
}

#footer_t .contact .hco_btn{
	margin:15px 0 0 0 !important;
}

#footer_t .title_1:before{
	content:'';
	display: inline-block;
	width:30px;
	height:28px;
	vertical-align: top;
	background-repeat:no-repeat;
	background-position:left center;
}

#footer_t .contact_tel .title_1:before{
	background-image:url(../images/ico_tel.png);
}

#footer_t .contact_catalogue .title_1:before{
	background-image:url(../images/ico_doc_black.png);
}

#footer_t .security_trade_control .title_1:before{
	background-image:url(../images/ico_security.png);
}

#footer_t .contact_tel .title_2{
	position: absolute;
	left: 0;
	top:-10px;
}

#footer_t .contact .hco_btn a:before{
	content:'';
	display: inline-block;
	width:24px;
	height:15px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:left center;
}

#footer_t .contact_tel .hco_btn a:before{
	background-image:url(../images/ico_mail.png);
}

#footer_t .contact_catalogue .hco_btn a:before{
	background-image:url(../images/ico_download.png);
}

#footer_t .security_trade_control .hco_btn a:before{
	background-image:url(../images/ico_link_external.png);
}

#footer_m{
	padding-top: 30px;
}

footer .nav_1, footer .nav_2{
	float: left;
	font-size: 12px;
}

footer .nav_1{
	width:270px;
}

footer .nav_2{
	width:130px;
}

footer .nav_2 li.title{
	position: relative;
	height: 2em;
}
footer .nav_2 li.title a{
	width:200px;
	position: absolute;
}


footer .nav_1 strong, footer .nav_2 strong{
	font-size: 14px;
}

#footer_b{
	clear: both;
	border-top: 1px solid #5db8e1;
	padding:19px 0;
}

#footer_b:after{
	content:"";
	clear:both;
	display:block;
}

#footer_b p, #footer_b ul, #footer_b li{
	margin-bottom: 0;
	font-size: 12px;
	font-weight: bold;
	line-height:20px;
}

#footer_b p{
	float: left;
	margin-right:80px;
}

#footer_b img{
	margin-right: 23px;
	vertical-align:bottom;
}

#footer_b li{
	float:left;
	width:140px;
	text-align: right;
}

.hco_table_1, .hco_table_1 th, .hco_table_1 td{
	border:none;
	background-color:transparent;
}

.hco_table_1 th, .hco_table_1 td{
	padding:2px 20px;
}

.hco_table_1 th{
	position: relative;
	text-align: right;
	font-weight: bold;
}

.hco_table_1 .is_must{
	position:absolute;
	right: 0;
	top:0.4;
	color:#cc0000;
}

.hco_btn_submit{
	display: block;
	margin:30px auto 0 auto;
	padding: 15px 0;
	width:280px;
	border:none !important;
	border-radius: 4px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	background-color: #f5a700 !important;
	cursor: pointer;
	transition:opacity 300ms;
}

.hco_btn_submit:hover{
	opacity:0.7;
}

.btn_gray,
.btn_green{
	display: inline-block;
	width:auto;
	height:57px;
	line-height: 57px;
	margin:0 5px 2em 5px;
	padding:0 2em;
	background-position:0 0;
	background-repeat:repeat-x;
	font-size: 18px;
	font-weight:500;
	text-align: center;
	color: #FFF !important;
	transition:opacity 300ms;
	border: none !important;
	border-radius:4px;
}

.btn_gray:hover,
.btn_green:hover{
	text-decoration: none;
	opacity: 0.7;
}

.btn_green{
	background-image:url(../images/bgi_btn_green.png);
}

.btn_gray{
	background-image:url(../images/bgi_btn_gray.png);
}

.page_info{
	position: relative;
	color: #FFF;
	height: 190px;
	background-size:cover !important;
/* 
	background-size:100% auto !important;
*/
}

.page_info h2,
.page_info p,
.page_info ul{
	margin: 0 0 0 27px;
}

.page_info h2{
	padding-top:50px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
}

.page_info.lineup{ background: #09aae6 url(../images/bgi_lineup.jpg) center top no-repeat;}
.page_info.coloredglass{ background:#000 url(../images/bgi_coloredglass.jpg) center top no-repeat;}
.page_info.specialglass{ background:#000 url(../images/bgi_special.jpg) center top no-repeat;}
.page_info.colorfilter{ background:#000 url(../images/bgi_colorfilter.jpg) center top no-repeat;}
.page_info.strength{ background:#000 url(../images/bgi_strength_1.jpg) center bottom no-repeat;}

.page_info p{
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}

.breadcrumb_link{
	position:absolute;
	bottom:0px;
	width: 100%;
	height:47px;
	background-color:rgba(255,255,255,0.4);
}

.page_info.specialglass .breadcrumb_link{
	background-color:rgba(11,98,146,0.5);
}

.breadcrumb_link li:first-child{
	padding-left: 20px;
	background:url(../images/ico_home.png) left center no-repeat;
}

.breadcrumb_link li{
	float: left;
	line-height:47px;
	margin: 0 15px 0 0;
	color: #333;
	font-size: 12px;
	font-weight: 500;
}

.breadcrumb_link .no_link,
.breadcrumb_link a{
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	padding-right:20px;
	background:url(../images/bgi_slash.png) right center no-repeat;
}

.breadcrumb_link a:hover{
	text-decoration: underline;
}

/* .breadcrumb_link li a:after{
	content: '/';
	margin-left:15px;
}
 */
.hco_table_2 th, .hco_table_2 td{
	border: none;
	font-weight: normal;
}

.hco_table_2 tr:nth-child(2n+1) {
	background-color: #f8f8f8;
}

.hco_content{
	width: 835px;
	float: right;
}

.hco_table_3 th,
.hco_table_3 td{
	font-weight: normal;
	font-size:13px;
	vertical-align:middle;
	padding: 5px 0;
	text-align:center;
	line-height:1.2em;
}

.hco_table_4 th,
.hco_table_4 td{
	font-weight: normal;
	vertical-align:middle;
	text-align:center;
}

.hco_table_4 th{
	padding: 8px 0;
}

.hco_table_4 td{
	padding: 5px 0;
}

.hco_table_5{
	border: none;
	float: left;
	width: 414px;
	margin-bottom: 2em;
}

.hco_table_5 th,
.hco_table_5 td{
	border-left: none;
	border-right: none;
	text-align: center;
	width:50%;
}

.hco_table_5 thead th{
	padding:10px 0;
	color: #FFF;
	font-size: 16px;
	line-height: 1.4;
	background-color: #1076ae;
}

.hco_table_5 thead th:nth-child(2){
	background-color: #5cc4e8;
}

.hco_table_5 tbody th,
.hco_table_5 tbody td{
	background-color:#FFF;
	padding:4px 0;
	font-size: 12px;
}

.hco_table_5 thead th,
.hco_table_5 tbody th{
	border-right: solid 1px #CCC;
}

.hco_table_6{
}

.hco_table_6 th,
.hco_table_6 td{
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 15px;
}

.hco_table_6 th{
	border-left: none;
	border-right: solid 1px #CCC;
	background-color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

.hco_table_6 td{
	border-right: none;
	border-left: solid 1px #CCC;
	background-color: #FFF;
}

.hco_table_7{
	border: none;
}

.hco_table_7 th,
.hco_table_7 td{
	border: none;
	border-right: solid 1px #FFF;
	padding:5px;
	text-align: center;
}

.hco_table_7 th{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	background-color: #1076ae;
}

.hco_table_7 td{
	font-size: 12px;
	background-color: #ebedee;
}

.hco_table_8{
	border: none;
}

.hco_table_8 th,
.hco_table_8 td{
	text-align: center;
	vertical-align: middle;
	font-size:16px;
}

.hco_table_8 thead th,
.hco_table_8 thead td{
	padding:10px 0;
	color: #FFF;
	font-weight: normal;
	background-color: #1076ae;
}

.hco_table_8 tbody th,
.hco_table_8 tbody td{
	padding:5px 0;
}

.hco_table_8 tbody th{
	font-weight:normal;
	border-left:none;
	border-right:solid 1px #CCC;
	background-color:#f8f8f8;
}

.hco_table_8 tbody td{
	border-left: solid 1px #CCC;
	border-right: none;
}

.hco_table_9{
	border-collapse:separate;
	border-spacing:4px 0px;
	font-size:16px;
	margin-bottom:60px;
}

.hco_table_9 th,
.hco_table_9 td{
	text-align: center;
	padding:8px 0px;
	border: none;
}

.hco_table_9 thead th,
.hco_table_9 thead td{
	color:#FFF;
	font-weight:bold;
}

.hco_table_9 thead th{
	background-color: #f5a700;
}

.hco_table_9 thead td{
	background-color: #5cc4e8;
}

.hco_table_9 tbody th,
.hco_table_9 tbody td{
	border: none;
	border-bottom:1px solid #EEE;
	background-color:transparent;
}

.hco_table_9 tbody th{
	color:#f5a700;
	font-weight: bold;
}



.hco_table_border_1 th{
	border-top: none;
	border-left: none;
	border-right: #88B9D8 solid 1px;
	border-bottom: #88B9D8 solid 1px;
}

.hco_table_border_1 td{
	border-top: none;
	border-left: none;
	border-right: #CACACA solid 1px;
	border-bottom: #CACACA solid 1px;
}

.hco_table_border_2 th{
	border-top: none;
	border-left: none;
	border-right: #ADE1F5 solid 1px;
	border-bottom: #ADE1F5 solid 1px;
}

.hco_table_border_1 th:last-child,
.hco_table_border_1 td:last-child,
.hco_table_border_2 th:last-child,
.hco_table_border_2 td:last-child{
	border-right: none;
}

.hco_table_border_2 td:first-child{
	border-left: none;
}

#hco_subnav{
	width: 263px;
	float: left;
}

.hco_subnav_title{
	margin: 4em auto 0.5em auto;
	padding: 0 0 0 2.5em;
	font-size: 16px;
	font-weight: 500;
	background: transparent url(../images/ico_coloredglass.jpg) left top no-repeat;
	border-bottom: #0090d1 solid 3px;
}

.hco_subnav_title a{
	text-decoration: none;
	color: #333;
}

#hco_deposition_filter .hco_subnav_title{ background-image:url(../images/ico_colorfilter.png); }
#hco_special_glass .hco_subnav_title{ background-image:url(../images/ico_special.png); }
#hco_download .hco_subnav_title{ background-image:url(../images/ico_download_gray.png); }

.hco_subnav_1 li{
	font-size: 13px;
	padding: 0.1em 0 0.4em 0;
	border-bottom: #eeeeee solid 1px;
}

.hco_subnav_1 li a{
	display: block;
	font-weight: 500;
}

.hco_subnav_2 li a{
	padding: 0.7em 2em 0.7em 1em;
	background: #4cb1df url(../images/btn_arrow_white_small_r.png) 17em center no-repeat;
	display: block;
	text-decoration: none;
	color:#FFF;
	font-weight: 500;
	transition:opacity 300ms;
}

.hco_subnav_2 li a:hover{
	opacity: 0.7;
}

.hco_link_block a{
	display: block;
	text-decoration: none;
}

.hco_link_style_1,.hco_link_style_2{
	margin: 0;
}

.hco_link_style_1 a,.hco_link_style_2 a{
	transition: background-color 0.3s;
}

.hco_link_style_1 li{
	float:left;
	text-align:center;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
}

.hco_link_style_1 li a{
	width:183px;
	padding: 0.7em 0px;
	background: transparent url(../images/arrow_small_b_gray.png) 160px center no-repeat;
}

.hco_link_style_1 li a:hover,
.hco_link_style_2 li a:hover{
	color: #FFF !important;
	background-color: #4cb1df;
}

.hco_link_style_1 li:last-child{
	border-right:#cccccc solid 1px;
}

.hco_link_style_2 li{
	float:left;
	text-align:center;
	border:#eee solid 1px;
	margin-left:10px;
}

.hco_link_style_2 li a{
	width:125px;
	padding: 0.7em 0;
	background: #eeeeee url(../images/btn_arrow_gray_small_r.png) 113px center no-repeat;
}

#product_page_select_btn,
#product_page_select{
	font-size: 16px;
}

#product_page_select{
	width: 300px;
	margin-right: 20px;
	border-radius: 3px;
}

#product_page_select_btn{
	padding:5px 10px;
}

.product_img_selector{
	float: left;
	width: 358px;
	height: 268px;
	border: 1px solid #e4e3e3;
	margin-right: 30px;
}

.product_img{
	display: none;
	float: left;
	padding-top: 20px;
}

.product_img_selector ul{
	float: right;
	margin:15px 10px 0 5px;
}

.product_img_selector li{
	width: 70px;
	height: 60px;
	margin-bottom: 0;
	background-color:#0090d1;
}

.product_img_selector li img:hover{
	opacity:0.7;
}

.product_img_1 img{
	float: left;
	padding:20px 46px;
	border: 1px solid #e4e3e3;
	margin-right: 30px;
}



.bdb_gray{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #EEE;
}

.bdt_gray{
	border-top: #CACACA solid 1px;
}

.txt_intro_blue{
	margin-bottom:60px;
	font-size:16px;
	font-weight:500;
	letter-spacing:2px;
	line-height:2;
	text-shadow:0 0px 10px rgba(255,255,255,1), 0 1px 10px rgba(255,255,255,1),0 2px 10px rgba(255,255,255,1),0 0px 40px rgba(255,255,255,1),0 0px 40px rgba(255,255,255,1);
	color: #2778aa;
}

.txt_shadow_blue{
	text-shadow:0 0px 10px rgba(0,100,200,1);
}

.feature_img{
	margin-bottom:50px;
}

.feature_img:after{
	content:"";
	clear:both;
	display:block;
}

.feature_img:first-child{
	padding-top:40px;
}

.feature_img .img{
	float:left;
	width:335px;
	text-align:right;
}

.feature_img .txt{
	float:left;
	width:670px;
	margin-left:45px;
	font-size:16px;
	line-height: 1.6;
}

.feature_img .txt h2{
	font-size:36px;
	font-weight: normal !important;
	line-height:1;
	margin-bottom: 20px;
}

.feature_img .txt .num{
	font-size:50px;
	color:#c8c8c8;
}

.devices{
	padding-bottom: 30px;
}

.devices:after,
.devices .devices_1:after,
.devices .devices_2:after{
	content:"";
	clear:both;
	display:block;
}

.devices .devices_1 {
	float: left;
	width: 739px;
}

.devices .devices_1 .item {
	float: left;
	width: 358px;
	min-height:350px;
}

.devices .devices_1 .title {
	font-size: 18px;
	font-weight: normal;
	margin:15px 0 5px 0 ;
	line-height: 1.4;
}

.devices .devices_2 {
	float:right;
	width:358px;
}

.devices .devices_2 .item{
	display:table;
	width: 100%;
	min-height:50px;
	margin-bottom:15px;
}

.devices .devices_2 .item_in {
	display:table-cell;
	border-left: solid 8px #EEE;
	padding:0px 0 0px 12px;
	vertical-align:middle;
}

.devices .devices_2 p,
.devices .devices_2 .title{
	margin-bottom: 0;
	line-height: 1.6;
}

.devices .devices_2 .title {
	font-size: 16px;
	font-weight: normal;
}

.hco_accordion .hco_accordion_body{
	overflow: hidden;
	transition: max-height 0.5s ease-out;
}
.hco_accordion.closed .hco_accordion_body{
	max-height: 0;
}
.hco_accordion.opened .hco_accordion_body{
	max-height: 1000px;
}
.hco_accordion .hco_accordion_btn{
	text-align: center;
	color: #666;
}
.hco_accordion .hco_accordion_btn:hover{
	opacity: 0.7;
}
.hco_accordion .hco_accordion_btn:before{
	display: inline-block;
	margin:0 auto 30px auto;
	padding: 3px 30px 3px 40px;
	cursor: pointer;
	border-radius: 20px;
	background:#DDD url(../images/arrow_small_b_gray.png) no-repeat 20px center;
	font-size: 12px;
}
.hco_accordion.closed .hco_accordion_btn:before{
	content: 'READ MORE';
}
.hco_accordion.opened .hco_accordion_btn:before{
	content: 'CLOSE';
	background-image: url(../images/arrow_small_t_gray.png);
}

/*** サイトコンポーネント ここまで ***/



/*** 汎用スタイル ここから ***/
.fz_10{ font-size:10px; }
.fz_12{ font-size:12px; }
.fz_14{ font-size:14px; }
.fz_16{ font-size:16px; }
.fz_18{ font-size:18px; }
.fz_20{ font-size:20px; }
.fz_22{ font-size:22px; }
.fz_24{ font-size:24px; }
.fz_28{ font-size:28px; }
.fz_30{ font-size:30px; }
.fz_36{ font-size:36px; }
.fz_48{ font-size:48px; }

.td_n{
text-decoration:none !important;
}

.fw_b{
font-weight:bold !important;
}

.fw_n{
font-weight:normal!important;
}

.c_gray{
	color: #908f8f;
}

.c_red{
color:#cc0000;
}

.c_brown{
color:#9f8958;
}

.c_green{
color:#1db5b6;
}

.ta_l{
text-align:left !important;
}

.ta_r{
text-align:right !important;
}

.ta_c{
text-align:center !important;
}

.lh_1{
line-height:1 !important;
}

.lh_14{
line-height:1.4 !important;
}

.lh_2{
line-height:2 !important;
}

.ls_2{
	letter-spacing: 2px;
}

.fl_l{
float:left;
}

.fl_r{
float:right;
}

.cl_b{
clear:both;
}

.cl_fix:after{
	content:"";
	clear:both;
	display:block;
}

.dl_2col:after{
	content:"";
	clear:both;
	display:block;
}

.dl_2col dt{
	clear:both;
	float:left;
	width:9em;
	margin:0 0 20px 0;
}

.dl_2col dd{
	margin:0 0 20px 10em;
}

.dl_notice:after{
	content:"";
	clear:both;
	display:block;
}

.dl_2col.w_3e dt{
	width: 3em;
}

.dl_2col.w_3e dd{
	margin-left:3em;
}

.dl_2col.w_5e dt{
	width: 5em;
}

.dl_2col.w_5e dd{
	margin-left:5em;
}

.dl_notice dt{
	clear:both;
	float:left;
	width:1.9em;
	margin:0 0 1em 0;
}

.dl_notice dd{
	margin:0 0 1em 2em;
}

.d_i{ display:inline !important; }

.no_ime{ ime-mode:disabled; }

.bg_n{background:none !important;}

.bd_n{border:none !important;}

.m_0{margin:0;}

.mt_-40{margin-top:-40px;}
.mt_-20{margin-top:-20px;}
.mt_-10{margin-top:-10px;}
.mt_0{margin-top:0;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_45{margin-top:45px;}
.mt_50{margin-top:50px;}

.mr_0{margin-right:0;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}
.mr_35{margin-right:35px;}
.mr_40{margin-right:40px;}
.mr_45{margin-right:45px;}
.mr_50{margin-right:50px;}

.mb_0{margin-bottom:0;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_35{margin-bottom:35px;}
.mb_40{margin-bottom:40px;}
.mb_45{margin-bottom:45px;}
.mb_50{margin-bottom:50px;}

.ml_0{margin-left:0;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}
.ml_35{margin-left:35px;}
.ml_40{margin-left:40px;}
.ml_50{margin-left:50px;}
.ml_60{margin-left:60px;}
.ml_80{margin-left:80px;}
.ml_100{margin-left:100px;}
.ml_140{margin-left:140px;}

.p_0{padding:0;}

.pt_0{padding-top:0;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_25{padding-top:25px;}
.pt_30{padding-top:30px;}
.pt_35{padding-top:35px;}
.pt_40{padding-top:40px;}
.pt_45{padding-top:45px;}
.pt_50{padding-top:50px;}

.pr_0{padding-right:0;}
.pr_5{padding-right:5px;}
.pr_10{padding-right:10px;}
.pr_15{padding-right:15px;}
.pr_20{padding-right:20px;}
.pr_25{padding-right:25px;}
.pr_30{padding-right:30px;}
.pr_35{padding-right:35px;}
.pr_40{padding-right:40px;}
.pr_45{padding-right:45px;}
.pr_50{padding-right:50px;}

.pb_0{padding-bottom:0;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_15{padding-bottom:15px;}
.pb_20{padding-bottom:20px;}
.pb_25{padding-bottom:25px;}
.pb_30{padding-bottom:30px;}
.pb_35{padding-bottom:35px;}
.pb_40{padding-bottom:40px;}
.pb_50{padding-bottom:50px;}
.pb_60{padding-bottom:60px;}

.pl_0{padding-left:0;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_25{padding-left:25px;}
.pl_30{padding-left:30px;}
.pl_35{padding-left:35px;}
.pl_40{padding-left:40px;}
.pl_45{padding-left:45px;}
.pl_50{padding-left:50px;}
.pl_80{padding-left:80px;}

.plr_100{padding-left:100px;padding-right:100px;}

.w_25p{ width:25%; }
.w_40p{ width:40%; }
.w_75p{ width:75%; }

.miw_3e{ min-width: 3em; }

.c_white{
color:#FFF !important;
}

.c_black{
color:#000 !important;
}

.c_blue{
	color: #2778aa;
}

.bgc_deepblue{
background-color:#1076ae !important;
}

.bgc_blue{
background-color:#0090d1 !important;
}

.bgc_lightblue{
background-color:#5cc4e8 !important;
}

.bgc_gray{
	background-color: #f8f8f8 !important;
}

/*** 汎用スタイル ここまで ***/