﻿*{
	margin:0;
	padding:0;
	font-size:12px;
	text-decoration:none;
	font-style:normal;
	list-style-type:none;
	line-height:150%;
	font-family:"メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align:justify;
	text-justify:inter-ideograph;
}
p,
.list{
	margin:0 0 30px 0;
}

table{
	border-collapse:collapse;
	width:100%;
}

img{
	border:0;
}

a{
	color:#000;
	text-decoration: underline;
}

a:hover{
	opacity:0.7;
}

.centering{
	text-align:center;
}

.righting{
	text-align:right;
}

.small{
	font-size:80%;
}

.red{
color:#CC0000;
}

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

/* Hides from IE-mac \*/
* html .container {height: 1%;}
*+html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */

body,td,th {
	font-size: small;
}

.style1 {
	font-size: large;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	color: #FF6600;
}

ul{
	padding:0;
	margin: 0;
}

li{
	padding:0;
	margin: 0;
	list-style-type:none;
}

.leftpane li{
	text-align:left;
}

.block{
	padding:0 10px;
	margin-bottom:10px;
}

.block.np{
	padding:0;
	margin-bottom:10px;
}
.leftbox{
	float:left;
	width:50%;
}
.rightbox{
	text-align: right;
	float:right;
	width:50%;
}

.img{
	text-align:right;
}

.blue{
	color:#5DACD6;
}

h1{
	font-size:13px;
	font-weight:normal;
}

.title{
	font-weight:bold;
	font-size:200%;
	margin:0;
	padding:0;
}

h2,
.h2_back{
	color: #000;
	font-size: 125%;
	padding: 14px 10px 10px 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h2 span,
.h2_back span{
	color: #f60;
}

.toppage h2{
	background: #fff;
	color: #fff;
	padding: 0;
	border-radius: 0;		/* CSS3草案 */
	-webkit-border-radius: 0;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;	/* Firefox用 */
}

h3,
.h3_back{
	color: #000;
	font-size: 125%;
	padding: 14px 10px 10px 0;
	margin-bottom: 20px;
	margin-top: 20px;
}

h3 span,
.h3_back span{
	color: #f60;
}

h4{
	width: 180px;
	border: solid 1px #000;
	padding: 1em;
	text-align: center;
	margin-bottom: 10px;
}

table{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	margin-bottom:10px;
}

td,
th{
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

.mb20{
	margin-bottom:20px;
}

.sp{
	display: none;
}

/* common */
body{
	background: #dae3f3;
}

#header,
#main,
#footer{
	width:960px;
	margin:0 auto;
}
#footer{
	width:980px;
}
.toppage #footer{
	width:960px;
}

#main{
	width:980px;
	background: #fff;
}

#header2{
	background: #dae3f3;
}

#header h1{
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#header .leftbox{
	width: 220px;
}

#header .menu{
	width: 650px;
	margin-left: auto;
	margin-right: 0;
}

#header .menu li{
	display: block;
	float: left;
	width: 90px;
}

#header .menu li:nth-child(3){
	width: 165px;
}

#header .menu li a{
	display:block;
	height: 50px;
	text-decoration: none;
	text-align: center;
}

#header .menu li a span{
	color: #ff6600;
	font-size: 80%;
}

#header .menu li img:hover{
	opacity:0.7;
}

.topimg{
	margin-bottom: 10px;
	text-align: center;
	margin-bottom: 0;
	margin: 0 auto;
}

.swipper_btn{
	width: 960px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}

body .swiper-button-next, 
body .swiper-button-prev{
	top: 260px;
	z-index: 10000;
}

.toptext{
	width: 960px;
	margin: 0 auto;
	margin-bottom: 20px;
	background: url(../images/toptext_back.png) repeat-x;
}

.toptext p{
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 4px;
	margin-left: 15px;
	margin-top: 15px;
	padding-bottom: 15px;
}

#footer{
	text-align:center;
	padding:20px 0 0 0;
	background: url(../images/footer_back.png) no-repeat;
	background-position: bottom;
	color: #000;
}

#footer .logo{
	margin-left: 20px;
	margin-bottom: 20px;
}

#footer .leftbox{
	width: 250px;
	margin-left: 20px;
}

#footer .rightbox{
	width: 690px;
}

#footer .rightbox a{
	text-decoration: none;
}

#footer .rightbox .leftbox{
	width: 180px;
	margin-left: 0;
}

#footer .rightbox .rightbox{
	width: 510px;
}

#footer .rightbox li{
	padding-top: 18px;
}

#footer .rightbox li:first-child{
	padding-top: 0;
}

#footer .rightbox .leftbox a{
	background: url(../images/arrow_r.png) no-repeat;
	background-position: center left;
	padding-left: 15px;
}

#footer .rightbox dd{
	margin-bottom: 20px;
	padding-left: 1em;
}

#footer .rightbox dt a{
	color: #ff6600;
}

#footer p.copy{
	text-align:center;
	padding-bottom:20px;
	margin-bottom: 0;
}

#cnt{
	width:960px;
	margin: 0 auto;
}

#cnt *{
	line-height:200%;
}

.pagetop{
	text-align: right;
	padding-right: 10px;
}

.pagetop a{
	color: #f60;
}

/* toppage */

#cnt.toppage table{
	border: none;
	border-collapse: separate;
	border-spacing:5px;
	margin-bottom: 0;
}

#cnt.toppage th,
#cnt.toppage td{
	border: solid 1px #06f;
	font-weight: bold;
}

#cnt.toppage th{
	border: solid 3px #f00;
	text-align: center;
	vertical-align: middle;
	font-size: 150%;
	color: #06f;
	padding: 30px 25px;
}

#cnt.toppage th p,
#cnt.toppage td p{
	margin-bottom: 0;
}

#cnt.toppage td.hwide p{
	line-height: 200%;
}

#cnt.toppage td p{
	padding-left: 10px;
}

#cnt.toppage .x180{
	width: 180px;
	height: 180px;
}

#cnt.toppage .img{
	padding: 0;
}

#cnt.toppage .txt{
	text-align: left;
}

#cnt.toppage table a{
	color: #06f;
	background: url(../images/arrow_r.png) no-repeat;
	background-position: center left;
	padding-left: 10px;
	font-size: 120%;
}

/* 下層共通 */
.works_u h2{
	color:#f60;
}

.works_u .rightbox img{
	margin-right: 30px;
}
#cnt.works_u .c1,
#cnt.works_u .c2,
#cnt.works_u .c3,
#cnt.works_u .c4,
#cnt.works_u .c5{
	margin-bottom: 10px;
}

#cnt.works_u .c1 .leftbox,
#cnt.works_u .c2 .leftbox,
#cnt.works_u .c3 .leftbox,
#cnt.works_u .c4 .leftbox,
#cnt.works_u .c5 .leftbox{
	width: 270px;
	background: #dae3f3;
	padding-top: 1em;
	padding-bottom: 1em;
}
#cnt.works_u .c1 .leftbox h3,
#cnt.works_u .c2 .leftbox h3,
#cnt.works_u .c3 .leftbox h3,
#cnt.works_u .c4 .leftbox h3,
#cnt.works_u .c5 .leftbox h3{
	text-align: center;
	font-weight: normal;
	padding: 0;
}

#cnt.works_u .c1 .rightbox,
#cnt.works_u .c2 .rightbox,
#cnt.works_u .c3 .rightbox,
#cnt.works_u .c4 .rightbox,
#cnt.works_u .c5 .rightbox{
	width: 660px;
	padding-top: 1em;
}

#cnt.works_u .rightbox p{
	margin-left: 20px;
	margin-bottom: 0;
}

#cnt.works_u .centering a img{
	display: inline-block;
	background-image: url(../images/arrow_01.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 36px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* works */
#cnt.works .top_text{
	text-align: center;
}

#cnt.works .bbbc{
	text-align: center;
	font-size: 100%;
}

#cnt.works table{
	border-collapse: separate;
	border: none;
	border-spacing: 2px 0;
}

#cnt.works table th,
#cnt.works table td{
	border-collapse: separate;
	border: solid 1px #06f;
}
#cnt.works table th{
	background: #dae3f3;
	color: #000;
	text-align: center;
	padding: 15px 10px 10px 10px;
	vertical-align: middle;
}

#cnt.works table td{
	border-top: 0;
	padding-top: 20px;
	padding-left: 15px;
	vertical-align: top;
}

#cnt.works table td a{
	color: #f60;
	background: url(../images/arrow_r.png) no-repeat;
	background-position: center left;
	padding-left: 10px;
}

#cnt.works .wakur{
	color: #06f;
	font-size: 125%;
	padding: 14px 10px 10px 15px;
	border: solid 3px #f00;
}

#cnt.works .wakub{
	padding-top: 10px;
	border: solid 1px #06f;
}

#cnt.works .back_b{
	background: #06f;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin-left:20px;
	margin-right:20px;
}

/* gum */

/* acosheet */

#cnt.acosheet .top_text{
	padding-left: 190px;
	margin-bottom: 40px;
}

#cnt.acosheet .b1{
	margin-top: 20px;
	padding: 15px 0 20px 0;
}

#cnt.acosheet .c1{
	width: 665px;
	margin: 0 auto;
}

#cnt.acosheet .c1 .leftbox{
	width: 275px;
	margin-top: 25px;
	text-align: right;
}

#cnt.acosheet .c1 .rightbox{
	width: 370px;
	background-image: url(../images/arrow_01.png) ;
	background-position: left center;
	background-repeat: no-repeat;
}

#cnt.acosheet .c1 .rightbox img{
	margin-right: 0;
}

#cnt.acosheet .c2 .leftbox{
	width: 220px;
}

#cnt.acosheet .c2 .rightbox{
	width: 720px;
}

#cnt.acosheet .c2 .rightbox p{
	line-height: 200%;
	padding-top: 25px;
}

#cnt.acosheet .c3 .leftbox{
	width: 250px;
}

#cnt.acosheet .c3 .rightbox{
	width: 670px;
}

#cnt.acosheet table{
	border:solid 1px #4690ff;
}

#cnt.acosheet th,
#cnt.acosheet td{
	border-right:solid 1px #4690ff;
	border-bottom:solid 1px #4690ff;
}
#cnt.acosheet thead th{
	background: #e1e9f5;
	color: #000;
	padding: 10px;
	text-align: center;
}

#cnt.acosheet tbody th{
	border-right: none;
	padding-left: 10px;
}

#cnt.acosheet tr:nth-child(2n - 1) td{
	border-bottom: dotted 1px #4690ff;
}

#cnt.acosheet tbody td{
	text-align: center;
}

#cnt.acosheet tbody td.righting{
	text-align: right;
	padding: 5px;
}

#cnt.acosheet .t1{
	border-collapse: separate;
	border-spacing: 10px 0px;
	border: none;
	margin-bottom: 30px;
}

#cnt.acosheet .t1 th,
#cnt.acosheet .t1 td{
	width: 50%;
}

#cnt.acosheet .t1 th{
	border:solid 1px #4690ff;
}

#cnt.acosheet .t1 tbody td{
	border-left:solid 1px #4690ff;
	border-bottom: solid 1px #4690ff;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

#cnt.acosheet .t1 td p{
	padding-left: 2em;
	text-indent: -2em;
	margin-bottom: 0;
}

#cnt.acosheet .p1{
	font-size: 150%;
	text-align: center;
}

#cnt.acosheet .p1 span{
	color: #f60;
	font-size: 100%;
}

#cnt.acosheet .c4 .leftbox{
	width: 200px;
	padding: 1em 0 1em 0;
	text-align: center;
	background: #dae3f3;
	margin-top: 0;
}

#cnt.acosheet .c4 h3.leftbox{
	font-weight: normal;
}

#cnt.acosheet .c4 .rightbox{
	width: 740px;
	text-align: left;
}

#cnt.acosheet .c5 .centering a{
	color: #f60;
	text-decoration: none;
	font-size: 150%;
	background-image: url(../images/arrow_s.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}


/* asphalt */

/* sheet */

#cnt.sheet .rightbox img{
	margin-right: 30px;
}
#cnt.sheet .c1,
#cnt.sheet .c2{
	margin-bottom: 10px;
}
#cnt.sheet .c1 .leftbox h4,
#cnt.sheet .c2 .leftbox h4{
	text-align: center;
	vertical-align: middle;
	padding: 45px;
	font-size: 150%;
	font-weight: normal;
	padding-bottom: 0;
}
#cnt.sheet .c2 .leftbox h4{
	padding: 38px;
}
#cnt.sheet .c1 .rightbox .leftbox,
#cnt.sheet .c2 .rightbox .leftbox{
	width: 375px;
	margin-left: 20px;
	margin-bottom: 0;
	background: none;
	height: auto;
}
#cnt.sheet .c1 .rightbox .rightbox,
#cnt.sheet .c2 .rightbox .rightbox{
	width: 265px;
	border: none;
	padding:0;
	margin-bottom: 0;
	margin-right: 20px;
}
#cnt.sheet .c1 .rightbox p,
#cnt.sheet .c2 .rightbox p{
	margin-left: 20px;
	margin-bottom: 0;
}
#cnt.sheet .c1 .rightbox .rightbox img,
#cnt.sheet .c2 .rightbox .rightbox img{
	margin: 0;
}

/* coat */


#cnt.coat .rightbox img{
	margin-right: 30px;
}
#cnt.coat .toptext .centering{
	margin-left: 0;
	text-align: center;
}
#cnt.coat .c1,
#cnt.coat .c2,
#cnt.coat .c3{
	margin-bottom: 10px;
}

#cnt.coat .c3 .rightbox{
	padding-top: 0.6em;
}

#cnt.coat .c1 .rightbox .rightbox img,
#cnt.coat .c2 .rightbox .rightbox img,
#cnt.coat .c3 .rightbox .rightbox img{
	margin: 0;
}

/* works acosheet */

#cnt.waco .centering{
	font-size: 150%;
}

#cnt.waco .centering span{
	font-size: 100%;
	color: #f60;
}
#cnt.waco .c1 .rightbox{
	padding-top: 1.5em;
}

/* etc */
#cnt.etc .c3{
	margin-bottom: 30px;
}

/* company */
#cnt.company .enseki th{
	padding: 0 0 1em 0;
	text-align: right;
	font-weight: normal;
}
#cnt.company .enseki td{
	padding: 0 0 1em 1em;
}
#cnt.company .enseki td p{
	margin-bottom: 1em;
}
#cnt.company table{
	border-collapse: separate;
	border: none;
	margin-bottom: 30px;
}

#cnt.company th,
#cnt.company td{
	padding-right: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	vertical-align: top;
	border: none;
}

#cnt.company th{
padding-top: 0;
}

#cnt.company th p{
	width: 200px;
	text-align: center;
	font-weight: normal;
	background: #dae3f3;
	padding-top: 1em;
	padding-bottom: 1em;
	letter-spacing: 0.5em;
}

#cnt.company .container p{
	margin-bottom: 0;
}

#cnt.company .rightbox{
	text-align: left;
}

#cnt.company h3{
	background: #06f;
	color: #fff;
	border: none;
	padding: 15px;
	width: 200px;
	text-align: center;
	margin-left: 4px;
	margin-bottom: 10px;
}

#cnt.company .brd{
	border: solid 1px #06f;
	padding: 15px;
	margin-bottom: 30px;
}

#cnt.company .dl li{
	width: 50%;
	float: left;
}

#cnt.company .sekou h4{
	text-align: left;
	font-size: 120%;
	border: none;
	padding: 0;
}

#cnt.company .sekou li{
	width: 95%;
	float: none;
	border-bottom: none;
	margin-left: 13px;
}

#cnt.company .sekou li:last-child{
	margin-bottom: 2em;
}

#cnt.company ruby{
	font-size: 170%;
}

#cnt.company rp,
#cnt.company rt{
	font-size: 80%;
}
/* inquiry */

#cnt.inquiry h3{
	background: #dae3f3;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	width: 200px;
	margin-bottom: 5px;
}

#cnt.inquiry table{
	border-collapse: separate;
	border-spacing: 5px;
	border: none;
}

#cnt.inquiry td,
#cnt.inquiry th{
	border: solid 1px #0066ff;
	padding-top: 1em;
	padding-bottom: 1em;
}

#cnt.inquiry th{
	text-align: center;
	width: 200px;
}

#cnt.inquiry td{
	padding-left: 2em;
}

#cnt.inquiry td span{
	font-size: 60%;
}

#cnt.inquiry td p{
	margin-bottom: 0;
}

/* recruit */

#cnt.recruit h3{
	background: #dae3f3;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 0;
	text-align: center;
	width: 200px;
	margin-bottom: 5px;
}

#cnt.recruit table{
	border-collapse: separate;
	border-spacing: 5px;
	border: none;
	margin-bottom: 30px;
}

#cnt.recruit th,
#cnt.recruit td{
	border: solid 1px #06f;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 120%;
}

#cnt.recruit th{
	width: 200px;
	text-align: center;
	font-weight: normal;
}

#cnt.recruit td{
	padding-left: 2em;
}

#cnt.recruit .brd{
	border: solid 1px #06f;
	padding: 15px;
}