/*
Theme Name: zouensano
Theme URI: /
Description: zouensano
Author: SOLEPRO
Author URI: /
Version: 1.0
*/

@charset "utf-8";


@import url("stylesheets/default.css");
@import url("stylesheets/nivo-slider.css");

*{margin:0;padding:0;}


html, body, div, span, applet, object, iframe, h1,  h3, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}


a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

.clear{
clear:both;
}





ol, ul {
list-style: none;
}


*{margin:0;padding:0;}

body{
font: 18px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#3a3a39;
line-height:1.6;
background:#fff;
}

a{
color:#3a3a39;
text-decoration:none;
}

a:hover{
color:#b70217;
text-decoration:none;
}

a:active, a:focus{
outline: 0;
}

a:hover img{
opacity:0.9;
filter:alpha(opacity=90);
-ms-filter: “alpha( opacity=90 )”;
}

img{
border:0;
}

.clear{
clear:both;
}

.clearfix {
display: block;
}



.center{
text-align:center;
}

.right{
text-align:right;
}


/*************
全体
*************/
#top,#footer, #container, .inner{
margin: 0 auto;
width: 1030px;
}




/*************
/* ヘッダー
*************/

#mainimg {
position: absolute;
top: 0;
left: 50%;
width: 1385px;
margin-left: -692px;
text-align: center;
z-index: -1;
}

#mainimg01 {
position: absolute;
top: 0;
left: 50%;
width: 1700px;
margin-left: -850px;
text-align: center;
z-index: -1;
}


#wrapper {
min-width: 1030px;
}

#header #top {
height: 80px;
position: relative;
}

.main {
width: 1030px;
margin: 0 auto;
}

#header #logo {
position: absolute;
top: 18px;
padding-left:20px;
}

#header .tel{
position: absolute;
right: 0;
top: 3px;
padding-right: 115px;
font-size:12px;
font-weight:normal;
color:#fff;
}

#header .tel01{
position: absolute;
right: 0;
top: 25px;
padding-right: 15px;
}

#header h4 {
position: absolute;
top: 158px;
padding-left:30px;
color:#39b61b;
font-weight:normal;
font-size:15px;
}

#header h4 a {
color:#294837;
}

#header h4 a:hover {
color:#b70217;
}


/******************
/* ヘッダーナビゲーション
******************/
#header #gnavi{
	width: 1046px;
margin: 0 auto;
}


#header #gnavi li {
z-index: 999;
list-style:none;
}

#header #gnavi li {
float: left;
position: relative;
}

#header #gnavi li a {
display: block;
height: 66px;
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999px;
}
#header #gnavi li a.active, #header #gnavi li a:hover {background-position:0 -68px}

#header #gnavi li.home a {
width: 123px;
background-image: url(images/gnavi_01.png);
}

#header #gnavi li.service a {
	width: 120px;
background-image: url(images/gnavi_02.png);
}

#header #gnavi li.flow a {
	width: 142px;
background-image: url(images/gnavi_03.png);
}

#header #gnavi li.example a {
	width: 121px;
background-image: url(images/gnavi_04.png);
}

#header #gnavi li.qa a {
	width: 174px;
background-image: url(images/gnavi_05.png);
}

#header #gnavi li.blog a {
	width: 99px;
background-image: url(images/gnavi_06.png);
}

#header #gnavi li.about a {
	width: 119px;
background-image: url(images/gnavi_07.png);
}

#header #gnavi li.contactmenu a {
	width: 148px;
background-image: url(images/gnavi_08.png);
}

#header #gnavi li ul.lower {
	border:2px solid #36b319;
	margin-left: 0;
	padding-top: 0;
	list-style: none;
	position: absolute;
	left: 0;
	z-index: 1;
	width:140px;
	background-color:#FFFFFF;
	top: 58px;
	font-size:14px;
	
}

#header #gnavi li ul.lower li {
border-bottom:1px dotted #36b319;
}

#header #gnavi li ul.lower li.first {
	margin:0;
	border-top:none;
}

#header #gnavi li ul.lower li,
#header #gnavi li ul.lower li a {
	background-image:none;
	color:#333333;
	text-indent: 0px;
	text-decoration:none;
	display:block;
}

#header #gnavi li ul.lower li a {
padding:12px 0 8px 12px;
height:auto;
width:128px;
}

#header #gnavi li ul.lower li a:hover {
color:#FFFFFF;
	background-color:#36b319;
}


/*************
コンテンツ全体
*************/
#container{
padding: 1px 0;
margin-bottom:60px;
}

#homepage{
	margin-top:354px;

}

#container  h2{
font-size: 25px;
font-weight: normal;
margin: 25px 0 0px;
padding: 0 ;
}



#container h3{
font-size: 25px;
font-weight: normal;
margin: 50px 0 0px;
}


#container h4{
font-size: 22px;
font-weight: normal;
margin: 20px 0 15px;
background: url(images/h4back.png) no-repeat;
height:37px;
padding: 4px 0px 0 23px;
background-position:0px 0px;
}

.nextlink{
	text-align:right;
	margin-top:-5px;
}

.nextlink img{
	border:none !important;
}

.nextlink a{
	font-size:12px ;
	font-weight:normal;
}


.nextlink01{
	text-align:right;
	margin-top:-5px;
	margin-right:20px;
}

.nextlink01 a{
	font-size:13px !important ;
	font-weight:normal;
	color:#5c3d06;
	text-decoration:underline;
}

.nextlink01 a:hover{
	text-decoration:underline;
	color:#b70217;
	
}

.nextlink02{
	text-align:right;
	margin-top:30px;
	margin-right:40px;
}

.nextlink02 a{
	font-size:15px !important ;
	font-weight:normal;
	color:#5c3d06;
	text-decoration:underline;
}

.nextlink02 a:hover{
	text-decoration:underline;
	color:#b70217;
	
}

	
.topcontents ul{
	margin-left:19px;
	display:block;
	overflow:hidden;
}
	
.topcontents li{
	float:left;
	padding-right:29px;
}

.topcontents li.last{
	padding-right:0;
}


.examplecontents{
margin-bottom:100px;	
}
.examplecontents ul{
	display:block;
	overflow:hidden;
	margin:0 0px 0 20px;
}
	
.examplecontents li{
	float:left;
	padding:15px 30px 10px ;
	width:275px;
}

.examplecontents li img{
	border:2px solid #999;
}


.examplecontents01 ul{
	display:block;
	overflow:hidden;
	margin:0 0px 0 8px;
}
	
.examplecontents01 li{
	float:left;
	padding:15px 12px 10px ;
	width:215px;
}

.examplecontents01 li img{
	border:2px solid #999;
}


.examplecontents02 ul{
	display:block;
	overflow:hidden;
	margin:0 0px 0 8px;
}
	
.examplecontents02 li{
	float:left;
	padding:15px 5px 10px ;
	width:170px;
}


.exsamplesch ul{
	display:block;
	overflow:hidden;
	margin:-10px 0px 10px 15px;
	border-bottom:1px dashed #593301;
}
	
.exsamplesch li{
	float:left;
	padding:15px 6px 0px ;
}

#container ul li{
list-style-type: none;
}

#container .sectionBorder{
margin: -5px 0 0px 0;
padding: 10px 25px 10px 25px;
overflow:hidden;
display:block;
}

#container .sectionBorder li{
overflow:hidden;
	display:block;
	margin-bottom:10px;
}



.text01{
	font-size:18px;
}

.text02 {
	font-size:21px;
	font-weight:normal;
	margin:0 ;
}


.text03{
	margin:0 25px;
}

.text04{
	border-bottom: dashed #ccc 1px;
}

.text04 a{
	font-size:18px !important;
}

.text05{
	float:left;
	margin:10px 20px 10px 20px;
}

.text06{
	margin-top:10px;
	font-size:15px;
}

.text07 {
	font-size:16px;
	color:#39b61b;
	font-weight:bold;
}

.text08{
	font-size:20px;
	color:#39b61b;
	font-weight:bold;
	margin-top:-5px;
}

.text09{
	text-align:right;
	margin:10px 25px;
}

.text10{
	margin:15px 10px 0 30px;
	font-size:14px;
}

.text11{
	margin:0px 10px 0 40px;
	font-size:20px;
}

.text12{
	margin:33px 10px 0 30px;
	font-size:20px;
}

.text13{
	margin:50px 25px 0;
	text-align:center;
	font-size:18px;
	color:#36b319;
	font-weight:bold;
}

.text14{
	margin:0 25px;
	font-size:20px;
	text-align:center;
}

.text15{
	margin:0px ;
	font-size:18px;
}




table.comp {
    width: 95%;
    margin: 0px auto 0;
    border-top:1px solid #a9a9a9;
    border-left:1px solid #a9a9a9;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    
}

.comp th {
	width: 20%;
	font-size: 16px;
	font-weight: 400;
    text-align: center;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    color:#000;
    background-color:#f0efee;
    background-position:left top;
    padding:1em 0.1em 0.7em;
}


.comp td {
    font-size: 16px;
	font-weight: 400;
    color: #000;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:1em 1em 0.7em;
}


#contents01{
	background: #ffffff url(images/subptop01.jpg)no-repeat 50% 0;
	clear:both;
	height: 476px;
	min-width: 1050px;
	
}

#subpage{
	margin-top:-290px;
}

#main{
	float:left;
	width:772px;
	background: url(images/contentsback.png)no-repeat 50% 0;
	margin-bottom:60px;
	min-height:500px;
}

#maincontent{
	padding:0px 21px 0px;
}

.leftimg{
	float:left;
	margin:0px 10px 0px 20px;
}

.leftimg img{
	border:2px solid #999;
} 

.rightimg{
	float:right;
	margin:0px 10px 0px 20px;
}

.rightimg img{
	border:2px solid #999;
} 


a#photolink01 {
	float:right;
	margin:15px 20px 30px;
   display: block;
    border: none;
   width: 85px;
   height: 18px;
   text-indent: -1000px; 
   background-image: url("images/shousai.png");
   
}

a#photolink01:hover {
   background-position: top right;
    border: none; 
}


.flowtext{
	float:left;
	width:400px;}
	
.flowbox{
	margin-top:30px;
	margin-left:25px;
}

.down{
	margin-top:50px;
	text-align:center;
}


.flowbox01{
	float:right;
	display:block;
	margin-right:35px;
	margin-top:10px;
	}
	
.flowbox01 img{
	border:1px solid #4c4b4b;
}

.question{
	font-size:18px;
	height:40px;
	background-image:url(images/ques.png) ;
	background-repeat:no-repeat;
	background-position:left 40%;
	background-size:46px 39px;
padding-left:52px;
margin-top:15px;
border-bottom:1px dashed #ccc;
padding-bottom:10px;
line-height:3;
margin-bottom:13px;
font-weight:bold;
}

.anser{
	font-size:16px;
background-image:url(images/ans.png) ;
	background-repeat:no-repeat;
	background-position:left 3%;
	background-size:46px 39px;
padding-left:52px;
padding-bottom:5px;
border-bottom:1px solid #ccc;
min-height:40px;
}

.contenttext{
	margin:0 25px 0 5px;
}

#sub{
   float:right;
	width:242px;
	margin-bottom:60px;
}

#subcontent{
	background:#fff;
	border:1px solid #babbba;
	padding:10px;
	filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;
  margin-bottom:20px;
}

#sub h2{
	color:#fff;
	font-size:22px;
	background:#36b319;
	border-radius:8px 8px 0 0px;
	text-align:center;
	padding:5px 0 0;
	letter-spacing:0.1em;
	margin-top:0px;
}

#sub ul {
	border-right:1px solid #36b319;
	border-left:1px solid #36b319;
}

#sub ul li{
	font-size:12px;
	padding:15px 0px 8px 10px;
	border-bottom:1px solid #36b319;
	background: -moz-linear-gradient(top, #fff,#fff 50%,#e1dfdf);
    background: -webkit-gradient(linear, left top, left bottom,from(#fff),color-stop(0.5, #fff),to(#e1dfdf));
}


#sub ul li span{
	padding-left:8px;
	color:#186a05;
	font-size:16px;
}


#sub ul li a{
	color:#36b319;
}

#sub ul li a:hover{
	color:#b70217;
}

#sub ul li span:hover{
	color:#b70217;
}


.sidebn{
	margin:2px 0 0px;
}

.staff{width:50%;
float:left;
margin:10px 0 20px;
}

.staff01{
	width:50%;
float:left;
margin:10px 0 50px;
}


.lastimg{
	margin:50px 25px 20px;
}


.fbcom{
	padding-top:80px;
}


.clean{
	text-align:center;
}


.map{
	width:95%;
	margin: 30px auto 0;
}

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

#footerback{
	background: #ffffff url(images/footback.png)repeat-x 50% 0;
	clear:both;
	height: 220px;
	min-width: 1050px;
	
}

#footer {
height: 212px;
padding: 0px 0px 0px;
position:relative;
} 


#footer ul{
float:right;
margin-top:55px;
font-size: 15px;
line-height: 15px;
font-weight: normal;
width:405px;
}

#footer ul{
right: 0px;
border-left: 1px solid #454444;
}

#footer ul.foot2,#footer ul.foot3{
	margin-top:15px;
}

#footer ul li{
list-style: none;
float:left;
padding: 0 10px;
border-right: 1px solid #454444;

}

#footer a{
	color:#294837;
    font-size:15px;
    text-decoration:none;}

#footer a:hover{
color:#b70217;
text-decoration:underline;
}

#footer_navi {
    font-size: 14px;
    margin: 0;
    padding-top: 10px;
}

.footlogo{
	width:580px;
	height:100px;
	position:relative;
	margin-top:70px;
	float:left;
}


a#photolink {
	position:absolute;
	top:115px;
	left:271px;
   display: block;
    border: none;
   width: 311px;
   height: 40px;
   text-indent: -1000px; 
   background-image: url("images/footinfo.png");
   
}

a#photolink:hover {
   background-position: top right;
    border: none; 
}



.footlogo02{
	position:absolute;
	top:130px;
	left:12px;
	font-size:16px;
	font-weight:bold;
	color:#294837;
	letter-spacing: 0.1em;
}

.footlogo03{
	position:absolute;
	top:75px;
	left:274px;
	font-size:16px;
	font-weight:bold;
	color:#294837;
	letter-spacing: 0.1em;
}


#footer address {
    position: relative;
    width: 100%;
    font-size: 12px;
    color: #593301;
    text-align: center;
    clear: both;
	top: 8px;
}


/*************
/wordpress
*************/



#date {
	text-align: right;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 15px;
	font-weight:bold;
	color:#6f6f6f;
	font-size:14px;
}




#next {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:10px 0;
}

img.alignright {
	padding: 4px;
	margin: 0 0px 10px 10px;
	display:block;
	float:right;
}

img.alignleft {
	padding: 2px;
	margin: 0 10px 0px 0px;
	display: block;
	float:left;
}

img.alignnone{
	padding:10px 0 30px;
}

img.size-full{
	max-width:680px;
	height:auto;
}


#nextR {
float: right;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 0px;
font-size:14px;
}

#nextL {
float: left;
padding-top: 30px;
padding-left:30px;
padding-bottom: 0px;
font-size:14px;
}






/* -----------------------------------------------------------
	
		コンタクトフォーム
----------------------------------------------------------- */

#box{
width: 550px;
margin:30px auto;
background: #fff;
border: solid #e1e0e0 1px;
padding: 25px;
position: relative;

}


.contact{
	font-size:16px;
	margin-left: 70px;
	margin-bottom:-2px;}
	
.contact01{
	font-size:16px;
	margin-left: 70px;
	margin-bottom:-2px;
	margin-top:10px;}	
	
.contact03{font-size:16px;
	margin-left: 70px;
	margin-bottom:-2px;}
	
	
.con{
	height:20px;
	padding:7px ;
	margin-bottom: 10px;
	margin-left: 70px;
	width:400px;
	font-size:14px;
	background-color:#ffffff;
	color:#000;
    align:left;
	border:1px solid #ab9d8d;
}


.con03{
	height:30px;
	width:140px;
	font-size:14px;
	background-color:#f4f2f2;
	color:#000;
    margin-left: 70px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #cfcfcf;
	z-index:100;
}

.con04{
	height:20px;
	padding:7px ;
	margin-bottom: 10px;
	margin-left: 70px;
	width:350px;
	font-size:14px;
	background-color:#ffffff;
	color:#000;
    align:left;
	border:1px solid #ab9d8d;
}


.con01{
	height:20px;
	padding:7px ;
	margin-bottom: 10px;
	margin-left: 100px;
	width:400px;
	font-size:16px;
	color:#000;
    align:left;
	z-index:100;
}






.con02{
	height:20px;
	padding:7px ;
	margin-bottom: 20px;
	margin-left: 60px;
	width:480px;
	font-size:16px;
	color:#000;
    align:left;
	z-index:100;
	display:block;
}



.mess{
	height:200px;
	padding:10px;
	margin-bottom: 10px;
	margin-left: 70px;
	width:390px;
	font-size:14px;
	background-color:#ffffff;
	color:#000;
	border:1px solid #ab9d8d;
        overflow-y:auto;
       _overflow-y:hidden;  /* IEでスクロールバーを消す為に記述 */
}

.submit{

margin-left: 0px;

}

.submit01{
width:300px;
margin-left: 120px;

}

.submit02{
width:200px;
margin-left: 80px;
margin-bottom:0px;
}

.submit03{
width:200px;
margin-left: 5px;
margin-bottom:0px;

}


.wpcf7-list-item{
	margin-right:10px;
	
}

.wpcf7-not-valid-tip{
	color:#F00;
	border:1px solid #F00;
     display:block;
	 padding:6px !important;
	 text-align:center !important;
}
	
	

.wpcf7-response-output{
	color:#F00;
	
}

.wpcf7-not-valid-tip-no-ajax{
	color:#F00;
	border:1px solid #F00;
     display:block;
	 margin-top:-8px;}
	 
	 





html>/**/body　
#b{
border: 20px;
width: 181px;
height: 80px;
background:url(images/contact.png) no-repeat ;
text-indent: -9999px;　　 /*　「送信」のテキストを飛ばす　*/
}