@charset "UTF-8";
/*
Theme Name:生光園
Theme URI:
Description:生光園用テーマ
Author:生光園
Author URI:
Version:1.0
*/


/****************************************

	セッティング

*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

img{
	vertical-align: bottom;
	}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 1.4;
	background-color: #FFFFFF;
	-webkit-text-size-adjust: 100%;
	}

a{color: #0066FF;}
a:hover{color: #64A6FF;}

/* For modern browsers */
.cf:before,
.cf:after{
    content:"";
    display:block;
    overflow:hidden;
	}
.cf:after{
    clear:both;
	}
/* For IE 6/7 (trigger hasLayout) */
.cf{
    zoom:1;
	}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

/****************************************

	ヘッダ

*****************************************/
#header{
	background-image: url("images/common/bg_header_01.gif");
	background-repeat: repeat-x;
	background-position: top left;
	padding-bottom: 10px;
	background-color: #eeeeee;
/*	min-width: 1000px; *//* 東内：iPhone背景リピート問題に対処する追加行 */
	}
#header-inner{
	max-width: 1000px;
	margin: 0 auto;
	}

#header-logo{
	float: left;
	width: 250px;
	}
#header-logo h1{
	margin-top: 25px;
	}

#header-contact{
	float: right;
	max-width: 750px;
	}
#header-contact ul.contact{
	text-align: right;
	margin-top: 10px;
	}
#header-contact ul.contact li{
	display: inline;
	}
#header-contact ul.contact2{
	margin-left: 330px;
	margin-top: 10px;
	}
#header-contact ul.contact2 li{
	float: left;
	padding-left: 10px;
	}



/****************************************

		フッター

*****************************************/
#footer{
	border-top: 1px solid #9BACC5;
	background: #E7E7E7;
	/*min-width: 1000px; *//* 東内：iPhone背景リピート問題に対処する追加行 */
	width: 100%;
	}


#footer-inner{
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 25px;
	background-image: url("images/common/bg_footer_01.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	}


#footer-link-sec1{
	width: 240px;
	float: left;
	}
#footer-link-sec1 h2{
	margin: 20px 0 0 0;
	color: #3E5778;
	font-size: 14px;
	}
#footer-link-sec1 h2 a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-link-sec1 h2 a:hover{
	color: #5378A2;
	text-decoration: underline;
	}
#footer-link-sec1 ul {
	margin: 12px 0 0 0;
	}
#footer-link-sec1 ul li{
	background-image: url("images/common/arrow_footer_01.gif");
	background-position: 11px center;
	background-repeat: no-repeat;
	color: #3E5778;
	padding: 0 0 3px 20px;
	}
#footer-link-sec1 ul li a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-link-sec1 ul li a:hover{
	color: #5378A2;
	text-decoration: underline;
	}


#footer-link-sec2{
	width: 250px;
	float: left;
	}
#footer-link-sec2 h2{
	margin: 20px 0 0 0;
	color: #3E5778;
	font-size: 14px;
	}
#footer-link-sec2 h2 a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-link-sec2 h2 a:hover{
	color: #5378A2;
	text-decoration: underline;
	}
#footer-link-sec2 ul {
	margin: 12px 0 0 0;
	}
#footer-link-sec2 ul li{
	background-image: url("images/common/arrow_footer_01.gif");
	background-position: 11px center;
	background-repeat: no-repeat;
	color: #3E5778;
	padding: 0 0 3px 20px;
	}
#footer-link-sec2 ul li a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-link-sec2 ul li a:hover{
	color: #5378A2;
	text-decoration: underline;
	}


#footer-link-sec3{
	width: 250px;
	float: left;
	}
#footer-link-sec3 h2{
	margin: 20px 0 0 0;
	color: #3E5778;
	font-size: 14px;
	}
#footer-link-sec3 h2 a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-link-sec3 h2 a:hover{
	color: #5378A2;
	text-decoration: underline;
	}
#footer-link-sec3 ul {
	margin: 12px 0 0 0;
	}
#footer-link-sec3 ul li{
	background-image: url("images/common/arrow_footer_01.gif");
	background-position: 11px center;
	background-repeat: no-repeat;
	color: #3E5778;
	padding: 0 0 3px 20px;
	}
#footer-link-sec3 ul li a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-link-sec3 ul li a:hover{
	color: #5378A2;
	text-decoration: underline;
	}


#footer-link-sec4{
	width: 220px;
	float: left;
	}
#footer-link-sec4 h2{
	margin: 20px 0 0 0;
	color: #3E5778;
	font-size: 14px;
	}
#footer-link-sec4 h2 a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-link-sec4 h2 a:hover{
	color: #5378A2;
	text-decoration: underline;
	}
#footer-link-sec4 ul {
	margin: 12px 0 0 0;
	}
#footer-link-sec4 ul li{
	background-image: url("images/common/arrow_footer_01.gif");
	background-position: 11px center;
	background-repeat: no-repeat;
	color: #3E5778;
	padding: 0 0 3px 20px;
	}
#footer-link-sec4 ul li a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-link-sec4 ul li a:hover{
	color: #5378A2;
	text-decoration: underline;
	}



#footer-inner2{
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 25px;
	background-image: url("images/common/bg_footer_01.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	}

#footer-info-sec1{
	max-width: 240px;
	min-width: 24%;
	float: left;
	}
#footer-info-sec1 p{
	margin: 30px 0 0 0;
	text-align: center;
	}
#footer-info-sec1 dl{
	margin: 30px 0 0 0;
	}
#footer-info-sec1 dl dt{
	color: #333333;
	font-size: 14px;
	padding: 0 0 10px 10px;
	}
#footer-info-sec1 dl dd{
	color: #333333;
	font-size: 12px;
	padding: 0 0 2px 10px;
	}
#footer-info-sec1 dl dd a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-info-sec1 dl dd a:hover{
	color: #5378A2;
	text-decoration: underline;
	}

#footer-info-sec2{
	max-width: 240px;
	min-width: 24%;
	float: left;
	}
#footer-info-sec2 p{
	margin: 30px 0 0 0;
	text-align: center;
	}
#footer-info-sec2 dl{
	margin: 30px 0 0 0;
	}
#footer-info-sec2 dl dt{
	color: #333333;
	font-size: 14px;
	padding: 0 0 10px 10px;
	}
#footer-info-sec2 dl dd{
	color: #333333;
	font-size: 12px;
	padding: 0 0 2px 10px;
	}
#footer-info-sec2 dl dd a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-info-sec2 dl dd a:hover{
	color: #5378A2;
	text-decoration: underline;
	}

#footer-info-sec3{
	max-width: 240px;
	min-width: 24.5%;
	float: left;
	}
#footer-info-sec3 p{
	margin: 30px 0 0 0;
	text-align: center;
	}
#footer-info-sec3 dl{
	margin: 30px 0 0 0;
	}
#footer-info-sec3 dl dt{
	color: #333333;
	font-size: 14px;
	padding: 0 0 10px 10px;
	}
#footer-info-sec3 dl dd{
	color: #333333;
	font-size: 12px;
	padding: 0 0 2px 10px;
	}
#footer-info-sec3 dl dd a{
	color: #3E5778;
	text-decoration: none;
	}
#footer-info-sec3 dl dd a:hover{
	color: #5378A2;
	text-decoration: underline;
	}

#footer-info-sec4 {
	max-width: 240px;
	min-width: 24.5%;
	float: left;
	}
#footer-info-sec4 p {
	margin: 30px 0 0 0;
	text-align: center;
	}
#footer-info-sec4 dl {
	margin: 30px 0 0 0;
	}
#footer-info-sec4 dl dt {
	color: #333333;
	font-size: 14px;
	padding: 0 0 10px 10px;
	}
#footer-info-sec4 dl dd {
	color: #333333;
	font-size: 12px;
	padding: 0 0 2px 10px;
	}
#footer-info-sec4 dl dd a {
	color: #3E5778;
	text-decoration: none;
	}
#footer-info-sec4 dl dd a:hover {
	color: #5378A2;
	text-decoration: underline;
	}


#footer-copyright{
	max-width: 1000px;
	margin: 0 auto;
	}
#footer-copyright p{
	text-align: center;
	color: #666666;
	font-size: 12px;
	padding: 20px 0 20px 0;
	}



/****************************************

	グローバルナビ

*****************************************/
#gnavi{
	clear: both;
	background-image: url("images/common/bg_navi_01.gif");
	background-repeat: repeat;
	background-position: top left;
	text-align: center;
	}
#gnavi ul{
	width: 1002px;
	max-width: 100%;
	margin: 0 auto;
	font-size: 0;
	}
#gnavi ul li{
	display: inline;
	}



/****************************************

	メインビジュアル

*****************************************/
#mainvisual{
	margin-bottom: 14px;
	background-image: url("images/common/bg_mainvisual_01.gif");
	background-repeat: repeat-x;
	background-position: top left;
	}
#mainvisual-inner{
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 5px;
	}
#mainvisual-inner ul{
	}

#subvisual{
	margin-bottom: 35px;
	background-image: url("images/common/bg_mainvisual_02.gif");
	background-repeat: repeat-x;
	background-position: top right;
	height: 145px;
	/*min-width: 1000px; *//* 東内：iPhone背景リピート問題に対処する追加行 */
	}
#subvisual-inner{
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_03.jpg");
	}
#subvisual-inner h1{
	background-image: url("images/common/bg_mainvisual_03.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}
#subvisual-inner{
	max-width: 1000px;
	margin: 0 auto;
	}

/* ガーデン　の サブビジュアル（東内） */
#subvisual-inner_garden {
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_03.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
#subvisual-inner_garden h1{
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}

/* ローズヒップ　の サブビジュアル（東内） */
#subvisual-inner_rosehip {
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_02_rosehip.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
#subvisual-inner_rosehip h1{
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}
/* プランツの サブビジュアル（東内） */
#subvisual-inner_plants {
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_03_pl.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
#subvisual-inner_plants h1{
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}
/* カラーリーフガーデンの サブビジュアル（東内） */
#subvisual-inner_colorreaf {
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_04_garden.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
#subvisual-inner_colorreaf h1{
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}


/* 重曹トロナ　の サブビジュアル（東内） */
#subvisual-inner_trona {
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_03_trona.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
#subvisual-inner_trona h1{
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}
/* 会社概要　の サブビジュアル（東内） */
#subvisual-inner_company {
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_03_company.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
#subvisual-inner_company h1{
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}
/* 屋上緑化　の サブビジュアル（東内） */
#subvisual-inner_grass {
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_05_grass.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
#subvisual-inner_grass h1{
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}
/* 問い合わせ　の サブビジュアル（東内） */
#subvisual-inner_contact {
	max-width: 1000px;
	margin: 0 auto;
	background-image: url("images/common/bg_mainvisual_03_contact.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	}
#subvisual-inner_contact h1{
	max-width: 1000px;
	height: 140px;
	font-size: 20px;
	color: #001F3F;
	padding-left: 28px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	}

/****************************************

	テンプレート [ page ]

*****************************************/
#page-template{
	max-width: 1000px;
	margin: 0 auto 40px auto;
	}


#temp-side{
	width: 240px;
	float: left;
	}

#temp-sidenavi ul {
	font-size: 14px;
	margin-bottom: 14px;
	padding-bottom: 6px;
	background-image: url("images/common/prt_sidenavi_01.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#temp-sidenavi ul li {
	background-image: url("images/common/prt_sidenavi_02.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	}
#temp-sidenavi ul li:last-child {
	background-image: none;
	padding-bottom: 0;
	}

#temp-sidenavi ul li a {
	background-color: #DCE2E8;
	background-image: url("images/common/arrow_sidenavi_01.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #001F3F;
	display: block;
	padding: 15px 10px 15px 30px;
	text-decoration: none;
	}
#temp-sidenavi ul li a:hover {
	background-color: #8FACCB;
	background-image: url("images/common/arrow_sidenavi_02.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	}


#temp-sidebnr ul {
	}
#temp-sidebnr ul li {
	margin-bottom: 10px;
	}



#temp-contents{
	width: 100%;
	max-width: 720px;
	float: right;
	}

#temp-contents p{
	color: #333333;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 15px 20px 15px;
	}

#temp-contents h2{
	margin: 0 0 15px 0;
	background-image: url("images/common/bg_h2_contents_01.gif");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 100%;
	max-width: 720px;
	font-size: 16px;
	line-height: 40px;
	padding-left: 16px;
	color: #333333;
	font-weight: normal;
	}
#temp-contents h2 a{
	text-decoration: none;
	}
#temp-contents h2 a:hover{
	color: #333333;
	text-decoration: underline;
	}

#temp-contents h3{
	padding: 10px 0 10px 5px;
	margin: 0 0 12px 10px;
	background-image: url("images/common/bg_h3_contents_01.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	max-width: 710px;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	}
#temp-contents h4 {
	margin: 0 0 12px 15px;
	color: #001040;
	font-size: 14px;
	}
/* この２つの ID + リストへのCSS はこのままでは適用しづらいので、クラス名を外した（東内）
#temp-contents ul.temp-list01 {
	font-size: 14px;
	color: #001040;
	margin: 0 15px 20px 15px;
	}
#temp-contents ul.temp-list01 li {
	background-image: url("images/common/prt_list_01.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-bottom: 5px;
	}
外したのはココマデ（東内） */

 /* 全リストに適用されるように （東内） */
#temp-contents ul {
	font-size: 14px;
	color: #001040;
	margin: 0 15px 20px 15px;
	}
#temp-contents ul li {
	background-image: url("images/common/prt_list_01.gif");
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
	margin-bottom: 5px;
	}
 /* 全リストに適用されるように　ココマデ （東内） */

#temp-contents table {
	margin: 0 15px 20px 15px;
	border-collapse:collapse;
	}
#temp-contents table th {
	background-color: #8CADCC;
	padding: 9px;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: normal;
	}
#temp-contents table td {
	background-color: #FFFFFF;
	padding: 9px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	}

#temp-contents .news-postbox{
	text-align: right;
	margin: 0 0 15px 0;
	color: #333333;
	font-size: 14px;
	line-height: 140%;
	}



/****************************************

	トップページ

*****************************************/
#top-contents{
	max-width: 720px;
	float: right;
	}

#top-banner{
	max-width: 1000px;
	margin: 0 auto 18px auto;
	}
#top-banner ul{
	text-align: center;
	font-size: 20px;
	}
#top-banner ul li{
	display: inline;
	}
#top-banner ul li#banner01{
	}
#top-banner ul li#banner02{
	}
#top-banner ul li#banner03{
	}
#top-banner ul li#banner04{ /* オクシバくんバナー用（東内） */
	}


#top-banner2{
	max-width: 720px;
	margin: 0 auto 20px auto;
	}


#top-banner3{
	max-width: 1000px;
	margin: 0 auto 28px auto;
	}
#top-banner3 ul{
	}
#top-banner3 ul li{
	float: left;
	}
#top-banner3 ul li#banner01{
	margin-right: 7px;
	}
#top-banner3 ul li#banner02{
	margin-right: 7px;
	}
#top-banner3 ul li#banner03{
	}
#top-banner3 ul li#banner04{ /*オクシバくんバナー（東内）*/
	margin-right: 7px;
	}


#top-section1{
	max-width: 720px;
	margin: 0 auto 20px auto;
	}

#top-news{
	max-width: 470px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	}
#top-news h2{
	margin-bottom: 5px;
	}
#top-news dl{
	font-size: 12px;
	}
#top-news dt{
	float: left;
	width: 110px;
	padding-top: 12px;
	text-indent: 18px;
	background-image: url("images/top/arrow_sidenavi_01.gif");
	background-position: 5px 15px;
	background-repeat: no-repeat;
	}
#top-news dd{
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-left: 110px;
	}
#top-news a:link {
	color: #0066FF;
	text-decoration: underline;
	}
#top-news a:visited {
	color: #0066FF;
	text-decoration: underline;
	}
#top-news a:hover {
	color: #64A6FF;
	text-decoration: none;
	}


#top-blog{
	width: 230px;
	float: left;
	}
#top-blog h2{
	margin-bottom: 5px;
	}
#top-blog dl{
	font-size: 12px;
	}
#top-blog dt{
	padding-top: 10px;
	text-indent: 18px;
	background-image: url("images/top/arrow_sidenavi_02.gif");
	background-position: 5px 15px;
	background-repeat: no-repeat;
	}
#top-blog dd{
	padding: 3px 10px 5px 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}
#top-blog a:link {
	color: #7F5136;
	text-decoration: underline;
	}
#top-blog a:visited {
	color: #7F5136;
	text-decoration: underline;
	}
#top-blog a:hover {
	color: #AE704A;
	text-decoration: none;
	}

/* 東内定義ぶん */
.aligncenter {
	display:block;
	margin:8px auto;
}

.alignleft {
	float:left;
	margin:0px 8px 5px 0px;
}

.alignright {
	float:right;
	margin:0px 0px 5px 8px;
}
#temp-contents ul {
	list-style-type: disc;
	margin-left: 30px;
	margin-bottom: 18px;
}
#temp-contents ul li {
	margin-top: 4px;
}
#temp-contents ol {
	font-size: 14px;
	color: #001040;
	margin: 0 15px 20px 40px;
}
#temp-contents ol li {
	list-style-type: decimal;
	font-size: 14px;
	margin: 0 15px 10px 30px;
}
#temp-contents h5 {
	margin: 0 0 12px 15px;
}

#temp-contents table.no-space {
	border-collapse: collapse;
	padding: 5px 0px 8px 0px;
}
#temp-contents td.no-space {
	padding: 0px;
}

/* 問い合わせフォーム の見た目を整える（東内） */

div#trust-form.contact-form table {
	width: 85%;
}
div#trust-form.contact-form table th {
	width: 150px;
}
/*
input[type="text"] {
	width: 95%;
}
textarea {
	width: 95%;
	height: 15em;
}
*/
input[type="submit"] {
	width:100px;
}
#trust-form ul li {
	background-image: none;
}

/* 問い合わせフォーム の見た目を整える ココマデ */

/* メニュー用テーブル 東内 */

#temp-contents table.rhmenu {
	max-width: 690px;
	border-collapse: collapse;
	text-align: center;
	margin: 32px 15px 48px 15px;
	padding: 20px 0px 48px 0px;
	text-align: center;
}

#temp-contents table.rhmenu th,
#temp-contents table.rhmenu td {
	padding: 18px 10px;
	border-left: none;
	border-right: none;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	background-color: #fff;
	list-style-type: none;
	background-image: none;
	vertical-align: middle;
}
#temp-contents table.rhmenu th {
	color: #333333;
	background-color: #f8f8f8;
}
#temp-contents table.rhmenu td {
	width: 140px;
	text-align: right;
	vertical-align: middle;
}

/* メニュー用テーブル ここまで 東内 */

/* フロートクリア用　東内 */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

/* プランツ用・Table内のH5タグに装飾を */

#temp-contents table h5 {
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
#temp-contents table h4 {
	font-weight: bold;
	margin: 0 0 0 0;
	background-color: #EAE6DB;
	padding: 0.5em 0.3em;
}

/* 野中追加分 */
table p {
	margin:0 !important;
	padding:0 !important;
}

/* サイドメニューの 多重リストずらし */
#temp-sidenavi ul ul {
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: none;
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#temp-sidenavi ul ul li {
	/* background-image: url("images/common/prt_sidenavi_02.gif"); */
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	}
#temp-sidenavi ul ul li a {
	text-indent: 1em;
	background-image: url("images/common/arrow_sidenavi_01_sub.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #001F3F;
	display: block;
	padding: 8px 10px 8px 30px;
	text-decoration: none;
	}
#temp-sidenavi ul ul li a:hover {
	text-indent: 1em;
	background-color: #8FACCB;
	background-image: url("images/common/arrow_sidenavi_02_sub.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	}
/* 枠線がないtable用クラス“no-border”*/
#temp-contents table.no-border,
#temp-contents table.no-border tr,
#temp-contents table.no-border td {
	border-style: none;
	border: none;
	padding:0;
	margin:0;
}

/* オクシバくんの価格表 */
#temp-contents table.okushiba-kakaku {
	border: 1px solid #888;
}
#temp-contents table.okushiba-kakaku th,
#temp-contents table.okushiba-kakaku td {
	border-bottom: 1px solid #aaa;
	border-right: 1px dotted #aaa;
	padding: 6px 2px 6px 2px;
	margin-bottom: -1px;
	/*text-align: center;*/
}
#temp-contents table.okushiba-kakaku th {
	background-color: #8CADCC;
	color: #FFFFFF;
	font-weight: normal;
	width: 70px;
}

/* オクシバくんの 4つの特長を大きくする */
#temp-contents ul.grass2-tokutyo li {
	font-size: 22px;
	line-height: 1.9em;
}

/* オクシバくんの一問一答コーナー */
.okushiba-faq {
	padding: 2% 2% 2% 0;
	margin-left:12px;
	margin-right: 12px;
	margin-bottom: 24px;
	background-color: #f6f6f6;
	border-bottom: #ddd 1px solid;
	box-shadow: 0 0px 5px rgba(0,0,0,.15);
}
#temp-contents .okushiba-faq p.question {
	font-size: 16px;
	color: #0B395F;
	font-weight: bold;
	padding-bottom: 1em;
	border-bottom: 1px dotted #999;
}
#temp-contents .okushiba-faq p.answer1 {
	font-size: 16px;
	color: #EF810F;
	font-weight: bold;
}
/* オクシバくんの価格表Tableを見やすく */

#temp-contents .okushiba-price {
	width: 95% !important;
	font-size: 12px;
}
/* オクシバくんの施工手順 */
#temp-contents .plus_tejun_01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #194085;
	padding: 0.7em;
	margin-bottom: 0.85em;
}
#temp-contents .plus_tejun_01 p {
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-size: 15px;
}
#temp-contents .plus_tejun_01.single p {
	width: 50%;
	box-sizing: border-box;
}
#temp-contents .plus_tejun_01.single p:last-child {
	padding-left: 0.7em;
}
#temp-contents .plus_tejun_01.quad p {
	width: 24.6%;
}
#temp-contents .plus_tejun_01.quad p:nth-child(5) {
	width: 100%;
	padding-top: 0.7em;
}
#temp-contents .plus_tejun_01.double p {
	width: 32.5%;
}
#temp-contents .plus_tejun_01.triple p {
	width: 32.5%;
}
#temp-contents .plus_tejun_01.triple p:nth-child(4) {
	width: 100%;
	padding-top:0.7em;
}
@media screen and (max-width: 480px) {
	#temp-contents .plus_tejun_01.quad p {
		width: 49%;
		margin-bottom: 8px;
	}
	#temp-contents .plus_tejun_01.double p {
		width: 49%;
		margin-bottom: 8px;
	}
	#temp-contents .plus_tejun_01.double p:last-child {
		width: 100%;
		padding-top:0.7em;
	}
	#temp-contents .plus_tejun_01.triple p {
		width: 49%;
		margin-bottom: 8px;
	}
	#temp-contents .plus_tejun_01.triple p:nth-child(4) {
		padding-top: 0em;
		width: 49%;
	}
} /* レスポンシブ（施工手順） */


/* オクシバくんプラスの新登場感を演出 */
#temp-contents h2.new-arrival {
	position: relative;
	padding: 0.6em;
	background-image: none;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	border-radius: 7px;
	font-size: 28px;
	color: #e30000;
	font-weight: 700;
}
#temp-contents h2.new-arrival:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #ffebbe;
	width: 0;
	height: 0;
}
#temp-contents h2.new-arrival span {
	color: #ffffff;
	background-color: #e30000;
	padding: 0.2em;
	font-size: 20px;
	margin-right: 0.5em;
}


/* テーブルの中の写真幅を揃える */
#temp-contents table td img {
	max-width: 100%;
}

/* PLANTS セミナーのタイトルをもう少しタイトルらしく */
.seminar-course {
	background-color: #EAE6DB;
	padding: 0.4em;
	border-left: 2px solid #001040;
}

/* ネットショップへのボタン */
.go-shop {
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	padding: 1em 4em 1em 4em;
	border-radius: 99px;
		-moz-border-radius: 99px;
		-webkit-border-radius: 99px;
	box-shadow: 0px 0px 9px #555;
		-moz-box-shadow: 0px 0px 9px #555;
		-webkit-box-shadow: 0px 0px 9px #555;
	border: 2px solid #4DA05E;
	color: #4DA05E;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
.go-shop:hover {
	box-shadow: 0px 0px 12px #555;
		-moz-box-shadow: 0px 0px 12px #555;
		-webkit-box-shadow: 0px 0px 12px #555;
	border: 2px solid #4DA05E;
	color: #fff;
	font-size: 1.3em;
	background-color: #4DA05E;
	transition: all 0.3s;
}


/* ローズヒップ、プランツ用の投稿一覧表示用 */
#under-page-news{margin: 0 15px 20px 15px;}
#under-page-news dl{font-size: 12px;}
#under-page-news dt{
  float: left;
  width: 110px;
  padding-top: 12px;
  text-indent: 18px;
  background-image: url("images/top/arrow_sidenavi_01.gif");
  background-position: 5px 15px;
  background-repeat: no-repeat;
  }
#under-page-news dd{
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  padding-left: 110px;
  }
#under-page-news a:link {
  color: #0066FF;
  text-decoration: underline;
  }
#under-page-news a:visited {
  color: #0066FF;
  text-decoration: underline;
  }
#under-page-news a:hover {
  color: #64A6FF;
  text-decoration: none;
  }



/* レスポンシブ */
img {
	max-width: 100%;
	height: auto;
}

#temp-contents iframe {
	width: 100%;
}

#temp-contents table {
	width: 90% !important;
}

#post-1265 table td,
#post-1265 table th,
#post-1659 table td,
#post-1659 table th {
	max-width : 33% !important;
}

#temp-contents .list-inline {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
#temp-contents .list-inline > li {
	padding: 0;
	display: inline-block;
	border: 1px solid #cccccc;
	background: none;
	width: 234px;
	vertical-align: top;
}

#temp-contents .list-inline dd {
	border-bottom: 1px solid #cccccc;
}

#temp-contents .list-inline dt {
	padding: 10px;
	height: 20px;
}

#temp-contents .list-inline img {
	padding: 10px;
}

#post-1659 .list-inline dt {
	background-color: #8CADCC;
	color: #ffffff;
	height: 40px;
}

#post-892 .list-inline dt,
#post-11  .list-inline dt {
	height: 40px;
}

div#trust-form.contact-form table th {
	background-color: #8CADCC !important;
/*	width: 100% !important; */
}

@media screen and (max-width: 920px) {
#gnavi .nav-to-home {
	display: none;
}

}

@media screen and (max-width: 480px) {
#header-contact ul.contact{
	font-size: 0;
}

div#trust-form.contact-form table th,
div#trust-form.contact-form table td,
#trust-form td {
	display:block;
	width: 100%;
}

#post-1999 td,
#post-889 td,
#post-889 th {
	display:block;
	width: 95%;
}

div#trust-form.contact-form table th {
	background-color: #8CADCC;
}

#trust-form select {
	max-width: 350px !important;
}

#post-14 td {
	font-size: 11px;
}
}

@media screen and (max-width: 320px) {
div#trust-form select,
div#trust-form.contact-form input[type="text"],
div#trust-form.contact-form textarea {
	max-width: 250px !important;
}

}

/**** プランツの修正（2017年12月・東内） ****/
#temp-contents p.vm-menu {
	background-color: #f3f3ec;
	padding: 0.3em;
	font-weight: 800;
	border-left: 2px #81a3c5 solid;
}
#temp-contents p.kakomi {
	background-color: #f3f3ec;
	padding: 0.6em;
	font-weight: 300;
	border: 1px #81a3c5 dotted;
}
/**** 屋上緑化（オクシバくん・2020年9〜10月　東内） ****/
.product_box {
	background-color: #EBF1DE;
	padding: 15px;
	margin-left: 10px;
}
.plus {
	background-color: #EAF8FF;
}
#temp-contents .product_box p.box_photo {
	float: left;
	margin: 0 1em 0 0;
}
#temp-contents .product_box p.box_photo img {
	max-width: 247px;
}
.four {
	display: flex;
	align-items: center;
}
#temp-contents .four p {
	margin-bottom: 0px;
}
#temp-contents .four p:nth-child(1) {
	flex-basis: 26em;
}
#temp-contents .product_box ul, #temp-contents .product_box p.right {
	display: block;
	float: right;
	width: 372px;
}
#temp-contents div.product_box.plus.four.only_text p {
	flex-basis: 100%;
}
#temp-contents .product_box table {
	max-width: 390px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#temp-contents .case_list ul li {
	background-image: none !important;
	padding: 0 !important;
	float: left;
	margin: 0 40px 40px 0;
	width: 325px;
}
#temp-contents .case_list ul li:nth-child(even) {
	margin-right: 0px
}
.product_box.mb30 {
	margin-bottom: 2em;
}
#temp-contents .case_list ul {
	margin-left:15px;
}
#temp-contents .three {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#temp-contents .three p {
	width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 1em;
	font-size: 13px;
}
#temp-contents .three p.text-only {
	font-size: 13px;
}
#temp-contents .three p.text-only br {
	display: block;
	content: "";
	margin: 16px 0;
}
.balloon1-left {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #e0edff;
	box-sizing: border-box;
}
.balloon1-left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #e0edff;
}
.balloon1-left p {
	margin: 0;
	padding: 0;
}
.su-spoiler-title {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
	border: 1px solid #113b64;
}
.su-spoiler-icon {
	top: 18px !important;
	font-size: 18px !important;
	color: #000066 !important;
	left: 3px !important;
}
.accordion .su-spoiler-title {
	font-size: 18px;
	line-height: 1.35em;
	background-color: #e0edff;
	font-weight: 400;
}
.accordion .su-spoiler-content {
	padding-left: 5px !important;
	border: 1px solid #113b64;
}
@media screen and (max-width: 480px) {
#header-logo, #header-contact {
	float:none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#header-contact ul.contact {
	text-align: center;
}
#header-inner {
	padding-top: 25px;	
}
#header-logo h1 {
	margin-top: 0;
}
#temp-contents .product_box {
	margin-right: 10px;
}
#temp-contents .product_box ul, #temp-contents .product_box p.right {
	width: auto;
}
#temp-contents .product_box p.box_photo {
	float: none;
	margin: 0 auto 0 auto;
	text-align: center;
}
#temp-contents .product_box p {
	width: auto !important;
	float: none;
	width: auto;
}
.ryokuka-hojokin {
	width: auto !important;
	margin-right: 15px;
}
.four {
	display: block;
	align-items: center;
}
#temp-contents .four p:nth-child(1) {
	margin-bottom: 1em;
}
div.wp-caption.alignright {
	float: none;
	display: block;
	width: 95% !important;
}
div.wp-caption.alignright img {
	margin-left: auto;
	margin-right: auto;
}
.balloon1-left {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
}
.balloon1-left:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	margin-top: 0;
	border: 15px solid transparent;
	border-bottom: 15px solid #e0edff;
}
.balloon1-left p {
	margin: 0;
	padding: 0;
}
#temp-contents div.three p.text-only.balloon1-left {
	width: 100%;
	box-sizing: border-box;
}
#temp-contents .three p.text-only br {
	margin: 6px 0;
}
.question .alignright, .wp-image-4411.alignleft {
	float: none;
	width: 100%;
}
	.su-spoiler {
		margin: 0 15px 20px 15px;
	}
	.control p img {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

} /* レスポンシブ（オクシバくん） */

/* 生産とメンテナンス */
#temp-contents table.maintenance tr td:first-child {
	width: 230px;
}
@media screen and (max-width: 480px) {
#temp-contents table.maintenance tr td:first-child {
	width: 95%;
}
} /* レスポンシブ（生産とメンテナンス） */

/* 事例集ページのTable要素 */
#temp-contents .example_table {
	width: 100%;
	border-collapse: collapse;
}
#temp-contents .example_table hr {
	border-width: 1px 0px 0px 0px;
	border-style: dashed;
	border-color: #777777;
	height: 1px;
}
#temp-contents .example_table tr:nth-child(1) td:nth-child(1) {
	background-color: #469254;
	text-align: center;
}
#temp-contents .example_table tr:nth-child(1) td:nth-child(1) p {
	color: #ffffff !important;
}
#temp-contents .example_table tr:nth-child(1) td:nth-child(2) {
	background-color: #eaf8ff;
	text-align: center;
}
#temp-contents .example_table tr:nth-child(1) td:nth-child(2) p {
	color: #333333;
}
#temp-contents .example_table tr td:first-child {
	width: 50%;
}

@media screen and (max-width: 480px) {
#temp-contents table {
/*	width: auto !important; */
	margin-left: auto;
	margin-right: auto;
}
#temp-contents .example_table tr {
	width: auto;
}
#temp-contents .example_table tr td:first-child {
	width: auto;
	box-sizing: border-box;
}
#temp-contents .example_table tr:nth-child(1) td:nth-child(2) {
	width: auto;
	box-sizing: border-box;
}

} /* レスポンシブ：事例集 */

/* 写真用キャプション */
#temp-contents p.wp-caption-text {
	font-size:12px;
	text-align:center;
}
/* サブビジュアルの文字幅問題を修正 */
#subvisual-inner h1, #subvisual-inner_rosehip h1, #subvisual-inner_plants h1 {
	max-width: 530px;
}

/* オクシバくんのお問い合わせフォームへ飛ばすボタン */
.go-contact {
	padding: 0.5em 3em;
	background-color: #113b64;
	border-radius: 5px;
		-webkit-border-radius: 5px;
	border: 1px solid #113b64;
	color: #ffffff;
	transition: all 0.3s;
	text-decoration: none;
	font-size: 18px;
	display: block;
}
.go-contact:hover {
	background-color: #ffffff;
	color: #113b64;
	transition: all 0.3s;
}

/* トップページの新着情報 */
#news {
	margin-bottom: 1em;
}
#news dt {
	width: 140px;
	float: left;
	padding: 5px 0 4px 0;
	border-bottom: 1px dotted #555;
}
#news dd {
	width: 530px;
	float: left;
	padding: 5px 0 4px 0;
	border-bottom: 1px dotted #555;
}
#news dd a {
	text-decoration: none;
}
#btn {
	text-align: right;
	font-size: 13px;
}
#btn a {
	text-decoration: none;
}


/* お問い合わせフォーム */
.require {
	color: #c30000;
}

.wpcf7 p {
	padding: 0.7em 0 0.7em 0;
/*	border-bottom: dotted 1px #555; */
}
span.wpcf7-list-item {
	display: block;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
	padding:0.5em;
	box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15);
	background:#FCFCFC;
	border:#999 1px solid;
	color:#222;
	font-size:14px;
	max-width: 100%;
	margin-left: 3px;
	margin-right: 3px;
	box-sizing: border-box;
}
input[type=submit],
input[type=reset],
input[type=button] {
	padding:4px 15px;
	border-radius:20px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border:#bbb 1px solid;
	color:#444;
	font-size:13px;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}
.wpcf7-not-valid-tip {
	color: #BE0000
}