@charset "utf-8";
/* CSS Document */

body {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size:16px;}
/*******共通***************************************************************/

.onlypc{}
.onlysp{ display:none;}

/* reset */
*{ margin:0;box-sizing:border-box;}
li{list-style:none;}
img { border:0px;}

/* float */
.left { float:left;}
.right { float:right;}
.clear { clear:both; height:0px; margin:0px; padding:0px;}
.clearfix:after {content: "";display: table;clear: both;}

/*-- font --*/
p{ font-size:16px; line-height:24px;}

/* 注記 */
ul.chuki{ padding:5px; margin-left:1em;}
ul.chuki li{ text-indent:-1em; margin-left:1em; padding-bottom:5px; text-align:left;}
p.chuki{ text-indent:-1em; margin-left:1em; padding-bottom:5px; text-align:left;}

/*-- list --*/
ul.defult { list-style:disc; padding-left:5px; margin-left:20px; }
ul.defult li { padding-bottom:3px;}

/*-- table --*/
table { border-style:solid; border-width:1px; border-color:#acacac; border-collapse:collapse; margin:10px 10px 4px 10px; padding:0px;border-box:content-box;}
table p { margin:8px 0;}			 			 
table .none { border:0px;}
table td { text-align:left;padding:3px 15px; line-height:18px;border-style:solid; border-width:1px; border-color:#acacac;border-collapse:collapse;background-color:#ffffff;border-box:content-box;}
table th { text-align:center;padding:5px 10px;font-weight:normal;border-style:solid; border-width:1px; border-color:#acacac;background-color:#e5f6d5;border-collapse:collapse;color:#555555;border-box:content-box;}

/*-- wrap --*/
#wrap {}

/*-- header --*/
#btn_menu{ display:none;}
#btn_menu p{}
#btn_menu p{}

header { border-bottom:5px solid #3e9838; height:120px;}
header #head_wrap { padding:10px 20px 0 20px;}
header #logo { float:left; width:40%;}
header #logo p { font-size:16px; padding:5px; font-weight:bold;}
header #logo h1 { padding:5px;}
header #logo h1 img{ width:320px;}
header #head_info { float:right; width:450px;}
header #head_info p{font-weight:bold;}
header #head_info p.stitle{ font-size:12px; letter-spacing:1px; line-height:16px;}
header #head_info p.tel{ font-size:18px; float:left; line-height:26px;}
header #head_info p.mail{ font-size:16px; float:left; line-height:26px; margin-left:30px;}
header #head_info p.address{ font-size:14px;float:left; line-height:26px; font-weight:normal;}
header #head_info p a{ text-decoration:none; color:#000; padding:2px;}
header #head_info ul.sns{ float:left; width: 80px;}
header #head_info ul.sns li{ width: 40px;}
header #head_info ul.sns li a{ display: block; padding: 0 10px;}
header #head_info ul.sns li a img{ width: 100%;}

/*-- contetns（未整理） --*/
section .pageback { float:left; width:100px; text-align:left; padding:0px; margin:0px;}
section .pageback p { padding:10px 0px 0px 5px;}
section .pageback a { color:#000000; text-decoration:none;}
section .pagenext { float:right; width:100px; text-align:right; padding:0px; margin:0px;}
section .pagenext p { padding:10px 5px 0px 0px;}
section .pagenext a { color:#000000; text-decoration:none;}
section .infobtn { text-align:center;}
section .infobtn img { margin:0px 5px 0px 5px;}
section .st02 { padding:5px 0px 7px 17px; margin:0px 0px 10px 0px; background-image:url(/img/cnt_bg_st02.gif); background-position:0px 0px; background-repeat:no-repeat; color:#066ac8; font-weight:bold; font-size:14px;}

/*-- foot --*/
footer {}
footer #foot_wrap {}
footer #foot_info { display:none;}
footer nav {position: absolute; top:79px; right:0;}
footer nav ul {}
footer nav li{float:left; padding:0 10px;}
footer nav li a{ padding:10px 20px; color:#fff; text-decoration:none; display:block; background:url(/parts/img/com_btn_bg.png) #3e9838;
border-radius: 2px 2px 0 0;    /* CSS3草案 */  -webkit-border-radius:  2px 2px 0 0;    /* Safari,Google Chrome用 */  -moz-border-radius: 2px 2px 0 0;   /* Firefox用 */}

footer #pagetop { text-align:center; width:60px; float:right;}
footer #pagetop a { color:#fff; text-decoration: none; display:block; background-color:#1072bd; padding:10px 0;
border-radius: 2px;    /* CSS3草案 */  -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  -moz-border-radius: 2px;   /* Firefox用 */}
footer #copyright{ text-align:center; font-size:9px; letter-spacing:1px; padding:5px;clear:both; color:#FFF; background-color:#000;}

/*-- nav 
#u2f nav {position: absolute; top:60px; left:300px ;}
#u2f nav ul {}
#u2f nav ul li{ float: left; border-left:1px dotted #999;}
#u2f nav ul li:first-child{ border-left:none;}
#u2f nav ul li a { font-weight:bold;display:block; text-decoration:none; color:#000; padding:10px 30px; text-align:center;}
#u2f nav ul li a:hover{ border-bottom:5px solid #999;}--*/

#u2f .garden nav ul li.gn_garden a,
#u2f .care nav ul li.gn_care a,
#u2f .bassai nav ul li.gn_bassai a,
#u2f .profile nav ul li.gn_profile a{ border-bottom:5px solid #093;}

/*-- aside --*/
aside { display:none;}
aside ul#bannerbox {}
aside ul#bannerbox li { text-align:center;}
aside dl#profilebox { padding:10px 20px 0;}
aside dl#profilebox dt { font-weight:bold; border-bottom:1px dotted #999999; padding:3px 0; color:#333;}
aside dl#profilebox dd { padding:3px;}
aside dl#profilebox dd p { text-align:left; font-size:12px;}
aside dl#profilebox dd p.zip { font-size:10px; line-height:14px;}

/******トップ***************************************************************/

#index #mainv{ background:url(/parts/img/index_mainv.jpg) no-repeat top center; background-size: auto 100%; height:500px;}
#index p.caption_main{ text-align:right; padding:5px; font-size:12px;}

/*-- nav --*/
#index #main nav {}
#index #main nav ul { width:860px; margin:0 auto;}
#index #main nav ul li{ width:400px; text-align:center;}
#index #main nav ul li h2 {text-align:center;}
#index #main nav ul li a {display:block; text-decoration:none; color:#000; text-align:center; padding:10px 0; background-color:rgba(255,255,255,0.8); font-size:24px; margin:0 auto; border:3px solid #CCC;
border-radius: 20px;    /* CSS3草案 */  -webkit-border-radius:  20px;    /* Safari,Google Chrome用 */  -moz-border-radius: 20px;   /* Firefox用 */}
#index #main nav ul li a:hover{}
#index #main nav ul li strong{font-size:14px; font-weight:normal; margin:10px; color:#999;}

#index #main .subname{ width:360px; margin:5px auto;}
#index #main .subname p{float:left; width:90px; text-align:center;}

#index #main .subname strong{ display:block; float:left; width:60px; height:60px; color:#fff; line-height:60px; font-size:20px; text-align:center;
border-radius: 200px;    /* CSS3草案 */  -webkit-border-radius: 200px;    /* Safari,Google Chrome用 */  -moz-border-radius: 200px;   /* Firefox用 */}
#index #main li.menu_01{ float:left;}
#index #main li.menu_02{ float:right;}
#index #main li.menu_01 .subname strong{ background-color:#9c7b42;}
#index #main li.menu_02 .subname strong{ background-color:#5a8147;}
#index #main li.menu_01 a:hover{}
#index #main li.menu_02 a:hover{}

/******下層ページ共通***************************************************************/

section#contents{}
section#contents h2{font-size:30px; font-weight:normal;padding:30px;}

/*-- ボタン --*/
.btn{ margin:50px auto 20px; width:200px;}
.btn a{ display:block; background-color:#3e9838; text-align:center; text-decoration:none; color:#fff; padding:10px;}

/*-- ボックス --*/
.cntbox { padding:50px 0; text-align:center;}
.cntbox h3 { text-align:center; padding-bottom:50px; font-size:20px; font-weight:normal; letter-spacing:5px;}

/*-- 文章 --*/
.lead{ padding:20px;}
.lead p{text-align:left; padding-bottom:5px; line-height:28px;}
.lead p strong{ font-size:24px; color:#006666;}

/*-- 表 --*/
dl.hyo{margin:0px auto; background-color:rgba(255,255,255,0.9); border:3px solid #ddd; width:100%;display: inline-block;}
dl.hyo dt{ float:left; clear:both; width:30%; text-align:center; border-top:1px solid #ddd;box-sizing:border-box;}
dl.hyo dt:first-child{border-top:none;}
dl.hyo dd{ float:left; width:70%; text-align:left; border-left:1px solid #ddd; border-top:1px solid #ddd;box-sizing:border-box;}
dl.hyo dt:first-child + dd{border-top:none;}
dl.hyo dt p,
dl.hyo dd p,
dl.hyo ul{padding:10px; line-height:24px;}

/*-- よくある質問 --*/
div#faq{background-color:#f1fbe1;}
dl.faq{ width:800px; margin:0 auto;}
dl.faq dt{}
dl.faq dd{}
dl.faq dt p,
dl.faq dd p{padding:10px; text-align:left;}

/*-- point --*/
#index #point {clear:both; background-color:#fff;}
#index #point ul { width:760px; margin:0 auto;}
#index #point ul li{font-size:24px; padding:10px 0;}
#index #point ul li strong{ font-size:30px; color:#063;}

/*-- トップ:ニュース --*/
#index #news {clear:both; background-color:#f4e2e2;} 
#index #news dl { width:800px; margin:0 auto;}
#index #news dl dt{ float:left; clear:both; width:80px; }
#index #news dl dd{ float:right; width:680px; padding-bottom:30px;}
#index #news p{ padding-bottom:10px; text-align:left;}
#index #news dt p{ font-size:12px; letter-spacing:2px;}
#index #news p a{ color:#000;}
#index #news p a:hover{}

/*-- 実績 --*/
#index #result {clear:both; background-color: #222; color:#fff;} 
#index #result ul {}
#index #result ul li{ width:25%; float:left; text-align:center;}
#index #result ul li img{ width:80%;}
#index #result ul li p.caption{ text-align:center;}
#index #result ul li p.caption a{ display:block; text-decoration:none; font-size:14px; font-weight:bold; padding:5px 0; background-color:#fff; color:#222; width:100px; margin:10px auto;
border-radius: 3px;    /* CSS3草案 */  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  -moz-border-radius: 3px;   /* Firefox用 */}
#index #result ul li p.caption a:hover{ background-color:#ccc;}
#index #result p.btn a{ background-color:#000; color:#fff; border:1px solid #444;}

/*******お庭を造りたい方***************************************************************/
.garden{}
.garden #message{ background:url(/parts/img/mainv_garden.jpg) no-repeat center right #fff; background-size:auto 100%;}
.garden #message .lead{ padding:20px; margin-right:40%; background-color:rgba(255,255,255,0.8);}

/*-- サービス --*/
#service { background-color:#222; color:#fff;} 
#service ul li p{ padding:5px;}
#service dl#service_list{ border:1px dotted #ccc; padding:20px 0; width:802px; margin:50px auto;}
#service dl#service_list dt{ text-align:center; padding-bottom:20px; font-weight:bold;}
#service dl#service_list dd{ text-align:center; width:200px; padding:10px 0; float:left;}

/*-- 施工事例 --*/
#service .result_detail { padding:50px 0;}
#service .result_detail dl{ width:900px; margin:0 auto; clear:both; border:1px solid #999;}
#service .result_detail dt{ width:300px; float:left; padding:20px 0;}
#service .result_detail dt p{ padding-top:10px; text-align:center;}
#service .result_detail dt img{ width:260px;}
#service .result_detail dd{ width:580px; float:right; padding:20px 0;}
#service .result_detail dd p{ text-align:left;}
#service .result_detail dd ul{ padding:10px;}
#service .result_detail dd ul li{ text-align:left; padding:5px; font-size:18px; font-weight:bold;}
#service .result_detail ol{ width:900px; margin:0 auto; clear:both; padding:50px 0;}
#service .result_detail ol li{}
#service .result_detail ol li img { width:400px; display:block; float:left; margin-top:10px;}
#service .result_detail ol li h4{ padding:30px 0 10px; float:right; width:400px; clear:both; text-align:left;}
#service .result_detail ol li p{ margin:5px 30px; text-align:left; font-size:14px; float:right; width:400px;}
#service .result_detail ol li.after{}



/*******お庭の手入れをしたい方***************************************************************/
.care{}
.care h2{ text-align:right;}
.care #message{ background:url(/parts/img/mainv_care.jpg) no-repeat top left #fff; background-size:auto 100%;}
.care #message .lead{ padding:20px; margin-left:40%; background-color:rgba(255,255,255,0.8);}

/*-- 病害虫対策 --*/
#byougaichu { background-color:#444; color:#fff; text-align:center;} 
#byougaichu dl.hyo{width:700px; margin:0 auto; background-color:#444;}
#byougaichu dl.hyo dt{width:30%; text-align:left; border-top:1px solid #ddd;box-sizing:border-box; color:#fff;text-align:center;}
#byougaichu dl.hyo dt:first-child { border-top:none;}
#byougaichu dl.hyo dd{width:70%; color:#fff; border-left:1px solid #ddd;text-align:center;box-sizing:border-box;}
#byougaichu .lead{ width:800px; margin:0 auto;}
#byougaichu .lead p{text-align:center;}

/*-- 出張料金 --*/
#price { background-color:#222; color:#fff;} 
#price dl.hyo{width:700px; margin:0 auto; background-color:#222;}
#price dl.hyo dt{width:70%; text-align:left; border-right:1px solid #ddd; border-top:1px solid #ddd;box-sizing:border-box; color:#fff;}
#price dl.hyo dt:first-child { border-top:none;}
#price dl.hyo dd{width:30%; text-align:center; border-left:none; color:#fff;}
#price dl.hyo dt ul{ padding:0; margin:0;}
#price dl.hyo dt li{ float:left; padding:10px;}
#price p.chuki{ padding:20px; text-align:center; font-size:12px;}

/*******会社概要***************************************************************/
.profile{ background-color:#fff;}
.profile #message .lead{ width:800px; margin:0 auto;}
.profile #message .lead p{padding-bottom:20px; line-height:30px; letter-spacing:2px;}
.profile #message .lead p strong{ font-size:24px; font-weight:normal; padding:20px; color: #096;}

#gaiyo dl.hyo{width:700px; margin:0 auto;}
#gaiyo dl.hyo dt{width:30%; text-align:center;}
#gaiyo dl.hyo dd{width:70%; text-align:left;}
#gaiyo dl.hyo dd li{ padding:5px 0;}
#gaiyo dl.hyo dd strong{ font-size:18px; font-weight:normal;}

/*-- スタッフ --*/
#staff{width:800px; margin:0 auto;}
#staff .lead{width:550px; float:left;}
#staff .lead p{padding-bottom:20px; line-height:30px; letter-spacing:2px;}
#staff ul{width:200px; float:right; padding-top:30px;}
#staff ul li.ito{ padding-top:150px; background:url(/parts/img/staff_photo_ito.jpg) no-repeat top center; background-size:200px;}
#staff ul li p{ text-align:left; padding:10px; font-size:14px;}
#staff ul li p span{ display:block; font-size:12px; font-weight:bold;}

/*******採用情報***************************************************************/
.recruit #message .lead{ width:800px; margin:0 auto;}
.recruit #message .lead p{padding-bottom:20px; line-height:30px; letter-spacing:2px;}
.recruit #message .lead p strong{ font-size:24px; font-weight:normal; padding:20px; color: #096;}

/*******サイトマップ***************************************************************/

ul#sitemap_list { padding:20px 0px 0px 10px;}
ul#sitemap_list li { padding:2px 0px 15px 22px;  background-repeat:no-repeat; background-position:0px 0px; background-image:url(../img/com_icon_arrow.gif); text-align:left;}

/*******よくある質問***************************************************************/

#faq {}
#faq dt{ padding-top:10px;}
#faq dt p{  font-size:18px;}
#faq dd{ border-bottom:1px dotted #999; padding-bottom:10px; padding-left:20px;}

/*******お知らせ***************************************************************/

#newspage dl.news{display: inline-block;}
#newspage dl.news dt{ float:left; clear:both; width:120px; font-size:12px; padding:20px 10px 20px 10px;}
#newspage dl.news dd{ float:left; width:500px; padding:20px 0 20px 0; text-align:left;}
#newspage dl.news dd a{ font-size:16px;}
#newspage dl hr{clear:both;border: dotted #ddd;border-width:1px 0 0 0;height:1px; margin:0;/* for IE6 */clear:both;/* for IE6 */} 
#btnarea{width:700px; margin:0 auto;}
#news_nextbtn{float:right;}
#news_backbtn{float:left;}
#btnarea a{background-color:#FFF; padding:5px 20px; display:block; text-decoration:none; color:#666666;
border-radius: 20px;    /* CSS3草案 */  -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  -moz-border-radius: 20px;   /* Firefox用 */}
#btnarea a:hover{background-color:#666; padding:5px 20px; display:block; text-decoration:none; color:#fff;
border-radius: 20px;    /* CSS3草案 */  -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  -moz-border-radius: 20px;   /* Firefox用 */}
#newspage p.txt{margin:0 20px;}