@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　コーディング基準
---------------------------------------

■Not use "reset.css" → "normalize.css"
　HTML5対応、各デバイスへの対応を視野に、normalize.cssをモジュール的に組み込むことを推奨します。

■Rule of Wordpress & Get ready CMS
　Wordpressとの親和性を高めるため、基本的にWordpressのコーディング基準に沿います。

■Naming Rule
　CamelCaseでの記述は行いません。
　親要素など大きなまとまりには複数単語のハイフン区切りを。
　その他のclass,id名は、snakecaseでアンダースコア区切りで記述します。
*/


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

body{	
color:#000000;
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:1.6;
background-image:url(../image/back.gif);
}

body > #primary {
height: auto;
}

a:link {color:#0d6fb8; text-decoration:underline;}
a:visited {color:#0d6fb8; text-decoration:underline;}
a:hover {color:#0db6b8; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

h1 {
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0;
}

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

.clear { clear:both; }
.under { margin-bottom:20px; }
.harf-under { margin-bottom:10px; }
.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}

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

.subtitle {
	color:#0d6fb8;
	font-size:22px;
	border-top:2px solid #1071b9;
	border-bottom:1px solid #c7c7c7;
	height:55px;
	line-height:55px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:20px;
}

.box {
	margin-bottom:55px;
}

.box.last {
	margin-bottom:20px !important;
}

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

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

article {
width:1001px;
margin-left:auto;
margin-right:auto;
}


/*--------------------------------------
　header
---------------------------------------*/

header {
	background-image:url(../image/navi-back.png);
	background-repeat:repeat-x;
	height:208px;
	position:relative;
	z-index:9999;
}

header #header-window {
	width:1001px;
	height:114px;
	margin-left:auto;
	margin-right:auto;
	padding-top:33px;
}

header #header-window .logo {
	margin-bottom:0px;
}

header #header-window .logo-box {
	float:left;
	width:370px;
	margin-top:10px;
}

header #header-window .tel {
	float:right;
	width:350px;
	text-align:right;
}

.option-contact {
	text-align:right;
	height:28px;
	line-height:28px;
}

.option-contact img {
	margin-left:5px;
}

.subpage-mv {
	margin-bottom:20px;
}

/*--------------------------------------
　MainVisual
---------------------------------------*/

#mainvisual {
	background-image:url(../image/mainvisual/01.jpg);
	height:347px;
	background-position:center;
	border-bottom:6px solid #ffffff;
	position:relative;
    box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.33);
	margin-top:-6px;
}

#left-window {
width:660px;
float:left;
margin-top:39px;
margin-bottom:60px;
}

#right-window {
width:304px;
float:right;
margin-top:39px;
}


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

nav {
	width:1001px;
	margin-left:auto;
	margin-right:auto;
}

nav img {
	float:left;
}


/*--------------------------------------
　Side
---------------------------------------*/

.luck {
	margin-top:-27px;
	margin-bottom:15px;
	margin-left:-13px;
	position:relative;
	z-index:9999;
}

.side-box {
	border:solid 6px #0d6fb8;
	margin-bottom:20px;
	background-color:#ffffff;
}

.side-box .inbox {
	padding-left:17px;
	padding-right:17px;
	padding-bottom:17px;
}

.side-box p {
	margin:0;
	padding:0;
	font-size:14px;
}

.side-box .email {
	font-size:18px;
	color:#323232;
}

.banner {
	margin-bottom:10px;
}

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

#footer {
}

#footer-cc {
	height:60px;
	background-image:url(../image/footer/footer-cc.gif);
	margin-bottom:40px;
}

#footer-cc .inbox {
	width:1001px;
	margin-left:auto;
	margin-right:auto;
	color:#ffffff;
	line-height:55px;
}

.topback {
	width:54px;
	height:55px;
	float:right;
}

#footer-contents {
	width:1001px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:40px;
}

#footer-logo {
	padding-right:56px;
	border-right:#909090 dotted 1px;
	float:left;
	width:310px;
	height:175px;
}

#footer-contents #footer-logo h2 {
	color:#373737;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0;
}

#footer-navi {
	float:right;
	margin-left:35px;
	width:590px;
	font-size:14px;
}

#footer-navi .navi-list {
	margin-bottom:10px;
}

.footer-business {
	background-color:#ffffff;
	border:dotted 1px #bababa;
	margin-bottom:15px;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:13px;
	padding-right:13px;
}

.footer-business p {
	color:#222222;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
}


/*--------------------------------------
　Additional
---------------------------------------*/

.top-about {
	margin-bottom:25px;
}

.mitsumori-box {
	background-image:url(../image/contents/top/mitsumori-box.png);
	width:387px;
	height:108px;
	padding-top:69px;
	padding-left:24px;
	padding-right:24px;
	float:left;
}

.top-works {
	width:675px;
	margin-bottom:22px;
}

.top-works .works-list {
	width:210px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	color:#0d6fb8;
}

.top-works .works-list img {
	margin-bottom:4px;
}

.works-cate {
	float:right;
	background-color:#7a7a7a;
	height:23px;
	font-size:13px;
	line-height:23px;
	display:inline-block;
	color:#ffffff;
	min-width:102px;
	text-align:center;
}

.top-info-window {
	padding:20px;
	background-color:#ffffff;
}

.info-header {
	font-size:16px;
	color:#0d6fb8;
	border-left:3px solid #0d6fb8;
	padding-left:20px;
	height:34px;
	line-height:20px;
	margin-bottom:17px;
}

.info-header div {
	position:relative;
	float:left;
	margin-top:-5px;
	display:block;
}

.info-header div span {
	font-size:14px;
	color:#7a7a7a;
}

.info-comment {
	margin-bottom:21px;
	padding-bottom:20px;
	border-bottom:dotted 1px #cccccc;
}

.info-comment .thumnail {
	float:left;
	margin-right:20px;

}




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

.company-map {
	height:350px;
	border:none;
	overflow:hidden;
}

.under-contact {
	border:solid 6px #ffe9c4;
	background-image:url(../image/contents/company/under-contact-back.png);
	background-repeat:repeat-x;
	height:222px;
	padding-top:19px;
	padding-bottom:19px;
	padding-left:19px;
	line-height:20px;
	margin-bottom:55px;
}

.under-contact .inbox {
	background-color:#ffffff;
	width:569px;
	height:93px;
	padding:19px;
	position:relative;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
	margin-left:2px;
	margin-top:10px;
	background-image:url(../image/contents/company/under-contact-tel.png);
}

.under-contact .inbox a img {
	position:absolute;
	left:332px;
	top:41px;
}


/*--------------------------------------
　contact
---------------------------------------*/

#formarea{
}
	#formarea .graybox{
		float:left;
		width:144px;
		color:#393939;
		font-size:14px;
		line-height:35px;
		text-align:center;
		vertical-align:middle;
		background:#c6ddee;
		padding:2px 0;
	}
		#formarea .graybox .req{
			color:#fe2020;
			font-weight:bold;
		}

	#formarea table td span.writeSpace {
		float:left;
		display:block;
		width:5em;
		padding:6px 0 0 0;
	}
	#formarea table td span.writeSpace + input {
		margin-right:15px;
	}

	#formarea .margin-form{
		float:left;
		margin-left:19px;
	}
	#formarea .formtext{
		font-size:15px;
		line-height:35px;
		color:#333333;
	}
	#formarea .form_S{
		width:200px;
		height:35px;
		background:#ffffff;
		border:#d7d7d7 solid 1px;
		padding-left:5px;
	}
	#formarea .form_M{
		width:297px;
		height:35px;
		background:#ffffff;
		border:#d7d7d7 solid 1px;
	}
	#formarea .form_L{
		width:385px;
		height:35px;
		background:#ffffff;
		border:#d7d7d7 solid 1px;
	}
	#formarea .selectbox{
		width:183px;
		height:35px;
		background:#f5f5f5;
		border:#d7d7d7 solid 1px;
	}
	#formarea .textarea_size{
		width:93%;
		height:166px;
	}
	#formarea .border{
		border-top:#b9b9b9 solid 1px;
		margin-top:20px;
		margin-bottom:20px;
		background:#e6e6e6;
		border:#d7d7d7 solid 1px;
	}
	#formarea .submit{
		width:297px;
		height:48px;
		margin-top:21px;
	}
#formarea p {
	margin:0 !important;
	padding:0 !important;
}

#formarea ul {
	margin:0;
	padding:0;
	}

#formarea ul li {
	margin-left:5px;
	font-size:13px;
	color:#585858;
}

.type01{
	background:#fff;
	border:#dcdcdc solid 1px;
	border-collapse:collapse;
	width:100%;
}
	.type01 th{
		background:#595959;
		color:#FFF;
		border-right:dcdcdc solid 1px;
		border-bottom:#dcdcdc solid 1px;
		padding:12px;
		font-size:15px;
	}
	.type01 td{
		border-bottom:#dcdcdc solid 1px;
		padding-left:12px;
	}
.button02{
	background:url(../image/contents/formmail/button02.gif) no-repeat;
	width:224px;
	height:48px;
	margin-left:80px;
	margin-top:30px;
	border:none;
}
.button03{
	background:url(../image/contents/formmail/button03.gif) no-repeat;
	width:224px;
	height:48px;
	margin-left:30px;
	margin-top:30px;
	border:none;
}


.type02{
	background:none;
	border:none;
	width:658px;
}
	.type02 td{
		border-bottom:#b9b9b9 solid 1px;
		text-align:left;
		padding:20px 10px;
	}
	.type02 th{
		vertical-align:top;
		border-bottom:#b9b9b9 solid 1px;
		padding:20px 0;
		}
	.type02 td.no-line{
		padding-bottom:0 !important;
		border-bottom:none;
		}
		.type02 td p.error{
			padding-left:20px;
			}

.fc-red {
	color:#FF0004;
}


/*--------------------------------------
　business
---------------------------------------*/


.business-photo-primary {
	margin-bottom:35px;
	width:675px;
}

.business-photo-primary img {
	margin-bottom:16px;
}

.business-photo-list {
	width:210px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.business-photo-list-db {
	width:435px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.business-photo-list-db p {
	color:#ff2929;
	font-size:18px;
	margin-top:5px !important;
	margin-bottom:5px !important;
	padding:0 !important;
}

.business-photo-list img {
	margin-bottom:10px;
}

.business-other-box {
	border:solid 1px #0d6fb8;
	margin-bottom:20px;
}

.business-other-box table {
	margin-top:21px;
	padding-bottom:21px;
	margin-left:auto;
	margin-right:auto;
	width:608px;

}

.other-list {
	background-image:url(../image/contents/business/arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:15px;
}

.other-pickup {
	color:#0d6fb8;
	font-size:22px;
}

/* ----------------------------------------------------------------------------------------------------
	submit
---------------------------------------------------------------------------------------------------- */
.send {
	text-align:center;
	margin:20px auto 0 auto;
	padding:0 80px;
	}
	.send input {
		display:inline-block;
		width:150px;
		height:42px;
		cursor:pointer;
		}
.sendDisp {
	text-align:center;
	margin-top:20px;
	width:600px !important;
	}
.sendDisp .fl {
	float:left;
}

.sendDisp form {
	width:250px;
	overflow:hidden;
	float:left;
}

	.sendDisp input {
		margin-right:20px;
		cursor:pointer;
		float:left;
		width:250px !important;
		}
.sdpd {
	margin-left:70px;
	margin-bottom:20px;
	}