@charset "utf-8";

html, body {
}

body {
	color: #000;
	font-family: YakuHanJP,Lato,'Noto Sans JP',Verdana,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","游ゴシック","Yu Gothic","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	text-align: left;
}

a {
	font-family: YakuHanJP,Lato,'Noto Sans JP',Verdana,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","游ゴシック","Yu Gothic","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 13px;
}

a:link, a:visited {
	color: #333;
	text-decoration: none;
}

a:hover, a:active {
	color: #00a2e0;
	text-decoration: none;
}

#container {
	background: url(../images/main_img.jpg) no-repeat top center;
	min-width: 1050px;
}

#main_img {
	 width: 950px;
	 height: 635px;
	 margin: 0 auto;
	 position: relative;
}

#tokai { position: absolute; top: 30px; left: 0; }
#sub_txt { position: absolute; top: 170px; left: 180px; }
/*#sub_ttl { position: absolute; top: 310px; left: 95px; }*/
#top_logo { position: absolute; top: 280px; left: 50px; }

#navbar {
	background: #fff;
	border-bottom: #ddd 1px solid;
	width: 100%;
	height: 26px;
	margin: 0 auto;
	padding: 15px 0;
}

#navbar ul {
	width: 800px;
	margin: 0 auto;
}

#navbar li {
	width: 120px;
	height: 34px;
	margin: 0 40px 0 0;
	float: left;
	text-align: center;
	font-weight: bold;
}

#navbar li:nth-of-type(1) {
	width: 160px;
	height: 34px;
}

#navbar li.content_01 a { background: url(../images/nav/nav_01.gif) no-repeat left top; display: block; text-indent: -9999px; width: 160px; height: 34px; }
#navbar li.content_01 a:hover { background: url(../images/nav/nav_01.gif) no-repeat left -34px; }
#navbar li.content_02 a { background: url(../images/nav/nav_02.gif) no-repeat left top; display: block; text-indent: -9999px; width: 120px; height: 34px; }
#navbar li.content_02 a:hover { background: url(../images/nav/nav_02.gif) no-repeat left -34px; }
#navbar li.content_03 a { background: url(../images/nav/nav_03.gif) no-repeat left top; display: block; text-indent: -9999px; width: 120px; height: 34px; }
#navbar li.content_03 a:hover { background: url(../images/nav/nav_03.gif) no-repeat left -34px; }
#navbar li.content_04 a { background: url(../images/nav/nav_04.gif) no-repeat left top; display: block; text-indent: -9999px; width: 120px; height: 34px; }
#navbar li.content_04 a:hover { background: url(../images/nav/nav_04.gif) no-repeat left -34px; }
#navbar li.content_05 a { background: url(../images/nav/nav_05.gif) no-repeat left top; display: block; text-indent: -9999px; width: 120px; height: 34px; }
#navbar li.content_05 a:hover { background: url(../images/nav/nav_05.gif) no-repeat left -34px; }

#navbar li.active a { background-position: left -34px; }

#navbar li.last {
	margin: 0;
}

.fixed {
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	min-width: 1000px;
	z-index: 10000;
}

#logo {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	height: 50px;
	padding: 12px 0 0;
	z-index: 10000;
	text-align: center;
	visibility: hidden;
}

.bx-wrapper .bx-pager .bx-pager-item {
	margin-right: 25px;
}

#content_01 {
	width: 900px;
	margin: 100px auto 0;
	text-align: center;
}

#content_01_inner {
	padding: 180px 0 0;
}

.reason_content_outer {
	width: 820px;
	height: 135px;
	margin: 0 auto;
	text-align: left;
}

.reason_content_img {
	float: left;
	padding: 0 17px 0 0;
}

.reason_content {
	float: left;
	padding: 10px 0 0;
}

#content_02 {
	width: 900px;
	margin: 0 auto 0;
	text-align: center;
}

#content_02_inner {
	padding: 180px 0 0;
}

#merit_content_01 {
	background: url(../images/merit/merit_content_01_bg.gif) no-repeat;
	width: 800px;
	height: 480px;
	margin: 50px auto 0;
	position: relative;
}

#merit_content_01_ttl { position: absolute; top: 40px; left: 239px; }
#merit_content_01_txt { position: absolute; top: 111px; left: 48px; }
#merit_content_01_img_01 { position: absolute; top: 204px; left: 47px; }
#merit_content_01_img_02 { position: absolute; top: 217px; left: 432px; }
.merit_detail_btn { position: absolute; bottom: 35px; left: 280px; }

#merit_content_02, #merit_content_03 {
	background: url(../images/merit/merit_content_02_bg.gif) no-repeat;
	width: 800px;
	height: 260px;
	margin: 30px auto 0;
	position: relative;
}

#merit_content_02_ttl, #merit_content_03_ttl { position: absolute; top: 40px; left: 214px; }
#merit_content_02_txt, #merit_content_03_txt { position: absolute; top: 111px; left: 48px; text-align: left; }

#merit_content_04 {
	width: 720px;
	height: 110px;
	margin: 30px auto 0;
	text-align: left;
	position: relative;
}

#merit_content_04_img_01 { position: absolute; top: 0; left: 0; }
#merit_content_04_txt_01 { position: absolute; top: 10px; left: 170px; }
#merit_content_04_txt_02 { position: absolute; top: 59px; left: 170px; }
#merit_content_04_img_02 { position: absolute; top: 0; left:379px; }
#merit_content_04_txt_03 { position: absolute; top: 10px; left: 549px; }
#merit_content_04_txt_04 { position: absolute; top: 59px; left: 549px; }

#content_03 {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

#content_03_inner {
	padding: 180px 0 0;
}

#product_table {
	background: url(../images/product/product_table.gif) no-repeat;
	width: 950px;
	height: 637px;
	margin: 50px 0 0;
	position: relative;
}

#product_detail_btn_01 { position: absolute; left: 290px; bottom: 11px; }
#product_detail_btn_02 { position: absolute; right: 76px; bottom: 11px; }

#content_04 {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

#content_04_inner {
	padding: 180px 0 0;
}

#technology_content_01 {
	width: 802px;
	margin: 0 auto;
	border-bottom: #00A3E0 1px solid;
	padding: 60px 0 80px;
}

#technology_content_01_img {
	float: left;
	padding: 20px 20px 0 0;
}

#technology_content_01_txt {
	float: left;
	padding: 20px 0 0;
	text-align: left;
}

#technology_content_02 {
	width: 802px;
	margin: 0 auto;
	padding: 80px 0 0;
}

#technology_content_02_img {
	float: left;
	padding: 0 20px 0 0;
}

#technology_content_02_txt {
	float: left;
	padding: 40px 0 0;
	text-align: left;
}

#technology_content_03 {
	width: 802px;
	margin: 0 auto;
	padding: 100px 0 0;
}


/*210311追加*/
#lang_btn{position: absolute; top: 20px; right: -105px;background:#fff;}
#lang_btn a, #sdgslab a, .linkbnr_area a{display:inline-block;}
#lang_btn a:hover, #sdgslab:hover, .linkbnr_area a:hover{opacity:.8;}




/* --------------------------------------------------
	contact
-------------------------------------------------- */

#content_05 {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

#content_05_inner {
	padding: 180px 0 0;
}

/* --------------------------------------------------
	footer
-------------------------------------------------- */

#footer {
	width: 100%;
	margin: 150px 0 0;
	padding: 0 0 35px;
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: #000;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #000;
	text-decoration: underline;
}

.footer_atttention {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	font-size: 93%;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
}

#footer_nav {
	color: #000;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0 0;
}

#footer_nav li {
	margin-right: 15px;
	float: left;
}

#copyright {
	float: right;
}

/* --------------------------------------------------
	common
-------------------------------------------------- */

.contact_btn {
	text-align: right;
}

.pt7 { padding-top: 7px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt90 { padding-top: 90px; }
.pt115 { padding-top: 115px; }

.pl50{padding-left: 50px;}