@charset "utf-8";

/* CSS Document */

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

body{	
color:#2c2b33;
font-size:14px;
margin:0;
height:100%;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:22px;
background:url(../image/background.gif) repeat;
}

body > #primary {
height: auto;
}

@media screen and (max-width: 1100px) {
	body {
		overflow-x: hidden;
		width: 1100px;
	}
}

a:link {color:#137de1; text-decoration:underline;}
a:visited {color:#137de1; text-decoration:underline;}
a:hover {color:#c52121; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}
div,p,h1,h2,h3,h4,h5,h6,ul,li { margin:0; padding:0; }

td img {
	vertical-align: middle;
}

/*--------------------------------------
　Expression
---------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:20px; }
.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}
.ta-c { text-align:center; }

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/*--------------------------------------
　Primary
---------------------------------------*/

#primary {
width:1040px;
height:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

article {
width:1000px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
}

header {
	background:url(../image/header_back.png) repeat-x;
	width:100%;
	height:126px;
	padding-top:20px;
}
	header .logo_toptext {
		font-size:14px;
		font-weight:normal;
		margin-bottom:15px;
	}
	header .option {
		margin-right:-5px;
	}
#mainvisual {
	background:url(../image/mainvisual.jpg) center top no-repeat;
	width:100%;
	height:350px;
	z-index:100;
	box-shadow:0 5px 5px 5px rgba(0,0,0,0.15) inset;
}

#left-window {
width:700px;
float:left;
}
	#left-window #info {
		border:#eecb15 solid 6px;
		padding:23px 25px 22px 23px;
		margin-top:42px;
		margin-bottom: 30px;
	}
		#left-window #info .scrollbox {
			overflow-y:scroll;
			width:640px;
			height:225px;
			margin-top:14px;
			padding-top:8px;
			line-height:22px;
		}
			#left-window #info .scrollbox .area {
				margin-right:13px;
				padding-left:6.5em;
				text-indent:-6.5em;
			}
			#left-window #info .scrollbox .day {
				color:#787878;
				margin-right:10px;
			}
			#left-window #info .scrollbox .infotitle {
				color:#000;
			}
			#left-window #info .scrollbox .content {
				margin-top:5px;
			}
			#left-window #info .scrollbox .dotted {
				background:url(../image/left_window/dotted.gif) repeat-x;
				width:605px;
				height:1px;
				margin:8px 0;
			}
	#left-window #industry {
		background:url(../image/left_window/box01.gif) no-repeat;
		width:284px;
		height:282px;
		margin-top:31px;
		float:left;
		padding:27px 26px 26px 26px;
	}
		#left-window #industry h3 {
			font-size:24px;
			color:#363636;
			font-weight:bold;
			margin-bottom:13px;
		}
		#left-window #industry .text {
			color:#363636;
			float:left;
			margin-top:15px;
		}
		#left-window #industry .bt01 {
			margin-top:14px;
		}
	#left-window #used {
		background:url(../image/left_window/box01.gif) no-repeat;
		width:284px;
		height:282px;
		margin-top:31px;
		float:right;
		padding:27px 26px 26px 26px;
	}
		#left-window #used h3 {
			font-size:24px;
			color:#363636;
			font-weight:bold;
			margin-bottom:13px;
		}
		#left-window #used .text {
			color:#363636;
			margin-top:15px;
		}
		#left-window #used .bt01 {
			margin-top:36px;
		}
#right-window {
	width:259px;
	float:right;
	border: 6px solid #d3d3d3;
	background-color: #ffffff;
	position: relative;
	top: 42px;
}

#right-window .side-service {
	padding: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #000000;
}

#right-window .side-service:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

#right-window .side-service .side-title {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #171717;
	margin-bottom: 15px;
}

#right-window .side-service img {
}

#right-window .side-service p {
	margin: 0;
	padding: 10px;
}

#top-service {
}

#top-service .service-list-primary {
	width: calc(100% + 30px);
}

#top-service .service-list-primary .list {
	width: calc(50% - 30px);
	height: 366px;
	margin-right: 30px;
	padding-top: 207px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	box-sizing: border-box;
	float: left;
	background-color: #ffffff;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

#top-service .service-list-primary .list:nth-of-type(1) {
	background-image: url("../image/left_window/tyuukoki.jpg");
}
#top-service .service-list-primary .list:nth-of-type(2) {
	background-image: url("../image/left_window/kakoubu.jpg");
}

#top-service .service-list-primary .list p {
	margin: 0;
	padding: 0;
}

.service-tel {
	position: absolute;
	bottom: 25px;
	left: 25px;
}

.tel-box {
  background-color: #ffeeab;
  padding: 25px;
  box-sizing: border-box;
}

.tel-box p {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 16px;
}

.tel-box p:last-of-type {
  margin-bottom: 0;
}

.tel-box strong {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: 0;
}

.tel-box .tel {
  text-align: left !important;
  font-size: 32px;
  margin-top: -10px;
}

.tel-box .tel span {
  font-size: 14px !important;
  font-weight: 100;
  color: #000000;
  display: inline-block;
  padding-left: 15px;
}

/*--------------------------------------
　Navi
---------------------------------------*/

nav {
	background:url(../image/navi/background.gif) repeat-x;
	height:68px;
}

nav img {
	float:left;
}


/*--------------------------------------
　Footer
---------------------------------------*/

#footer {
	margin-top:67px;
	font-size:15px;
	line-height:16px;
	height:287px;
}
	#footer #footer-cc {
		background:#2c2c2c;
		width:100%;
		height:68px;
	}
		#footer #footer-cc .copy {
			float:left;
			color:#ffffff;
			font-size:15px;
			line-height:68px;
		}
		#footer #footer-cc .topback {
			float:right;
			width:68px;
			height:68px;
		}
	#footer .logo_footertext {
		font-size:15px;
		font-weight:normal;
		color:#2c2b33;
		margin-top:30px;
	}
	#footer .logo {
		margin-top:15px;
	}
	#footer .navi {
		margin-top:30px;
		color:#2c2b33;
		line-height:1.6;
	}
		#footer .navi a { color:#2c2b33; }
		#footer .navi a:hover {color:#c52121;}
	#footer .fr {
		text-align:right;
		margin-top:20px;
		margin-bottom:14px;
	}
	#footer .add {
		line-height:24px;
		color:#434343;
	}