@charset "utf-8";

/*===== CONTENTS ============================================

	business/
	company/
	quality/
	recruit/
	contact/
	sitemap/
	privacy/
	
===========================================================*/


/*======================================================
	business
======================================================*/

.business-h2{
	background:url(../business/img/h2-bg.jpg) no-repeat center;
}

.business-box01{
	background:url(../business/img/img-01.jpg) no-repeat;
	width:628px;
	height:300px;
	padding-bottom:45px;
}

.business-list01{
	background:url(../business/img/product-bg01.jpg) no-repeat;
	width:628px;
	height:111px;
	margin-bottom:50px;
	padding-top:45px;
}

.business-list01 > li{
	float:left;	
	width:208px;
}

.business-list01 > li.p-l10{
	padding-left:20px;
	width:188px;
}

.business-list01 > li.p-r10{
	padding-right:20px;
	width:188px;
}

.business-list01-2{
	background:url(../business/img/product-bg02.jpg) no-repeat;
	width:628px;
	height:185px;
	margin-bottom:50px;
	padding-top:33px;
}

.business-list01-2 > li{
	float:left;	
	width:314px;
	text-align:center;
}


.business-list01-2 > li > div{
	margin:0 auto;
	background:#f2f2f2;
	width:160px;
	margin-top:7px;
	padding:5px;
	font-size:12px;
	text-align:left;
	min-height: 72px;  
	height: auto !important;  
	height: 72px; 
}

.business-list01-2 > li > div.m-r18{

}

.business-list01-2 > li > div.m-l18{

	background:#f2f2f2 url(../business/img/pdf-icon.jpg) no-repeat right 10px;
}

.business-list01-2 > li > div > span{
	color:#148ce4;
	font-size:12px;
}

.business-list01-2 > li > div > a{
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
	line-height:130%;
}

.business-list01-2 > li > div > p{
	padding-top:5px;
	line-height:130%; 
}

.business-list01-2 > li.p-l10{
	padding-left:20px;
	width:188px;
}

.business-list01-2 > li.p-r10{
	padding-right:20px;
	width:188px;
}


.business-list02 > li{
	background:url(../img/lower-icon.jpg) no-repeat left 3px;
	padding-left:15px;
	margin-bottom:2px;
}


.business-list03 {
	margin-left:30px;
	margin-bottom:50px;
	width:280px;
}

.business-list03 > ul {
	width:140px;
}

.business-list03 > ul > li
{
	background:url(../business/img/list-icon.png) no-repeat left 3px;
	padding-left:23px;
	margin-bottom:5px;
}

.business-list04 {
	margin-left:30px;
}

.business-list04 > li
{
	background:url(../business/img/list-icon.png) no-repeat left 3px;
	padding-left:23px;
	margin-bottom:5px;
}

.business-box03{
	width:628px;
	margin:0 auto;
	padding-bottom:40px;
}

.business-box04{
	width:575px;
	margin-left:auto;
	margin-right:auto;
}

.business-box04 > div{
	border:2px solid #d5d4d4;
	margin-top:5px;
}

.business-box04 > div > table{
	border:2px solid #fff;
	border-collapse:collapse;
}

.business-box04 > div > table th{
	background:#dce7ef;
	text-align:center;
	font-weight:bold;
	padding:15px;
	border:1px solid #c4c4c4;
}

.business-box04 > div > table td{
	padding:15px;;
	border:1px solid #c4c4c4;
	text-align:center;
	vertical-align:middle;
}

.business-box04 > div > table ul > li{
	background:url(../business/img/product-li-icon.png) no-repeat left 6px;
	padding:1px 3px 1px 8px;
}

.business-a{
	background:url(../img/navi-box-icon.png) no-repeat left;
	padding-left:12px;
}




/*----------- paper01～03.html -----------*/
#popup-main > div{
	border:2px solid #e2e0e0;
	background:#ffffff;
}

#popup-main > div > table{
	border:2px solid #ffffff;
	width:871px;
	margin:0 auto;
	border-collapse:collapse;
}

#popup-main > div > table th{
	background:#fce4c0;
	border:2px solid #ffffff;
	padding:6px;
	vertical-align:middle;
}

#popup-main > div > table td{
	padding:10px 20px;
}


#popup-main > div > table tr.bg01 > th{	background:#d2e1f4;}
#popup-main > div > table tr.bg02 > th{	background:#ddeeb7;}
#popup-main > div > table tr.bg03 > th{	background:#fce4c0;}

#popup-main > div > table tr.p01-tdbg > td { background:#edf2f8;}
#popup-main > div > table tr.p02-tdbg > td { background:#eef8de;}
#popup-main > div > table tr.p03-tdbg > td { background:#fff8ee;}

#popup-main > div > table td.border01 {	border-right:1px dotted #91b4e1;}
#popup-main > div > table td.border02 {	border-right:1px dotted #a6bc76;}
#popup-main > div > table td.border03 {	border-right:1px dotted #fb9f05;}



/*----------- petit.html -----------*/
.petit-box01{
	width:1000px;
	height:559px;
	margin:0 auto;
	background:url(../business/img/petit/hd-bg.png) no-repeat top;
}

#popup-main02{
	width:876px;
	margin:0 auto;
	padding-bottom:110px;
}

.petit-box01 > h1{
	padding:191px 0 0 97px;
}

h2.petit-h2-01{
	background:#def7d1;
	padding:5px 5px 5px 30px;
	margin:50px 0 25px;
	font-size:123.1%;
	font-weight:bold;
}

h2.petit-h2-02{
	background:#ffedf4;
	padding:5px 5px 5px 30px;
	margin:50px 0 25px;
	font-size:123.1%;
	font-weight:bold;
}

.petit-box02{
	float:right;
	width:510px;
	padding-bottom:50px;
}

.petit-box02 > p{
	padding-left:10px;
}

	
.petit-box02 > p.petit-p01{
	font-size:123.1%;
	font-weight:bold;
}

.petit-box02 > p > span{
	color:#e60012;
	font-weight:bold;
}

.petit-box02 > span{
	padding-left:10px;
	font-size:108%;
}

.petit-box02 > table {
	margin-bottom:10px;
}

.petit-box02 > table th{
	width:160px;
	border-top:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	background:#eeeeee;
	padding:7px 15px;
	text-align:left;
}

.petit-box02 > table td{
	border-top:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	background:#ffffff;
	padding:7px 15px;
	text-align:left;
}

.petit-box03{
	background:url(../business/img/petit/box-bg.png) no-repeat;
	height:257px;
	width:876x;
	padding:43px 0 0;
}

.petit-box04{
	padding-left:30px;
	text-align:left;
}

.petit-box04 > div > p{
	padding-right:30px;
}

.petit-box05{
	width:822px;
	margin:0 auto;
	text-align:center;
}

.petit-box05 > p{
	width:676px;
	margin:0 auto;
	font-size:93%;
	font-weight:bold;
	color:#6f3a08;
	padding-top:10px;
}


p.p-l10{
	padding-left:10px;
}



/*----------- hana.html -----------*/

.hana-box01{
	float:right;
	width:517px;
}

.hana-box01 > p{
	padding-top:25px;
	padding-bottom:50px;
}

.hana-box01 > p.hana-p{
	border-bottom:1px dotted #000;
}

.hana-line{
	padding:33px 0 44px;
}

/*======================================================
	company/
======================================================*/


.company-h2{
	background:url(../company/img/h2-bg.jpg) no-repeat center;
}

.company-box01{
	width:628px;
	margin:0 auto;
}

.company-box01 > table{
	border:3px solid #c6c6c6;
	border-collapse:separate;
}

.company-box01 > table th{
	background:#e4ebf0;
	border-top:1px solid #ffffff;
	border-right:1px solid #c6c6c6;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #c6c6c6;
	padding:10px;
	text-align:left;
	font-weight:bold;
	width:125px;
}

.company-box01 > table td{
	border-top:1px solid #ffffff;
	border-right:1px solid #c6c6c6;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #c6c6c6;
	padding:10px;
	text-align:left;
}

.company-box02{
	background:#ececec;
	padding:10px;
	margin-top:15px;
}

.company-box03{
	border-top:1px dotted #898989;
	padding-top:10px;
	margin-top:10px;
}

.company-box04{
	width:628px;
	height:217px;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	background:url(../company/img/bg01.jpg) no-repeat;
}

/*======================================================
	quality/
======================================================*/

.quality-h2{
	background:url(../quality/img/h2-bg.jpg) no-repeat center;
}

.quality-box01{
	width:628px;
	margin:0 auto;
	padding-bottom:30px;
}


/*======================================================
	recruit/
======================================================*/


.recruit-h2{
	background:url(../recruit/img/h2-bg.jpg) no-repeat center;
}

.recruit-box01{
	background:url(../recruit/img/img-01.jpg) no-repeat;
	width:628px;
	height:385px;
	padding-bottom:50px;
}

.recruit-list01{
	width:612px;
	margin:0 auto;
}

.recruit-list01 > li{
	width:306px;
	float:left;
}

.recruit-box02{
	width:628px;
	margin:0 auto;
}


.recruit-box02 > table{
	border:3px solid #c6c6c6;
	border-collapse:separate;
}

.recruit-box02 > table th{
	background:#e4ebf0;
	border-top:1px solid #ffffff;
	border-right:1px solid #c6c6c6;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #c6c6c6;
	padding:10px;
	text-align:left;
	font-weight:bold;
	width:140px;
}

.recruit-box02 > table td{
	border-top:1px solid #ffffff;
	border-right:1px solid #c6c6c6;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #c6c6c6;
	padding:10px;
	text-align:left;
}

.recruit-box03{
	width:590px;
	margin:0 auto;
}


.recruit-box03 > table th{
	width:90px;
	background:#0068b6;
	border:1px solid #0068b6;
	vertical-align:middle;
}

.recruit-box03 > table td.bg01{
	background:#f0f7fc;
	border:1px solid #0068b6;
	padding:16px;
}

.recruit-box04{
	width:610px;
	margin:0 auto;
}

.recruit-box04 > h3{
	background:#f3f0df;
	padding:6px 0 4px 20px;
	font-size:116%;
	font-weight:bold;
	margin-bottom:30px;
}

.recruit-box04 > div.clearfix{
	width:575px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
}

.recruit-box04 > div.u-border{
	border-bottom:1px dotted #7f7f7f;
	margin-bottom:10px;
}


/*======================================================
	contact
======================================================*/


.contact-h2{
	background:url(../contact/img/h2-bg.jpg) no-repeat center;
}

.contact-box01{
	width:628px;
	margin:0 auto;
}

.contact-box02{
	border-top:1px solid #acacac;
	margin-top:30px;
	padding-top:10px;
}

.contact-box02 h4.contact-h401{
	background:url(../contact/img/contact-img01.jpg);
	width:548px;
	height:32px;
	padding-top:14px;
	padding-left:80px;
	font-weight:bold;
}

.contact-box02 h4.contact-h402{
	background:url(../contact/img/contact-img02.jpg);
	width:548px;
	height:32px;
	padding-top:14px;
	padding-left:80px;
	font-weight:bold;
}

.contact-box02 h4.contact-h403{
	background:url(../contact/img/contact-img03.jpg);
	width:548px;
	height:32px;
	padding-top:14px;
	padding-left:80px;
	font-weight:bold;
}

.contact-box02 > div{
	padding:10px 25px 0;
	font-size:167%;
	font-weight:bold;
	color:#30aa59;
}

.contact-box02 > div > span{
	font-size:123.1%;
}

.contact-box02 > dl{
	padding:10px 25px 0;
}

.contact-box02 > dl > dt{
	float:left;
	width:75px;
}

.contact-box02 > p{
	padding:20px 25px 0;
}

.contact-box03{
	text-align:center;
}

.contact-box03 table.contact-table{
	margin-bottom:30px;
}

.contact-box03 table.contact-table td{
	background:#f6f6f6;
	padding:13px;
	border-bottom:1px solid #fff;
	vertical-align:top;
	text-align:left;
}

.contact-box03 table.contact-table td span{
	color:#d50303;
	font-weight:bold;
}

.contact-box03 table.contact-table td label > span{
	color:#d50303;
	font-size:77%;
	font-weight:bold;
	padding-left:5px;
}

.contact-box03 table.contact-table td:first-child {
	background:#dce7ef;
	width:205px;
}

.contact-box03 table.contact-table td > label{
	font-weight:bold;
	font-size:116%;
}

.contact-box03 table.contact-table td input.w-350{
	width:350px;
	padding:6px;
}

.contact-box03 table.contact-table td input.w-200{
	width:200px;
	padding:6px;
}

.contact-box03 table.contact-table td input.w-130{
	width:130px;
	padding:6px;
	margin-left:5px;
}

.contact-box03 .submit-wrap{
	text-align:center;
}

.contact-box03 #submit-btn01{
	background:url(../contact/img/contact-form01.jpg);
	width:170px;
	height:40px;
	cursor:pointer;
	border:none;
}

.contact-box03 #submit-btn01:hover{
	background:url(../contact/img/contact-form01-o.jpg);
}

ul#submit{
	width:540px;
	margin:0 auto;
}

ul#submit > li{
	float:left;
	width:270px;
	text-align:center;
}

input.submit-btn02{
	background:url(../contact/img/contact-form02.jpg);
	width:170px;
	height:40px;
	cursor:pointer;
	border:none;
}

input.submit-btn02:hover{
	background:url(../contact/img/contact-form02-o.jpg);
}

input.submit-btn03{
	background:url(../contact/img/contact-form03.jpg);
	width:170px;
	height:40px;
	cursor:pointer;
	border:none;
}

input.submit-btn03:hover{
	background:url(../contact/img/contact-form03-o.jpg);
}

/*======================================================
	sitemap
======================================================*/

.sitemap-h2{
	background:url(../sitemap/img/h2-bg.jpg) no-repeat center;
}

.sitemap-box01{
	width:628px;
	margin:0 auto;
}

.sitemap-box01 > div.f-l{
	width:209px;
}

.sitemap-box01 > div.h-210{
	height:210px;
}

.sitemap-box01 > div.f-l > div{
	border-bottom:1px solid #b1b1b1;
	background:url(../sitemap/img/sitemap-title-icon.png) no-repeat left 5px;
	padding:0 0 3px 20px;
	width:150px;
}

.sitemap-box01 > div.f-l > div a{
	font-size:116%;
	font-weight:bold;
}

.sitemap-box01 > div.f-l > div a:hover{
	color:#136eb0;
	text-decoration:underline;
}

.sitemap-box01 > div.f-l > ul{
	padding-left:25px;
}

.sitemap-box01 > div.f-l > ul > li{
	background:url(../sitemap/img/sitemap-li-icon2.png) left 3px no-repeat;
	padding-left:17px;
	padding-bottom:5px;
}

.sitemap-box01 > div.f-l > ul > li > a{
	color:#121212;
}

.sitemap-box01 > div.f-l > ul > li > a:hover{
	color:#136eb0;
	text-decoration:underline;
}


/*======================================================
	privacy/
======================================================*/

.privacy-h2{
	background:url(../privacy/img/h2-bg.jpg) no-repeat center;
}

.privacy-box01{
	width:628px;
	margin:0 auto;
}

.privacy-box01 > h4{
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #000;
	margin-bottom:5px;
}