/* =Reset 
-------------------------------------------------------------- */
/*CSS reset.css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 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;
}
body {line-height: 1;}
h1,h2, h3, h4, h5, h6 {clear: both;font-weight: normal;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}
caption,th,td {font-weight: normal;text-align: left;}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {outline: thin dotted;}
a img {border: none;}
img {border: 0;
	-ms-interpolation-mode: bicubic;}
a {outline:none;}


/*  clearfix*/
.clear{clear:both;}
.clearfix:after {
	content: ".";  
	display: block; 
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 


/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 5px;
	margin-top:6px;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="img"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-img: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-img: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-img: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-img: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-img: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-img: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-img: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-img: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-img: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-img: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-img: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/*追加*/
div.mfp_buttons {
	clear: both;
	padding: 10px 0px;
	text-align: center;
}

div.mfp_buttons button {
	padding: 15px 40px;
    font-size: 1.1em;
    background-color: #000;
    color: #fff;
	border:2px solid #000;
}
div.mfp_buttons button:hover {
	background-color: #fff;
    color: #00ced1;
	border:2px solid #00ced1;
}


/* imgs */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.entry-content img,
.comment-content img,
.widget img,
img.header-img,
.author-avatar img,
img.wp-post-img {
	/* Add fancy borders to all WordPress-added imgs but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.text-align_center{ text-align:center; }
.text-align_right{ text-align:right; }
.text-align_left{ text-align:left; }
.vert_top{ vertical-align:top; }
.vert_middle{ vertical-align:middle; }
.vert_bottom{ vertical-align:bottom; }

.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt18 {margin-top: 18px;}
.mt30 {margin-top: 30px;}

.mb15 {margin-bottom: 15px;}

.textred { color:#CA1A1D;}
.text_bikou { font-size:13px; color:#666666;}

.text14_nomal { font-size:14px; font-weight:normal;}

/* HyperText styles
---------------------------------------------- */
a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: none;
}
a:active {
	color: #006699;
	text-decoration: none;
}

/* ロールオーバー
---------------*/
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";}


/* =Layout
-------------------------------------------------------------- */
body {
	background : #F5F6E9;
	color: #333333;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.6;
}
div#wrapper {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #FFFFFF;
	height: 100%;
	overflow:hidden;
	position: relative;
}

/* -------------------------------------
	レスポンシブ用
----------------------------------------*/
@media screen and (max-width: 800px) {
img {border: 0;max-width:100%;height:auto;vertical-align: bottom;}
body {font-size:15px;line-height:1.6;}
#wrapper {width: 100%;margin: 0 auto; padding:0;height: 100%; }
}

/* header
---------------------------------------------- */
div.header {
	margin: 0 auto;
	width: 100%;
    max-width: 970px;
}
#header_L {
	float: left;
	width: 45%;
	padding-top: 30px;
}
#header_L h1 {
	line-height: 1;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding:10px 0;
}
div#headnav {
	float: right;
	width: 410px;
	margin: 0;
	padding-top: 0 !important;
}
#headnav li {
	float: left; margin:0; padding:0; 
}
#headnav li#head_link1 { margin-right:8px;} 
#sp_h_menu_btn {display: none ;}

/*2021.12 header固定*/
#header {
    width: 96%;
    max-width: 970px;
}
.header-inner {
	width: 96%;
    max-width: 970px;
    margin: 0 auto;
    position: fixed;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
div#header_R {
	float: right;
	width: 51%;
    max-width: 360px;
	margin: 0;
	padding-top: 15px;
}
div#headnav {
    float: right;
    width: 100%;
    margin: 0;
    padding-top: 0 !important;
}
div#header_R ul{
	text-align: right;
}
div#header_R li {
	float: left; margin:0 1%; padding:0; 
}
div#header_R li:last-of-type {
	margin:0 0 0 1%;
}

/* -------------------------------------
	レスポンシブ用
----------------------------------------*/
@media screen and (max-width: 980px) {
div.header {margin: 0 auto;width: 98%; padding:10px 0;}
#header_L {width: 350px;margin:0;}
#header_L img { width:100%; max-width:350px;}
div#header_R,div#headnav {width: 100%;}
div#header_R li { }
div#header_R li img { width:100%;}
}

@media screen and (max-width: 640px) {
div.header {margin: 0 auto;width: 100%; background:url(http://www.greenview.jp/img2017/header_bg02.gif) repeat-x left bottom; text-align:center;padding:10px 0 !important; position:relative;}
#header_L {float: none;width: 100%;padding-top: 20px;}
div#header h1 {display: none;}
div#header_R {float: none;width: 90%;margin: 0;padding: 10px 0; text-align:center;}
#header_R li { display:inline-block; float:none;}

#sp_h_menu_btn {display: block;position:absolute;right:10px;top:70px;width:55px;}
}

@media screen and (max-width: 480px) {
div.header {width:100%;height:90px;}
.fixbar {background:#fff;}
.fixed {position: fixed; top: 0;z-index: 900;width: 100%;}

div.header h1 {display:none;height: 0;padding:0;}

div#headnav {float:left!important;width: 85% !important;margin:14px 1% 0 1%;padding:0; text-align:left;}	
#headnav li {width: 47% !important;display:inline-block;vertical-align: middle;}	
#headnav li img {width: 90%;}

#sp_h_menu_btn {position:static;float:right!important; width:13%;margin:8px 0;}
#sp_h_menu_btn img {width: 100%;}
}


/*	main menu style 
---------------------------------------------- */
div.globalNav {
	margin : 0 auto;
	padding-top:0;
	clear: both;
	width: 100%;
    max-width: 970px;
}
* html #gNav {height: 1%;}
div.globalNav ul {
	list-style : none;
	margin : 0;
}
div.globalNav li {
	float : left;
	width: 25%;
}
div.globalNav li a {
	text-indent: -9999px;
	display: block;
	height: 48px;
	font-size: 1px;
	background: url(../img2017/menu-1.gif) no-repeat;
	outline:none;
}
li#link1 a {background-position: 0 0;width: 243px;} 
li#link2 a {background-position: -243px 0;width: 242px;} 
li#link3 a {background-position: -485px 0;width: 242px;} 
li#link4 a {background-position: -727px 0;width: 243px;} 

li#link1 a:hover {background-position: 0 -48px;} 
li#link2 a:hover {background-position: -243px -48px;} 
li#link3 a:hover {background-position: -485px -48px;} 
li#link4 a:hover {background-position: -727px -48px;} 

.gnav_sp {display: none;}

/* -------------------------------------
	レスポンシブ用
----------------------------------------*/
@media screen and (max-width: 980px) {
div.globalNav {margin : 0 auto;padding-top:10px;clear: both;width: 100%;}
div.globalNav ul { margin:0; padding:0;}
div.globalNav li {width:24.4% !important; background:#72640c; border:1px solid #ccc; margin-right:1px; }
div.globalNav li:last-child { margin-right:0;} 
div.globalNav li a {text-indent: 0px;display: block;height: 48px;font-size: 16px; line-height:48px; background:inherit; background-position:0 !important; width:100% !important; text-align:center; color:#fff;}
}

@media screen and (max-width: 640px) {
div.globalNav {display: none; } 
	
.gnav_sp {background: none repeat scroll 0 0 #ffffff;display: none;right: 0;padding: 0 15px;position: absolute;top: 0;width: 45%;z-index: 9999;}
.gnav_sp {width: 100%;text-align: left; margin:auto;}
.gnav_sp h3 {text-align: center;display: none;}
.gnav_sp h3 {display: block;}
.gnav_sp h3 img {width: 90%;}

.gnav_sp ul li {border: 1px solid #ccc;border-bottom:none;font-size: 110%;position: relative;}
.gnav_sp ul li {display: block;width: 100%;margin:0;float: none;}
.gnav_sp ul li a {display: block;overflow: hidden;padding: 0.6em 1.5em;text-decoration: none;color : #363636;transition : background-color 400ms ease-in-out;background:#fff url(../images/shear/arr02.png) no-repeat 10px 17px;}
.gnav_sp ul li a:hover {background-color : #25b7c0;color : #fff;}
.gnav_sp ul li a i {margin-right: 0.5em;}
.gnav_sp .tel {padding: 2%;text-align: center;display: none;}
.gnav_sp .tel {display: block;}
.gnav_sp .tel a {text-decoration: none;font-size: 185%;font-family: "Times New Roman", Times, "ＭＳ Ｐ明朝", serif;}
.gnav_sp .tel i {margin-right: 0.2em;font-size: 80%;}

.gnav_sp .spnav-close {clear: both;padding-top: 15px;margin: 4% 0;text-align: center;width: 100%;}
.gnav_sp .spnav-close {padding-top: 0;}
.gnav_sp .spnav-close a {background: none repeat scroll 0 0 #4e454a;color: #fff;display: block;overflow: hidden;padding: 0.4em 0.8em;text-decoration: none;}
.gnav_sp ul.menu li ul.submenu {margin: 0;padding: 0;list-style: none;}
.gnav_sp ul.menu li ul.submenu li {margin: 0;border-top: 1px solid #ccc;border-left:none;border-right:none;}
.gnav_sp ul.menu li ul.submenu li a {display: block;padding: 0.4em 3em;background: url(../images/shear/arr02.png) no-repeat 40px 14px;}
.gnav_sp ul.menu li ul.submenu li a:hover {background-color : #25b7c0;color : #fff;}
.gnav_sp ul li:last-child {border-bottom: 1px solid #ccc;}
.gnav_sp ul li ul li:last-child {border-bottom: none;}	
}

/*	下層ページ共通設定
---------------------------------------------- */
.page_ttl { background:url(../img2017/page_ttl_bg.jpg) no-repeat 0 center; margin:18px auto; max-width:970px;margin-top: 148px;}
.cont_ttl {
	background:url(../img2017/cont_ttl_bg.gif) no-repeat left center;
	color:#fff;
	font-size:18px;
	line-height:1;
	font-weight:bold;
	padding: 13px 0 10px 40px;
	margin-bottom:15px;
}
.reed_ttl {
	border-left:8px solid #814721;
	border-bottom:1px dotted #7B7979;
	padding-left: 13px;
	font-size:16px;
	font-weight:bold;
	line-height:2.1em;
}

#main {
	clear:both;
	width: 970px;
	margin:10px auto;
	overflow:hidden;
}
#content {
    float: right;
    width: 690px;
    margin: 0 0 40px 0;
}
#secondary  {
	float:left;
    width: 250px;
    margin: 0 15px 0 0;
}
#secondary p { margin-bottom:8px;}	

@media screen and (max-width: 480px) {
.cont_ttl {font-size:22px;
	line-height:1;
	font-weight:bold;
	padding: 15px 0 13px 40px;
	margin-bottom:15px;}
}

/* footer
---------------------------------------------- */
.gotop{position:fixed;right: 1%; bottom:0;cursor:pointer;}
.gotop a {display: block;width: 45px;height: 45px;-moz-opacity: 0.8; opacity: 0.8;}
.gotop a:hover {-moz-opacity: 0.6; opacity: 0.6;}

div#footer {
	width:970px;
	margin: 15px auto 0 auto;
	background:url(../img2017/foot_line.gif) repeat-x;
	clear: both;
	padding: 30px 0 0 0;
}
ul.footNav {
	font-size: 13px;
	margin: 0px 0 10px 230px;
	padding-bottom: 15px;
}
.footNav a {
	color: #666600;
}
ul.footNav li { float: left; }
.foot-text {
	font-size: 13px;
	line-height: 1.5;
	color: #333300;
	margin: 10px 0 10px 0;
}
.foot-text a {
	color: #333300;
}
address {
	font-style:normal;
	line-height: 160%;
	margin-bottom: 15px;
}
#footer address a {
	color: #990000;
}
#copyright {
	background:#513E3F;
	text-align:center;
	font-size:12px;
	color:#fff;
	padding:12px 0;
	margin-top: 15px;
}
#copyright a {
	color: #fff;
}

/* -------------------------------------
	レスポンシブ用
----------------------------------------*/
@media screen and (max-width: 980px) {
.page_ttl {width: 96%;margin:18px auto;margin-top: 148px;}
#main {clear:both;width: 96%;}
#content {width: 70%;}
#secondary { width:26%;margin: 0 12px 0 0;}

div#footer {width:100%;margin: 15px auto 0 auto;clear: both;padding: 30px 0 0 0; text-align:center;}
ul.footNav { width:96%;font-size: 14px;margin: 0px auto 10px 2%;padding-bottom: 15px; text-align:center;}
.foot-text {width:96%;margin: 10px auto;}
}

@media screen and (max-width: 640px) {
.page_ttl {width: 96%;}
#main {clear:both;width: 100%;margin:10px auto;}
#content {float: none;width: 96%; margin:auto;}
#secondary {float:none; width: 96%;margin: 20px auto;}
#secondary .side_banner { text-align:center;}
}

@media screen and (max-width: 480px) {
.page_ttl {width: 100%;margin:18px auto; text-align:center;}	
.page_ttl span { display: block; font-weight:bold; font-size:24px;}	
}


/*下層ページside*/
.side_link {
	margin-bottom:15px;
}
 .cont_title {
	 background : #4e454a;
	 color : #fff;
	 padding : 0 15px 0 0;
	 margin : 0;
	 border-radius : 5px 5px 0 0;
	 line-height : 35px;
	 height : 35px;
	 text-shadow: 1px 1px 2px #666;
}
 .cont_title span {padding : 3px 2px 3px 17px;} 
 ul.page_list {
	 margin : 0 0 20px 0;
	 border : #CCC solid 1px;
	 /*border-radius:0 0 5px 5px;*/
}
 ul.page_list li {
	 background : none;
	  padding : 0;
 	 margin : 0 0 1px 0;
	 border-bottom : 1px dotted #CCC;
}
ul.page_list li:last-child {
	border-bottom : none;
}
ul.page_list a {
	display : block;
	text-decoration : none;
	color : #363636;
	padding : 8px 15px;
	transition : background-color 400ms ease-in-out;
	background:#fff url(../img2017/arr02.gif) no-repeat 5px center; 
}
ul.page_list a:hover {background-color : #a4d5bd;}



/*company*/
.tb_03{
width: 100%;
margin-bottom:30px;
}
.tb_03 th{
padding: 8px 10px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #f5f5dc;
border: 1px solid #ddd;
width:30%;
}
.tb_03 td{
padding: 8px 10px;
background-color: #fafafa;
border: 1px solid #ddd;
line-height:1.8;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (max-width:480px){
    .tb_03 { margin: 0 -10px; }
    .tb_03 th{
    width: 100%;
    display: block;
    border-top: none;
    }
    .tb_03 td{
    width: 100%;
    display: block;
    border-top: none;
	padding:10px 18px;
    }
  .tb_03 tr:first-child th { border-top: 1px solid #ddd; }
}

/*seikyu*/
.dl_nameform { padding-top:5px;}
.dl_nameform dt { padding-top:5px; }
.dl_nameform dd { margin: -2.4em 0 5px 90px;}

button,
input,
select,
textarea {
	font-size: 100%; 
	margin: 2px 0; 
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
	*overflow: visible;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	color: rgba(0,0,0,.8);
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1;
	padding: 0.8em;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	background: rgba( 255, 255, 255, 0.3 );
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 6px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	background: #fff;
}
textarea {
	overflow: auto;
	padding-left: 3px;
	vertical-align: top;
	width: 96%;
}
.Submit_btn { text-align:center; margin-top:20px;}

@media only screen and (max-width:480px){
input[type=text] { width:80%;}
.dl_nameform { padding-top:5px;}
.dl_nameform dt { display:block; }
.dl_nameform dd {display:block; margin:0;}
.text_bikou { margin:0 !important; padding:0 !important;}
}

/*	index
---------------------------------------------- */
div#main-ph {
	clear: both;
	width: 970px;
	margin: 0 auto;
	background:url(http://www.greenview.jp/img2015/index_main.jpg) no-repeat;
	height: 310px;
	margin-top: 148px;
}
#main-ph p {
	font-size: 15px;
	font-weight: bold;
	color: #333300;
	padding: 130px 80px 0 270px;
}

#container_R {
	float:right;
    width: 690px;
}
#topside {
    float: left;
    overflow: hidden;
    width: 250px;
    margin: 0 15px 0 0;
}
ul.top_banner li { margin-bottom:0px;}

h2#ttl_kensaku {
	background:url(http://www.greenview.jp/img2015/index_ttl01.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 690px;
	height: 40px;
	margin-bottom:8px;
	overflow: hidden;
}
#kensaku_box { clear:both;}
.kensaku {
	background:url(http://www.greenview.jp/img2017/kensaku_bg.gif) repeat;
	height: auto;
	margin-bottom:10px;
	padding-top:15px;
}
.kensaku h3 { padding-left:20px;}

.ul_kensaku {
	padding-top: 5px;
	padding-bottom: 8px;
	margin-left: 25px;
}
.ul_kensaku li {
	float: left;
	margin-right: 8px;
	margin-bottom:8px;
	height: 55px;
	width: 208px;
}

#info_box {
    background: #99cc66;
    border-radius: 10px; /* CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
    margin: 0 0 20px 0;
    padding: 10px 8px 8px 8px;
    overflow: auto;
    height: 140px;
}

#info_box h2 {margin-left: 10px;}

#info_box .info_box_inner {
    background: #fff;
    border-radius: 0 0 10px 10px; /* CSS3草案 */
    -webkit-border-radius: 0 0 10px 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 0 0 10px 10px; /* Firefox用 */
}

#info_box .info_box_inner li {
    border-bottom : 1px dotted #999999;
    padding : 9px 0 4px 13px;
    margin: 0 18px;
    background: url(http://www.greenview.jp/img2015/arr02.gif) no-repeat 0 15px;
}
#info_box .info_box_inner li:last-child {border: none;}
#info_box .info_box_inner .rss_date { margin-right: 10px;}

h2#ttl_shintyaku {
	background:url(http://www.greenview.jp/img2015/index_ttl03.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 690px;
	height: 40px;
	margin-bottom:12px;
	overflow: hidden;
}

/* Begin Sidebar */
#ijyu_box {
    background: #e2ded6;
    border: 2px solid #996633;
    margin: 0 0 10px 0;
    padding: 0;
}
#ijyu_box h3, #ijyu_box h2 {margin: 0;padding: 0;}
#ijyu_box ul.blog {
    margin: 0 10px 6px 10px;
    font-size: 13px;
    line-height: 1.4;
}
#ijyu_box ul.blog li {
    background: url(http://www.greenview.jp/img2015/arrow_g.gif) no-repeat left 5px;
    padding: 3px 0 3px 13px;
    border-bottom: 1px dotted #412B2C;
}
#ijyu_box ul.blog li:last-child {border: none;}
#ijyu_box ul.blog li a {color: #4e454a;text-decoration: none;}
#ijyu_box ul.blog li a:hover {color: #cc0033;text-decoration: none;}
#topside h2 {margin: 0;padding: 0;}

/* -------------------------------------
	top レスポンシブ用
----------------------------------------*/
@media screen and (max-width: 800px) {
    div#main-ph {width: 100%;margin: 0 auto;background:url(http://www.greenview.jp/img2015/index_main.jpg) no-repeat;height: 310px;}
    #container_R {float:none;width: 90%;margin:auto;}
    #topside {float: none;overflow: hidden;width: 90%;margin: 30px auto 10px auto;text-align: center;}
    ul.top_banner li {display:inline-block; margin-bottom:6px;width: 31%;}
    ul.top_banner li img {width: 100%;}
    #ijyu_box h3 {display:none;height: 0;}
    #ijyu_box ul.blog{display:none;height: 0;}
    .grid-content {margin-top:8px;}
}

@media screen and (max-width: 640px) {
    div#main-ph {clear: both;width: 100%;margin: 0 auto;background:url(http://www.greenview.jp/img2017/index_main_mb.jpg) no-repeat;height: 310px;}
   #main-ph p {padding: 130px 50px 0 150px;}
   
   #container_R {width: 100%;margin:auto;overflow: hidden;}
   #topside {width: 96%;margin: 20px auto 10px auto;text-align: center;}

   .kensaku {width: 100%;margin-bottom:10px;text-align: center;}   
   .kensaku01 h3 {text-align: left;}
   
    .ul_kensaku {padding: 5px 0 8px 0;}
    .ul_kensaku li {float: none;display:inline-block;margin-right: 3px;margin-bottom:3px;height: 55px;width: 32% !important;}
    .ul_kensaku li img {width: 100%;}
}  

@media screen and (max-width: 480px) {
    div#main-ph {clear: both;width: 100%;margin: 0 auto;background:url(http://www.greenview.jp/img2017/index_main_sp.jpg) no-repeat;height: 310px;}
   #main-ph p {padding: 120px 20px 0 30px;} 
   
   .ul_kensaku {padding-bottom: 10px;width: 96%;margin: 0 auto;}
   .ul_kensaku li {margin-bottom:5px;height: 55px;width: 45% !important;} 
}

@media screen and (max-width: 390px) {
   .ul_kensaku {padding-bottom: 8px;width: 98%;margin: 0 auto;}
   .ul_kensaku li {margin-bottom:5px;height: auto;width: 45% !important;} 
   ul.top_banner li {display:inline-block; margin-bottom:6px;width: 48%;}
} 

@media screen and (max-width: 320px) {
   #main-ph p {padding: 110px 10px 0 20px;}  
}   

/*202006*/
ul.cont_zoom{
    font-size: 0;
    width: 100%;
    margin: 42px 0;
}
ul.cont_zoom li {
    display: inline-block;
    width: 30%;
    text-align: center;
    margin-right: 4%;
    padding: 18px 0;
    vertical-align: top;
    height: 70px;
}
ul.cont_zoom li:last-child {
	margin-right:0;
}
ul.cont_zoom li h3{
    font-size: 16px;
    font-weight: bold;
}
li.cont_tel {
    background: #fdcfe3;
    border: solid 1px #eb6877;
}
li.cont_mail {
    background: #fff799;
    border: solid 1px #f19149;
}
li.cont_line{
    background: #deffcc;
    border: solid 1px #1ca91c;
}
li.cont_tel h3{
	position: relative;
}
li.cont_tel h3::after {
    content: ' ';
    position: absolute;
    left: 6%;
    right: 6%;
    bottom: -6px;
    border-bottom: 2px solid #eb6877;
}
li.cont_tel p  {
    font-size: 24px;
    font-weight: bold;
    margin-top: 22px;
    line-height: 1;
}
ul.cont_zoom li a {
    font-size: 18px;
    margin-top: 8px;
    display: block;
    width: 85%;
    margin: 8px auto 0 auto;
    line-height: 35px;
}
li.cont_mail a  {
    background: #fdfdfd;
    border: dotted 1px #f19149;
    color: #f19149;
}
li.cont_line a {
    background: #fdfdfd;
    border: dotted 1px #1ca91c;
    color: #1ca91c;
}