/* CSS Document */

body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:'Century Gothic', 'Source Sans Pro', "Arial", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color:#007BCE;
}

img{
	border:0;
}



/* ヘッダー */

.head{
	width:800px;
	height:100px;
	margin:10px auto 0 auto;
	padding:0;
	background:url(../image/back/head_back.png) no-repeat;
}

.head_left{
	width:350px;
	margin:0;
	padding:0;
	float:left;
}

.head_right{
	width:430px;
	margin:0;
	padding:0;
	float:right;
}

h1{
	margin:0;
	padding:33px 0 0 10px;
	text-align:left;
}

h1 a{
	margin:0;
	padding:0;
	width:220px;
	height:50px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../image/title/main_title.png) no-repeat;
}

ul.langage{
	margin:0;
	padding:35px 0 0 245px;
	list-style:none;
}

.langage li{
	margin:0;
	padding:0 20px 0 22px;
	float:left;
	font-size:80%;
}

.langage #lg_1{
	background:url(../image/icon/japan.png) no-repeat left;
}

.langage #lg_2{
	background:url(../image/icon/america.png) no-repeat left;
}

.langage li a{
	color:#FFFFFF;
	text-decoration:none;
}

.langage li a:hover{
	color:#FF9900;
	text-decoration:underline;
}



/* 文字サイズ変更 */

ul#size{
	margin:0;
	padding:10px 20px 0 0;
	list-style:none;
}

#size li{
	margin:0;
	padding:0 0 0 5px;
	float:right;
	font-size:80%;
	color:#333333;
}

#size li a{
	color:#003366;
	text-decoration:none;
}

#size li a:hover{
	color:#FF6600;
	text-decoration:underline;
}



/* メニューエリア */

.menu{
	width:800px;
	height:34px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../image/back/menu_back.png) no-repeat;
}


/* メニュー */


.menu ul{
	margin:0;
	padding:0 0 0 8px;
	list-style:none;
}

.menu li{
	margin:0;
	padding:0;
	float: left;
}

.menu li a{
	height:34px;
	width:98px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

/* メニュー（ホームに戻る） */
.menu #menu7 a{
	background:url(../image/menu2/menu_07.png);
}

.menu #menu7 a:hover{
	background-position:0 -34px;
}

/* メニュー（製品のご案内） */
.menu #menu1 a{
	background:url(../image/menu2/menu_01.png);
}

.menu #menu1 a:hover{
	background-position:0 -34px;
}

/* メニュー（サポート） */
.menu #menu2 a{
	background:url(../image/menu2/menu_02.png);
}

.menu #menu2 a:hover{
	background-position:0 -34px;
}

/* メニュー（お見積もり） */
.menu #menu3 a{
	background:url(../image/menu2/menu_03.png);
}

.menu #menu3 a:hover{
	background-position:0 -34px;
}

/* メニュー（資料請求） */
.menu #menu4 a{
	background:url(../image/menu2/menu_04.png);
}

.menu #menu4 a:hover{
	background-position:0 -34px;
}

/* メニュー（会社概要） */
.menu #menu5 a{
	background:url(../image/menu2/menu_05.png);
}

.menu #menu5 a:hover{
	background-position:0 -34px;
}

/* メニュー（お問い合わせ） */
.menu #menu6 a{
	background:url(../image/menu2/menu_06.png);
}

.menu #menu6 a:hover{
	background-position:0 -34px;
}

/* メニュー（関連製品紹介） */
.menu #menu8 a{
	background:url(../image/menu2/menu_08.png);
}

.menu #menu8 a:hover{
	background-position:0 -34px;
}


/* メニュー（採用情報） */
.menu #menu9 a{
	background:url(../image/menu2/menu_09.png);
}

.menu #menu9 a:hover{
	background-position:0 -34px;
}


/* Menu 2018.08 */

.menu2{
	width:800px;
	height:34px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../image/back/menu_back.png) no-repeat;
}

.menu2 ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
}

.menu2 li{
	margin:0 4px;
	padding:0;
	display: inline-block;
}

.menu2 li a{
	height:34px;
	width:98px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

/* メニュー（ホームに戻る） */
.menu2 #menu7 a{
	background:url(../image/menu2/menu_07.png);
}

.menu2 #menu7 a:hover{
	background-position:0 -34px;
}

/* メニュー（製品のご案内） */
.menu2 #menu1 a{
	background:url(../image/menu2/menu_01.png);
}

.menu2 #menu1 a:hover{
	background-position:0 -34px;
}

/* メニュー（サポート） */
.menu2 #menu2 a{
	background:url(../image/menu2/menu_02.png);
}

.menu2 #menu2 a:hover{
	background-position:0 -34px;
}

/* メニュー（お見積もり） */
.menu2 #menu3 a{
	background:url(../image/menu2/menu_03.png);
}

.menu2 #menu3 a:hover{
	background-position:0 -34px;
}

/* メニュー（資料請求） */
.menu2 #menu4 a{
	background:url(../image/menu2/menu_04.png);
}

.menu2 #menu4 a:hover{
	background-position:0 -34px;
}

/* メニュー（会社概要） */
.menu2 #menu5 a{
	background:url(../image/menu2/menu_05.png);
}

.menu2 #menu5 a:hover{
	background-position:0 -34px;
}

/* メニュー（お問い合わせ） */
.menu2 #menu6 a{
	background:url(../image/menu2/menu_06.png);
}

.menu2 #menu6 a:hover{
	background-position:0 -34px;
}

/* メニュー（関連製品紹介） */
.menu2 #menu8 a{
	background:url(../image/menu2/menu_08.png);
}

.menu2 #menu8 a:hover{
	background-position:0 -34px;
}


/* メニュー（採用情報） */
.menu2 #menu9 a{
	background:url(../image/menu2/menu_09.png);
}

.menu2 #menu9 a:hover{
	background-position:0 -34px;
}


/* メイン */

.main{
	clear:both;
	width:800px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../image/back/body_back.png) repeat-y top;
}







/* ページナビ */

.page_navi{
	clear:both;
	width:800px;
	height:36px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../image/back/page_navi_back.png) no-repeat;
}

.page_navi p{
	margin:0;
	padding:0;
}


.page_navi ul{
	margin:0;
	padding:7px 0 0 25px;
	list-style:none;
}

.page_navi li{
	margin:0;
	padding:0 25px 0 15px;
	text-align:left;
	float:left;
	font-size:80%;
	color:#CCCCCC;
	background:url(../image/icon/page_navi_ic.png) no-repeat left;
}

.page_navi li a{
	color:#CCCCCC;
	text-decoration:none;
}

.page_navi li a:hover{
	color:#FF9900;
	text-decoration:underline;
}

div.select-box02{
	margin:0 0 0 50px;
	padding:3px;
	width:250px;
}

div.select-box02 select {
	position: relative;
	width: 100%;
	padding: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
}

div.select-box02 select option{
	height:30px;
	display:block;
	border-bottom:1px dotted #CCC;
}

.select-box02 label {
	position: relative;
}
 
.select-box02 label:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	background: url(../image/icon/menu_arrow.png) 0 0 no-repeat;
	background-size: 16px;
	pointer-events: none;
}

select::-ms-expand {
	display: none;
}



/* フッター */

.foot{
	clear:both;
	width:800px;
	height:180px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../image/back/foot_back.png) no-repeat top;
}

.foot ul{
	margin:0;
	padding:15px 0 0 140px;
	list-style:none;
}

.foot li{
	margin:0;
	padding:0 10px 0 0;
	text-align:left;
	font-size:80%;
	color:#333333;
	float:left;
}

.foot li a{
	color:#006699;
	text-decoration:none;
}

.foot li a:hover{
	color:#FF6600;
	text-decoration:underline;
}

.co_info{
	margin:0;
	padding:20px 140px 0 140px;
	text-align:left;
	font-size:80%;
	color:#454545;
	line-height:1.5;
}

.cprgt{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}

.cprgt p{
	margin:0;
	padding:50px 0 0 0;
	text-align:center;
	font-size:80%;
	color:#BCBCBC;
}








/* Floatクリア-head */

.head:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.head{
	display:inline-table;
}

*html.head{
	height:1px;
}

.head{
	display:block;
}


/* Floatクリア-menu_area */

.menu_area:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.menu_area{
	display:inline-table;
}

*html.menu_area{
	height:1px;
}

.menu_area{
	display:block;
}





.clear{
	clear:both;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0;
	height:0;
}


*html .clear{
	clear:both;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0;
	height:0;
}




.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 0px;
}

* html .clearfix {
	height: 0px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}