@charset "utf-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	width: 100%;
	font-size: 12px;
	line-height: 155%;
	display: inline-table;
}

a img {
	transition: .3s ease all;
}

a:hover img {
	opacity: .6;
}


/* common Setting */
/*----------------------------------------------*/
/* float */
.fL {
	float: left;
}

.fR {
	float: right;
}

.fClear {
	clear: both;
}

/* padding */
.pdR5 {
	padding-right: 5px;
}

.pdR10 {
	padding-right: 10px;
}

.pdR15 {
	padding-right: 15px;
}

.pdL5 {
	padding-left: 5px;
}

.pdL10 {
	padding-left: 10px;
}

.pdL15 {
	padding-left: 15px;
}

.pdL20 {
	padding-left: 20px;
}

.pdL25 {
	padding-left: 25px !important;
}

.lH140 {
	padding-left: 25px;
}

p.bold.mT15 {
	padding-left: 25px;
}

.mT10 {
	padding-left: 25px;
}

.mT20 {
	padding-left: 25px;
}

.mB15 {
	padding-left: 25px;
}

.pdB0 {
	padding-bottom: 0px !important;
}

.pdB5 {
	padding-bottom: 5px;
}

.pdB10 {
	padding-bottom: 10px;
}

.pdB15 {
	padding-bottom: 15px;
}

/* margin */
.mT5 {
	margin-top: 5px;
	margin-left: 25px;
}

.mT10 {
	margin-top: 10px;
}

/* .mT15 {
	margin-top: 15px;
} */

.mT20 {
	margin-top: 20px;
}

.mT30 {
	margin-top: 30px;
}

.mB5 {
	margin-bottom: 5px;
}

.mB10 {
	margin-bottom: 10px;
}

.mB15 {
	margin-bottom: 15px;
}

.mB20 {
	margin-bottom: 20px;
}

.mB30 {
	margin-bottom: 30px;
}

.mB40 {
	margin-bottom: 40px;
}

/* font-size */
.fs10 {
	font-size: 10px;
}

.fs12 {
	font-size: 12px;
}

.fs13 {
	font-size: 13px;
}

.fs15 {
	font-size: 15px;
}

.fs16 {
	font-size: 16px;
}

.fs25 {
	font-size: 25px;
}

.mT5 {
	font-size: 13px;
}

.mT15.lH140 {
	font-size: 13px;
}

.mT20.mB40 {
	font-size: 13px;
}

.mT20 {
	font-size: 13px;
}

#logoCaption span {
	font-size: 13px;
}

/* font */
.bold {
	font-weight: bold;
}

.red {
	/* color	:	#dc0000; */
	color: #F34235;
}

.navy {
	color: #004097;
}

.darkBlue {
	color: #122f56;
}

.grayBlue {
	color: #323A45;
}

.white {
	color: #fff;
}


/* line-height */
.lH160 {
	line-height: 160%;
}

.lH140 {
	line-height: 140%;
}


/* text-align */
.alignC {
	text-align: center;
}

.alignR {
	text-align: right;
}

.alignL {
	text-align: left;
}


/* vertical-align */


/* decoration */
.blueArrow {
	padding-left: 10px;
	/* background-image	:	url("../../images/view/blueArrow.png"); */
	background-image: url(../../images/view/blueArrow@2x.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 10px;
	display: block;
	background-size: 8px 8px;
}

.grayArrow {
	padding-left: 10px;
	background-image: url("../../images/view/grayArrow.png");
	background-repeat: no-repeat;
	background-position: right center;
}

.yellowArrow {
	padding-left: 10px;
	background-image: url("../../images/view/yellowArrow.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 6px;
}

.whiteArrow {
	padding-left: 17px;
	background-image: url("../../images/view/whiteArrow.png");
	background-repeat: no-repeat;
	background-position: left center;
}

.nestList {
	padding-left: 10px;
}



/* header */
/*----------------------------------------------*/
#headWrap {
	width: 100%;
	padding: 0;
	background-color: #053D99;
	display: table;
}

#header {
	width: 1200px;
	height: 70px;
	padding: 10px 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header #logo {
	height: 30px;
	padding-top: 10px;
	padding-right: 5px;
	/*padding-bottom: 15px;*/
	padding-left: 0px;
}

#header #logo img {
	height: 30px;
}

#header #logoCaption {
	line-height: 1.5;
	padding-top: 8px;
	line-height: 1.4;
}

#header #searchTxt {
	padding: 2px 5px 0px 0px;
}

#header #searchTxt input {
	padding: 5px;
}

#localNav {
	width: 120px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header-license {}

#header-license img {
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	margin-right: 5px;

}

#header-license .intel {
	height: 50px;
	margin-right: 5px;
}

#header-license .adobe {
	height: 25px;
	margin-right: 15px;
}

#header-license .twitter {
	height: 40px;
}


/* globalNav */
/*----------------------------------------------*/
#globalNavWrap {
	width: 100%;
	height: 50px;
	/*background-image	:	url("../../images/view/navBack.png");*/
	/*background-repeat	:	repeat-x;*/
	/*background-position	:	left top;*/
	position: relative;
	z-index: 5;
	/* background-color: #ffffff3b; */
	/* background-color: #003D99; */
	background-color: #263137;
	display: inline-table;
}

#globalNav {
	width: 1200px;
	margin: 0px auto;
	position: relative;
}

#dropdownmenu {
	display: flex;
	justify-content: space-between;

}

#dropdownmenu>li {}

#globalNav li {
	/* float: left; */
}

#globalNav li:not(:first-child) {
	/* padding-left: 70px; */
	padding-left: 60px;
}

#globalNav a {
	display: block;
	/* background-repeat	:	no-repeat; */
	/* background-position	:	left top; */
	/* background-position-y: 20px; */
	/* width: 137px; */
	height: 50px;
	padding-top: 16px;
	font-size: 15px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

#globalNav a:hover {
	color: #EC9134;
}

/* #globalNav a img{ */
/* padding-top: 20px; */
/* background-color: transparent; */
/* } */
/* #globalNav .nowPage a img{
	visibility	:	hidden;
} */
/* #globalNav a:hover img{
	visibility	:	hidden;
}
#home a:hover{
	background-image	:	url("../../images/view/nav/home_on.png");
}
#product a:hover{
	background-image	:	url("../../images/view/nav/product_on.png");
}
#guide a:hover{
	background-image	:	url("../../images/view/nav/guide_on.png");
}
#hyoka a:hover{
	background-image	:	url("../../images/view/nav/hyoka_on.png");
}
#about a:hover{
	background-image	:	url("../../images/view/nav/about_on.png");
}
#contact a:hover{
	background-image	:	url("../../images/view/nav/contact_on.png");
} */

/* breadcrumb */
/*----------------------------------------------*/
#breadcrumbWrap {
	width: 100%;
	margin: 0px 0px 15px 0px;
}

#breadcrumb {
	margin: 0px auto;
	padding: 9px;
	border-bottom: 1px solid #263137;
}

#breadcrumb p {
	color: #000000;
	font-size: 12px;
	line-height: 100%;
}

#breadcrumb p a {
	color: #000000;
	text-decoration: none;
}

#breadcrumb p .black {
	color: #000;
}

/* main */
/*----------------------------------------------*/
#mainWrap {
	width: 100%;
	padding: 0px;
}

#main {
	width: 1200px;
	margin: 0px auto;
}

/* contents */
/*----------------------------------------------*/
#contents {
	width: 900px;
}

.contBox {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

h1.title {
	margin: 0px 0px 25px 0px;
}

h1.pc-title {
	color: #053d99;
	height: 40px;
	line-height: 40px;
	padding-left: 24px;
	background: #FFFFFF;
	border: 1px solid;
	border-top: 2px solid;
	font-size: 17px;
	margin-bottom: 25px;
}


/* side */
/*----------------------------------------------*/
/* side */
/*----------------------------------------------*/
#side {
	width: 280px;
}

#side .sideNav {
	font-size: 0.9rem;
	letter-spacing: 0.5px;
}

#side .sideNav li {
	border-top: 1px solid #E6E6E6;
	/* border-left	:	1px solid #b6c6ca; */
	/* border-right	:	1px solid #b6c6ca; */
	/* background-color	:	#eef3f6; */
	background-color: #fff;
}

#side .sideNav li a {
	display: block;
	padding: 7px 10px;
}

#side .sideNav li a:hover,
#side .sideNav li a.active {
	background-color: #BECBD3;
}

#side .sideNav li.childMenu a {
	padding: 4px 10px 4px 20px;
	background-color: #fff;
}

#side .sideNav li.childMenu a .grayArrow {
	background-image: url("../..images/view/grayArrow.png");
}

#side .sideNav li.childMenu a.active {
	background-color: #BECBD3;
}

#side .sideNav li.childMenu a:hover {
	background-color: #eef3f6;
}

#side .sideNav li.childMenu .yellowArrow {
	padding-left: 20px;
	background: none;
}

#side .sideNav li a,
#side .sideNav li.childMenu a {
	/* padding: 14px 10px 14px 10px; */
	padding: 10px;
	transition: 0.3s;
}


#side .banner {
	width: 100%;
	padding-bottom: 10px;
}

#side .banner li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#side .sideNavTitle a {
	width: 280px;
	height: 50px;
	overflow: hidden;
	display: block;
}

#side .sideNavTitle a img {
	background-color: #fff;
	margin: 0px;
	max-width: 100%;
	width: 280px;
}

#side .sideNavTitle a:hover img,
#side .sideNavTitle a.active img {
	/* margin-top	:	-60px; */
}

#side .sideserch {
	width: 100%;
	margin-bottom: 15px;
	float: left;
	padding-bottom: 20px;
	/*
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1F4D6E;
*/
	background-color: white;
	border: 0;
}

#side .sideserch .ttl {
	height: 40px;
	padding: 13px 0;
	background-color: #263137;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.sideserch form {
	position: relative;
	padding-top: 20px;
}

#side .sercharea {
	/* float: left; */
	/* width: 150px; */
	position: relative;
	text-align: center;
}

#side .sercharea input {
	/* width: 142px; */
	/* border: 1px solid #1F4D6E; */
	border: 1px solid #CED7DB;
	margin: 0 10px;
	width: 240px;
	height: 30px;
	padding: 3px 28px 3px 10px;
	border-radius: 99px;
	font-size: 14px;
	outline: none;
	/* height: 17px; */
	/* border-radius: 3px; */
	/* -webkit-border-radius: 3px; */
	/* -moz-border-radius: 3px; */
}

#side .serchbt {
	/* float: right; */
	width: 25px;
	height: 25px;
	position: absolute;
	right: 27px;
	top: 3px;
}

#side .serchbt input {
	padding: 4px;
	outline: none;
}

.sideContact {
	padding-bottom: 12px;
	border: 1px solid #acacac;
	text-align: center;
}

.sideContactttl {
	position: relative;
	top: 5px;
	background: #263137;
	color: #ffffff;
	height: 50px;
	padding-top: 17px;
}

.sideContactttl h1 {
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}

.sideContact p {
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 13px;
}

.sideContact img {
	width: 240px;
}

.sideTel {
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	height: 110px;
	padding-left: 15px;
	padding-top: 16px;
	position: relative;
	top: -5px;
}

.sideTel img {
	width: 250px;
}

/* gotoTop */
/*----------------------------------------------*/
#gotoTop {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1;
}

#gotoTop a {
	display: block;
	width: 40px;
	position: absolute;
	top: -61px;
}

#gotoTop.clearfix img {
	position: relative;
	top: 3px;
	left: 20px;
}

/* footer */
/*----------------------------------------------*/
#footWrap {
	width: 100%;
	background-color: #253137;
	margin-top: 30px;
}

#footer {
	/* width	:	960px; */
	width: 1200px;
	/* padding	:	30px 0px; */
	margin: 0px auto;
}

#footLogo {
	width: 120px;
	padding-top: 50px;
}

#footLogo p {
	font-size: 11px;
}

.footer-logo {
	margin-bottom: 10px;
}

.footer-caption {
	/* margin-bottom: 30px; */
	margin-bottom: 20px;
	margin-left: 10px;
}

.footer-partnerLogo {
	width: auto;
	margin-right: 5px;
}

.footer-partnerLogo img {
	max-width: 100%;
	height: 60px;
}

#footNav {
	width: 740px;
	color: #fff;
}

.footNavBox {
	float: left;
	padding-right: 45px;
}

.footNavBox.pdRNone {
	padding-right: 0px;
}

.footNavBox ul {
	float: left;
	font-size: 12px;
	padding-right: 30px;
}

.footNavBox ul.pdRNone {
	padding-right: 0px;
}

.footNavBox h4 {
	clear: both;
	margin: 0px 0px 15px 0px;
}

.footNavBox a {
	color: #fff;
}

.footNavBox a:hover {
	color: #5ebcff;
}

.footNavBox li {
	padding: 2px 0px;
}

#footer .banner {
	display: block;
	/* width: 260px; */
	/* height: 264px; */
	/* height: 264px; */
	/*background-color: #ffffffeb;
	padding: 50px 40px;*/
	padding: 30px 10px;
}

/*
#footer .banner li:first-child {
	padding-bottom: 10px;
}*/
#copy {
	width: 100%;
	font-size: 11px;
	padding: 20px;
	text-align: center;
	border-top: 1px solid #fff;
}





#footSubWrap {
	width: 100%;
	background-color: white;
}

#footSubWrap .section {
	/* padding: 40px 0;
    margin: 40px 0; */
}

#footSubWrap .contBox {
	/* width: 1200px; */
	margin: 0 auto;
}

#footSubWrap .bannerBottomWrap {
	/*	margin: 0 auto;*/
	/* overflow	:	hidden; */
	/* background-color: #CED7DB; */
}

#footSubWrap .bannerBottomWrap ul,
#footSubWrap .menufootWrap ul {
	/* width	:	1200px; */
	width: 900px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#footSubWrap .bannerBottomWrap ul li,
#footSubWrap .menufootWrap ul li {
	/* padding	:	0px 0 20px 0px;
	float	:	left; */
}

#footSubWrap .bannerBottomWrap ul li:not(:first-child) {
	/* padding-left: 49px; */
}

#footSubWrap .bannerBottomWrap ul li a,
#footSubWrap .bannerBottomWrap ul li a {
	display: block;
}

#footSubWrap .menufootWrap {
	/* background: #fff url(../../img/view/top/bg_topsales.png) 0 0 no-repeat; */
	/*	background: #fff url(../../img/view/footer_menubk.png) 0 0 no-repeat;*/
	/* -webkit-background-size: cover;
    background-size: cover;
    border-top: 2px solid #4f5dac;
    border-bottom: 2px solid #4f5dac; */
}

#footSubWrap .menufootWrap img {
	/* width: 85%; */
}

#footSubWrap .menufootWrap ul li:not(:first-child) {
	padding-left: 10px;
}

#footSubWrap .menufootWrap ul li:first-child {
	padding-left: 25px;
}

#footSubWrap .menufootWrap div.contact_info {
	width: 100%;
	background-color: #166dcc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 10px;
}

#footSubWrap .menufootWrap div.contact_info img {
	width: 430px;
}

#footSubWrap .menufootWrap a:hover img {
	background: rgba(255, 255, 255, 0.8);
	opacity: 1;
}






.leftBox {
	width: 360px;
	padding-right: 10px;
	float: left;
}

.rightBox {
	width: 360px;
	padding-left: 10px;
	float: left;
}

.fs12 {
	font-size: 12px;
}

.w100 {
	width: 100%;
}

.recover_form {
	margin-top: 20px;
	border: 1px solid #666;
}

.recover_form th {
	padding: 10px 0;
	background-color: #0E74CE;
	color: #fff;
}

.recover_form td {
	padding: 10px 0;
	border: 1px solid #ccc;
}

.recover_form .td_title {
	background-color: #eee;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
}

.recover_form .td_info {
	padding-left: 10px;
}

.recover_form .td_info input {
	width: 95%;
}

table.formtl div div {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 0px;
}

.error-message {
	padding-top: 5px;
	/*background-image: url(/img/alt.jpg);*/
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-bottom: 5px;
	color: #F03;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.error-message:before {
	content: '⚠';
	font-size: 15px;
	position: relative;
	top: 1px;
}




/*search*/
#searchProducts {
	margin-top: 15px;
}

.search_keyword {
	font-size: 13px;
	padding: 5px 15px;
	background-color: #efefef;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	color: #333;
	line-height: 1;
}

.search_keyword span.userWord {
	font-weight: bold;
	color: #000;
	padding: 0px 3px;
}

.search_keyword span.num {
	font-size: 18px;
	font-weight: bold;
	color: #c00;
	padding: 0px 3px;
}

.search_product {
	margin-bottom: 15px;
}

#searchProducts a.searchAnchor {
	border: 1px solid #063f96;
	border-top: none;
	display: block;
}

#searchProducts a.searchAnchor:hover {
	border: 1px solid #004097;
	border-top: none;
	background-color: #EEF3F6;
}

.search_product h3 {
	padding: 3px 15px 3px 40px;
	line-height: 1.8;
	font-size: 18px;
	font-weight: bold;
	border-top: 3px solid #004097;
	border-bottom: 1px solid #004097;
	background-image: url(/img/view/search/sarrow.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	color: #082E53;
}

.search_product .fL {
	width: 205px;
	padding: 10px 0px 10px 15px;
}

.search_product .fL img {
	width: 200px;
}

.search_product .fR {
	/* width: 485px; */
	width: 650px;
	padding: 10px 15px 10px 0px;
	font-size: 12px;
	color: #464646;
	line-height: 150%;
}

.search_product .fR p {
	line-height: 150%;
	font-size: 12px;
	color: #464646;
	text-align: justify;
	line-height: 150%;
}

.search_product .fR img {
	max-width: 100%;
	height: auto !important;
}

.search_product .fR iframe {
	/* max-width: 100%; */
	/* height: auto!important; */
}

/* searchNews */
/*----------------------------------------------*/
#searchNews {
	margin-top: 60px;
}

#searchNews #newsBox {
	width: 100%;
	/*
	max-height	:	140px;
	overflow	:	auto;
*/
}

#searchNews #newsBox .news_p {
	text-decoration: underline;
	color: #000;
}

#searchNews #newsBox .news_p:hover {
	color: #666;
}

#searchNews #newsBox dl {
	font-size: 13px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px dashed #ccc;
}

#searchNews #newsBox dt {
	width: 85px;
	color: #003e92;
	float: left;
}

#searchNews #newsBox dd {
	width: 630px;
	float: left;
}



#searchNews .icon_zone {
	width: 50px;
	padding: 0px 10px;
	color: #fff;
	display: block;
	font-size: 80%;
	text-align: center;
	float: left;
	margin-right: 5px;
}

#searchNews .news_p {
	float: left;
}

#searchNews .redIco {
	background-color: #bf264a;
}

#searchNews .orangeIco {
	background-color: #eb912c;
}

#searchNews .blueIco {
	background-color: #2587ba;
}

#searchNews .greenIco {
	background-color: #68ab43;
}

#searchNews .purpleIco {
	background-color: #bb349b;
}

#searchNews .pinkIco {
	background-color: #e64c4f;
}

/*
.search_news{
	border-bottom : 1px dashed #999;
	padding : 15px 0;
}
.search_news dt{
	width : 100px;
	float : left;
}
.search_news dd{
	background-image: url(/img/view/search/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left : 20px;
	width : 610px;
	margin-left : 10px;
	float : left;
}
*/



/* newsBox */
/*----------------------------------------------*/
#newsBox table {
	border: 1px solid #000;
}

#newsBox table th {
	padding: 8px;
	border: 1px solid #000;
}

#newsBox table td {
	padding: 8px;
	border: 1px solid #000;
}




/* add 20181207*/

#side .sideserch {
	background: #F7F7F7;
	border: 1px solid #ddd;
}




#side .sideNav li a,
#side .sideNav li.childMenu a {
	background: #F7F7F7;
	border: 1px solid #ddd;
	border-bottom: none;
}

#side .sideNav li.childMenu a {
	background-color: #fff;
	padding-left: 30px;
}

#side .sideNav li a:hover,
#side .sideNav li.childMenu a:hover {
	/*	background-color: #929292;*/
	background-color: #819eb0;
	color: #FFF;
	text-decoration: none;
}

#side .serchbt input {
	padding-top: 22px;
}

.sumitarea.alignC img {
	width: 210px;
}