@charset "utf-8";

/*******************************
  共通設定
*******************************/
	body {
		color: #535353;
	}
	
	a {
		color: #535353;
		text-decoration: none;
	}
	a:hover{
		text-decoration:underline;
		}
	
	.opacity a:hover img{Filter: Alpha(Opacity=70);opacity:.70;}

	.opacity a img{  
		-webkit-transition: 0.3s ease-in-out;  
		   -moz-transition: 0.3s ease-in-out;  
			 -o-transition: 0.3s ease-in-out;  
				transition: 0.3s ease-in-out;  
	}

	
	a.ahover2,
	a img.ahover2 {
		transition: opacity .5s ease;
	}
	
	a.ahover2:hover,
	a:hover img.ahover2 {
		-ms-filter: "alpha(opacity=80)";
		opacity: .8;
	}
	
	#wrap {
		padding:0;
	}
	
	.wrap {
		width: 965px;
		margin-right: auto;
		margin-left: auto;
	}
	
	
	/* header */
	#headerWrapper {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		z-index: 5000;
	}
	#headerWrapperpage{
		width: 100%;
		background: #fff;
		}
	
	#header .wrap {
		padding: 20px 0 0 0;
		position: relative;
	}
	
	#gNav {
		width:960px;
		margin:0 auto;
	}
	#gNav li {
		float: left;
		margin:0px;
		padding:0px;
	}
	#gNav a {
		display: block;
		height: 60px;
		margin:0px;
		padding:0px;
	}
	
	#gNav .nav01 a {
		background-image: url(../imgs/nav.gif);
		width:128px;
		background-position: 0px 0px;
	}
	#gNav .nav01 a.active,
	#gNav .nav01 a:hover {
		background-position: 0 -60px;
	}
	
	#gNav .nav02 a {
		background-image: url(../imgs/nav.gif);
		width:146px;
		background-position: -128px 0px;
	}
	#gNav .nav02 a.active,
	#gNav .nav02 a:hover {
		background-position: -128px -60px;
	}
	
	#gNav .nav03 a {
		background-image: url(../imgs/nav.gif);
		width:127px;
		background-position: -274px 0px;
	}
	#gNav .nav03 a.active,
	#gNav .nav03 a:hover {
		background-position: -274px -60px;
	}
	
	#gNav .nav04 a {
		background-image: url(../imgs/nav.gif);
		width:147px;
		background-position: -401px 0px;
	}
	#gNav .nav04 a.active,
	#gNav .nav04 a:hover {
		background-position: -401px -60px;
	}
	
	#gNav .nav05 a {
		background-image: url(../imgs/nav.gif);
		width:147px;
		background-position: -548px  0px;
	}
	#gNav .nav05 a.active,
	#gNav .nav05 a:hover {
		background-position: -548px -60px;
	}
	
	#gNav .nav06 a {
		background-image: url(../imgs/nav.gif);
		width:127px;
		background-position: -695px 0px;
	}
	#gNav .nav06 a.active,
	#gNav .nav06 a:hover {
		background-position: -695px -60px;
	}
	
	#gNav .nav07 a {
		background-image: url(../imgs/nav.gif);
		width:138px;
		background-position: -822px 0px;
	}
	#gNav .nav07 a.active,
	#gNav .nav07 a:hover {
		background-position: -822px -60px;
	}
	
.disnon{
	display:none;
	}

/* TOPPAGE
------------------------------------------------------------ */

/* contents */
	#top {
		background: url(../imgs/bg_main.jpg) no-repeat center;
		background-size: cover;
		height:650px;
	}
	#top .wrap {
		height: 425px;
		padding: 65px 0 0;
		position: relative;
	}
	#siteTitle{
		text-align:center;
		padding:240px 0 0 0;
		}


/* --- リユース事業紹介 --- */
#reuse {
	padding:75px 0 0 0;
	margin:0px;
	}
	#reuse h2 {
		margin: 0;
		text-align: center;
	}
	.reuse_subtitle h3{
		font-size:24px;
		font-weight:normal;
		color:#009fa8;
		text-align:center;
		margin:35px 0 0 0;
		}
		.reuse_subtitle p{
		font-size:14px;
		font-weight:normal;
		color:#535353;
		text-align:center;
		}
	
 #reuse .contents h4{
	margin:50px 0 0 0;
	}
 #reuse .contents .box{
	margin:40px 0 0 0;
	text-align:center;
	}
	#reuse .contents .box h5{
	text-align:center;
	color:#009fa8;
	font-weight:bold;
	font-size:18px;
	}
	#reuse .contents .box h5 span{
	text-align:center;
	color:#009fa8;
	font-size:13px;
	display:block;
	font-weight:normal;
	}
	#reuse .contents p{
		margin:10px 0 0 0;
		}
	#reuse .contents .box{
		border-bottom:1px solid #c9c9c9;
		padding:0 0 50px 0;
		}
		#reuse .contents .last{
			border:none !important;
			}
		
	#shop{
		background: url(../imgs/bg_dot.gif) repeat center;
		padding:0 0 50px 0;
		margin:10px 0 0 0;
		}
		#shop .shop_in{
		background: url(../imgs/bg_shop.png) no-repeat center top;
		margin:0 auto;
		padding:30px 0 40px 0;
		width:960px;
		}
	
		#shop .shop_in .contents01{
		padding:0px;
		margin:54px 0 0 0;
		}
		#shop .shop_in .contents01 .contents_l{
			float:left;
			width:380px;
			margin:30px 0 0 125px;
			}
		#shop .shop_in .contents01 .contents_r{
			float:left;
			width:400px;
			margin:30px 0 0 30px;
			}
		#shop .shop_in .contents01 .contents_r h3{
		}
		
	#shop .shop_in .contents01 .contents_r h4{
	text-align:left;
	color:#009fa8;
	font-size:18px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	}
	#shop .shop_in .contents01 .contents_r h4 span{
	text-align:left;
	color:#009fa8;
	display:block;
	font-weight:bold;
	font-size:24px;
	}
	#shop .shop_in .contents01 .contents_r h5{
		font-size:20px;
		font-weight:normal;
		color:#535353;
		}
		#shop .shop_in .contents01 .contents_r h5 span{
		font-size:14px;
		}
	#shop .shop_in .contents01 .contents_r table{
		font-size:12px;
		margin:20px 0 0 0;
		}
		#shop .shop_in .contents01 .contents_r table td{
			padding:0 10px 10px 0;
			}
		#shop .shop_in .contents01 .contents_r p.tel{
			font-size:20px;
			margin:5px 0 0 0;
			padding:0px;
			font-weight:bold;
			}
	#shop .shop_in .contents02{
		margin:40px 0 0 0;
		}
		#shop .shop_in .contents02 ul{
			margin:30px 0 0 0;
			padding:0px;
			}
		#shop .shop_in .contents02 ul li{
			float:left;
			padding:0px;
			width:299px;
			text-align:center;
			}
			#shop .shop_in .contents02 ul li.first{
				margin:0px;
				}
				#shop .shop_in .contents02 ul li.other{
				margin:0 0 0 30px;
				}
			#shop .shop_in .contents02 ul li p{
				text-align:center;
				font-size:12px;
				margin:10px 0 0 0;
				}
				#shop .shop_in .contents02 ul li p a{
					color:#434343;
					}
				
		
		
/* --- リペア事業紹介 --- */	
	#repair {
		padding: 80px 0 50px;
		background:#009fa8;
		margin:0px;
	}
	#repair h2 {
		margin:0px;
		text-align: center;
	}
	#repair p.subtitle{
		color:#fff;
		text-align:center;
		font-size:18px;
		margin:40px 0;
		font-weight:normal;
		}
	.slider{
		margin:0px auto;
		width:960px;
		}
	.bxslider li{
		padding-left:80px;
		}

/* --- 代表ごあいさつ --- */
	#message {
		padding: 70px 0 80px;
	}
	#message h2 {
		margin:0px;
		text-align: center;
	}
	
	#message .contents{
		padding:0px;
		margin:54px 0 0 0;
		}
		
		#message .contents .contents_l{
			float:left;
			width:890px;
			margin:30px 0 0 20px;
			}
		#message .contents .contents_l h3{
		}
		#message .contents .contents_l .box{
			margin:30px 0 0 0;
			}
		#message .contents .contents_l p{
			margin:5px 0 0 0;
			font-size:13px;
			}
		
		#message .contents .contents_r{
			float:right;
			width:190px;
			margin:30px 0 0 0;
			}
		

/* --- 会社概要 --- */
	#company{	
	}
	
	#company .picture{
		background: url(../imgs/bg_company.jpg) no-repeat fixed;
		-moz-background-size:100% 100%;
		background-size:100% auto;
		min-height:853px;
		min-width:960px;
		margin:0px;
		padding:0px;
		background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
	}
	
	#company h2 {
		margin: 0;
		padding:82px 0 0 0;
		text-align: center;
	}
	#company table{
		margin:50px 0 0 0;
		padding:0px;
		border-top:1px solid #fff;
		color:#fff;
		width:960px;
		text-align:left;
		}
		#company table th{
			font-size:13px;
			padding:15px 0 15px 40px;
			font-weight:normal;
			vertical-align:top;
			border-bottom:1px solid #fff;
			}
		#company table td{
			font-size:13px;
			padding:15px 40px 15px 10px;
			font-weight:normal;
			vertical-align:top;
			border-bottom:1px solid #fff;
			}

/* --- アクセス --- */	
	#access {
		padding: 70px 0 100px;
		background: url(../imgs/bg-01.png) 50% 0 repeat;
	}
	#access h2 {
		margin: 0 0 35px;
		text-align: center;
	}
	
/* --- お問い合わせ --- */
#contact{
	width:100%;
	background:#eeeeee;
	padding: 80px 0 80px;
	}
	#contact h2 {
		margin: 0;
		padding:0px;
		text-align: center;
	}
	.contact_text{
		padding:60px 0 0 90px;
		}
		.contact_text .img_sign{
			width:115px;
			float:left;
			}
		.contact_text .text_sign{
			width:650px;
			float:left;
			margin:10px 0 0 25px;
			font-size:13px;
			line-height:1.5;
			}
	.contact_in{
			width:960px;
			margin:60px auto 0 auto;
			line-height:1.5;
			min-height:500px;
			background:#fff;
			}
	.contact_in h2{
			margin:46px 0 0 0;
			}			
#contact .bg_white{
	background:#fff;
	}
	.bg_black{
		background:#333;
		}
	#form_completed{
		}

	.contact_in .attention{
		margin:20px 0 0 0;
		}
		.contact_in .attention span{
			color:#e60012;
			font-size:10px;
			}
		.contact_in table th span{
			color:#e60012;
			}
	.contact_form{
		margin:20px 0 0 0;
		padding:0px 90px 45px 90px;
		color:#535353;
		font-size:14px;
		}
		.contact_in table{
				color:#535353;
				line-height:1.5;
				margin-top:0px;
				
				}
			.contact_in table th{
				padding:10px 10px 10px 0;
				vertical-align:top;
				font-weight:normal;
				}
				.contact_in table td{
				padding:10px 0 10px 70px;
				vertical-align:top;
				}
			.contact_in .mwform-tel-field input{
				border:1px solid #c9c9c9;
				height:30px;
				}
			.contact_in #name,.contact_in #name2,.contact_in #mail1,.contact_in #mail2,.contact_in #companyname,.contact_in #subject{
				width:530px;
				height:30px;
				border:1px solid #c9c9c9;
				}
			
			.contact_in #sub{
				width:530px;
				min-height:210px;
				border:1px solid #c9c9c9;
				}
			.contact_in .button{
				text-align:center;
				margin-top:40px;
				}
			.submit:hover{Filter: Alpha(Opacity=70);opacity:.70;}
.submit{  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}
.btn input{
	width:130px;
	height:40px;
	border:none;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	margin:0 5px;
	cursor:pointer;
	background:#009fa8;
	}
	.btn input.confirm{
		background:#009fa8;
		}
	.btn input#confirm{
		background:#009fa8;
		}
	.btn input.clear{
		background:#959595;
		}
		.btn input.back{
		background:#959595;
		}


.btn_back{
	width:130px;
	height:40px;
	border:none;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	margin:0 5px;
	cursor:pointer;
	background:#959595;
	}

.btn_send{
	width:130px;
	height:40px;
	border:none;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	margin:0 5px;
	cursor:pointer;
	background:#009fa8;
	}
	
.text_link{
	width:130px;
	border:none;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	margin:20px 5px;
	padding:10px 0;
	cursor:pointer;
	background:#009fa8;
	}
	.text_link a{
		color:#ffffff;
		
		}
		.text_link a:hover{
			text-decoration:none;
		}


.contact_in .subtext{
	text-align:center;
	margin:30px 0 0 0;
	color:#535353;
	font-size:13px;
	}
/*WPプラグインを使った場合*/
#form_entry .back{
	display:none;
	}

#form_confirm .clear{
	display:none;
	}
#form_confirm #contact_policy{
	display:none;
	}
#form_confirm .agree{
	display:none;
	}

#form_confirm .att{
	display:none;
	}

/*お問い合わせ完了ボタン*/
.toppage{
	margin:30px 0 20px 280px;
	width:215px;
	text-align:center;
	}
	.toppage a{
	padding:15px 30px;
	text-align:center;
	display:block;
	border:none;
	color:#4f2901;
	font-size:15px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	margin:0 5px;
	cursor:pointer;
	border-radius: 10px;  /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	background:#e3d8c9;
		}
		.toppage a:hover{
			text-decoration:none;
			}
			
	



/* footer */
#privacy{
	border:1px solid #c9c9c9;
	width:700px;
	height:130px;
	overflow:scroll;
	margin:30px 0 0 32px;
	}
	.privacy_in{
		padding:20px 28px;
		font-size:12px;
		color:#535353;
		}
		.privacy_in h3{
			font-weight:normal;
			}
		.privacy_in h4{
			font-weight:normal;
			color:#009fa8;
			margin:25px 0 0 0;
			}


	#footer {
		padding: 0px;
	}
	#footer .footer_logo {
		padding: 26px 0 0 0;
		text-align: center;
	}
	#fNav {
		padding: 23px 0 0 0;
		font-size: 11px;
		color:#009fa8;
		font-weight:bold;
		text-align:center;
	}
	#fNav a{
		color:#009fa8;
		font-size: 12px;
		}
		
	#footer .note{
		padding: 27px 0 30px 0;
		text-align:center;
	}
	#footer .note .name{
		color:#535353;
		line-height:1.2;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		}
		#footer .note .tel{
		color:#535353;
		line-height:1.2;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		margin:10px 0 0 0;
		}
		
	
	.copyright {
		background:#009fa8;
		text-align:center;
		
	}
	.copyright p{
		padding:5px 0;
		color: #fff;
		font-size:12px;
		text-align:center;
		}