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

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

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

/* 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:14px; line-height:18px;}
.small { font-size:10px; line-height:12px; }
.large { font-size:14px; line-height:18px;}

/* 注記 */
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{ position:fixed; bottom:0; right:20px;}
#btn_menu p{ width:60px; }
#btn_menu p a{ display:block; padding:15px 0; text-align:center; font-size:9px; color:#fff; text-decoration:none; background-color:#37664a;}

header {}
header #head_wrap { padding:10px 20px 0 20px;}
header #logo { text-align:center;}
header #logo p { font-size:12px;}
header #logo h1 {}
header #logo h1 img{ width:240px;}
#head_info { padding-top:10px;}
#head_info p{ text-align:center; padding:5px;}
#head_info p.stitle{ display:none;}
#head_info p.tel{ font-size:14px; float:left; line-height:26px; width:140px;}
#head_info p.mail{ font-size:14px; float:right; line-height:26px; width:140px;}
#head_info p.address{ font-size:14px; clear:both; line-height:20px; font-weight:normal;}
#head_info p a{ background-color:#666633; display:block; padding:5px; text-align:center; color:#fff; text-decoration:none;
border-radius: 5px;    /* CSS3草案 */  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  -moz-border-radius: 5px;   /* Firefox用 */}
#head_info p.tel a{ background-color:#00923b;}
#head_info p.mail a{ background-color:#c55c1a;}
header #head_info ul.sns{display: flex;justify-content: center;}
header #head_info ul.sns li{ width: 30px;}
header #head_info ul.sns li a{}
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 {}
#foot_info { padding:10px;}
#foot_info h2{ text-align:center; padding:5px; font-size:18px;}
#foot_info p{ text-align:center; padding:5px;}
#foot_info p.stitle{ display:none;}
#foot_info p.tel{ font-size:14px; float:left; line-height:26px; width:50%;}
#foot_info p.mail{ font-size:14px; float:right; line-height:26px; width:50%;}
#foot_info p.address{ font-size:14px; clear:both; line-height:20px; font-weight:normal;}
#foot_info p a{ background-color:#666633; display:block; padding:5px; text-align:center; color:#fff; text-decoration:none;
border-radius: 5px;    /* CSS3草案 */  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  -moz-border-radius: 5px;   /* Firefox用 */}
#foot_info p.tel a{ background-color:#00923b;}
#foot_info p.mail a{ background-color:#c55c1a;}

footer nav {}
footer nav ul { padding:20px 0;}
footer nav li{ border-bottom:1px dotted #fff;}
footer nav li a{ padding:15px 0; color:#fff; text-decoration:none; display:block; background:url(/parts/img/com_btn_bg.png) #9c7b42; text-align:center; font-size:16px; font-weight:bold;}

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:left; font-size:9px; letter-spacing:1px; padding:15px;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 .bassai nav ul li.gn_profile a{ background-color:#666600;}

/*-- 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 center center; background-size: auto 120px; height:120px;}
#index #mainv img{width:160px;}
#index p.caption_main{ text-align:right; padding:5px; font-size:12px;}

/*-- nav --*/
#index #main nav {}
#index #main nav ul {}
#index #main nav ul li{text-align:center; margin:20px;}
#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 0; margin:0 auto; border:3px solid #CCC;
border-radius: 3px;    /* CSS3草案 */  -webkit-border-radius:  3px;    /* Safari,Google Chrome用 */  -moz-border-radius: 3px;   /* Firefox用 */}
#index #main nav ul li a:hover{ background-color:#fff;}
#index #main nav ul li strong{font-size:14px; font-weight:normal; margin:10px; color:#999;}

#index #main .subname{ margin:0px auto; background-color:#fff; width:240px;}
#index #main .subname p{float:left; width:60px; text-align:center;}

#index #main .subname strong{ display:block; float:left; width:50px; height:50px; color:#fff; line-height:50px; font-size:16px; text-align:center;
border-radius: 200px;    /* CSS3草案 */  -webkit-border-radius: 200px;    /* Safari,Google Chrome用 */  -moz-border-radius: 200px;   /* Firefox用 */}

#index #main li.menu_01,
#index #main li.menu_02{}

#index #main li.menu_01 .subname strong{ background-color:#9c7b42;}
#index #main li.menu_02 .subname strong{ background-color:#5a8147;}

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

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

/*-- ボタン --*/
.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:20px 10px; text-align:center;}
.cntbox h3 { text-align:center; padding-bottom:20px; font-size:20px; font-weight:normal;}

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

/*-- 表 --*/
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;}

/*-- point --*/
#index #point {clear:both; background-color:#fff;}
#index #point ul {}
#index #point ul li{ padding:10px 0; line-height:24px; border-bottom:1px dotted #999; font-size:16px; font-weight:bold; color:#063;}
#index #point ul li strong{}

/*-- トップ:ニュース --*/
#index #news {clear:both; background-color:#f4e2e2;} 
#index #news dl { margin:0 auto;}
#index #news dl dt{}
#index #news dl dd{}
#index #news p{ padding-bottom:10px; text-align:left;}
#index #news dt p{ font-size:12px; font-weight:bold;}
#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:50%; text-align:center; float:left; padding-bottom:20px;}
#index #result ul li img{ width:90%;}
#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 p.btn a{ background-color:#000; color:#fff; border:1px solid #444;}

/*******お庭を造りたい方***************************************************************/
.garden{}
.garden h2{ text-align:center;}
.garden #message{ background:url(/parts/img/mainv_garden_sp.jpg) no-repeat top center #fff; background-size: auto 200px; padding-top:200px;}
.garden #message .lead{}

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


/*-- 施工事例 --*/
#service .result_detail { padding:30px 0;}
#service .result_detail dl{}
#service .result_detail dt{}
#service .result_detail dt p{ padding:5px;}
#service .result_detail dt img{ width:80%; border:10px solid #000;
border-radius: 3px;    /* CSS3草案 */  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  -moz-border-radius: 3px;   /* Firefox用 */}
#service .result_detail dd{ padding:30px 0;}
#service .result_detail dd p{ text-align:left;}
#service .result_detail dd ul{ padding:10px 20px; margin:10px 0; border:1px solid #666;}
#service .result_detail dd ul li{ text-align:left; padding:5px 0; text-indent:-1em; margin-left:1em; line-height:18px;}
#service .result_detail ol{}
#service .result_detail ol li{ padding:15px 0;}
#service .result_detail ol li img{ width:100%;
border-radius: 3px;    /* CSS3草案 */  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  -moz-border-radius: 3px;   /* Firefox用 */}
#service .result_detail ol li h4{ padding:10px; font-size:16px;}
#service .result_detail ol li p{ text-align:left; padding:10px 0; font-size:12px;}

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

/*-- 病害虫対策 --*/
#byougaichu { background-color:#444; color:#fff; text-align:center;} 
#byougaichu dl.hyo{ background:none;}
#byougaichu dl.hyo dt{ clear:both; width:100%; border:none; text-align:center; font-weight:bold; padding:0;}
#byougaichu dl.hyo dd{ clear:both; width:100%; padding:5px; border-bottom:1px dotted #fff; border-left:none; padding:0; text-align:center;}
#byougaichu dl.hyo dd:last-child { border-top:none;}
#byougaichu .lead{}
#byougaichu .lead p{text-align: left;}

/*-- 出張料金 --*/
#price { background-color:#222; color:#fff;} 
#price dl.hyo{ 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 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:2px;}
#price p.chuki{ padding:20px; text-align:center; font-size:12px;}

/*******会社概要***************************************************************/
.profile{ background-color:#fff;}
.profile #message .lead{}
.profile #message .lead p{ line-height:20px;}
.profile #message .lead p strong{}

#gaiyo dl.hyo{margin:0 auto;}
#gaiyo dl.hyo dt{ width:25%;}
#gaiyo dl.hyo dd{ width:75%;}
#gaiyo dl.hyo dd li{}
#gaiyo dl.hyo dd strong{}
#gaiyo dl.hyo dt p,
#gaiyo dl.hyo dd p,
#gaiyo dl.hyo ul{padding:5px;}

/*-- スタッフ --*/
#staff{}
#staff .lead{ padding:20px;}
#staff ul{}
#staff ul li.ito{ padding-top:150px; background:url(/parts/img/staff_photo_ito.jpg) no-repeat top center; background-size:100%;}
#staff ul li p{ text-align:left; padding:10px 30px; border-bottom:1px dotted #ccc;}
#staff ul li p span{ display:block; font-size:14px; font-weight:bold;}


/*******採用情報***************************************************************/
.recruit #message .lead{}
.recruit #message .lead p{ line-height:20px;}
.recruit #message .lead p strong{}


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

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:10px;}
#faq dt p{ font-weight:bold; text-align:left; text-indent:-1em; margin-left:1em;}
#faq dd{ border-bottom:1px dotted #999; padding:10px;}
#faq dd p{text-align:left; text-indent:-1em; margin-left:1em;}

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

#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; 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;}