@charset "UTF-8";

@import url("common.css");

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

 コンテンツページのスタイル

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

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtBold {
	font-weight: bold;
}
.txtSmall {
   font-size: 11px;
   letter-spacing: 0em;}
.img03 {
   margin-bottom: 3px;}
.img10 {
   margin-bottom: 10px;}
.img15 {
   margin-bottom: 15px;}
.img20 {
   margin-bottom: 20px;}
.img25 {
   margin-bottom: 25px;}
.img30 {
   margin-bottom: 30px;}
.img40 {
   margin-bottom: 40px;}
.img05 {
   margin-bottom: 5px;}
.img70 {
   margin-bottom: 70px;}

.lh200 {
   line-height: 200%;}


/* --------------------------------------------------------------------------------------
 TOPページ
--------------------------------------------------------------------------------------- */
div#top_info {
   width: 900px;
   height: 100px;
   padding-top: 10px;
   background-color: #efefef;
   margin-bottom: 28px;}

#information {
   margin: 0px 0px 0px 12px;
   float: left;
   background: url(../img/top_07.gif) top left no-repeat;
   height: 76px;
   width: 660px;}
#information iframe {
	margin: 0px 0px 0px 120px;
}
ul#information li {
   width: 530px;
   margin: 0px 0px 5px 110px;}

div#top_info .bunner {
   float: right;
   margin-right: 10px;}

div#top_left {
   width: 680px;
   background: url(../img/top_18-05.gif) top left no-repeat;
   padding: 70px 0px 0px 0px;
   float: left;}

div#top_left h1 {
   text-indent: -999em;
   height: 0px;}


/* --------------------------------------------------------------------------------------
 フッタメール
--------------------------------------------------------------------------------------- */
div#footmail {
   width: 900px;
   padding: 20px 0px;
   background-color: #efefef;
   margin-bottom: 45px;
	/*\*/overflow: hidden;/**/}
* html div#footmail {
   height: 165px;}

div#footmail #Fleft {
   width: 620px;
   float: left;
   margin-left: 30px;
   line-height: 180%;
   letter-spacing: 0em;
   }
* html div#footmail #Fleft {
   margin-left: 14px;}

div#footmail #Fleft h2 {
   font-weight: bold;}

div#footmail #Fright {
   float: right;
   margin-right: 20px;}

* html div#footmail #Fright {
   margin-right: 10px;}


/* --------------------------------------------------------------------------------------
 お庭管理・害虫駆除・剪定
--------------------------------------------------------------------------------------- */
div#manage_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../management-garden/img/title.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#manage_left h1 {
   text-indent: -999em;
   height: 0px;}

div#manage01 {
   width: 680px;
   background-color: #e7e7e7;
   text-align: center;
   padding-top: 30px;
   padding-bottom: 40px;}

div#manage01 p {
   width: 680px;
   line-height: 220%;}

div#manage02 {
   width: 680px;
   margin-bottom: 30px;
   background: url(../../management-garden/img/manage02.gif) top left repeat-y;}

div#manage_year {
   width: 300px;
   margin-left: 20px;
   float: left;}
* html div#manage_year {
   margin-left: 10px;}

div#manage_year h3 {
   padding-top: 18px;
   font-size: 14px;
   margin-bottom: 18px;
   width: 300px;
   text-align: center;
   color: #FFFFFF;
   font-weight: bold;}

ul#manage_naiyo {
   width: 300px;
   margin-bottom: 20px;
   padding: 7px 0px;
   background: url(../../management-garden/img/naiyo.gif) top left no-repeat #7cbc05;}
   
ul#manage_naiyo li {
   color: #000000;
   margin: 0px 0px 7px 55px;}

div#manage_sho {
   width: 335px;
   float: right;
   text-align: center;
   font-size: 14px;
   color: #375500;
   font-weight: bold;
   padding-top: 75px;}

div#manage03 {
   width: 680px;}

div#manage03 img {
   float: left;}

div#manage03 .manageright {
   width: 435px;
   float: right;}

div#manage03 .manageright h4 {
   font-weight: bold;
   margin-bottom: 22px;}

div#manage03 .manageright span {
   color: #fa7575;
   font-size: 10px;}



/* --------------------------------------------------------------------------------------
 FAQ
--------------------------------------------------------------------------------------- */
div#faq_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../faq/img/faq.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#faq_left h1 {
   text-indent: -999em;
   height: 0px;}

ul#faq {
   margin-bottom: 35px;}

ul#faq li {
   width: 680px;}

ul#faq li.midashi h2 {
   color: #fa7575;
   font-size: 10px;
   margin-bottom: 15px;} 

ul#faq li.faqf {
   border: 1px solid #cdcdcd;
   padding: 20px 0px;
   background: url(../../faq/img/q.gif) top left no-repeat;}

ul#faq li.faqf p {
   margin-left: 53px;}

ul#faq li.faqa {
   border: 1px solid #cdcdcd;
   border-top: none;
   padding: 20px 0px;
   background-color: #f9f9f9;
   margin-bottom: 35px;}

ul#faq li.faqa p {
   margin-left: 27px;
   width: 620px;}


/* --------------------------------------------------------------------------------------
 会社概要
--------------------------------------------------------------------------------------- */
div#com_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../company/img/title.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#com_left h1 {
   text-indent: -999em;
   height: 0px;}

div#greetph {
   width: 680px;
   margin-bottom: 32px;}
div#greetph img {
   float: left;
   margin: 0px 0px 1px 0px;}
div#greetph img.left {
   margin: 0px 1px 1px 0px;}
   
* html div#greetph img.left {
   margin: 0px 0px 1px 0px;
   border-right: 1px solid #FFFFFF;}

ul#greet {
   margin-bottom: 85px;}

ul#greet li {
   width: 680px;}

ul#greet li.midashi {
   background: url(../../company/img/mes06.gif) top left repeat-x;
   height: 124px;
   text-align: center;
   margin-bottom: 15px;}

ul#greet li.gr_title h4 {
   font-weight: bold;
   margin-bottom: 15px;
   color: #3a3a3a;}

ul#greet li.gr {
   padding: 20px 0px;
   background-color: #f2f2f2;
   margin-bottom: 43px;}

ul#greet li.gr p {
   width: 635px;
   margin-left: 20px;}

ul#sum {
   margin-bottom: 40px;
   border: 1px solid #cdcdcd;
   width: 680px;}

ul#sum li {
   width: 680px;
   float: left;}

ul#sum li.su01 {
   padding: 20px 0px;
   border-bottom: 1px solid #cdcdcd;}

ul#sum li.su01 p.su_left {
   margin-left: 33px;
   width: 120px;
   float: left;}
* html ul#sum li.su01 p.su_left {
   margin-left: 16px;}

ul#sum li.su01 p.su_right {
   width: 515px;
   float: right;}

ul#sum li.su02 {  
   background-color: #f8f8f8;
   border-bottom: 1px solid #cdcdcd;
   padding: 20px 0px;}

ul#sum li.su02 p.su_left {
   margin-left: 33px;
   width: 120px;
   float: left;}
* html ul#sum li.su02 p.su_left {
   margin-left: 16px;}

ul#sum li.su02 p.su_right {
   width: 515px;
   float: right;}

ul#sum li.su03 {
   border-bottom: none;
   background-color: #f8f8f8;
   padding: 20px 0px;}

ul#sum li.su03 p.su_left {
   margin-left: 33px;
   width: 120px;
   float: left;}
* html ul#sum li.su03 p.su_left {
   margin-left: 16px;}

ul#sum li.su03 p.su_right {
   width: 515px;
   float: right;}

div#googlemap {
   height: 300px;
   border: 1px solid #cdcdcd;
   width: 680px;
   margin-bottom: 50px;}

div#recruit {
   width: 680px;
   margin-bottom: 45px;}

div#recruit #recLeft {
   float: left;
   width: 250px;}

div#recruit ul#recRight {
   float: right;
   width: 415px;
   border: 1px solid #cdcdcd;
   border-bottom: none;}

div#recruit ul#recRight li {
   width: 415px;
   background: url(../../company/img/back.gif) top left repeat-y;
   padding: 20px 0px;
   border-bottom: 1px solid #cdcdcd;
   float: left;}

div#recruit ul#recRight li p.recl {
   margin-left: 27px;
   float: left;
   font-size: 10px;
   width: 60px;}
* html div#recruit ul#recRight li p.recl {
   margin-left: 13px;}

div#recruit ul#recRight li p.recr {
   width: 265px;
   float: right;}
 

/* --------------------------------------------------------------------------------------
 ナチュラル庭園
--------------------------------------------------------------------------------------- */
div#natural_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../natural-garden/img/title.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#natural_left h1 {
   text-indent: -999em;
   height: 0px;}

.natu_bird {
   position: absolute;
   top: 380px;
   left: -105px;}

* html .natu_bird {
   margin-left: 0px;
   top: 400px;
   zoom: 1;
   }

.natu_deer {
   position: absolute;
   top: 1600px;
   left: 640px;}

* html .natu_deer {
   margin-left: 0px;
   top: 1470px;
   zoom: 1;
   }

div#natural_left h2 {
   margin-bottom: 22px;
   font-weight: bold;
   font-size: 14px;}

div#naturalph {
   width: 680px;
   margin-bottom: 30px;}

div#naturalph img {
   margin-bottom: 1px;
   float: left;}

div#naturalph img.left {
   margin-right: 1px;}

* html div#naturalph img.left {
   margin-right: 0px;
   border-right: 1px solid #FFFFFF;}

div#shopph img {
   margin-bottom: 1px;
   float: left;}

div#shopph img.left {
   margin-right: 1px;}

* html div#shopph img.left {
   margin-right: 0px;
   border-right: 1px solid #FFFFFF;}


/* --------------------------------------------------------------------------------------
   神社・仏閣
--------------------------------------------------------------------------------------- */
div#shinto_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../shinto-garden/img/title.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#shinto_left h1 {
   text-indent: -999em;
   height: 0px;}

.shinto_fuji {
   position: absolute;
   top: 340px;
   left: -180px;}

* html .shinto_fuji {
   margin-left: 0px;
   top: 365px;
   zoom: 1;
   }

.shinto_god1 {
   position: absolute;
   top: 1470px;
   left: 645px;}

* html .shinto_god1 {
   margin-left: 0px;
   top: 1490px;
   zoom: 1;
   }

.shinto_god2 {
   position: absolute;
   top: 1800px;
   left: -85px;}

* html .shinto_god2 {
   margin-left: 0px;
   top: 1825px;
   zoom: 1;
   }

div#shinto_left h2 {
   margin-bottom: 22px;
   font-weight: bold;
   font-size: 14px;}



/* --------------------------------------------------------------------------------------
   店舗庭園
--------------------------------------------------------------------------------------- */
div#shop_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../shop-garden/img/title.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#shop_left h1 {
   text-indent: -999em;
   height: 0px;}

.shop_bird {
   position: absolute;
   top: 195px;
   left: -190px;}

* html .shop_bird {
   margin-left: 0px;
   top: 215px;
   zoom: 1;
   }

.shop_god {
   position: absolute;
   top: 1205px;
   left: 635px;}

* html .shop_god {
   margin-left: 0px;
   top: 1200px;
   zoom: 1;
   }


div#shop_left h2 {
   margin-bottom: 22px;
   font-weight: bold;
   font-size: 14px;}

/* --------------------------------------------------------------------------------------
   和風庭園
--------------------------------------------------------------------------------------- */
div#jp_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../japanese-garden/img/title.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#jp_left h1 {
   text-indent: -999em;
   height: 0px;}

.jp_leaf {
   position: absolute;
   top: 160px;
   left: -60px;}

* html .jp_leaf {
   margin-left: 0px;
   top: 180px;
   zoom: 1;
   }

.jp_bird {
   position: absolute;
   top: 1250px;
   left: 530px;}

* html .jp_bird {
   margin-left: 0px;
   top: 1160px;
   zoom: 1;
   }

div#jp_left h2 {
   margin-bottom: 22px;
   font-weight: bold;
   font-size: 14px;}

/* --------------------------------------------------------------------------------------
   洋風庭園
--------------------------------------------------------------------------------------- */
div#west_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../western-garden/img/title.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#west_left h1 {
   text-indent: -999em;
   height: 0px;}

.west_leaf {
   position: absolute;
   top: 160px;
   left: -60px;}

* html .west_leaf {
   margin-left: 0px;
   top: 180px;
   zoom: 1;
   }

.west_bird {
   position: absolute;
   top: 1150px;
   left: 650px;}

* html .west_bird {
   margin-left: 0px;
   top: 1160px;
   zoom: 1;
   }

div#west_left h2 {
   margin-bottom: 22px;
   font-weight: bold;
   font-size: 14px;}


/* --------------------------------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------------------------------- */
div#contact_left {
   width: 680px;
   margin-top: 20px;
   background: url(../../contact/img/title.gif) top left no-repeat;
   padding: 80px 0px 0px 0px;
   float: left;}

div#contact_left h1 {
   text-indent: -999em;
   height: 0px;}

div#contact01 {
   width: 680px;
   background-color: #e7e7e7;
   border: 1px solid #c2c2c2;
   text-align: center;
   padding: 30px 0px 5px 0px;}

div#contact01 p {
   width: 680px;
   margin-bottom: 25px;}

div#contact_t_f {
   width: 640px;
   margin: 0px 0px 20px 20px;}
div#contact_t_f img.left {
   float: left;}
div#contact_t_f img.right {
   float: right;}

div#con_mi {
   margin-bottom: 15px;
   font-size: 10px;
   color: #fa7575;}


ul#con {
   margin-bottom: 20px;
   border: 1px solid #cdcdcd;
   width: 680px;}

ul#con li {
   width: 680px;
   float: left;}

ul#con li.su01 {
   padding: 20px 0px;
   border-bottom: 1px solid #cdcdcd;}

ul#con li.su01 p.su_left {
   margin-left: 33px;
   width: 120px;
   float: left;}
* html ul#con li.su01 p.su_left {
   margin-left: 16px;}

ul#con li.su01 p.su_right {
   width: 515px;
   float: right;}

ul#con li.su02 {  
   background-color: #f8f8f8;
   border-bottom: 1px solid #cdcdcd;
   padding: 20px 0px;}

ul#con li.su02 p.su_left {
   margin-left: 33px;
   width: 120px;
   float: left;}
* html ul#con li.su02 p.su_left {
   margin-left: 16px;}

ul#con li.su02 p.su_right {
   width: 515px;
   float: right;}

ul#con li.su03 {
   padding: 20px 0px;
   border-bottom: 1px solid #cdcdcd;}

ul#con li.su03 p.su_left {
   margin-left: 11px;
   width: 120px;
   float: left;}
ul#con li.su03 p.su_left span {
   color: #fa7575;}

ul#con li.su03 p.su_right {
   width: 515px;
   float: right;}

ul#con li.su04 {  
   background-color: #f8f8f8;
   border-bottom: 1px solid #cdcdcd;
   padding: 20px 0px;}

ul#con li.su04 p.su_left {
   margin-left: 11px;
   width: 120px;
   float: left;}

ul#con li.su04 p.su_left span {
   color: #fa7575;}

ul#con li.su04 p.su_right {
   width: 515px;
   float: right;}

ul#con li.su05 {
   border-bottom: none;
   background-color: #f8f8f8;
   padding: 20px 0px;}

ul#con li.su05 p.su_left {
   margin-left: 12px;
   width: 120px;
   float: left;}

ul#con li.su05 p.su_left span {
   color: #fa7575;}

ul#con li.su05 p.su_right {
   width: 515px;
   float: right;}

div#con_under {
   font-size: 10px;
   text-align: center;
   margin-bottom: 20px;}

div#con_form {
   text-align: center;
   margin-bottom: 100px;}
div#con_form input {
   margin-right: 20px;}



/* --------------------------------------------------------------------------------------
 プライバシーポリシー
--------------------------------------------------------------------------------------- */
.pp {
   width: 500px;
   text-align: left;
   margin-bottom: 10px;
   border-bottom: 1px solid #999999;}
.pp2 {
   width: 500px;
   text-align: left;
   margin-bottom: 30px;
   padding-bottom: 10px;}

/*-----------------------------------------------------*/

div#lightphoto {
	background-color:#f0f0f0;
	width:100%;
	clear:both;
	margin: -25px 0px 20px 0px;
	padding: 10px 0px;
	height: 70px;
	float:left;
	text-align:center;
}
div#lightphoto a{
	display: block;
	margin: 0px 5px;
	padding: 0px;
	width:100px;
	float:left;
	border: 1px solid #FFFFFF;	
}
div#lightphoto a:hover {
	border: 1px solid #fd4d4d;	
}

#topbox {
	width:50%;
	background-color:#e7e7e7;
	border: 1px solid #c4c3c3;
	padding: 10px;
	margin: 15px auto;
}
a.nolink {
	width: 200px;
	display: block;
	margin:10px;
	padding: 10px;
	text-decoration:none;
	background-color:#000000;
	color:#FFFFFF;
}
a.nolink:hover {
	background-color:#666666;
}
.takaimg {
	margin: -9px 0px 1px 0px;
}