/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,body{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
body{background: #c3e8f6;font-size: 12px; /*color: #00b1ec;*/ min-width: 990px;width:100%;-webkit-text-size-adjust: 100%;}
img { -ms-interpolation-mode: bicubic; }
a{text-decoration: none;color: #00b1ec; outline: none !important;}
address{font-style: normal;}
.pchidden{display: none !important;}
h1,h2,h3,h4,ul,p,ol{margin: 0;padding: 0;}
ol{padding-left: 1.8em;}
ul{list-style: none;}
a:hover{color: #47e3ff;}
a.box:hover{color: #00b1ec;}
.w100{width: 100% !important;}
.fll{float: left;}
.flr{float: right;}
.clear{clear: both;}
.black{color: #333;}
.red{color: #e7380d !important;}
.bold{font-weight: bold;}
.redbold{color: #e7380d !important;font-weight: bold;}
.textc, #copyright{text-align: center !important;}
.textl{text-align: left !important;}
.textr{text-align: right !important;}
.larger{font-size: 1.25em;}
.disp_lt-ie9{display: none;}
	.lt-ie9 .disp_lt-ie9{display: inherit;}
	.lt-ie8 .disp_lt-ie9{display: block;}
.posr{position: relative;}
.tl{left:0;top:0;}
.tr{right:0;top:0;}
.bl{left:0;bottom:0;}
.br{right:0;bottom:0;}
.notice{padding-left: 1em;text-indent: -1em;}
.p10box{padding: 10px;margin: 0 auto;border: 1px solid #ccc;}
.db {display: block;}

.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}

.flr20{float: right;margin-left: 20px !important;}

.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}

.ml0{margin-left: 0 !important;}
.ml30{margin-left: 30px !important;}
.mr0{margin-right: 0 !important;}
.mr30{margin-right: 30px !important;}

.small{font-size: .8em;}
figure img{max-width: 100%;}

ul.negative_indent{padding-left: 1.75em;}
ul.negative>li>h2,
ul.negative>li>h3{text-indent: -1.3em;padding-left: 1.3em;}
ul.negative_indent>li>h2,
ul.negative_indent>li>h3{background: none;font-weight: normal;color: #333; margin: 20px 0 5px -1em;
padding: 0;text-indent: -1.3em;padding-left: 1.3em;}
ul.negative_indent>li>p{margin: 0 0 20px;}

ul.num{ padding-left: 1.75em;color:#333;list-style: decimal;}

body>header{
	width: 970px;
	height: 112px;
	margin: 0 auto;
	position: relative;
	background: white;
	-webkit-border-radius: 0 0 9px 9px;
	-moz-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
	font-size: 10px;
}
	.lt-ie9 body>header{
		background: white url(../images/ltie9_white_rb.png) no-repeat left bottom;
	}

body>header h1{
	position: absolute;
	top: 30px;
	left: 35px;
	width: 110px;
	height: 35px;
	margin: 0;
	z-index: 4;
}
	body>header h1 a:hover, a.btover:hover img{opacity: 0.6;}
		.lt-ie9 body>header h1 a:hover img,.lt-ie9 a.btover:hover img{filter:alpha(opacity=60)}

.blue, .subnav{color: #00b1ec;}
header .subnav{float: right; }
	.subnav li{float: left; }
		.subnav a{line-height: 27px;}
header .subnav .jp {
	margin-left: 10px;
}
header .subnav .jp a {
	padding: 0 8px;
	color: #fff;
	border-radius: 6px;
	background-color: #00b1ec;
	display: block;
}
header .subnav .jp a:hover {
	color: #47e3ff;
}


#header_top{padding: 12px 28px;}
#site_search{float: right;position: relative;margin-left: 10px;}
	#cse-search-box, #ajaxSearch_form{
		position: relative;
		width: 233px;
		height: 27px;
		background: url(../images/box_search.png) no-repeat right top;
	}
		#ss_bt, #ajaxSearch_submit{
			width: 40px;height: 27px;position: absolute;left:0;top:0;
			}
		#ss_text, #ajaxSearch_input{
			position: absolute;
			top: 0;
			left: 45px;
			width: 188px;
			height: 27px;
			line-height: 27px;
			background: transparent;
			border: none;
			color: white;
			font-size: 11px;
			-webkit-tap-highlight-color: none;
			outline: none;
		}
#gnav{margin: 0;clear:both;width: auto;padding-top: 4px;}
#gnav ul{position: relative;height: 39px;right: 28px;z-index: 2;}
	#gnav li{
		width: 98px;height: 39px;
		position: absolute;right:660px;top: 0;
		overflow: hidden;
	}
	#gnav #dir_cm{right:550px;top: 0;}
	#gnav #dir_factory{right:440px;top: 0;}
	#gnav #dir_safety{right:330px;top: 0;}
	#gnav #dir_campaign{right:220px;top: 0;}
	#gnav #dir_faq{right:110px;top: 0;}
	#gnav #dir_company{right:0;top: 0;}
		#gnav a{
			display: block;width: 98px;height: 39px;
			background: url(../images/gnav.png) no-repeat left top;
		}
		#dir_cm a{background-position: -108px top;}
		#dir_factory a{background-position: -216px top;}
		#dir_safety a{background-position: -324px top;}
		#dir_campaign a{background-position: -432px top;}
		#dir_faq a{background-position: -540px top;}
		#dir_company a{background-position: -648px top;}
		/*hover*/
		#dir_products a:hover, #dir_products.eaten a{background-position: 0 -39px;}
		#dir_cm a:hover, #dir_cm.eaten a{background-position: -108px -39px;}
		#dir_factory a:hover, #dir_factory.eaten a{background-position: -216px -39px;}
		#dir_safety a:hover, #dir_safety.eaten a{background-position: -324px -39px;}
		#dir_campaign a:hover, #dir_campaign.eaten a{background-position: -432px -39px;}
		#dir_faq a:hover, #dir_faq.eaten a{background-position: -540px -39px;}
		#dir_company a:hover, #dir_company.eaten a{background-position: -648px -39px;}

		/*active*/
		#dir_products.active a{background-position: 0  -78px;}
		#dir_cm.active a{background-position: -108px -78px;}
		#dir_factory.active a{background-position: -216px -78px;}
		#dir_safety.active a{background-position: -324px -78px;}
		#dir_campaign.active a{background-position: -432px -78px;}
		#dir_faq.active a{background-position: -540px -78px;}
		#dir_company.active a{background-position: -648px -78px;}

#header_gari_head{position: absolute;z-index: 1;left: 160px;top: -400px;}


#wrap, #wrap100{width: 970px;margin: 15px auto 0;}
#wrap100{width: 100%;}

body>footer{
	width: 970px;
	margin: 15px auto 0;
	padding: 20px 0 40px;
	background: white;
	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	font-size: 10px;
	position: relative;
	overflow: hidden;
	z-index: 3;
}
	.lt-ie9 body>footer{
		background: white url(../images/ltie9_white_rt.png) no-repeat left top;
	}

	body>footer .subnav ul{ font-size: 1px; letter-spacing: -1px; word-spacing: -1px;text-align: center;margin: 0 auto;}
		body>footer .lt-ie9 .subnav ul { letter-spacing: -1em; word-spacing: -1em;}
	body>footer .subnav li{
		font-size: 10px;
		margin: 0;
		color: #00b1ec;
		line-height: 28px;
		display: inline-block;
		letter-spacing: normal;
		word-spacing: normal;
		float: none;
	}
		.lt-ie9 footer .subnav li{display: inline;zoom: 1;}


/*content_parts*/

#leftbar,
#leftbar a,
#leftbar .active ul a,
#leftbar .active ul .active ul a{color: white;}

/*140212追加分start*/
#leftbar nav>ul>.active>ul,
#leftbar nav>ul:first-child>.active:first-child>ul{
	border-bottom: 1px dotted #c3e8f6;
	margin: 5px 0;
	padding-top: 5px;
}
#leftbar nav>ul>.active{
	border-top: none;
}
#leftbar nav>ul>.active.parent{
	border-top:  1px dotted #c3e8f6;
}
#leftbar nav>ul>.active:first-child{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
#leftbar nav>ul:first-child>.active.parent{
	border-top:  1px dotted #c3e8f6;
}
#leftbar h2{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #c3e8f6;}

/*140212追加分end*/

#leftbar a:hover,
#leftbar .active a,
#leftbar .active ul a:hover,
#leftbar .active ul .active a,
#leftbar .active ul .active ul a:hover,
#leftbar .active ul .active ul .active a{color: #47e3ff;}
#leftbar .active ul{padding-left: 2px;}
#leftbar .active ul li{padding-left: 13px;margin-left: 13px;}
#leftbar .active ul .active{
	background: url(/common/images/arrow_right_white.png) no-repeat left center;
	background-position: left 11px;
}

#leftbar{
	width: 246px; padding-bottom: 101px;
	position: relative;
	background: url(../images/ltie9_blue_rb.png) no-repeat left bottom;
	float: left;
}
	#leftbar nav{
		padding: 25px 25px 15px;
		background: #00b1ec;
		-webkit-border-radius: 9px 9px 0 0;
		-moz-border-radius: 9px 9px 0 0;
		border-radius: 9px 9px 0 0;
	}
		.lt-ie9 #leftbar nav{
			background: #00b1ec url(../images/ltie9_blue_rt.png) no-repeat left top;
		}
	#leftbar li{font-size: 13px;font-weight: bold;}
	#leftbar li ul{padding: 0 0 10px 1em;}
	#leftbar a{display: block;padding: .5em 0;}
	#leftbar h2 a{display: block;padding: 0;}

#contents{width: 710px;float: right;}
	#contents h1{font-size: 1.5em; margin-bottom: 20px;}

.box{display: block;float: left;margin-right: 10px;}
.products_top:hover .box article h3{color: #00b1ec;}
.d1 a:hover article h3, a.box:hover article h3{color: #47e3ff;}
.d1 .box:hover article h3{color: #47e3ff;}


a.box:hover img{opacity: .6;}
	.lt-ie9 a.box:hover;{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
	}

.d1{width: 710px;}
	.lt-ie9 .d1{background: url(../images/ltie9_white_d1_rt.png) no-repeat left top;padding-top: 10px;}
	.lt-ie9 .nobg .d1{background: none; padding-top: 0;}
	.lt-ie9 .d1.w100{background: url(../images/ltie9_white_rt.png) no-repeat left top;}
	.lt-ie9 .d1.bluebox{background: url(../images/ltie9_blue_extralarge_rt.png) no-repeat left top;}
.d2{width: 350px;}
	.lt-ie9 .d2{background: url(../images/ltie9_white_d2_rt.png) no-repeat left top;padding-top: 10px;}
.d3{width: 230px;}
	.lt-ie9 .d3{background: url(../images/ltie9_white_d3_rt.png) no-repeat left top;padding-top: 10px;}
	.lt-ie9 .bluebox .smallbox{background: url(../images/ltie9_blue_small_rt.png) no-repeat left top;}

	.d1 article, .d1 .inner,
	.d2 article, .d2 .inner,
	.d3 article, .d3 .inner{
		background: white;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		padding: 20px;
	}
	.d1.bluebox article, .d1.bluebox .inner{
		background: #00b1ec;
	}

	.d1 article, .d1 .inner{padding: 30px;}
	#index .d1 article, #index .d1 .inner{padding: 35px 30px 20px 35px;}
	.d3 article, .d3 .inner{padding: 10px 15px;}
		.lt-ie9 .d1 article, .lt-ie9 .d1 .inner{background: white url(../images/ltie9_white_d1_rb.png) no-repeat left bottom;padding: 20px 30px 30px;}
		.lt-ie9 .nobg .d1 article, .lt-ie9 .nobg .d1 .inner{background: white url(../images/ltie9_white_d1_rb.png) no-repeat left bottom;padding: 0 30px 30px;}
		.lt-ie9 .d1.w100 article, .lt-ie9 .d1.w100 .inner{background: white url(../images/ltie9_white_rb.png) no-repeat left bottom;padding: 20px 30px 30px;}
		.lt-ie9 .d1.bluebox article, .lt-ie9 .d1.bluebox .inner{background: #00a8eb url(../images/ltie9_blue_extralarge_rb.png) no-repeat left bottom;padding: 20px 30px 30px;}

		.lt-ie9 .d2 article, .lt-ie9 .d2 .inner{background: white url(../images/ltie9_white_d2_rb.png) no-repeat left bottom;padding: 10px 20px 20px;}
		.lt-ie9 .d3 article, .lt-ie9 .d3 .inner{background: white url(../images/ltie9_white_d3_rb.png) no-repeat left bottom;padding: 0 15px 10px;}

			.box article .flr, .box .inner .flr{margin-left: 10px;text-align: center;}
			.d2 article .flr, .d2 .inner .flr{width: 150px;}
			.d3 article .flr, .d3 .inner .flr{width: 60px;}

	.box article h3, .box .inner h3,
	.d2 article h3, .d2 .inner h3,
	.d3 article h3, .d3 .inner h3{color: #00b1ec;margin-bottom: 10px;}

.box #news_sub h3,
.d1 #box_news #news_sub article h3,
.d1 #box_news:hover #news_sub article h3{color: #333 !important;}

#box_news .innerbox li a{color:#333;}
#box_news .innerbox li a.btover:hover{color: #999;}

.boxlist{width: 730px; /*margin-top: -10px;*/}
	.boxlist .box{/*margin-top: 10px;*/}
	.boxlist article, .boxlist .inner{height: 100px;overflow: hidden;color: #333;}
		.boxlist .d3 article, .boxlist .d3 .inner{height: 65px;}
		.boxlist .box article .flr{ line-height: 110px;vertical-align: middle;text-align: center;}

.csstransforms .boxlist a img{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.csstransforms .boxlist a:hover img{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);transform: scale(1.2,1.2);opacity: inherit;}

.productslist .box{position: relative;}
.productslist article h3, .productslist article p{width: 175px;}
.productslist .box article .flr{
	position: absolute;width: 110px;height: 110px;
	top: 15px;right: 20px;
}

.pagetop{
	display: inline-block;
	background: #00b1ec;
	color: white;
	padding: 10px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	margin: 20px 0 30px auto;
	text-align: center;
	float: right;
}
	.lt-ie9 .pagetop{
		display: inline;
		zoom: 1;
	}	
		nav .pagetop{
			display: block;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			float: none;
			text-align: left;
			margin: 8px auto 0;
			background: none;
		}


table.list_table{
	width: 100%;
	border: none;
	font-size: 1.167em;
}
	table.list_table td, table.list_table th{border-bottom: 1px solid #7ed4f1;padding: 6px 0;text-align: left;}
	table.list_table td.nobd, table.list_table th.nobd, .nobd td{border: none !important;}
	table.list_table td{color: #333;}

	#outline_table th,
	#safety_table th{width: 105px;}
	#outline_table #outline_logo,
	#safety_table #safety_logo{width: 230px;}


/*products*/
	#btn_pn a{
		position: absolute;
		display: block;
		top:14px; right: 20px;
		background: #4db62c;
		padding:10px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		border: 1px solid #fff;
		}




/*products_sub*/
.products_sub{}
	.products_sub article:before, .products_sub article:after,
	.products_sub .photolist ul:before, .products_sub .photolist ul:after,
	#spsite_link article:before, #spsite_link article:after{content: " ";display: table;}
	.products_sub article:after, .products_sub .photolist ul:after,
	#spsite_link article:after{clear: both;}
	.lt-ie9 .products_sub article, .lt-ie9 .products_sub .photolist ul,
	#spsite_link article{zoom: 1;}

	#contents.products_sub h1{margin-bottom: 10px;line-height: 22px;}
		h1 span{margin-left: .8em;font-size: .8em;}
		/* .products_sub h1.new{background: url(../images/icon_new.png) no-repeat left top;padding-left: 55px;} */
		h1.new{background: url(../images/icon_new.png) no-repeat right top;padding-right:58px;}

	.products_sub .lead{color: #333;margin-bottom: 35px;clear: both;}
	.products_sub h2 img{position: relative;left: -5px;margin-bottom: 10px;}

	.products_sub .photo{text-align: center;float: right;}
		.products_sub figure{margin-bottom: 20px;}
	.products_sub .list_table{
		margin: 0 0 40px;width: 415px;
		background: url(../images/bg_table_product.png) no-repeat right bottom;
	}
		.products_sub th{text-align: left;width: 180px;}

	.products_sub .photolist{
		width: 600px;
		margin: 20px auto 40px;
	}
	.products_sub .photolist ul{width: 1610px;position: relative;left:0;}
		.products_sub .photolist li{
			width: 110px;
			overflow: hidden;
			margin-right: 50px;
			text-align: center;
		}
			.products_sub .photolist a{
				display: block;
				width: 110px;
				color: #333;
				font-weight: bold;
				line-height: 1.5em;
			}
			.products_sub .photolist a:hover{color: #666;}
			.products_sub .photolist img{margin-bottom: 15px;}

.products_sub .add_cont {
	margin-bottom: 40px;
}
.products_sub .add_cont p + p {
	margin-top: 10px;
}
.products_sub .add_cont figure {
	margin: 15px 0 0 0;
}
.products_sub .add_cont figure + p {
	margin-top: 25px;
}

/*products_new*/
.products_top article,
.products_new article{
	margin-bottom: 10px;
	overflow: auto;
	}
	.products_top article h1,
	.products_new article h1 {
		font-size: 24px!important;
		margin-bottom: 0 !important;
	}

	.products_new article h2 {margin: -10px 0 20px !important;}
	.products_new section{margin: 0 0 20px;}

	.products_new div.new_l{clear: left; float: left; width: 200px;  margin-right: 20px; text-align: center;}
	.products_new div.new_r{float: left; width: 420px; margin-top: 20px;}
	.products_new p.date{font-size: 1.1em; color:#0099de;margin-bottom: 5px;}
	.products_new h3{font-size: 1.3em; color:#f00; margin-bottom: 5px;}
	.products_new h3 span{font-size: 1.2em;}
	.products_new p.newcatch{font-size: 1.2em;}
	.products_new p.noproducts{font-size: 1.2em; margin-top: 30px; text-align: center;}

#spsite_link{width: 970px !important;margin: 15px auto;}
#spsite_link, #spsite_link article{width: auto;clear: both;overflow: hidden;}
	#spsite_link article{position: relative;}
	#spsite_link h2, #spsite_link ul img{display: block;float: left;}
	#spsite_link h2{margin-right: 8px;position: relative;left: -2px;}
	#spsite_link ul{
		position: absolute;
		left: 210px;
		bottom: 9px;
		width: 742px;
	}
	#spsite_link ul img{margin-right: 10px;}
	#spsite_link ul img {
		margin: 0 6px 6px 0;
		border: solid 1px #ddd;
	}
	#spsite_link li:nth-child(4) img,
	#spsite_link li:last-child img {
		margin-right: 0;
	}


/*index*/
#index_box{margin-top: 20px;width: 930px;}
	#index_box .box{
		width: 408px;
		margin:0 20px 20px 0;
		background:transparent;
	}
		#index_box .box article{
			padding:6px 0;
			height: 268px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			/* background: #46d1ff; */
			/* background: #00b1ec; */
			background:#c3e8f6;
			border: 3px solid white;
		}
			.lt-ie9 #index_box .box article{
				padding: 0;
				height: 258px;
				position: relative;
				top: 10px;
				overflow: hidden;
				border-width: 0 3px;
				/* background: #44cefc; */
			}
				.lt-ie9 #index_box .box .disp_lt-ie9{position: relative;z-index: 9;}

			#index_box .smallbox{width: 226px;}
				.lt-ie9 #index_box  .box{background:#00b1ec url(../images/ltie9_blue_mid_rt.png) no-repeat left top;}
				.lt-ie9 #index_box .smallbox{background:#00b1ec url(../images/ltie9_blue_small_rt.png) no-repeat left top;}
				.lt-ie9 #index_box .largebox{background:#00b1ec url(../images/ltie9_blue_large_rt.png) no-repeat left top;}

#index_box h2{text-align: left;padding-left: 8px; margin-bottom: 6px;}

#box_newproduct .sliderwrap{
	width: 196px;
	height: 198px;
	margin: 0 auto;
}

#box_newproduct .bx-viewport,
#box_topics .sliderwrap{
	background: white;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	overflow: hidden;
}
	.lt-ie9 #box_newproduct .bx-viewport{
		background: url(../images/ltie9_white_small_r.png) no-repeat left top;
	}
	.lt-ie9 #box_topics .sliderwrap{
		background: transparent url(../images/ltie9_white_large_r.png) no-repeat left top;
	}
		.lt-ie9 #box_topics .bx-viewport{
			background: transparent;
		}
		.lt-ie8 #newproductSL{
			left: -97px;
		}

	#box_newproduct .sliderwrap a{
		color: #00b1ec;
		font-weight: bold;
	}
	#box_newproduct .sliderwrap a table{
		width: 196px;
		height: 198px;
		overflow: hidden;
		padding-top: 8px;
		text-align: center;
	}
	#box_newproduct .sliderwrap .bx-wrapper img{
		margin: 0 auto 8px;
	}
	#box_newproduct .sliderwrap a:hover{color:#47e3ff;}
#box_products, #box_topics{clear: both;}
#box_topics, #box_topics article{width: 900px !important;}
	/* .lt-ie9 #box_topics article{width: 894px !important;} */

#index_box .innerbox, #index_box .innerbox ul{width: 382px; height: 198px; margin: 0 auto;}
#index_box .innerbox2, #index_box .innerbox2 ul{height: 198px;}
	#index_box .innerbox ul{
		background: white;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
	}
	#index_box .innerbox2 ul{
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
	}
	.lt-ie9 #index_box .innerbox ul{
		background: url(../images/ltie9_white_mid_r.png) no-repeat left top;
	}
	#index_box .innerbox li{margin: 0 10px;}
		#index_box .innerbox li{vertical-align: bottom; }
.bdt{border-top: 1px dotted #80cae2;}
		.innerbox li{border-bottom: 1px dotted #80cae2;}
		.innerbox li.last{border: none;}
.innerbox li a{display: block;color: #333;}
	.innerbox li a:hover{color: #999}

#box_newproduct,#box_news,#box_campaign{position: relative;}
	#btn_newproduct,
	#btn_news,
	#btn_campaign{
		position: absolute;
		top:18px;
		right: 22px;
		background: white;
		padding: 0;
	}

		.lt-ie9 #btn_newproduct, .lt-ie9 #btn_news, .lt-ie9 #btn_campaign{top:8px;}

#box_news2{display: none;}
#box_news table{width: 100%;}
#box_news th, #box_news td{
	text-align: left;
	height: 36px;
	vertical-align: middle;
}
	.lt-ie8 #box_news th, .lt-ie8 #box_news td{height: 30px;}

	#box_news th{font-weight: normal;width: 6.1em;padding-right: 10px;text-align: center;}
	#box_news th img{display: block;margin: 0 auto;}
	#box_news td{text-align: left;}

#box_factory .posr{width:196px;height: 198px;margin: 0 auto;}
#box_factory .posr a{position: absolute;width: 198px;height:94px;background-position: left top;}
	#btn_factory{left: 0;top: 0;background: url(../images/btn_factory.png) no-repeat;}
	#btn_factory_reservation{left: 0;bottom: 0;background: url(../images/btn_factory_reservation.png) no-repeat;}
		#box_factory .posr a:hover{background-position: left bottom;}

#box_products a{
	display: block;
	width: 200px;
	height: 198px;
	margin: 0 auto;
	background: url(../images/btn_products.png) no-repeat left top;
}
	#box_products a:hover{background-position: left bottom;}
#box_campaign .innerbox li{position: relative;top: 10px;text-align: left;border: none;padding: 3px 10px;z-index: 10;}
#box_campaign #bg_campaign{position: absolute;left: 0;bottom: 0;width: 100%;height: 106px;margin: 0;padding: 0;text-align: center;top:auto;}
#box_campaign #bg_campaign2{position: absolute;right:10px;bottom: 10px;width: 85px;height: 81px;margin: 0;padding: 0;text-align: center;top:auto;}
#box_campaign ul{position: relative;}

#box_spsite ul{margin: 0 auto;width: 198px;}
	#box_spsite li{margin-bottom: 2px;background: white;width: 198px;}

#box_spsite #min li {
	width: auto;
	float: left;
}
#box_spsite #min li.even {
	margin-left: 2px;
}


#box_topics{position: relative;}
#box_topics article{height: 240px !important;z-index:1000;position: relative;}
	.lt-ie9 #index_box #box_topics .disp_lt-ie9{z-index: 10010;position: relative;}
#box_topics .sliderwrap{
	width: 874px;
	margin: 0 auto;
	padding: 20px 0;
}
	.lt-ie9 #box_topics .sliderwrap{height:170px !important;}
	#box_topics .bx-wrapper{
		width: 834px;
		height: 130px;
		margin: 0 auto;
		/* overflow: hidden; */
	}
#biggari_wrap{
	width: 970px;
	height: 1px;
	margin: 0 auto;
	position: relative;
}

#biggari_wrap div{
	width: 255px;
	height: 249px;
	position: absolute;
	right: 20px;
	bottom: -55px;
	cursor: pointer;
}
#biggari_wrap #biggari_teeth{
	height: 152px;
	bottom:  -27px;
}

#biggari{
	background: url(../images/biggari.png) no-repeat left top;
	background-position: 0 138px;
	z-index: 2;
}
	#biggari_teeth{
		background: url(../images/biggari_teeth.png) no-repeat left top;
		background-position: 46px 159px;
		z-index: 2;
	}

/*news*/
#box_news h1 span{padding: 1px 4px;border: 1px solid #00b1ec;position: relative;top: -.2em;}

#box_news .bdt li.new{background: url(../images/icon_new.png) no-repeat right center;padding-right: 55px;}


#news_sub .date{font-size: 1.9em;float: left;margin-right: 14px;color: #00b1ec;}
#news_sub header .date,
#news_sub header .date .year,
#news_sub header .date .month,
#news_sub header .date .day{font-family:Arial, Helvetica, sans-serif;}

article header .year{display: block;text-align: center;color: white;background: #00b1ec;position: relative;font-size: 12px;}
article header .date{
	background: #e0f6ff url(../images/img_slash_blue.png) no-repeat center 23px;
	position: relative;
	width: 60px;height: 72px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	left: 0px;top:1px;
}
article header .date .month,
article header .date .day{position: absolute;font-weight: bold;}
article header .date .month{text-align: right;right: 32px;top: 18px;}
article header .date .day{text-align: left;left: 31px;bottom: 1px;}

#news_sub .catch{margin-bottom: 10px;}
#news_sub .catch p{margin-bottom: 5px;}
#news_sub{color: #333;}
#news_sub p{margin-bottom: 10px;}
#news_sub p.indent, #news_sub .indent p, #news_sub p span.indent{text-indent: 1em;}
#news_sub header .date{text-indent: 0;}
#news_sub ul{padding-left: 1em;text-indent: -1em;}

.img_table figure{margin-left: 10px;}
#news_sub figure{margin: 0 auto 10px;width: auto;text-align: center;}
#news_sub figure table{margin: 0 auto;}
	#news_sub header{
		width: auto;
		height: auto;
		padding: 0 0 10px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#contents #news_sub header h1{
		position: inherit;
		display: table-cell;
		vertical-align: middle;
		height:72px;
		left: 0;
		top:0;
		width: auto;
		margin: 0;
		color: #333;
		font-size: 1.8em;
		margin-left: 40px;
	}
		.lt-ie9 #news_sub header{background: white;}
	#news_sub footer,
	.plain footer{
		width: auto;
		margin: 0 auto;
		color: #333;
		font-size: 1em;
		text-align: center;
		padding: 20px 10px 0;
		border: 1px solid #ccc;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		line-height: 1.5;
	}
		.lt-ie9 #news_sub footer,
		.lt-ie9 .plain footer{
			background: white;
			position: inherit;
			font-size: .85em;
		}
		#news_sub footer h1, #news_sub footer p,
		#contents .plain footer h1, #contents .plain footer p{margin: 0 0 5px;font-weight: normal;}
		#news_sub footer address,
		.plain footer address{margin: 0 0 20px;}
			#news_sub footer address p:first-child,
			.plain footer address p:first-child{color: #3d4e6b;}
		#news_sub footer hr,
		.plain footer hr{background: #ccc;border: 0;margin: 20px 0;}

	#news_sub section,
	.plain section{
		margin: 25px 0;
	}
	#news_sub h2,
	.plain h2{
		background: url(../images/img_icon_ice.png) no-repeat left center;
		padding: 6px 32px 4px;
		border-bottom: 1px solid #ccc;
		margin:10px 0;
		color: #e1b065;
	}
	#news_sub .list_table,
	.plain .list_table{font-size: 1em;border-top: 1px solid #ccc;}
	#news_sub .list_table tr,
	.plain .list_table tr{background: #fff6d5;}
		#news_sub .list_table tr:nth-child(2n),
		.plain .list_table tr:nth-child(2n){background: #fffbec;}
		.lt-ie9 #news_sub .list_table tr:first-child+tr,
		.lt-ie9 #news_sub .list_table tr:first-child+tr+tr+tr,
		.lt-ie9 #news_sub .list_table tr:first-child+tr+tr+tr+tr+tr,
		.lt-ie9 #news_sub .list_table tr:first-child+tr+tr+tr+tr+tr+tr+tr,
		.lt-ie9 #news_sub .list_table tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr,
		.lt-ie9 .plain .list_table tr:first-child+tr,
		.lt-ie9 .plain .list_table tr:first-child+tr+tr+tr,
		.lt-ie9 .plain .list_table tr:first-child+tr+tr+tr+tr+tr,
		.lt-ie9 .plain .list_table tr:first-child+tr+tr+tr+tr+tr+tr+tr,
		.lt-ie9 .plain .list_table tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr{background: #fffbec;}
	#news_sub .list_table tr th,
	.plain .list_table tr th{color: #333;}
	#news_sub .list_table tr th,
	#news_sub .list_table tr td,
	.plain .list_table tr th,
	.plain .list_table tr td{border-bottom: 1px solid #ccc;padding: 8px 10px;}

	.plain .list_table{width: auto;}
	#news_sub .list_table th{
		min-width: 80px;
		max-width: 120px;
		width: auto !important;
		width: 80px;
	}
	#news_sub .whitebox{border: 1px solid #999;padding: 2px 8px;color: #777;}
	
	#news_sub .clearfix .flr{width: 45%;}
	#news_sub .clearfix img{ max-width: 100%;}
	#news_sub .clearfix div,
	#news_sub .clearfix table{width: 54%;}
	
	#news_sub section .w20{width: 20% !important;}
	#news_sub section .w25{width: 25% !important;}
	#news_sub section .w30{width: 30% !important;}
	#news_sub section .w35{width: 35% !important;}
	#news_sub section .w40{width: 40% !important;}
	#news_sub section .w45{width: 45% !important;}
	#news_sub section .w50{width: 50% !important;}
	#news_sub section .w55{width: 55% !important;}
	#news_sub section .w60{width: 60% !important;}
	#news_sub section .w65{width: 65% !important;}
	#news_sub section .w70{width: 70% !important;}
	#news_sub section .w75{width: 75% !important;}
	#news_sub section .w80{width: 80% !important;}

.catch{
	color: #333;font-size:1.5em;
	text-align: center;
	padding: 12px 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	line-height: 1.5;
}

#news_sub .catch + figure{margin:20px 0 20px;}

.catch p, .catch ul{font-size: .85em;}
.large, .catch p.large{font-size: 1.1em;}
article p{color: #333;}

.faq{
	margin-bottom: 30px;
}

.faq dt p, .faq dd{
	padding: 10px 0 10px 45px;
	font-size: 1.05em;
}
.faq dt{
	background: url(../images/letter_q.png) no-repeat left center;
	min-height: 40px;
	margin: 0 0 5px;
	vertical-align: middle;
}
.faq dt.vt{
	background: url(../images/letter_q.png) no-repeat left 12px;
	vertical-align: top;
}
	.faq dt p{color: #00b1ec;}
	.faq dt p, .faq dd p{
		display: inline-block;
		margin: 0;
	}
	.lt-ie8 .faq dt p, .lt-ie8 .faq dd p{
		display: inline;
		zoom: 1;
	}
.faq dd{
	color: #333;
	background: url(../images/letter_a.png) no-repeat left 12px;
	padding-bottom: 30px;
	margin: 0;
	min-height: 30px;
}

.sp_spmode{
	appearance: none;
	-webkit-appearance: none;
	padding: 8px 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #59d2fa), color-stop(0.00, #00b1ec));
	background-image:-webkit-linear-gradient(#00b1ec, #59d2fa);
	background-image:-moz-linear-gradient(#00b1ec, #59d2fa);
	background-image:-o-linear-gradient(#00b1ec, #59d2fa);
	background-image:-ms-linear-gradient(#00b1ec, #59d2fa);
	background-image:linear-gradient(#00b1ec, #59d2fa);
	border: 1px solid #dadada;
	border-width: 0 0 2px;
	color: white;
	font-weight: bold;
	display: block;
	margin: 25px auto 20px;
	font-size: 36px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

       }

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}
.lt-ie8 .ir{text-indent: -9999px;}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after,
#wrap:before, #wrap:after,
.box article:before, .box article:after,
.boxlist:before, .boxlist:after,
.subnav ul:before, .subnav ul:after,
article header:before, article header:after,
#contents ul.nav:before, #contents ul.nav:after{
    content: " ";
    display: table;
}

.clearfix:after, #wrap:after,
.box article:after, .boxlist:after, .subnav ul:after,
article header:after,
#contents ul.nav:after{
    clear: both;
}

.lt-ie8 .clearfix,
.lt-ie8 #wrap,
.lt-ie8 .box article,
.lt-ie8 .boxlist:after,
.lt-ie8 .subnav ul:after,
.lt-ie8 article header:after,
.lt-ie8 #contents ul.nav:after{
    zoom: 1;
}



/** RESET AND LAYOUT
===================================*/
#mainSlider{
	width: 900px;
	height: 300px;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	z-index: 90;
}
	#mainSlider .img_radius{
		position: absolute;
		z-index: 81;
	}


.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
}
	.lt-ie8 .bx-wrapper{
		zoom: 1;
	}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

/*
.bx-clone {
	display: none;
}
*/

.large .bx-wrapper .bx-viewport {
	background: white;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 30px;
	width: 100%;
	z-index: 110;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: right;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	width: auto;
	right: 16px;
	bottom: 0;
	padding: 8px 0;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	text-align: center;
}
.lt-ie8 .bx-wrapper .bx-pager .bx-pager-item,
.lt-ie8 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	zoom: 1;
	display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../images/controls_btn.png) no-repeat -51px top;
	text-indent: -9999px;
	display: block;
	width: 51px;
	height: 19px;
	margin: 0;
	outline: 0;
	z-index: 9999;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: left top;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.reverse .bx-wrapper .bx-prev {left: auto; right: -32px; background: url(../images/controls_s.png) no-repeat -22px 0;}
	.reverse .large .bx-wrapper .bx-prev {left: auto; right: 18px; background: url(../images/controls_s.png) no-repeat -51px -43px;}
.bx-wrapper .bx-prev {right: auto; left: -32px; background: url(../images/controls_s.png) no-repeat 0 0;}
	.large .bx-wrapper .bx-prev {right: auto; left: 18px; background: url(../images/controls_s.png) no-repeat 0px -43px;}
	#box_newproduct .bx-wrapper .bx-prev {left:auto;left: 6px;}

.reverse .bx-wrapper .bx-next {right: auto; left: -32px; background: url(../images/controls_s.png) no-repeat 0 0;}
	.reverse .large .bx-wrapper .bx-next {right: auto; left: 18px; background: url(../images/controls_s.png) no-repeat 0px -43px;}
.bx-wrapper .bx-next {left: auto; right: -32px; background: url(../images/controls_s.png) no-repeat -22px 0;}
	.large .bx-wrapper .bx-next {left: auto; right: 18px; background: url(../images/controls_s.png) no-repeat -51px -43px;}
	#box_newproduct .bx-wrapper .bx-next {right:auto;right: 6px;}

.bx-wrapper .bx-prev:hover {background: url(../images/controls_s.png) no-repeat 0 -22px;}
	.large .bx-wrapper .bx-prev:hover {background: url(../images/controls_s.png) no-repeat 0 -94px;}
.reverse .bx-wrapper .bx-prev:hover {background: url(../images/controls_s.png) no-repeat -22px -22px;}
	.reverse .large .bx-wrapper .bx-prev:hover {background: url(../images/controls_s.png) no-repeat -51px -94px;}

.bx-wrapper .bx-next:hover {background: url(../images/controls_s.png) no-repeat -22px -22px;}
	.large .bx-wrapper .bx-next:hover {background: url(../images/controls_s.png) no-repeat -51px -94px;}
.reverse .bx-wrapper .bx-next:hover {background: url(../images/controls_s.png) no-repeat 0 -22px;}
	.reverse .large .bx-wrapper .bx-next:hover {background: url(../images/controls_s.png) no-repeat 0 -94px;}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	outline: 0;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	z-index: 9999;
}
	.large .bx-wrapper .bx-controls-direction a{
		width: 50px;
		height: 50px;
		margin-top: -25px;
	}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*fix*/
.slider{position: relative;z-index: 80;}


/*AjaxSearch*/
.ajaxSearch_grpResultsDisplayed{display: block; margin: 0.5em 0;}
.paging1 {margin: 1em 0; text-align: center;}
.ajaxSearch_result {margin: 1.5em 0; border-top: 1px solid #ccc; padding-top: 1.5em;}
.ajaxSearch_result a {font-size: 1.2em; margin-bottom: 0.5em; font-weight: bold;}
.ajaxSearch_resultDescription {display: block;}
.ajaxSearch_resultExtract{}
.ajaxSearch_highlight { color:#E2271D; text-decoration: underline; font-weight: bold;}

/*fix*/
#message_gari{float: right;margin-left: 40px;}
.factory_set .fll{margin-right: 30px;}
.factory_set .flr{margin-left: 30px;}
#factory_navi ul li a{background-repeat: no-repeat;}

/*sitemap*/
#wrap.sitemap #contents .level_1>a{
	font-size: 1.5em;
	display: block;
	background: url(../images/img_icon_ice.png) no-repeat left center;
	padding: 6px 32px 4px;
	border-bottom: 1px solid #ccc;
	margin:10px 0 15px;

}

#wrap.sitemap #contents .level_2{
	float: left;
	width: 50%;
	margin: 0 0 10px;
	}
	#wrap.sitemap #contents .level_2>a{
		display: block;
		font-weight: bold;
		padding: 2px 8px 2px 0;
		font-size: 1.2em;
	}
	#wrap.sitemap #contents .level_2>a+ul{
		margin: 5px 0 10px;
		padding-left: 10px;
	}
#wrap.sitemap #contents .level_1 ul:before,
#wrap.sitemap #contents .level_1 ul:after{content: " ";display: table;}
#wrap.sitemap #contents .level_1 ul:after{clear: both;}
#wrap.sitemap #contents .level_1 ul:after{zoom: 1;}
		#wrap.sitemap #contents .level_3>a{

		}
		#wrap.sitemap #contents .level_3 a{
			display: block;
			margin-bottom: 5px;
		}
		#wrap.sitemap #contents .level_3>a+ul{
			padding-left: 10px;
		}

/*140704*/
#contents ul.nav{margin-bottom: 20px;}
	#contents ul.nav li{float: left;margin-right: 10px;}
		#contents ul.nav li a { padding: 10px; display: block; background-color: #00B1EC; color: #ffffff; 
				-webkit-border-radius: 9px;
				-moz-border-radius: 9px;
				border-radius: 9px;
				}
		#contents ul.nav li a:hover{ background-color: #F6CE43; color: #000000; }
		
/*140708*/
#box_campaign .innerbox2 {
	padding: 0 10px 0 10px;
}
.innerbox2 ul li a {
	text-indent: -9999px;
	display: block;
	width: 186px;
	height: 94px;
}
.innerbox2 li a:hover {
	background-position:  0 -94px;
}
.bt_multi_cpn{float: left;margin-bottom: 10px;}
.bt_gatsun{float: left;margin-bottom: 10px;}
.bt_gari-t{float: right;margin-bottom: 10px;}
.bt_faq{clear: both;float: left;}
.bt_other{float: right;}

.bt_multi_cpn a {
	background-image: url(../images/bt_multi_cpn.png);
}
.bt_gatsun a {
	background-image: url(../images/bt_gatsun.png);
}
.bt_gari-t a {
	background-image: url(../images/bt_gari-t.png);
}
.bt_faq a {
	background-image: url(../images/bt_faq.png);
}
.bt_other a {
	background-image: url(../images/bt_other.png);
}

.rd {
	color: #0099de;
	font-size: 10px;
}

#box_news .innerbox li th a[href$="news/2017/1703.html"] {
	color: transparent !important;
	position: relative;
}
#box_news .innerbox li th a[href$="news/2017/1703.html"] img {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
#news_sub header .date.recruit {
	display: none;
}