/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

* {
	padding: 0;
	margin: 0;
}

html {
	background: #f4f4f4;
}


html#junbi {
	background-image: url(bg3.jpg);
}


p {
	color: #555555;
	font-size: 1em;
	line-height: 2em;
}

header {
	width: 1200px;
	margin: 0 auto;
}


/*--------------------------------------------センタリング関係*/

p.center-p {
	text-align: center;
}





/*--------------------------------------------ヘッドナビ*/

ul#head-nav {
	width: 1200px;
	height: 65px;
	margin:0px auto;
	padding: 0;
	overflow: hidden;
	background: #ff00ff;
	padding: 0 
}


ul#head-nav li {
	display: inline;
	float: left;
	margin: 0;	
	padding: 0;
}

ul#head-nav li a {
	text-align: center;
	line-height: 65px;
}

ul#head-nav li.home a {
	color: #ffffff;
	background: #203c7f;
	width: 300px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.service a {
	color: #ffffff;
	background: #203c7f;
	width: 300px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.jirei a {
	color: #ffffff;
	background: #203c7f;
	width: 300px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.company a {
	color: #ffffff;
	background: #203c7f;
	width: 300px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.nagare a {
	color: #ffffff;
	background: #203c7f;
	width: 200px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.contact a {
	color: #ffffff;
	background: #203c7f;
	width: 300px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li a:hover {background-color: #101a2d;}
ul#head-nav li a.selected {
	background-color: #101a2d;
	font-weight: bold;
}


img.kadomaru {
	border-radius: 15px;
	margin: 35px 0;
}


/*--------------------------------------------インデックスページ用*/


/*テスト*/

p.testfont {
	font-family: 'M PLUS 1p', sans-serif;
}


section.index-cont {
	width: 1150px;
	padding: 25px;
	margin: 0 auto;
	background: #ffffff;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	overflow: hidden;
}


section.index-cont article {
	width: 855px;
	float: right;
	margin-bottom: 30px;
}

section.index-cont article h1 {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 30px;
	width: 835px;
	height: 30px;
	padding: 10px;
	margin-bottom: 10px;
	background: #203c7f;
	font-weight: bold;
}

section.index-cont article h1.news {
	color: #555555;
	background: #ffffff;
	border-bottom: solid 3px #101a2d;
	border-radius: 0px;
}
	

section.index-cont article p.imgcenter {
	text-align: center;
}

section.index-cont article p {
	margin: 0 10px;
}

p.aisatsu {
	font-size: 1.1em;
}

p.aisatsu span {
	fong-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1.5px;
}

p.kikkake {
	line-height: 2em;
	letter-spacing: -1px;
	margin: 0 10px 15px 10px;
}



/*--------------------------------------------サイドナビ*/

p.side-midashi {
	color: #555555;
	font-size: 1.2em;
	line-height: 1.2em;
	width: 215px;
	margin: 25px auto;
	padding-left: 10px;
	border-left: solid 5px #203c7f;
}

nav#side {
	width: 273px;
	background: #f2f2f2;
	border-radius: 5px;
	border: solid 1px #cccccc;
	margin-bottom: 20px;
}
	

ul#side-nav {
	width: 230px;
	margin:10px auto 20px;
	padding: 0;
	overflow: hidden;
	background: #ff00ff;
	padding: 0 
}


ul#side-nav li {
	margin: 0;	
	padding: 0;
}

ul#side-nav li a {
	text-align: left;
	line-height: 55px;
	color: #555555;
	padding-left: 15px;
}

ul#side-nav li.home a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li.service a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li.company a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li.gaiyou a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li.jirei a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}
ul#side-nav li.nagare a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li a:hover {
	background-color: #101a2d;
	color: #ffffff;
}

ul#side-nav li a.selected {
	background-color: #101a2d;
	font-weight: bold;
	color: #ffffff;
}

/*--------------------------------------------サイドマップ*/

div.side-map {
	width: 273px;
	background: #f2f2f2;
	border-radius: 5px;
	border: solid 1px #cccccc;
}

div.side-googlemap {
	width: 230px;
	margin: 0 auto;
	background: #ffffff;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

div.side-googlemap p {
	width: 200px;
	font-size: 1em;
	line-height: 1.8em;
	padding: 10px 15px 0px;
}

div.side-googlemap p span {
	font-weight: bold;
}


/*--------------------------------------------フッター*/

footer {
	width: 750px;
	padding: 25px;
	margin: 0 auto;
	margin-top: 5px;
	overflow: hidden;
}

img.foot-logo {
	float: left;
	margin: 15px 15px 15px 0;
}

div.foot-info {
	float: right;
	overflow: hidden;
}

div.foot-info p {
	font-size: 80%;;
}

/*--------------------------------------------インデックス以外*/

h1.page-midashi {
		width: 1200px;
		margin: 0 auto;
		text-align: center;
}


section.cont {
	width: 1150px;
	padding: 25px;
	margin: 0 auto;
	background: #ffffff;
	overflow: hidden;
}


section.cont article {
	width: 1150px;
	margin-bottom: 30px;
	padding-bottom: 50px;
	clear: both;
	overflow: hidden;
}

section.cont article h1 {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 30px;
	width: 1130px;
	height: 30px;
	padding: 10px;
	margin-bottom: 25px;
	background: #203c7f;
	font-weight: bold;
}

.service h2 {
	width: 600px;
	margin: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333333;
	border-left: solid 10px #203c7f;
}

.service-box {
	width: 100%;
	max-width: 600px;
	padding: 20px;
	margin-top: 30px;
	background: #dde5eb;
	overflow: hidden;
}

.service-box p {
	max-width: 600px;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
}


section.cont article img {
	float: right;
	margin-left: 25px;
}

section.cont article img.left {
	float: left;
	margin-right: 25px;
}

section.cont article p {
	margin: 0 auto;
	width: 1100px;
}



	


/*--------------------------------------------取扱業務ページ*/

h2 {
	width: 1100px;
	font-size: 1.2em;
	border-left: solid 5px #101a2d;
	line-height: 1.4em;
	padding: 10px 0 10px 15px;
	margin: 15px auto;
}


/*--------------------------------------------施工事例ページ*/


article.jirei p {
	line-height: 3.5em;
}

article.jirei span {
	font-weight: bold;
}


.jirei-box {
	width: 1150px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.jirei-box figure img {
	margin-left: 0!important;
}

.jirei-box > *{
	background: #fff;
	text-align: center;
	margin-bottom: 30px;
  }
  .jirei-box,
  .jirei-box > *{
  }


/*--------------------------------------------会社概要ページ*/

table.annai {
		width: 90%;
		margin: 0 auto;
		border-collapse: collapse;
}

table.annai th,td {
	padding: 15px 0 15px 15px;
	border-bottom: solid 1px #cccccc;
}


table.annai th {
		background-color: #ebf0f5;
}

table.annai td {
}