/* ------------------------
 	base
------------------------ */

body{
font-size: 62.5%;
line-height: 1.6;
color: #777;
}

body p,
#copyright{
font-size:15px;
line-height:1.6;
}


body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
em,address,bed,object{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,em,address{
	font-style: normal;
	font-weight: normal;
}
	
table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}
 
a,
a:visited{
color:#777;
text-decoration: none;
}

a:hover{
color:#15984E;
text-decoration: none;
}
h1{
font-size: 1.0em;
}

h2{
font-size: 1.6em;
}

h3{
font-size: 1.3em;
}

h4{
font-size: 1.2em;
}
 
p{
font-size: 1.3em;
margin-bottom: 1.5em;
}
 
ul{
font-size: 1.3em;
}

dl{
font-size:1.3em;
}

.lm20{margin-left:20px;}
.lm30{margin-left:30px;}
.lm40{margin-left:40px;}

.rm10{margin-right:10px;}
.rm20{margin-right:20px;}
.rm30{margin-right:30px;}
.rm40{margin-right:40px;}
.rm50{margin-right:50px;}
.rm60{margin-right:60px;}
.rm70{margin-right:70px;}
.rm80{margin-right:80px;}

.bm5{margin-bottom:5px;}
.bm10{margin-bottom:10px;}
.bm15{margin-bottom:15px;}
.bm20{margin-bottom:20px;}
.bm25{margin-bottom:25px;}
.bm30{margin-bottom:30px;}
.bm35{margin-bottom:35px;}
.bm40{margin-bottom:40px;}
.bm50{margin-bottom:50px;}
.bm60{margin-bottom:60px;}
.bm70{margin-bottom:70px;}
.bm80{margin-bottom:80px;}
.bm90{margin-bottom:90px;}
.bm100{margin-bottom:100px;}

/* ------------------------
	clearFix
------------------------ */

.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
/* ------------------------
	webfont
------------------------ */

/* 
埋め込みIE用
--------------------- */
@font-face {
	font-family: t1;
	src: url("../font/hiragino-minchow6.eot");
}
@font-face {
	font-family: t2;
	src: url("../font/kozgopr6n-r.eot");
}

/*
埋め込みその他
--------------------- */
@font-face {
	font-family: t1;
	src: url("../font/hiragino-minchow6.woff");
}
@font-face {
	font-family: t2;
	src: url("../font/kozgopr6n-r.woff");
}
/* --------------------- */


	body,
	#copyright small a,
	#sidebox div:nth-child(1) dl dt,
	#sidebox div:nth-child(2) dl dt{
		font-family:'FP-ヒラギノ明朝 ProN W6';
  		/*font-family: 't1';*/
}
	#navi ul.megamenu li a > span,
	#navi ul.megamenu li div dl > dt span,
	#copyright small,
	#sidebox div:nth-child(1) dl dd,
	#sidebox div:nth-child(2) dl dd{
		/*font-family:'KozGoPro-Regular','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
  		font-family: 't2';
}

/* ------------------------
	frame
------------------------ */

	#wrapper{
		background:	url(../images/common/bg_header.jpg) repeat-x;
}
	#header,
	#container{
		width:950px;
		margin:0 auto;
}
	#header{
		box-sizing:border-box;
		height:205px;
}
	#bg_main{
		height:349px;
		padding-top:25px;
		box-sizing:border-box;
		margin-bottom:50px;
		background:url(../images/common/bg_main.jpg);
}
	#container{
		margin-bottom:50px;
}
	#leftcolumn{
		width:670px;
		float:left;
}
	#rightcolumn{
		width:250px;
		float:right;
}
	#footer{
		width:100%;
		background:#FAFAFA;
		border-top:1px solid #E6E6E6;
		margin:0 auto;
}

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

/*---------------------- */
	#header h1{
		float:left;
		height:130px;
		margin-top:5px;
}
	#header h1 span{
		font-size:15px;
		display:block;
		margin-bottom:10px;
}
	#header #submenu{
		margin-top:10px;
		float:right;
}
	#header #submenu li:nth-child(1){
		color:#15984E;
		font-size:35px;
		display:inline;
		padding:0 0 0 35px;
		letter-spacing:3px;
		background:url(../images/common/bg_mark-tell.jpg) left no-repeat;
}

	#header #submenu li:nth-child(2) a{
		width:300px;
		height:45px;
		display:block;
		font-size:18px;
		box-sizing:border-box;
		padding:8px 0 7px 45px;
		letter-spacing:1px;
		background:url(../images/common/bg_header-contact.jpg) no-repeat;
}
	#header #submenu li:nth-child(2) a:hover{
		color:#FFF;
		background:url(../images/common/bg_header-contact_h.jpg) no-repeat;
}
/*---------------------- */
	#bg_main img{
		display:block;
		text-align:center;
		margin:0 auto;
}
/* #rightcolumn
---------------------- */
	#sidebox div:nth-child(1) dl,
	#sidebox div:nth-child(2) dl{
		width:125px;
		box-sizing:border-box;
		padding:105px 0 0 0;
		text-align:center;
}
	#sidebox div:nth-child(1) dl dt,
	#sidebox div:nth-child(2) dl dt{
		font-size:18px;	
}
	#sidebox div:nth-child(2) dl dd{
		color:#8EC1AA;
}
	#sidebox div:nth-child(1) a,
	#sidebox div:nth-child(2) a{
		display:block;
		height:250px;		
		margin-bottom:30px;
}

/* -------------------------------- */

	#sidebox div:nth-child(1) a{
		color:#FFFFFF;
		background:url(../images/common/bg_right-catalog.jpg) no-repeat;
}
	#sidebox div:nth-child(1) a span{
		color:#FFFFFF;
}
	#sidebox div:nth-child(1) a:hover{
		color:#FFFFFF;
		background:url(../images/common/bg_right-catalog_h.jpg) no-repeat;
}
	#sidebox div:nth-child(1) a:hover span{
		color:#FF4D00;
}

	#sidebox div:nth-child(2) a{
		color:#FFFFFF;
		background:url(../images/common/bg_right-recruit.jpg) no-repeat;
}
	#sidebox div:nth-child(2) a span{
		color:#FFFFFF;
}
	#sidebox div:nth-child(2) a:hover{
		color:#FFFFFF;
		background:url(../images/common/bg_right-recruit_h.jpg) no-repeat;
}
	#sidebox div:nth-child(2) a:hover span{
		color:#118442;
}


/*	#sidebox div:nth-child(1) a{
		color:#FF4D00;
		background:url(../images/common/bg_right-catalog.jpg) no-repeat;
}
	#sidebox div:nth-child(1) a span{
		color:#FFFFFF;
}
	#sidebox div:nth-child(1) a:hover{
		color:#FFFFFF;
		background:url(../images/common/bg_right-catalog_h.jpg) no-repeat;
}
	#sidebox div:nth-child(1) a:hover span{
		color:#FFC4AA;
}
	#sidebox div:nth-child(2) a{
		color:#118442;
		background:url(../images/common/bg_right-recruit.jpg) no-repeat;
}
	#sidebox div:nth-child(2) a span{
		color:#FFFFFF;
}
	#sidebox div:nth-child(2) a:hover{
		color:#FFFFFF;
		background:url(../images/common/bg_right-recruit_h.jpg) no-repeat;
}
	#sidebox div:nth-child(2) a:hover span{
		color:#B5F4D0;
}*/
/* -------------------------------- */

	#sidebox div:nth-child(3){
		border:1px solid #E6E6E6;
}
	#sidebox div:nth-child(3) > ul{
		width:220px;
		font-size:16px;
		padding:15px;
		margin:0 auto;
}
	#sidebox div:nth-child(3) > ul li{
		display:inline-block;
		letter-spacing:1.7px;
		margin-bottom:5px;
}
	#sidebox div:nth-child(3) > ul li span{
		width:60px;
		display:inline-block;
}
	#sidebox div:nth-child(3) ul li:nth-last-child(1){
		margin-bottom:0;
}
	#sidebox div:nth-child(3) ul li:nth-last-child(2) {
		margin-bottom:10px;
}
	#sidebox div:nth-child(3) ul li:nth-last-child(1) > a{
		width:220px;
		height:50px;
		display:block;
		box-sizing:border-box;
		padding:12px 0 0 50px;
		background:url(../images/common/bg_right-contact.jpg) no-repeat;
}
	#sidebox div:nth-child(3) ul li:nth-last-child(1) > a:hover{
		color:#FFF;
		background:url(../images/common/bg_right-contact_h.jpg) no-repeat;
}



/*---------------------- */

	#footer_info{
		width:950px;
		margin:0 auto;
}
	#footer_info ul li{
		font-size:18px;
		float:left;
}
	#footer_info ul li.address span{
		letter-spacing:1.4px;
}
	#footer_info ul li:nth-child(1){
		padding-top:18px;
		padding-right:50px;
}
	#footer_info ul li:nth-child(2){
		padding-top:10px;
}
	#footer_info ul li:nth-child(3){
		float:right;
}
	#copyright{
		background:#15984E;
}
	#copyright small{
		display:block;
		font-size:15px;
		color:#FFF;
		text-align:center;
		padding:10px;
}
	#copyright small a{
		color:#FFF;
		text-decoration:underline;
}

/* 	navi
------------------------ */

	#navi ul.megamenu{
		width:950px;
		overflow:hidden;

}
	#navi ul.megamenu > li{
		text-align:center;
		box-sizing:border-box;
		border-left:1px solid #E6E6E6;
		font-size:18px;
}
	#navi ul.megamenu > li:nth-child(5){
		border-right:1px solid #E6E6E6;
}
	#navi ul.megamenu li a{
		box-sizing:border-box;
		display:inline-block;
}
	#navi ul.megamenu li span{
		font-size:12px;
		color:#8FC2AA;	
		display:block;
}
	#navi ul.megamenu li,
	#navi ul.megamenu li > a{
		width:190px !important;
}
	#navi ul.megamenu li > a{
		height:70px;		
		padding-top:10px; 
}
	#navi ul.megamenu li > a:hover{
		color:#FFF;
		background:#15984E;
}


/* 
	メガメニュー 
-------------------------------------------*/
	#navi ul.megamenu li > div{
		position:absolute;
		top:0px;
		margin-left:-3px;
		width:950px;
		padding:20px;
		text-align:left;
		box-sizing:border-box;
		background:#FFF;
		border:1px solid #E6E6E6;
}

	#navi ul.megamenu li div dl{
		width:290px;
		float:left;
}
	#navi ul.megamenu li div dl:nth-child(1),
	#navi ul.megamenu li div dl:nth-child(2){
		margin-right:19px;		
}
	#navi ul.megamenu li div dl > dt{
		font-size:18px;
		padding-bottom:10px;
		border-bottom:1px solid #E6E6E6;
		margin-bottom:20px;
}
	#navi ul.megamenu li div dl > dd{
		font-size:13px;
		margin-bottom:20px;
		background:url(../images/common/bg_mark01.jpg) no-repeat right;
}
	#navi ul.megamenu li div dl > dd{
		font-size:13px;
		margin-bottom:20px;
}
	#navi ul.megamenu li div dl > dd:nth-last-child(1){
		margin-bottom:0;
}
/* -------------------------------------------------- */
	dl.sub{
		width:400px !important;
}
	dl.sub:nth-child(1){
		margin-left:15px;
		margin-right:70px !important;
}
	dl.sub > dt{
		background:url(../images/common/bg_mark01.jpg) right no-repeat;
		margin-bottom:0 !important;
}
	dl.sub > dt a{
		width:400px;
		display:block;
}

/*-----------------------------------------*/



/* 	floatbox
------------------------ */

/* ------ leftcolumn ------ */

	.f2_box{
		width:670px;
		margin-bottom:60px;
		overflow:hidden;
}

	.f2_box	table#patent{
		width:380px;
		font-size:14px;
}
	.f2_box	table#patent tr th{
		color:#FFF;
		background:#E61E19;
}

	.f2_box	table#patent tr td{
		background:#FFF;
}

	/* margin-bottom - last class clear */
	.f2_box:nth-last-child(1){
		margin-bottom:0;
}
	.f2_box > dl{
		width:325px;
}
	.f2_box > dl dt{
		font-size:16px;
		box-sizing:border-box;
		height:30px;
		background:url(../images/common/bg_mark02.jpg) left no-repeat;
		padding-left:35px;
		padding-bottom:10px;
		border-bottom:1px solid #E6E6E6;
		margin-bottom:30px;
}
	.f2_box > div,
	.f2_box > a,
	.f2_box > dl,
	.f2_box > img,
	.f2_box > iframe{
		float:left;
		outline:none;
}
	.f2_box > div:nth-child(2n),
	.f2_box > a:nth-child(2n),
	.f2_box > dl:nth-child(2n),
	.f2_box > img:nth-child(2n),
	.f2_box > iframe:nth-child(2n){
		float:right;
}
	dl.type dd{
		margin-bottom:10px;
}
	dl.type dd:nth-of-type(1){
		margin-bottom:30px !important;
}


/* ------ rightcolumn ------ */

	.submenu-box{
		border-left:1px solid #E6E6E6;
		border-right:1px solid #E6E6E6;
		border-bottom:1px solid #E6E6E6;
		padding:15px 5px;
		margin-bottom:30px;
}
	.submenu-box ul li{
		height:30px;
		font-size:13px;
		letter-spacing:-2px;
		padding:5px 5px 0 20px;
		margin-bottom:10px;
		box-sizing:border-box;
		background: url(../images/common/bg_mark01-sub.jpg) #EEF6F2 no-repeat;
}
	.submenu-box ul li a{
		height:30px;
}
	.submenu-box ul li:nth-last-child(1){
		margin-bottom:0;
}

/* 	title
------------------------ */

	#leftcolumn h1,
	#leftcolumn h1#title-product{
		color:#FFF;
		font-size:18px;
		height:50px;
		padding:10px 10px 0 75px;
		box-sizing:border-box;
		margin-bottom:40px;
}
	#leftcolumn h1{
		background:url(../images/common/bg_h1-title.jpg) no-repeat;
}
	#leftcolumn h1#title-product{
		background:url(../images/common/bg_h1-title_p.jpg) no-repeat;
}
	#leftcolumn h2,
	#leftcolumn h2.mk{
		font-size:18px;
		height:31px;
		padding:0 10px 0 40px;
		box-sizing:border-box;
		background:url(../images/common/bg_mark02.jpg) no-repeat;
		margin-bottom:30px;	
		border-bottom:1px solid	#E6E6E6;
}

/* -------------- */
	.mk{
		background:url(../images/common/bg_mark01.jpg) 12px 2px no-repeat !important;
}
/* -------------- */

	#leftcolumn h3{
}
	#leftcolumn h4{
}
	#rightcolumn h2{
		text-align:center;
		padding-top:12px;
		height:50px;
		box-sizing:border-box;
		color:#FFF;
		background:url(../images/common/bg_subnavi.jpg) no-repeat;
}

/* --------------------- */



/* 	table
------------------------ */

	table{
		width:100%;
		font-size:13px;
		border-left:1px solid #E6E6E6;
		border-top:1px solid #E6E6E6;
}
	table tr th,
	table tr td{
		box-sizing:border-box;
		padding:10px 20px;
		border-right:1px solid #E6E6E6;
		border-bottom:1px solid #E6E6E6;
}
	table tr td a{
		text-decoration:underline;	
}
	table tr td ul{
		font-size:13px;
}
	table tr td ul li span{
		width:250px;
		display:inline-block;
}
	table tr:nth-child(2n+1){
		background:#F4FDF8;
}
	table tr td:nth-child(2n+1){
		width:200px;
}
	table tr th span img{
		float:right;
		display:inline-block;
}

/*--------------------------------*/
	table#products tr th,
	table#products tr td{
		padding:0;
}
	table#products tr th{
		width:auto;	
		text-align:center;
		color:#FFF;
		background:#15984E;
		padding-top:3px;
		padding-bottom:3px;
}
	table#products tr td{
		width:auto;
		text-align:center;
		padding:7px 10px;
}
/*--------------------------------*/


/* 	form
------------------------ */

/*-- 郵便番号のホップアップ */
#movable_zipaddr{
	display:none;
}

/* input */
#zip{
	position:relative;
	top:6px;
	margin-right:10px;
}

input{height:20px;}
input,
button,
select,
textarea{
font-family: inherit;
}

input[type="text"]:after,
input[type="number"]:after,
input[type="tel"]:after,
input[type="email"]:after,
input[type="url"]:after,
textarea:after{
	color:#CCC;
}
select{
	color:#777;
}

::-webkit-input-placeholder {
	color:#CCC;
}
:-moz-placeholder {
	color:#CCC;
}
input[type="text"],
input[type="number"],
input[type="phone"],
input[type="smartphone"],
input[type="email"],
input[type="url"],
textarea,
select{
	padding:3px 10px;
	border:1px solid #999;
}


textarea{
	width:300px;
	height:60px;
}

input[name="会社名"]{
	width:200px;
}
input[name="姓"],
input[name="名"],
input[name="セイ"],
input[name="メイ"]{
	width:87px;	
}

input[name="部署名"],
input[name="電話番号"],
input[name="FAX番号"],
input[name="携帯電話番号"]{
	width:300px;
}
input[name="メールアドレス"],
input[name="メールアドレス確認"]{
	width:300px;
}

input[name="メールアドレス"],
input[name="郵便番号"],
select[name="都道府県"],
input[name="市区町村"],
input[name="丁目番地"]{
	margin-bottom:15px;
}

input[name="郵便番号"]{
	width:100px;
}

select[name="都道府県"]{
	width:140px;
}

input[name="市区町村"],
input[name="丁目番地"],
input[name="マンション・アパート名"]{
	width:312px;
}


/* 	form - btn
------------------------ */

.btn_confirm,
.btn_reset,
.btn_submit{
	cursor:pointer;
	width:250px;
	height:60px;
	border:none;
}

.btn_confirm{
	background:url(../images/common/btn_confirm.jpg) no-repeat;
}

.btn_reset{
	background:url(../images/common/btn_reset.jpg) no-repeat;
	margin-right:20px;
	float:left;
}
.btn_submit{
	background:url(../images/common/btn_submit.jpg) no-repeat;
}
#center_button{
	width:240px;
	margin:0 auto;
}
#center_button2{
	width:440px;
	margin:0 auto;
}


/* ------------------------
 	other
------------------------ */
	.reg{
		margin-bottom:30px;
}
	.attention{
		color:#E51E19;
}
	.repletion{
		line-height:1.8;
		font-size:13px;
}

.center-box{
	width:540px;
	margin:0 auto;
	text-align:center;
}

	#map{
		width:670px;
		height:350px;
		border:1px solid #E6E6E6;
		box-sizing:border-box;
}

/* ------------------------
動画配置用
------------------------ */

#bgOverlayContainer {
	position: fixed;
	left: 0; top: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
}

/* ------------------------
bigvideo.js 専用
------------------------ */
html#page_bigVideo,
#page_bigVideo body {
  height: 100%;
}

#page_bigVideo #footerContainer {
  background: #000;
  padding: 12px 0;
}

#page_bigVideo #siteID {
  font-size: 3.0em;
  line-height: 1.1;
  font-weight: 400;
  margin: 0 0 0 8px;
  padding: 12px 0 14px;
}

#page_bigVideo #siteID .small {
  display: inline;
  font-size: 0.7em;
}

#page_bigVideo #headerContainer {
  min-height: auto;
  padding: 0;
  background: rgba( 0, 0, 0, 0.8);
  behavior: url(PIE.htc);
}

#page_bigVideo #navigation {
  top: 0;
}
#page_bigVideo #navigation li {
  float: left;
  font-size: 1.6em;
  margin: 1px 0 0 1px;
}
#page_bigVideo #navigation a {
  display: block;
  line-height: 1;
  text-align: center;
  padding: 20px 2em 21px;
  background: rgba( 255, 255, 255, 0.1);
  behavior: url(PIE.htc);
}
#page_bigVideo #navigation a:hover {
  color: #333;
  background: rgba( 255, 255, 255, 0.8);
  behavior: url(PIE.htc);
}