@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

 Site URL:       http://
 File name:      style.css
   
----------------------------------------------------------- */

/* ----------------------------------------------------------------------
	top
---------------------------------------------------------------------- */

.top #header {
	height: 440px;
	min-height: 440px;
}

.top #header h1 {
	position: absolute;
	top: 219px;
	right: 110px;
}

.top #header .logo {
	position: absolute;
	top: 131px;
	left: 0;
}

.top #header .fb-like {
	position: absolute;
	top: 216px;
	right: 0;
}

.top #header h2 {
	position: absolute;
	top: 328px;
	left: 0;
}

.top #header .hd-contact {
	position: absolute;
	top: 246px;
	right: 0;
}

.top #header .hd-contact .hd-btn {
	text-align: right;
	padding-top: 17px;
}


/*Our speciality field*/

.top #contents .osf { margin-bottom: 50px; }

.top #contents .osf .h3-box .ttl {
	position: absolute;
	top: -19px;
	left: 0;
}

.top #contents .osf .h3-box h3 { padding-top: 25px; }


.top #contents .osf .bk-inner {
	width: 1000px;
	margin: 0 auto;
}

.top #contents .osf .bk-inner div {
	width: 220px;
	float: left;
	margin-right: 40px;
	text-align: center;
}

.top #contents .osf .bk-inner div.rt { margin-right: 0; }

.top #contents .osf .bk-inner div h4 { margin-bottom: 15px; }

.top #contents .osf .bk-inner div p { margin-bottom: 10px; }

.top #contents .osf .bk-inner div .txt {
	text-align: left;
	line-height: 1.7;
	padding-bottom: 10px;
}

.top #contents .osf .bk-inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top #contents .osf .bk-inner { display: inline-block; }
/* Hides from IE-mac \*/
* html .top #contents .osf .bk-inner { height: 1%; }
.top #contents .osf .bk-inner { display: block; }
/* End hide from IE-mac */


/*Service*/

.top #contents .service { margin-bottom: 50px; }

.top #contents .service .h3-box .ttl {
	position: absolute;
	top: -17px;
	left: 0;
}

.top #contents .service .h3-box h3 { padding-top: 25px; }


.top #contents .service .bk-inner1 {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.top #contents .service .bk-inner1 div {
	width: 306px;
	float: left;
	margin-right: 31px;
	text-align: center;
}

.top #contents .service .bk-inner1 div.rt { margin-right: 0; }

.top #contents .service .bk-inner1 div h4 { margin-bottom: 15px; }

.top #contents .service .bk-inner1 div p { margin-bottom: 10px; }

.top #contents .service .bk-inner1 div .txt {
	text-align: left;
	line-height: 1.7;
	padding-bottom: 10px;
}

.top #contents .service .bk-inner1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top #contents .service .bk-inner1 { display: inline-block; }
/* Hides from IE-mac \*/
* html .top #contents .service .bk-inner1 { height: 1%; }
.top #contents .service .bk-inner1 { display: block; }
/* End hide from IE-mac */


.top #contents .service .bk-inner2 {
	width: 100%;
	text-align: left;
	background: url(../images/top_service_bg.png) 50% 0 no-repeat;
}

.top #contents .service .bk-inner2 .in {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.top #contents .service .bk-inner2 .in .new1 {
	position: absolute;
	top: 131px;
	left: 191px;
}

.top #contents .service .bk-inner2 .in ul {
	margin-right: -15px;
	/zoom: 1;/* for IE6,7 */
}

.top #contents .service .bk-inner2 .in ul li {
	width: 188px;
	float: left;
	margin: 0 15px 15px 0;
}

.top #contents .service .bk-inner2 .in ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top #contents .service .bk-inner2 .in ul { display: inline-block; }
/* Hides from IE-mac \*/
* html .top #contents .service .bk-inner2 .in ul { height: 1%; }
.top #contents .service .bk-inner2 .in ul { display: block; }
/* End hide from IE-mac */


/*News*/

.top #contents .news { margin-bottom: 35px; }

.top #contents .news .h3-box { padding-bottom: 15px; }

.top #contents .news .h3-box .ttl {
	position: absolute;
	top: -16px;
	left: 0;
}

.top #contents .news .bk-inner {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.top #contents .news .bk-inner dl { padding-top: 25px; }

.top #contents .news .bk-inner dl dt {
	color: #fff;
	width: 60px;
	height: 46px;
	float: left;
	font-size: 13px;
	margin-right: 20px;
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	behavior:url(http://i-deal.jp.net/js/PIE.htc);
	background-color: #0096B0;
	padding-top: 14px;
	text-align: center;
}

.top #contents .news .bk-inner dl dd {
	width: 920px;
	float: left;
	line-height: 1.7;
}

.top #contents .news .bk-inner dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top #contents .news .bk-inner dl { display: inline-block; }
/* Hides from IE-mac \*/
* html .top #contents .news .bk-inner dl { height: 1%; }
.top #contents .news .bk-inner dl { display: block; }
/* End hide from IE-mac */


/* ----------------------------------------------------------------------
	projects
---------------------------------------------------------------------- */

.projects #contents h2 { background-color: #F9C134; }

.projects #contents .section { text-align: center; }

.projects #contents h3 {
	font-size: 131%;
	margin-bottom: 50px;
}

.projects #contents .rover_btn { padding: 40px 0 40px 0; }


/* ----------------------------------------------------------------------
	message
---------------------------------------------------------------------- */

.message #contents h2 { background-color: #0096B0; }

.message #contents .section {
	width: 1020px;
	text-align: center;
	margin-bottom: 60px;
}

.message #contents h3 { margin-bottom: 50px; }
.message #contents h4 { margin-bottom: 25px; }

.message #contents ul {
	margin-right: -38px;
	/zoom: 1;/* for IE6,7 */
}

.message #contents ul { padding: 40px 0; }

.message #contents ul li {
	float: left;
	margin-right: 38px;
}

.message #contents ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.message #contents ul { display: inline-block; }
/* Hides from IE-mac \*/
* html .message #contents ul { height: 1%; }
.message #contents ul { display: block; }
/* End hide from IE-mac */


/* ----------------------------------------------------------------------
	company
---------------------------------------------------------------------- */

.company #contents h2 { background-color: #0096B0; }

.company #contents .section {
	width: 1200px;
	text-align: center;
	margin-bottom: 60px;
}

.company #contents h3 { margin-bottom: 40px; }
.company #contents h4 { margin-bottom: 25px; }

.company #contents ul { padding: 20px 0; }
.company #contents ul li { margin-bottom: 10px; }

.company #contents .outline .h3-box h3 { padding-top: 25px; margin-bottom: 20px; }

.company #contents .outline .h3-box .ttl {
	position: absolute;
	top: -18px;
	left: 0;
}

.company #contents .outline .bk-inner {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 60px;
}