/*
Theme Name: garakutei
Theme URI: http://maxline.co.jp/
Description: garakuteiテーマ
Version: 1.0
Author: Maxline
Author URI: http://maxline.co.jp/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/* 
=============================
(C) garakutei
last update 100527
=============================*/
/*--------------------------------------------------------------------
全体
--------------------------------------------------------------------*/
/*bodyのスタイル*/
@charset "utf-8";




* {
margin: 0;
padding: 0;
border: 0; }

body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0px auto 0px auto;
padding: 0;
font-size: 12px;
background-color: #e1efe2; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,p {
margin: 0;
padding: 0; }

#container {
margin: 0px auto 0px auto;
padding: 0px;
background-image: url(images/index_bg02.jpg);
background-repeat: no-repeat;
background-position:bottom center; }

#container_in {
margin: 0px auto 0px auto;
padding: 0px;
background-image: url(images/index_bg.jpg);
background-repeat: repeat-x;
min-width: 950px; }


#header {
width: 950px;
margin: 0px auto 0px auto;
padding: 0px; }

#header_a {
width: 950px;
height: 164px;
padding: 0px 0px 0px 0px;
margin: 0px;
background-image: url(images/index_header.jpg);
background-repeat: no-repeat;
background-position:bottom;}

#header_b {
width: 950px;
height: 190px;
padding: 0px;
margin: 0px;
background-image: url(images/index_header_a.jpg);
background-repeat: no-repeat; }

#content {
margin: 0px auto 0px auto;
padding: 0px;
background-image: url(images/contents_bg.jpg);
background-repeat: repeat-y;
width: 950px; }

#content { zoom: 1; /*for IE 5.5-7*/ }

#content:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#main {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 700px; }

#top-side-nav {
float: left;
width: 250px;
padding: 0px 0px 20px 0px;
background-image: url(images/contents_bg.jpg);
background-repeat: repeat-y;
position: relative;
z-index: 2;
top: -73px;
/top: -65px;
_top: -65px; }

#side-nav {
float: left;
width: 250px;
padding: 0px 0px 20px 0px; }

#container .clr {
clear: both;
margin: 0px;
padding: 0px;
line-height: 0px;
visibility: hidden;
height: 0px; }

.clr02 {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px;
line-height: 0px;
visibility: hidden;
height: 0px; }


.clearfix:after {
content: "."; 
display: block; 
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}


br { letter-spacing: normal; }

a {
color: #333333;
text-decoration: underline;
border: 0px;
outline: none; }

a:hover {
color: #48875d;
text-decoration: none;
border: 0px;
outline: none; }

a:active { outline: none; }

a:focus { -moz-outline-style: none; }

a img {
border: 0px;
opacity: 1;
filter: alpha(opacity=100); }

a:hover img {
opacity: 0.5;
filter: alpha(opacity=80); }

input texterea { font-size: 12px; }

/*ページトップ*/
#pttxt {
width:670px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 20px 0px;
text-align: right; }

/*パンくずリスト*/
#list {
background:url("images/list_bg.jpg") no-repeat scroll 0 0 transparent;
color:#52907E;
height:40px;
letter-spacing:1px;
line-height:140%;
padding:0 35px 0 15px; }

#list a {
text-decoration: underline; }

#list a:hover {
color: #429268;
text-decoration: none; }

/*--------------------------------------------------------------------
キャッチコピー
--------------------------------------------------------------------*/
#header div#catch p {
width: 940px;
margin: 0px auto 0px auto;
background-repeat: no-repeat;
font-size: 10px;
text-align: left;
padding: 30px 0px 0px 10px;
line-height: 140%;
letter-spacing: 3px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }

#header div#title,
#header div#title a {
text-indent: -9999px;
display: block;
margin: 0px ;
padding: 0px;
width: 250px;
height: 110px;
line-height: 0px;
outline: none;
overflow: hidden; }

#header div#navi {
width:470px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; }

#head_menu a span { display: none; }

ul#head_menu {
width:462px;
list-style: none;
width: 100%;
padding: 40px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

ul#head_menu li {
list-style: none;
float: left; }

ul#head_menu a {
display: block;
background-image: url(images/index_header_menu.jpg);
background-repeat: no-repeat; }

#head_menu a.h_li01 {
background-position: 0px 0px;
width: 79px;
height: 33px;
float: left; }

#head_menu a:hover.h_li01 {
background-position: 0px -33px;
width: 79px;
height: 33px;
float: left; }

#head_menu a.h_li02 {
background-position: -79px 0px;
width: 90px;
height: 33px;
float: left; }

#head_menu a:hover.h_li02 {
background-position: -79px -33px;
width: 90px;
height: 33px;
float: left; }

#head_menu a.h_li03 {
background-position: -169px 0px;
width: 90px;
height: 33px;
float: left; }

#head_menu a:hover.h_li03 {
background-position: -169px -33px;
width: 90px;
height: 33px;
float: left; }

#head_menu a.h_li04 {
background-position: -259px 0px;
width: 104px;
height: 33px;
float: left; }

#head_menu a:hover.h_li04 {
background-position: -259px -33px;
width: 104px;
height: 33px;
float: left; }

#head_menu a.h_li05 {
background-position: -363px 0px;
width: 99px;
height: 33px;
float: left; }

#head_menu a:hover.h_li05 {
background-position: -363px -33px;
width: 99px;
height: 33px;
float: left; }

#head_menu a.h_li06 {
background-position: -565px 0px;
width: 112px;
height: 52px;
float: left; }

#head_menu a:hover.h_li06 {
background-position: -565px -52px;
width: 112px;
height: 52px;
float: left; }

#header div#box01 {
width: 478px;
float: left;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

#header div#box02 {
width: 462px;
float: left;
padding: 28px 0px 0px 0px;
margin: 0px; }

#header div#box03 {
padding: 0px 0px 0px 0px;
text-indent: -9999px;
background-image: url(images/header_img.jpg);
background-repeat: no-repeat;
height: 363px;
width: 950px;
margin: 0px; }

/*--------------------------------------------------------------------
サイドバーのスタイル
--------------------------------------------------------------------*/
/*メニュー1*/
#top-side-nav div#left,
#side-nav div#left {
width: 214px;
padding: 100px 0px 0px 0px;
margin: 0px auto 10px auto;
background-image: url(images/side_img01.jpg);
background-repeat: no-repeat;
background-position: top; }

/*メニュー*/
ul#menu1 {
list-style: none;
list-style-type: none;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto; }

ul#menu1 li {
width: 214px;
margin: 0px;
padding: 0px;
line-height: 0;
vertical-align: bottom; }

ul#menu1 a {
display: block;
text-indent: -9999px;
width: 214px;
margin: 0px;
padding: 0px;
line-height: normal;
background-image: url(images/side_img02.jpg);
text-decoration: none;
zoom: 1; }

#menu1 a span { display: inline; }

#menu1 a.li01 {
background-position: 0px 0px;
height: 69px;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px; }

#menu1 a:hover.li01 {
background-position: -214px 0px;
height: 69px;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px; }

#menu1 a.li02 {
background-position: 0px -77px;
height: 70px;
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 0px; }

#menu1 a:hover.li02 {
background-position: -214px -77px;
height: 70px;
margin: 0px 0px 6px 0px;
padding: 0px; }

#menu1 a.li03 {
background-position: 0px -153px;
height: 70px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; }

#menu1 a:hover.li03 {
background-position: -214px -153px;
height: 70px;
margin: 0px 0px 0px 0px;
padding: 0px; }

/*メニュー2*/
#top-side-nav div#left_a,
#side-nav div#left_a {
width: 206px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto; }

/*メニュー*/
ul#menu2 {
list-style: none;
list-style-type: none;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px; }

ul#menu2 li {
width: 206px;
margin: 0px;
padding: 0px;
line-height: 0;
vertical-align: bottom; }

ul#menu2 a {
display: block;
text-indent: -9999px;
width: 206px;
margin: 0px;
padding: 0px;
line-height: normal;
background-image: url(images/side_img03.jpg);
background-repeat: no-repeat;
text-decoration: none;
zoom: 1; }

#menu2 a span { display: inline; }

#menu2 a.li01 {
background-position: 0px 0px;
height: 30px; }

#menu2 a:hover.li01 {
background-position: -206px 0px;
height: 30px; }

#menu2 a.li02 {
background-position: 0px -30px;
height: 30px; }

#menu2 a:hover.li02 {
background-position: -206px -30px;
height: 30px; }

#menu2 a.li03 {
background-position: 0px -60px;
height: 30px; }

#menu2 a:hover.li03 {
background-position: -206px -60px;
height: 30px; }

#menu2 a.li04 {
background-position: 0px -90px;
height: 30px; }

#menu2 a:hover.li04 {
background-position: -206px -90px;
height: 30px; }

#menu2 a.li05 {
background-position: 0px -120px;
height: 29px; }

#menu2 a:hover.li05 {
background-position: -206px -120px;
height: 29px; }

/*メニュー3*/
#top-side-nav div#left_b,
#side-nav div#left_b {
width: 204px;
height: 150px;
padding: 33px 0px 0px 10px;
margin: 0px auto 0px auto;
font-size: 10px;
color: #333333;
letter-spacing: 3px;
background-image: url(images/side_img07.jpg);
background-repeat: no-repeat; }

/*メニュー*/
ul#menu3 {
list-style: none;
list-style-type: none;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 0px; }

ul#menu3 li {
width: 195px;
margin: 0px;
padding: 0px;
line-height: 0;
vertical-align: bottom; }

ul#menu3 a {
display: block;
text-indent: -9999px;
width: 195px;
margin: 0px;
padding: 0px;
line-height: normal;
background-image: url(images/side_img06.jpg);
background-repeat: no-repeat;
text-decoration: none;
zoom: 1; }

#menu3 a span { display: inline; }

#menu3 a.li01 {
background-position: 0px 0px;
height: 38px; }

#menu3 a:hover.li01 {
background-position: -195px 0px;
height: 38px; }

#menu3 a.li02 {
background-position: 0px -38px;
height: 38px; }

#menu3 a:hover.li02 {
background-position: -195px -38px;
height: 38px; }

#menu3 a.li03 {
background-position: 0px -76px;
height: 38px; }

#menu3 a:hover.li03 {
background-position: -195px -76px;
height: 38px; }

/*メニュー4*/
#top-side-nav div#left_d,
#side-nav div#left_d {
width: 206px;
padding: 15px 0px 0px 0px;
margin: 0px auto 0px auto;
background-image: url(images/side_line.jpg);
background-repeat: no-repeat;
background-position: top; }

/*メニュー*/
ul#menu4 {
list-style: none;
list-style-type: none;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px; }

ul#menu4 li {
width: 206px;
margin: 0px;
padding: 0px;
line-height: 0;
vertical-align: bottom; }

ul#menu4 a {
display: block;
text-indent: -9999px;
width: 209px;
margin: 0px;
padding: 0px;
line-height: normal;
background-image: url(images/side_img08.jpg);
background-repeat: no-repeat;
text-decoration: none;
zoom: 1; }

#menu4 a span { display: inline; }

#menu4 a.li01 {
background-position: 0px 0px;
height: 23px; }

#menu4 a:hover.li01 {
background-position: -209px 0px;
height: 23px; }

#menu4 a.li02 {
background-position: 0px -23px;
height: 21px; }

#menu4 a:hover.li02 {
background-position: -209px -23px;
height: 21px; }

#menu4 a.li03 {
background-position: 0px -44px;
height: 22px; }

#menu4 a:hover.li03 {
background-position: -209px -44px;
height: 22px; }

#menu4 a.li04 {
background-position: 0px -66px;
height: 22px; }

#menu4 a:hover.li04 {
background-position: -209px -66px;
height: 22px; }

#menu4 a.li05 {
background-position: 0px -88px;
height: 21px; }

#menu4 a:hover.li05 {
background-position: -209px -88px;
height: 21px; }

#menu4 a.li06 {
background-position: 0px -109px;
height: 23px; }

#menu4 a:hover.li06 {
background-position: -209px -109px;
height: 23px; }

/*QRコード*/
#top-side-nav div#left_e,
#side-nav div#left_e {
width: 146px;
height: 146px;
padding: 15px 0px 0px 0px;
margin: 0px auto 0px auto;
background-image: url(images/side_img10.jpg);
background-repeat: no-repeat;
background-position: top;
text-indent: -9999px; }

/*お問い合わせバナー*/
#top-side-nav #side_bnr_a,
#side-nav #side_bnr_a {
display: block;
width: 203px;
height: 53px;
padding: 0px 0px 0px 0px;
margin: 0px auto 8px auto; }

/*ガーデンリフォームローンバナー*/
#top-side-nav #side_bnr_b,
#side-nav #side_bnr_b {
display: block;
width: 198px;
height: 59px;
padding: 0px 0px 0px 0px;
margin: 0px auto 5px auto; }

#top-side-nav div#txt01,
#side-nav div#txt01 {
width: 178px;
padding: 0px 0px 0px 0px;
margin: 0px auto 15px auto;
color: #FFFFFF;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%; }

/*あいさつ*/
#top-side-nav div#left_c,
#side-nav div#left_c {
background-image: url(images/side_img09.jpg);
background-repeat: no-repeat;
height: 180px;
width: 189px;
padding: 170px 10px 0px 10px;
margin: 0px 0px 20px 20px;
line-height: 120%;
letter-spacing: 2px;
font-size: 12px; }


#top-side-nav  div#left_c p,
#side-nav  div#left_c p {
font-size: 12px;
color: #8f663a;
padding: 0px 0px 10px 0px;
font-weight: bold;
line-height: 130%;
text-indent: -9999px; }

/*施工エリア*/
#top-side-nav #area_img,
#side-nav #area_img
  {
width: 206px;
padding: 0px 0px 0px 0px;
margin: 0px auto 20px auto;
text-align:center; }


/*バナー*/
#top-side-nav .side_bnr_c,
#side-nav .side_bnr_c {
width: 210px;
padding: 0px 0px 0px 0px;
margin: 0px auto 5px auto;
text-align: center; }

#top-side-nav .left_txt,
#side-nav .left_txt {
font-size: 12px;
color: #FFFFFF;
margin: 0px 20px 15px 20px;
letter-spacing: 1px;
line-height: 120%; }

/*--------------------------------------------------------------------
トップページのメインスタイル
--------------------------------------------------------------------*/
#index {
padding: 0px 0px 0px 0px;
margin: 0px ;
background-repeat: no-repeat;
width: 700px; }

/*施工実績バナー*/
#index #top_bnr {
width: 663px;
padding: 0px 0px 0px 0px;
margin: 0px auto 15px auto;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%; }

#index .txt {
padding: 0px 0px 0px 0px;
margin: 3px 2px 0px 2px; }

#index #top_bnr_img {
padding: 20px 0px 0px 5px;
margin: 0px;
float: right; }

/*ビフォーアフター＆CADバナー*/
#index #top_bnr02 {
width: 663px;
padding: 0px 0px 0px 0px;
margin: 0px auto 15px auto;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%; }

#index #box01 {
width: 319px;
padding: 0px 0px 0px 0px;
margin: 0px 8px 0px 0px;
float: left; }

#index #box02 {
width: 336px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left; }

#index .top_bnr_img02 {
padding: 7px 3px 0px 0px;
margin: 0px;
text-align: right; }

/*展示場バナー*/
#index #top_bnr03 {
width: 651px;
padding: 0px 0px 25px 0px;
margin: 0px auto 15px auto;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
background-image: url(images/main_line.jpg);
background-repeat: no-repeat;
background-position: bottom; }

#index #top_bnr_img03 {
padding: 15px 0px 0px 5px;
margin: 0px;
float: right; }

/*新着情報*/
#main div#news_title {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(images/main_news_01.jpg);
height: 27px;
width: 656px;
text-indent: -9999px; }

#main div#news {
padding: 0px;
margin: 0px auto 15px auto;
width: 656px; }

#main div#news01 {
padding: 10px 5px 25px 5px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
background-image: url(images/main_news_03.jpg);
background-repeat: no-repeat;
background-position: bottom;
font-size: 12px;
width: 646px; }

#main div#news01 { zoom: 1; /*for IE 5.5-7*/ }

#main div#news01:after {
content: "."; /*for modern browser*/
display: block;
padding: 0px;
margin: 0px;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#main div#news .news_box { margin: 0px 0px 10px; }

#main div#news .news_box p.img {
float: left;
width: 195px;
text-align: center; }

#main div#news .news_box dl {
padding: 0px;
margin: 0px;
width: auto;
float: left; }

#main div#news .news_box dl dt {
color: #000000;
line-height: 160%;
margin: 0px 0px 0px 0px;
padding: 8px 0px 0px 25px;
letter-spacing: 1px; /*background-image: url(../images/main_news_02.jpg);
background-repeat:no-repeat;*/ }

#main div#news .news_box dl dd {
margin: 0px 0px 0px 0px;
padding: 3px 0px 2px 25px;
line-height: 160%;
color: #ea5206;
width: 420px; }

#main div#news dd p {
font-size: 10px;
color: #666666;
letter-spacing: 1px;
float: right;
width: 185px; }

/*施工実績最新情報*/
#index #sk_a {
width: 676px;
padding: 25px 0px 12px 0px;
margin: 0px 0px 0px 20px;
background-image: url(images/main_line.jpg);
background-repeat: no-repeat;
background-position: top; }

#index #sk {
width: 676px;
padding: 0px 0px 12px 0px;
margin: 0px auto 15px auto;
background-image: url(images/main_sk_04.jpg);
background-repeat: no-repeat;
background-position: bottom; }

#index .sk {
width: 676px;
padding: 60px 0px 0px 0px;
margin: 0px auto 0px auto;
background-image: url(images/main_sk_01.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF; }

#index .shadow {
margin: 0 0 0 5px;
background: url(images/main_shadow.gif) right bottom;
float: left; }

#index .shadow img {
position: relative;
left: -5px;
top: -5px;
padding: 5px;
background: #ffffff;
border: 1px solid #eee; }

#index div.sk_tb01_t01 {
float: left;
width: 200px;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px; }

#index div.sk_tb01_t02 {
float: left;
width: 200px;
padding: 0px 0px 0px 22px;
margin: 0px 0px 0px 0px; }

#index div.sk_tb01_t03 {
float: left;
width: 200px;
padding: 0px 0px 0px 22px;
margin: 0px 0px 0px 0px; }

#index .sk_new_title {
margin: 0px 0px 0px 3px;
padding: 5px 0px 3px 3px;
text-align: left;
color: #e9695e;
font-size: 12px;
font-weight: normal;
width: 193px; }

#index .txt_a {
margin: 0px 5px 0px 5px;
padding: 0px 0px 2px 0px;
text-align: right;
font-size: 12px;
width: 190px;
color: #333;
font-weight: normal;
border-bottom: 2px solid #d3bb97; }

#index .txt_b {
margin: 0px 0px 2px 0px;
padding: 5px 5px 0px 6px;
text-align: left;
color: #333;
width: 190px;
line-height: 160%;
font-size: 12px;
font-weight: normal; }

/*その他の施工実績はこちらバナー*/
#index #main_skbnr_a {
margin: 0px 0px 0px 0px;
padding: 10px 15px 0px 0px;
text-align: right; }

/*--------------------------------------------------------------------
施工実績のメインスタイル
--------------------------------------------------------------------*/
#works {
padding:50px 0 0 0;
margin: 0px;
background-image: url(images/works_title.jpg);
background-repeat:no-repeat;
width: 700px;
}

#works #bnr01 {
width: 700px;
height: 172px;
background-repeat: no-repeat;
background-image: url(images/works_bnr01.jpg);
margin: 0px 0px 0px 0px;
padding: 0px;
　　display: block;
text-indent: -9999px; }

#works .top_txt {
padding: 10px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#works .tb {
width: 670px;
padding: 0px 0px 0px 0px;
margin: 0px auto 20px auto;
clear: both; }

#works .tb { zoom: 1; /*for IE 5.5-7*/ }

#works .tb:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#works .tb01 {
float: left;
width: 204px;
padding: 0px;
margin: 0px 5px 0px 10px;
background-color: #FFFFFF; }

#works .tb img {
padding: 2px;
text-align: center;
margin: 0px 5px 5px 6px ;
border: 1px solid #cccccc;
background-color: #ffffff; }

#works .wo_txt01 {
font-size: 14px;
letter-spacing: 3px;
font-weight: bold;
line-height: 140%;
padding: 5px 0px 0px 0px;
margin: 5px 5px 5px 5px;
background-color: #6da47d;
text-align: center;
height: 23px; }

#works .wo_txt01 a {
color: #ffffff;
text-decoration: none;
border: 0px;
outline: none; }

#works .wo_txt01 a:hover {
color: #d9f0e0;
text-decoration: none;
border: 0px;
outline: none; }

#works .wo_txt02 {
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
padding: 0px 7px 5px 7px;
color: #2b451e;
text-align: left; }

#works .wo_txt03 {
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
padding: 0px 5px 15px 5px; }

#works .bnr01,
#works .bnr01 a {
text-indent: -9999px;
display: block;
margin: 0px ;
padding: 0px;
width: 204px;
height: 40px;
line-height: 0px;
outline: none;
overflow: hidden;
background-image: url(images/works_bnr01.jpg);
background-repeat: no-repeat; }

#works .bnr01 a:hover {
text-indent: -9999px;
display: block;
margin: 0px ;
padding: 0px;
width: 204px;
height: 40px;
line-height: 0px;
outline: none;
overflow: hidden;
background-image: url(images/works_bnr01_a.jpg);
background-repeat: no-repeat; }

/*--------------------------------------------------------------------
施工実績カテゴリのメインスタイル
--------------------------------------------------------------------*/
#works div#top_txt {

letter-spacing: 1px;
line-height: 140%;
margin: 0 10px;
padding: 10px 20px 25px; }

#works h1 {
font-size: 18px;
color: #4d9870;
letter-spacing: 2px;
padding: 20px 0px 4px 0px;
margin: 0px; }

#works .box_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 15px; }

#works .box01 {
width: 191px;
padding: 0px 15px 0px 15px;
margin: 0px 0px 30px 0px;
float: left;
text-align: center;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%; }

#works .box01 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #68ac85; }

/*--------------------------------------------------------------------
施工実績の詳細ページのスタイル
--------------------------------------------------------------------*/
#works .box03 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px; }

#works .box03 img {
padding: 10px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF; }

#works .box_d {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 35px;
line-height: 140%; }

/*コメント部分*/
#works .txt_a {
width: 610px;
font-size: 12px;
padding: 0px 20px 20px 0px; }

#works .txt_a02 { width: 620px; 
}

#works .box_a02 { width: 620px; 
padding: 0px 20px 20px 0px;
}
#works .box04 {
width: 300px;
padding: 0px 10px 10px 0px;
float: left;
margin: 0px 0px 15px 0px;
font-size: 12px; }

#works .box05 {
width: 300px;
padding: 0px 5px 10px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 12px; }

#works .box04 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF; }

#works .box05 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF; }

/*お客様の感想*/
#works .box06 {
width: 583px;
padding: 50px 20px 0px 20px;
margin: 0px 0px 0px 0px;
background-image: url(images/voice_img.jpg);
background-repeat: no-repeat;
background-color: #ffffff; }

#works .box06_a {
width: 623px;
padding: 0px 0px 36px 0px;
margin: 0px 0px 0px 0px;
background-image: url(images/voice_img_a.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #f6ebd5; }

#works .box06_a:after {
content: "."; /* 新しい要素を作る */
display: block; /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden; }

#works .box06_a { min-height: 1px; }

* html #works .box06_a { height: 1px; /*¥*/ /*/
height: auto;
overflow: hidden;
/**/ }

#works .box07 {
width: 623px;
height: 7px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
line-height: 0;
background-image: url(images/works_details_voice02.jpg);
background-repeat: no-repeat; }

#works .voice_img {
padding: 3px;
margin: 0px 10px 0px 0px;
border: 1px solid #ccc;
background-color: #FFFFFF;
float: left; }

#works .voice_txt { padding: 0px 0px 5px 0px; }

/*関連の施工実績*/
#works_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 5px; }

#works_a .box_d {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 35px; }

#works_a #title03 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 623px;
height: 42px;
background-image: url(images/works_title02.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
line-height: 140%;
display: block;
clear: both; }

#works_a .box01 {
width: 191px;
letter-spacing: 1px;
line-height: 130%;
float: left;
margin: 0px;
text-align: center;
font-size: 12px;
padding: 0px 8px 30px 8px; }

#works_a .box01 img {
padding: 3px;
margin: 0px 0px 3px 0px;
background-color: #68ac85; }



#works .mail_box {
padding: 0px 0px 0px 0px;
margin: 0px auto 30px auto;
width: 373px;
text-align: center; }


#works .sk_cate_box12 {
float: left;
letter-spacing: 2px;
margin: 30px 0 40px;
width: 310px; }

#works .sk_cate_box13 {
clear: right;
float: left;
letter-spacing: 2px;
margin: 30px 0 40px;
text-align: right;
width: 310px; }

/*--------------------------------------------------------------------
商品ラインナップのメインスタイル
--------------------------------------------------------------------*/
#lineup {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/lineup_title.jpg);
background-repeat: no-repeat; }

#lineup #bnr01 {
width: 700px;
height: 172px;
background-repeat: no-repeat;
background-image: url(images/works_bnr01.jpg);
margin: 0px 0px 0px 0px;
padding: 0px;
　　display: block;
text-indent: -9999px; }

#lineup div.top_txt {
padding: 10px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#lineup .tb {
width: 670px;
padding: 0px 0px 0px 0px;
margin: 0px auto 20px auto;
clear: both; }

#lineup .tb { zoom: 1; /*for IE 5.5-7*/ }

#lineup .tb:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#lineup .tb01 {
float: left;
width: 204px;
padding: 0px;
margin: 0px 5px 0px 10px;
background-color: #FFFFFF; }

#lineup .tb img {
padding: 2px;
text-align: center;
margin: 0px 5px 5px 6px ;
border: 1px solid #cccccc;
background-color: #ffffff; }

#lineup .wo_txt01 {
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
line-height: 140%;
padding: 5px 0px 0px 0px;
margin: 5px 5px 5px 5px;
background-color: #6da47d;
text-align: center;
height: 23px; }
#lineup .wo_txt01 a {
color: #ffffff;
text-decoration: none;
border: 0px;
outline: none; }

#lineup .wo_txt01 a:hover {
color: #d9f0e0;
text-decoration: none;
border: 0px;
outline: none; }
#lineup .wo_txt02 {
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
padding: 0px 7px 5px 7px;
color: #2b451e;
text-align: left; }

#lineup .wo_txt03 {
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
padding: 0px 5px 15px 5px; }

#lineup .bnr01,
#lineup .bnr01 a {
text-indent: -9999px;
display: block;
margin: 0px ;
padding: 0px;
width: 204px;
height: 40px;
line-height: 0px;
outline: none;
overflow: hidden;
background-image: url(images/works_bnr01.jpg);
background-repeat: no-repeat; }

#lineup .bnr01 a:hover {
text-indent: -9999px;
display: block;
margin: 0px ;
padding: 0px;
width: 204px;
height: 40px;
line-height: 0px;
outline: none;
overflow: hidden;
background-image: url(images/works_bnr01_a.jpg);
background-repeat: no-repeat; }

/*--------------------------------------------------------------------
商品ラインナップカテゴリのメインスタイル
--------------------------------------------------------------------*/
#lineup h1 {
font-size: 18px;
color: #6da780;
letter-spacing: 2px;
padding: 20px 0px 4px 0px;
margin: 0px; }

#lineup h2 {
font-size: 18px;
color: #4d9870;
letter-spacing: 2px;
padding: 20px 0px 10px 0px;
margin: 0px; }

#lineup .box_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 15px; }

#lineup .box01 {
width: 191px;
padding: 0px 15px 0px 15px;
margin: 0px 0px 30px 0px;
float: left;
text-align: center;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%; }

#lineup .box01 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #68ac85; }


/*--------------------------------------------------------------------
商品ラインナップの詳細ページのスタイル
--------------------------------------------------------------------*/
#lineup .box03 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px; }

#lineup .box03 img {
padding: 10px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF; }

#lineup .box_d {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 35px;
line-height: 140%; }

/*コメント部分*/
#lineup .txt_a {
width: 620px;
font-size: 12px;
padding: 0px 0px 20px 0px; }

#lineup .txt_a02 { width: 620px; }

#lineup .box03 img {
padding: 10px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF; }

#lineup .box04 {
width: 300px;
padding: 0px 10px 10px 0px;
float: left;
margin: 0px 0px 15px 0px;
font-size: 12px; }

#lineup .box05 {
width: 300px;
padding: 0px 5px 10px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 12px; }

#lineup .box04 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF; }

#lineup .box05 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF; }

/*関連の施工実績*/
#lineup_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 5px; }

#lineup_a .box_d {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 35px; }

#lineup_a #title03 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 623px;
height: 42px;
background-image: url(images/lineup_title02.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
line-height: 140%;
display: block;
clear: both; }

#lineup_a .box01 {
width: 191px;
letter-spacing: 1px;
line-height: 130%;
float: left;
margin: 0px;
text-align: center;
font-size: 12px;
padding: 0px 8px 30px 8px; }

#lineup_a .box01 img {
padding: 3px;
margin: 0px 0px 3px 0px;
background-color: #68ac85; }


#lineup .mail_box {
padding: 0px 0px 0px 0px;
margin: 0px auto 30px auto;
width: 373px;
text-align: center; }

#lineup .sk_cate_box12 {
float: left;
letter-spacing: 2px;
margin: 30px 0 40px;
width: 310px; }

#lineup .sk_cate_box13 {
clear: right;
float: left;
letter-spacing: 2px;
margin: 30px 0 40px;
text-align: right;
width: 310px; }

/*--------------------------------------------------------------------
ビフォーアフターのメインスタイル
--------------------------------------------------------------------*/
#beforeafter {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/beforeafter_title.jpg);
background-repeat: no-repeat; }

#beforeafter h1 {
font-size: 18px;
color: #58a57d;
letter-spacing: 2px;
padding: 20px 0px 4px 0px;
margin: 0px; }

#beforeafter div.top_txt {
padding: 10px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#beforeafter .box {
width: 630px;
margin: 0px auto 0px auto; }

#beforeafter .box_details {
width: 670px;
margin: 0px 0px 0px 20px; }

#beforeafter .title02 {
width: 608px;
height: 28px;
margin: 0px auto 10px auto;
padding: 7px 0px 0px 10px;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
color: #4a946c;
border-bottom:1px dotted #4a946c;
border-left: 5px solid #4a946c; }

#beforeafter .ba_txt {
padding: 0px 0px 15px 5px;
margin: 10px auto 20px auto;
letter-spacing: 1px;
width: 640px;
zoom: 100%; /*IE6*/
overflow: auto; /*IE7 and Firefox*/
border-bottom: 1px dotted #333333; }

#beforeafter .ba_txt02 {
padding: 0px 0px 15px 10px;
margin: 0px auto 0px auto;
letter-spacing: 1px;
width: 640px;
zoom: 100%; /*IE6*/
overflow: auto; /*IE7 and Firefox*/ }

#beforeafter .ba_title,
#beforeafter .ba_title a {
width: 652px;
height: 97px;
background-image: url(images/befoaf_ichiran_title.jpg);
background-repeat: no-repeat;
margin: 0px auto 10px auto;
text-indent: -9999px; }

#beforeafter .ba_title02,
#beforeafter .ba_title02 a {
width: 620px;
height: 34px;
background-image: url(images/befoaf_bnr01.jpg);
background-repeat: no-repeat;
margin: 0px 0px 0px 3px;
text-align: left;
color: #6a6869;
font-size: 16px;
font-weight: bold;
padding: 10px 0px 0px 25px; }

#beforeafter .ba_title03,
#beforeafter .ba_title03 a {
width: 579px;
height: 53px;
background-image: url(images/befoaf_shousai_bnr02.jpg);
background-repeat: no-repeat;
margin: 0px 0px 0px 33px;
text-indent: -9999px; }

#beforeafter .ba_box01 {
width: 150px;
float: left;
padding: 30px 0px 0px 0px;
margin: 0px 10px 40px 5px;
font-size: 12px;
line-height: 140%;
letter-spacing: 1px; }

#beforeafter .ba_box02 {
width: 464px;
float: left;
clear: right;
text-align: right;
margin: 0px 0px 40px 0px; }

#beforeafter .ba_txt03 {
margin: 0px 0px 0px 0px;
font-size: 12px;
line-height: 140%;
letter-spacing: 1px; }

#beforeafter .ba_txt04 {
margin: 0px;
text-align: center;
font-size: 12px;
line-height: 140%;
letter-spacing: 1px; }

#beforeafter .ba_box07 {
width: 290px;
float: left;
padding: 40px 5px 0px 5px;
margin: 0px 10px 20px 20px;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
background-image: url(images/beforeafter_img02.jpg);
background-repeat: no-repeat; }



#beforeafter .ba_box08 {
width: 300px;
float: left;
clear: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#beforeafter .ba_box08 img {
margin: 0px 0px 0px 0px;
padding: 5px 5px 90px 5px;
background-image: url(images/beforeafter_img01.jpg);
background-repeat: no-repeat;
background-position: bottom; }


#beforeafter .ba_box08_b {
width: 300px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-align: center; }



#beforeafter .ba_box08_c {
width: 265px;
height: 74px;
background-repeat: no-repeat;
text-indent: -9999px; }

#beforeafter .ba_box09 img { background-color:#FFFFFF; padding:8px;border:1px solid #56a47c; }

#beforeafter .ba_box09 {
width: 490px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px; }

#beforeafter .ba_box09_b {
width: 640px;
padding: 65px 0px 0px 0px;
margin: 0px 0px 0px 30px;
text-align: center;
background-image: url(images/beforeafter_img03.jpg);
background-repeat: no-repeat;
background-position: top;}

#beforeafter .ba_box09_c {
width: 524px;
height: 34px;
margin: 0px 0px 0px 40px;
background-image: url(images/befoaf_shousai_img_bg06.jpg);
background-repeat: no-repeat;
text-indent: -9999px; }

#beforeafter .ba_box10_s {
padding: 40px 0px 0px 0px;
margin: 10px auto 0px auto;
width: 624px;
background-image: url(images/beforeafter_img05.jpg); }

#beforeafter .ba_box10_s { zoom: 1; /*for IE 5.5-7*/ }

#beforeafter .ba_box10_s:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#beforeafter .ba_box10_b {
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-align: center; }

#beforeafter .ba_box10_b img { border: 5px #ffffff solid; }

#beforeafter .ba_box10_box01 {
width: 310px;
float: left;
margin: 0px 6px 0px 0px; }

#beforeafter .ba_box10_box03 {
float: left;
width: 306px;
margin: 0px 0px 0px 0px; }

#beforeafter .ba_box11 {
width: 620px;
margin: 30px auto 0px auto;
padding: 10px 0px 0px 0px; }

#beforeafter .ba_box12 {
width: 310px;
float: left;
margin: 30px 0px 40px 0px;
letter-spacing: 2px; }

#beforeafter .ba_box13 {
width: 310px;
float: left;
clear: right;
text-align: right;
margin: 30px 0px 40px 0px;
letter-spacing: 2px; }

#beforeafter .ba_tx11 {
margin: 0px auto 0px auto;
padding: 0px 0px 40px 0px; }

#beforeafter h1 {
font-size: 18px;
letter-spacing: 2px;
color:#4d9870;
padding: 20px 0px 4px 0px;
margin: 0px; }

#beforeafter .box_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 15px; }

#beforeafter .box01 {
width: 191px;
padding: 0px 15px 0px 15px;
margin: 0px 0px 30px 0px;
float: left;
text-align: center;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%; }

#beforeafter .box01 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #68ac85; }








#beforeafter div.tb_box04 {
margin:0px auto 30px auto;
padding:0px 0px 0px 0px;
width:650px;
}


#beforeafter div.tb_img04 {
width:310px;
text-align:center;
margin:0px 0px 5px 0px;
float:left;}


#beforeafter div.tb_img05 {
width:30px;
padding:50px 0px 100px 0px;
margin:0px 0px 5px 0px;
float:left;
background-image: url(images/beforeafter_icon2.jpg);
background-position:right center;
background-repeat:no-repeat;
text-indent:-9999px;}



#beforeafter div.tb_img06 {
width:310px;
text-align:center;
margin:0px 0px 5px 0px;
float:left;}


* html #beforeafter div.tb_img06 {
width:260px;
margin:0px 0px 5px 0px;
float:left;}



#beforeafter div.tb_img04 img {
border:1px solid #8dcba9;
background-color:#FFFFFF;
padding:5px;}

#beforeafter div.tb_img06 img {
border:1px solid #8dcba9;
background-color:#FFFFFF;
padding:5px;}







#beforeafter .mail_box {
padding: 0px 0px 0px 0px;
margin: 0px auto 30px auto;
width: 373px;
text-align: center; }

/*お客様の感想*/
#beforeafter .box06 {
width: 583px;
padding: 50px 20px 0px 20px;
margin: 0px;
background-image: url(images/voice_img.jpg);
background-repeat: no-repeat;
background-color: #ffffff; }

#beforeafter .box06_a {
width: 623px;
padding: 0px 0px 36px 0px;
margin: 0px;
background-image: url(images/voice_img_a.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #ffffff;
line-height: 140%; }

#beforeafter .voice_img {
padding: 3px;
margin: 0px 10px 0px 0px;
border: 1px solid #ccc;
background-color: #FFFFFF;
float: left; }

#beforeafter .voice_txt { padding: 0px 0px 5px 0px; }

#beforeafter .sk_cate_box12 {
float: left;
letter-spacing: 2px;
margin: 30px 0 40px;
width: 310px; }

#beforeafter .sk_cate_box13 {
clear: right;
float: left;
letter-spacing: 2px;
margin: 30px 0 40px;
text-align: right;
width: 310px; }

/*--------------------------------------------------------------------
CADによるご提案のメインスタイル
--------------------------------------------------------------------*/

#cad {
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url(images/cad_title.jpg);
background-repeat:no-repeat;
width: 700px;
}


#cad h1 {
font-size: 18px;
letter-spacing: 2px;
padding: 20px 0px 4px 0px;
margin: 0px;
color:#56a47c; }

#cad div.top_txt {
padding: 20px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#cad .box_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px; }

#cad .box01 {
width: 191px;
padding: 0px 13px 0px 13px;
margin: 0px 0px 30px 0px;
float: left;
font-size: 12px;
text-align: center;
letter-spacing: 1px;
line-height: 140%; }

#cad .box01 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #68ac85; }


/*--------------------------------------------------------------------
CADによるご提案詳細ページのスタイル
--------------------------------------------------------------------*/
#cad .box03 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
 }

#cad .box_d {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 35px;
line-height: 140%; }

/*コメント部分*/
#cad .txt_a {
width: 620px;
font-size: 12px;
padding: 0px 0px 20px 0px; }

#cad .txt_a02 { width: 620px; }

#cad .box03 img {
padding: 10px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF; }

#cad .box04 {
width: 300px;
padding: 0px 10px 10px 0px;
float: left;
margin: 0px 0px 15px 0px;
font-size: 12px; }

#cad .box05 {
width: 300px;
padding: 0px 5px 10px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 12px; }

#cad .box04 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF; }

#cad .box05 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF; }

/*お客様の感想*/
#cad .box06 {
width: 583px;
padding: 50px 20px 0px 20px;
margin: 0px;
background-image: url(images/voice_img.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;}

#cad .box06:after {
content: "."; /* 新しい要素を作る */
display: block; /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden; }

#cad .box06 { min-height: 1px; }

* html #cad .box06 { height: 1px; /*¥*/ /*/
height: auto;
overflow: hidden;
/**/ }

#cad .box06_a {
width: 623px;
padding: 0px 0px 36px 0px;
margin: 0px;
background-image: url(images/voice_img_a.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #FFFFFF;}

#cad .box07 {
width: 623px;
height: 7px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
line-height: 0;
background-image: url(images/works_details_voice02.jpg);
background-repeat: no-repeat; }

#cad .voice_img {
padding: 3px;
margin: 0px 10px 0px 0px;
border: 1px solid #ccc;
background-color: #FFFFFF;
float: left; }

#cad .voice_txt { padding: 0px 0px 5px 0px; }

/*関連の施工実績*/
#cad_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 5px; }

#cad_a .box_d {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 35px; }

#cad_a #title03 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 623px;
height: 42px;
background-image: url(images/cad_title02.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
line-height: 140%;
display: block;
clear: both; }

#cad_a .box01 {
width: 191px;
letter-spacing: 1px;
line-height: 130%;
float: left;
margin: 0px;
font-size: 12px;
padding: 0px 8px 30px 8px; }

#cad_a .box01 img {
padding: 3px;
margin: 0px 0px 3px 0px;
background-color: #68ac85; }

#cad .mail_box {
padding: 0px 0px 0px 0px;
margin: 0px auto 30px auto;
width: 373px;
text-align: center; }

#cad .sk_cate_box12 {
float: left;
letter-spacing: 2px;
margin: 30px 0 40px;
width: 310px; }

#cad .sk_cate_box13 {
clear: right;
float: left;
letter-spacing: 2px;
margin: 30px 0 40px;
text-align: right;
width: 310px; }

/*--------------------------------------------------------------------
お客様の声のメインスタイル
--------------------------------------------------------------------*/


#voice {
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url(images/voice_title.jpg);
background-repeat:no-repeat;
width: 700px;
}

#voice #box {
padding: 0px;
width: 620px;
margin: 20px auto 20px auto; }

#voice .box01 {
width: 600px;
float: left;
padding: 10px;
line-height:160%;
letter-spacing:1px;
margin: 0px auto 5px auto;
background-image: url(images/staff_img_bg02.jpg);
background-color: #ffffff;
background-repeat: repeat-x;}

#voice .box01 { zoom: 1; /*for IE 5.5-7*/ }

#voice .box01:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#voice .name {
line-height: 140%;
text-align: center;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
padding: 5px 5px 5px 5px;
background-image:url(images/chisiki_ttlbg.jpg);
background-repeat:repeat-x;
background-position:bottom;
margin: 0px; }

#voice .box02 {
padding: 0px;
margin: 0px 0px 0px 0px; }

#voice .txt {
color: #333;
font-size: 12px;
line-height: 130%;
margin: 0px 0px 0px 0px;
padding: 3px; }

/*--------------------------------------------------------------------
お客様の声 追加スタイル
--------------------------------------------------------------------*/
#voice .voice_sample {
float: right;
margin: 0px 3px 0px 10px;
padding: 3px; }

#voice .btn {
float: right;
margin: 0px 0 10px 0; }

#voice .voice_txt { padding: 0px 0px 5px 0px; }

/*--------------------------------------------------------------------
お客様の声詳細のメインスタイル
--------------------------------------------------------------------*/
#voice .box03 {
width: 620px;
padding: 10px 0px 0px 0px;
margin: 0px auto 0px auto; }

#voice .box03 img {
padding: 10px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF; }

#voice h1 {
font-size: 16px;
color: #56a47c;
letter-spacing: 2px;
padding: 10px 0px 4px 0px;
margin: 0px 0px 0px 0px; }

#voice div.top_txt {
padding: 10px 20px 10px 20px;
margin: 0px 10px 0px 10px;
color: #FFFFFF;
line-height: 140%;
letter-spacing: 1px; }

#voice .sk_box {
padding: 0px 0px 0px 0px;
margin: 0px auto 30px auto;
width: 373px;
text-align: center; }

/*--------------------------------------------------------------------
新光園イベント情報のメインスタイル
--------------------------------------------------------------------*/

#event {
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url(images/event_title.jpg);
background-repeat:no-repeat;
width: 700px;
}


#event #title {
width: 656px;
height: 54px;
background-repeat: no-repeat;
background-image: url(images/event_title.jpg);
margin: 0px auto 10px auto;
padding: 0px;
　　display: block;
text-indent: -9999px; }

#event h1 {
font-size: 18px;
color: #58a57d;
letter-spacing: 2px;
padding: 20px 0px 4px 0px;
margin: 0px; }

#event div.top_txt {
padding: 10px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#event .box_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 15px; }

#event .box01 {
width: 191px;
padding: 0px 15px 0px 15px;
margin: 0px 0px 30px 0px;
float: left;
font-size: 12px;
text-align: center;
letter-spacing: 1px;
line-height: 140%; }

#event .box01 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #68AC85; }



/*--------------------------------------------------------------------
新光園イベント情報詳細のメインスタイル
--------------------------------------------------------------------*/

#event_details {
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url(images/event_title.jpg);
background-repeat:no-repeat;
width: 700px;
}


#event_details .box {
padding: 0px;
width: 625px;
border:3px solid #ffffff;
margin: 30px 0px 30px 30px; }

#event_details .box01 {
width: 605px;
padding: 10px;
margin: 0px auto 0px auto;
background-color: #ffffff;}


#event_details .box01 { zoom: 1; /*for IE 5.5-7*/ }

#event_details .box01:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#event_details .name {
line-height: 140%;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
background-color: #7bb691;
background-image:url(images/chisiki_ttlbg.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding: 5px 5px 5px 10px;
margin: 0px; }


#event_details .data {
color: #333;
text-align: right;
font-size: 12px;
line-height: 160%;
margin: 0px 0px 0px 0px;
letter-spacing: 2px; }

#event_details .data02 {
color: #333;
text-align: right;
font-size: 12px;
line-height: 160%;
margin: 0px 0px 0px 0px;
letter-spacing: 2px; }

#event_details .txt {
color: #333;
font-size: 12px;
line-height: 160%;
letter-spacing: 1px;
margin: 0px 0px 0px 0px;
padding: 10px 5px 5px 5px; }

#event_details .txt img {
background-color: #FFFFFF;
border: 1px solid #ccc;
margin: 10px auto;
padding: 5px;
display: block; }

#event_details h1 {
font-size: 18px;
color: #fff;
letter-spacing: 2px;
padding: 0px 0px 4px 0px;
margin: 0px; }

/*--------------------------------------------------------------------
豆知識のメインスタイル
--------------------------------------------------------------------*/
#chishiki {
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url(images/chishiki_title.jpg);
background-repeat:no-repeat;
width: 700px;
}


#chishiki h1 {
font-size: 18px;
color: #fff;
letter-spacing: 2px;
padding: 0px 0px 4px 0px;
margin: 0px; }

#chishiki div.top_txt {
padding: 10px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#chishiki .box_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 15px; }

#chishiki .box01 {
width: 191px;
padding: 0px 15px 0px 15px;
margin: 0px 0px 30px 0px;
float: left;
font-size: 12px;
text-align: center;
letter-spacing: 1px;
line-height: 140%; }

#chishiki .box01 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF; }


/*--------------------------------------------------------------------
豆知識詳細のメインスタイル
--------------------------------------------------------------------*/

#chishiki_details {
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url(images/chishiki_title.jpg);
background-repeat:no-repeat;
width: 700px;
}




#chishiki_details .box {
padding: 0px;
width: 625px;
border:3px solid #ffffff;
margin: 30px 0px 30px 30px; }

#chishiki_details .box01 {
width: 605px;
padding: 10px;
margin: 0px auto 0px auto;
background-color: #ffffff;}

#chishiki_details .box01 { zoom: 1; /*for IE 5.5-7*/ }

#chishiki_details .box01:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#chishiki_details .name {
line-height: 140%;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
background-color: #7bb691;
background-image:url(images/chisiki_ttlbg.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding: 5px 5px 5px 10px;
margin: 0px; }

#chishiki_details .data {
color: #333;
text-align: right;
font-size: 12px;
line-height: 160%;
margin: 0px 0px 0px 0px;
letter-spacing: 2px; }

#chishiki_details .data02 {
color: #333;
text-align: right;
font-size: 12px;
line-height: 160%;
margin: 0px 0px 0px 0px;
letter-spacing: 2px; }

#chishiki_details .txt {
color: #333;
font-size: 12px;
line-height: 160%;
letter-spacing: 1px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px; }

#chishiki_details .txt img {
background-color: #FFFFFF;
border: 1px solid #ccc;
margin: 10px 0px 10px 0px;
padding: 5px;
display: block; }

#chishiki_details h1 {
font-size: 18px;
color: #fff;
letter-spacing: 2px;
padding: 0px 0px 4px 0px;
margin: 0px; }

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

#faq  {
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url(images/faq_title.jpg);
background-repeat:no-repeat;
width: 700px;
}

#faq .box {
width: 600px;
padding: 0px;
margin: 20px auto 30px auto; }

#faq .box_a {
background-image: url(images/faq_icon.gif);
background-repeat: no-repeat;
padding: 2px 0px 5px 40px;
margin: 0px 0px 10px 0px;
font-size: 16px;
font-weight: bold;
color: #58a57d;
line-height: 140%; }

#faq .box_b {
background-image: url(images/faq_icon02.jpg);
background-repeat: no-repeat;
padding: 13px 15px 12px 55px;
margin: 0px 0px 20px 0px;
background-color: #ffffff;
line-height: 160%; }

#faq .box_c {
background-image: url(images/faq_icon03.jpg);
background-repeat: no-repeat;
padding: 10px 10px 10px 10px;
margin: 0px 10px 2px 10px;
background-color: #ffffff;
line-height: 160%;
border-left: 5px solid #58a57d; }

#faq .box_d {
background-image: url(images/faq_icon_b.gif);
background-repeat: no-repeat;
padding: 10px 10px 8px 45px;
margin: 0px 10px 0px 10px;
margin: 0px 10px 2px 10px;
line-height: 160%;
background-color: #ffffff;
border-left: 5px solid #58a57d; } }

#faq a {
color: #333;
text-decoration: underline;
border: 0px;
outline: none; }

#faq a:hover {
color: #999;
text-decoration: none;
border: 0px;
outline: none; }

/*--------------------------------------------------------------------
スタッフ紹介
--------------------------------------------------------------------*/

#staff  {
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url(images/staff_title.jpg);
background-repeat:no-repeat;
width: 700px;
}

#staff #box {
padding: 0px;
width: 640px;
margin: 0px auto 20px auto; }

#staff .box01 {
width: 610px;
padding: 0px;
margin: 0px auto 30px auto;
background-image: url(images/staff_img_bg02.jpg);
background-color: #fff;
background-repeat: repeat-x;
border-top: 2px solid #7ab692; }

#staff .box01 { zoom: 1; /*for IE 5.5-7*/ }

#staff .box01:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#staff .box01 img {
padding: 5px;
border: 1px solid #ccc;
background-color: #eeeeee;
background-image: url(images/staff_img_bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin: 10px 20px 20px 10px;
float: right; }

#staff .name {
padding: 0px;
width: 220px;
text-align: center;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
background-color: #7ab692;
background-image: url(images/chisiki_ttlbg.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding: 5px;
margin: 0px; }

#staff .list {
width:200px;
padding: 0px 0px 0px 0px;
float:left;
margin: 0px 0px 0px 0px; }

#staff .box02 {
padding: 20px;
margin: 0px 0px 0px 0px; }

#staff .txt {
color: #a82626;
font-size: 12px;
background-image: url(images/staff_bnr.gif);
background-repeat: no-repeat;
text-align: left;
padding: 3px 3px 2px 28px; }

#staff .txt02 {
color: #333;
font-size: 12px;
line-height: 130%;
margin: 0px 0px 15px 0px;
padding: 3px; }

#staff div.top_txt {
padding: 10px 20px 15px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#staff_a {
padding: 0px 0px 0px 0px;
margin: 0px auto 20px auto;
width: 623px; }

#staff_a #title {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 623px;
height: 42px;
background-image: url(images/staff_title03.gif);
background-repeat: no-repeat;
text-indent: -9999px;
line-height: 140%;
display: block;
clear: both; }

#staff ul {
padding: 0px 0px 4px 0px;
letter-spacing: 2px; }

#staff ul li {
list-style:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 5px;
line-height: 160%; }

#staff_a ul {
padding: 0px 0px 4px 0px;
letter-spacing: 1px; }

#staff_a ul li {
color: #666666;
font-size:14px;
font-weight: bold;
list-style:none;
padding: 0px 0px 0px 5px;
margin: 0px 0px 2px 10px;
line-height: 160%; }

/*--------------------------------------------------------------------
フッターのスタイル
--------------------------------------------------------------------*/
#footer {
margin: 0px auto 0px auto;
padding: 0px;
background-image: url(images/footer_bg.jpg);
letter-spacing: 1px;
min-width: 950px;
height: 247px; }

#footer_main {
margin: 0px auto 0px auto;
width: 950px;
text-align: center;
font-size: 12px;
line-height: 120%;
padding: 0px 0px 0px 0px;
background-image: url(images/footer_main_bg.jpg);
background-repeat: no-repeat;
height: 247px; }

#footer h1 {
font-size: 12px;
padding: 9px 0px 25px 0px;
font-weight: normal;
letter-spacing: 2px;
text-align: center; }

#footer_ad {
margin: 10px 0px 0px 0px;
text-align: left;
font-size: 12px;
color: #FFFFFF;
line-height: 140%;
letter-spacing: 2px;
padding: 0px 0px 30px 342px;
text-indent: -9999px; }

div#footer ul {
display: block;
list-style-type: none;
text-align: center;
padding: 0px 0px 4px 0px; }

div#footer ul li {
display: inline;
color: #666666
line-height: 1.5; }

div#footer ul li a {
color: #333333;
text-decoration: none; }

div#footer ul li a:hover {
	color: #999999;
	text-decoration: underline; }

.map {
margin: 20px 0 0 10px;
padding: 0;
text-align: center;
width: 690px; }

/*--------------------------------------------------------------------
プライバシーポリシー
--------------------------------------------------------------------*/

#policy  {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/policy_title.jpg);
background-repeat: no-repeat; }



#policy #box {
padding: 0px;
width: 640px;
margin: 0px auto 20px auto; }


#policy h1 {
color:#58a57d;
font-size:14px;
font-weight:bold;
margin: 20px auto 0px auto; }


#policy .box01 {
width: 610px;
padding: 0px;
margin: 0px 0px 30px 35px;
background-color: #fff;
background-repeat: repeat-x;
border: 2px solid #a7dbc0; }

#policy .box01 { zoom: 1; /*for IE 5.5-7*/ }

#policy .box01:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#policy .box01 img {
padding: 5px;
border: 1px solid #ccc;
background-color: #eeeeee;
margin: 10px 20px 20px 10px;
float: right; }

#policy .box02 {
padding: 20px;
margin: 0px 0px 0px 0px; }

#policy div.top_txt {
padding: 20px 20px 20px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#policy ul {
padding: 0px 10px 4px 10px;
letter-spacing: 2px; }

#policy ul li {
list-style: none;
margin: 0px 0px 10px 0px; }


/*--------------------------------------------------------------------
庭への想い
--------------------------------------------------------------------*/


#omoi {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/omoi_title.jpg);
background-repeat: no-repeat; }


#omoi .omoi_tb {
width:345px;
font-size:14px;
letter-spacing:2px;
line-height:210%;
padding: 20px 0px 15px 300px;
margin: 35px 0px 0px 20px;
background-image:url(images/omoi_img01.jpg);
background-repeat:no-repeat;}


#omoi .omoi_tb02 {
width:325px;
font-size:14px;
letter-spacing:1px;
line-height:210%;
padding: 15px 300px 0px 20px;
margin: 0px 0px 0px 20px;
background-image:url(images/omoi_img02.jpg);
background-repeat:no-repeat;}


#omoi .omoi_tb03 {
width:345px;
font-size:14px;
letter-spacing:2px;
line-height:210%;
padding: 20px 0px 20px 300px;
margin: 0px 0px 0px 20px;
background-image:url(images/omoi_img03.jpg);
background-repeat:no-repeat;}

#omoi .omoi_tb04 {
width:645px;
margin: 0px 0px 0px 20px;}

#omoi h1 {
color:#44a16b;
font-weight:bold;
font-size:16px; }

#omoi .txt {
 margin: 0px 0px 10px 0px;}

#omoi .txt02 {
 margin: 0px 0px 0px 0px;}
 
#omoi .txt03 {
 margin: 0px 0px 0px 0px;}

/*--------------------------------------------------------------------
バーチャル展示場
--------------------------------------------------------------------*/


#showroom {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/showroom_title.jpg);
background-repeat: no-repeat; }



/*--------------------------------------------------------------------
特定商取引法の表記
--------------------------------------------------------------------*/


#tokutei {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/tokutei_title.jpg);
background-repeat: no-repeat; }



#tokutei_list {
width: 600px;
margin: 30px 10px 10px 30px;
padding: 20px 0 20px 20px;
color: #6da47d;
border-bottom: 2px solid #91ceae;
border-left: 2px solid #91ceae;
border-right: 2px solid #91ceae;
border-top: 2px solid #91ceae;
background-color: #FFFFFF; }

#tokutei_list p {
float: left;
width: 90px;
margin: 0 auto 0 10px;
padding: 0 0 0 15px;
background-image: url(images/icon02.gif);
background-repeat: no-repeat;
display: inline;
background-position: center left ;
line-height: 24px; }

#tokutei_list ul {
margin: 0 0 5px 25px;
padding: 0 0 0 20px;
color: #6da47d;
list-style: none;
background-color: #FFFFFF; }

#tokutei_list li {
width: 450px;
margin: 0 0 5px 70px;
padding: 0 0 0 10px;
color: #6da47d;
list-style: none;
border-bottom: 1px dotted #999999;
line-height: 22px;
background-color: #FFFFFF; }

#tokutei li {
font-weight: normal;
line-height: 22px;
list-style-type: none;
text-align: left;
color: #666666; }

.tokutei_w {
width: 500px;
font-weight: normal;
line-height: 1.5;
list-style-type: none;
text-align: left;
color: #666666; }

/*--------------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------------*/

#contact {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/contact_title.jpg);
background-repeat: no-repeat; }



#contact .box01 {
width: 610px;
padding: 0px;
margin: 0px auto 30px auto;
background-color: #fff;
background-repeat: repeat-x;
border-top: 2px solid #e58686; }

#contact .box01 { zoom: 1; /*for IE 5.5-7*/ }

#contact .box01:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#contact div.top_txt {
padding: 10px 20px 15px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

/* form 関連 */
#form {
float: left;
width: 550px;
margin: 8px auto 28px 40px;
_margin: 4px auto 4px 20px;
padding: 30px 0 30px 50px;
border-bottom: 2px solid #aed7b1;
border-left: 2px solid #aed7b1;
border-right: 2px solid #aed7b1;
border-top: 2px solid #aed7b1;
background-color: #FFFFFF; }

/*--------------------------------------------------------------------
お庭の管理
--------------------------------------------------------------------*/

#kanri {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/kanri_title.jpg);
background-repeat: no-repeat; }


#kanri h1 {
font-size: 18px;
color: #459169;
letter-spacing: 2px;
padding: 20px 0px 4px 0px;
margin: 0px; }

#kanri div.top_txt {
padding: 10px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#kanri .box {
width: 630px;
margin: 0px 0px 0px 30px; }

#kanri .box_details {
width: 670px;
margin: 0px 0px 0px 20px; }

#kanri .title02 {
width: 600px;
background-repeat: no-repeat;
background-image: ;
margin: 0px auto 10px auto;
padding: 7px 0px 7px 10px;
font-size: 18px;
font-weight: bold;
letter-spacing: 10px;
color: #459169;
background-color:#FFFFFF;
border-left: 5px solid #459169;
border-bottom:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #cccccc; }




#kanri .ba_box01 {
width: 605px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 40px 10px;
font-size: 12px;
line-height: 140%;
letter-spacing: 1px; }

#kanri .ba_box02 {
float: right;
text-align: right;
margin: 0px 0px 10px 10px; }

#kanri .ba_txt03 {
margin: 0px 0px 0px 0px;
font-size: 12px;
line-height: 140%;
letter-spacing: 1px; }

#kanri .ba_txt04 {
margin: 0px;
text-align: center;
font-size: 12px;
line-height: 140%;
letter-spacing: 1px; }

#kanri .ba_box07 {
width: 290px;
float: left;
padding: 40px 5px 0px 5px;
margin: 0px 10px 20px 20px;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
background-image: url(images/beforeafter_img02.jpg);
background-repeat: no-repeat; }

#kanri .ba_box08 img { border: 5px #ffffff solid; }

#kanri .ba_box08 {
width: 300px;
float: left;
clear: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 90px 0px;
background-image: url(images/beforeafter_img01.jpg);
background-repeat: no-repeat;
background-position: bottom; }

#kanri .ba_box08_b {
width: 300px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-align: center; }

#kanri .ba_box08_c {
width: 265px;
height: 74px;
background-repeat: no-repeat;
text-indent: -9999px; }

#kanri .ba_box09 img { border: 10px #ffffff solid; }

#kanri .ba_box09 {
width: 490px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; }

#kanri .ba_box09_b {
width: 524px;
padding: 40px 0px 0px 0px;
margin: 0px 0px 0px 40px;
text-align: center;
background-image: url(images/beforeafter_img03.jpg);
background-repeat: no-repeat; }

#kanri .ba_box09_c {
width: 524px;
height: 34px;
margin: 0px 0px 0px 40px;
background-image: url(images/befoaf_shousai_img_bg06.jpg);
background-repeat: no-repeat;
text-indent: -9999px; }

#kanri .ba_box10_s {
padding: 40px 0px 0px 0px;
margin: 10px auto 0px auto;
width: 624px;
background-image: url(images/beforeafter_img05.jpg); }

#kanri .ba_box10_s { zoom: 1; /*for IE 5.5-7*/ }

#kanri .ba_box10_s:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#kanri .ba_box10_b {
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-align: center; }

#kanri .ba_box10_b img { border: 5px #ffffff solid; }

#kanri .ba_box10_box01 {
width: 310px;
float: left;
margin: 0px 6px 0px 0px; }

#kanri .ba_box10_box03 {
float: left;
width: 306px;
margin: 0px 0px 0px 0px; }

#kanri .ba_box11 {
width: 620px;
margin: 30px auto 0px auto;
padding: 10px 0px 0px 0px; }

#kanri .ba_box12 {
width: 310px;
float: left;
margin: 30px 0px 40px 0px;
letter-spacing: 2px; }

#kanri .ba_box13 {
width: 310px;
float: left;
clear: right;
text-align: right;
margin: 30px 0px 40px 0px;
letter-spacing: 2px; }

#kanri .ba_tx11 {
margin: 0px auto 0px auto;
padding: 0px 0px 40px 0px; }

#kanri h1 {
font-size: 18px;
letter-spacing: 2px;
padding: 0px 0px 4px 0px;
margin: 0px; }

#kanri .box_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 15px; }

#kanri .box01 {
width: 191px;
padding: 0px 15px 0px 15px;
margin: 0px 0px 30px 0px;
float: left;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%; }

#kanri .box01 img {
padding: 3px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF; }



#kanri .mail_box {
padding: 0px 0px 0px 0px;
margin: 0px auto 30px auto;
width: 373px;
text-align: center; }

/*--------------------------------------------------------------------
会社概要
--------------------------------------------------------------------*/

#company {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/company_title.jpg);
background-repeat: no-repeat; }



#company_list {
width: 600px;
margin: 30px 10px 10px 40px;
padding: 30px 0 30px 0;
color: #6da47d;
border-bottom: 2px solid #a1d2b8;
border-left: 2px solid #a1d2b8;
border-right: 2px solid #a1d2b8;
border-top: 2px solid #a1d2b8;
background-color: #FFFFFF; }

#company_list p {
float: left;
width: 100px;
margin: 0 auto 0 40px;
padding: 0 0 0 20px;
background-image: url(images/icon.gif);
background-repeat: no-repeat;
display: inline;
background-position: center left ;
line-height: 24px; }

#company_list ul {
margin: 0 0 5px 25px;
padding: 0 0 0 70px;
color: #6da47d;
list-style: none;
background-color: #FFFFFF; }

#company_list li {
width: 300px;
margin: 0 0 5px 70px;
padding: 0 0 0 15px;
color: #6da47d;
list-style: none;
border-bottom: 1px dotted #999999;
line-height: 22px;
background-color: #FFFFFF; }

#company li {
font-weight: normal;
line-height: 1.5;
list-style-type: none;
text-align: left;
color: #666666; }

#access {
width: 645px;
height: 52px;
background-repeat: no-repeat;
background-image: url(images/company_title02.jpg);
margin: 0px auto 20px auto;
padding: 0px;
　　display: block;
text-indent: -9999px; }

#access_box01 {
width: 600px;
margin: 0px auto 10px 50px;
padding: 25px 0px 20px 0px;
background-color: #fff;
text-align:center;}

#img {
margin: 0 auto 10px 40px;
padding: 7px 0 20px 10px; }

/*--------------------------------------------------------------------
サービス内容　庭のお手入れ
--------------------------------------------------------------------*/
#servicelink {
width: 630px;
padding: 10px 0px 0px 0px;
margin: 0px auto 0px auto; }

#servicelink .link {
width: 600px;
float: left;
margin: 0px 0px 40px 10px; }

#service div.top_txt {
padding: 0 20px 0 20px;
margin: 0px 10px 0px 10px;
border-color: #e58686;
border-style: dashed;
border-width: 1px;
line-height: 140%;
letter-spacing: 1px; }

#service02 {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/service02_title.jpg);
background-repeat: no-repeat; }

#service02 div.top_txt {
padding: 20px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#service .tb {
width: 670px;
padding: 0px 0px 0px 0px;
margin: 0px auto 20px auto;
clear: both; }

#service .tb { zoom: 1; /*for IE 5.5-7*/ }

#service .tb:after {
content: "."; /*for modern browser*/
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden; }

#service .tb01 {
float: left;
width: 204px;
padding: 0px;
margin: 0px 5px 0px 10px;
background-color: #FFFFFF; }

#service .tb img {
padding: 2px;
text-align: center;
margin: 0px 5px 5px 6px ;
border: 1px solid #cccccc;
background-color: #ffffff; }

#service .wo_txt01 {
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
line-height: 140%;
padding: 5px 0px 0px 0px;
margin: 5px 5px 5px 5px;
background-color: #6da47d;
text-align: center;
height: 23px; }

#service .wo_txt02 {
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
padding: 0px 7px 5px 7px;
color: #2b451e;
text-align: left; }

#service .wo_txt03 {
font-size: 12px;
letter-spacing: 1px;
line-height: 140%;
padding: 0px 5px 15px 5px; }

#service .bnr01,
#service .bnr01 a {
text-indent: -9999px;
display: block;
margin: 0px ;
padding: 0px;
width: 204px;
height: 40px;
line-height: 0px;
outline: none;
overflow: hidden;
background-image: url(images/works_bnr01.jpg);
background-repeat: no-repeat; }

#service .bnr01 a:hover {
text-indent: -9999px;
display: block;
margin: 0px ;
padding: 0px;
width: 204px;
height: 40px;
line-height: 0px;
outline: none;
overflow: hidden;
background-image: url(images/works_bnr01_a.jpg);
background-repeat: no-repeat; }

#service .box {
width: 630px;
margin: 0px auto 0px auto; }

#service .box_details {
width: 656px;
margin: 0px 0px 0px 5px; }

#service .ba_title {
width: 652px;
height: 97px;
background-image: url(images/befoaf_ichiran_title.jpg);
background-repeat: no-repeat;
margin: 0px auto 10px auto;
text-indent: -9999px; }

#service02 .box {
width: 630px;
margin: 0px 0px 0px 30px; }

#service02 .box_details {
width: 656px;
margin: 0px 0px 0px 5px; }

#service02 .ba_title {
width: 652px;
height: 97px;
background-image: url(images/befoaf_ichiran_title.jpg);
background-repeat: no-repeat;
margin: 0px auto 10px auto;
text-indent: -9999px; }

#service .title02 {
width: 608px;
height: 28px;
background-repeat: no-repeat;
background-image: url(images/beforeafter_title02.jpg);
margin: 0px auto 10px auto;
padding: 7px 0px 0px 10px;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
border-left: 5px solid #e58686; }

#service .ba_title02 {
width: 620px;
height: 34px;
background-image: url(images/befoaf_bnr01.jpg);
background-repeat: no-repeat;
margin: 0px 0px 0px 3px;
text-align: left;
color: #6a6869;
font-size: 16px;
font-weight: bold;
padding: 10px 0px 0px 25px; }

#service02 .title02 {
width: 600px;
background-repeat: no-repeat;
background-image: ;
margin: 0px auto 10px auto;
padding: 7px 0px 7px 10px;
font-size: 18px;
font-weight: bold;
letter-spacing: 5px;
color: #459169;
background-color:#FFFFFF;
border-left: 5px solid #459169;
border-bottom:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #cccccc; }

#service02 .ba_title02 {
width: 620px;
height: 34px;
background-image: url(images/befoaf_bnr01.jpg);
background-repeat: no-repeat;
margin: 0px 0px 0px 3px;
text-align: left;
color: #6a6869;
font-size: 16px;
font-weight: bold;
padding: 10px 0px 0px 25px; }

#service div.top_txt {
padding: 20px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#service .ba_box01 {
width: 250px;
float: left;
padding: 10px 0px 0px 0px;
margin: 0px 10px 10px 5px;
font-size: 12px;
line-height: 140%;
letter-spacing: 1px; }

#service .box01 {
width: 191px;
padding: 0px 15px 0px 15px;
margin: 0px 0px 30px 0px;
float: left;
font-size: 12px;
letter-spacing: 1px;
line-height: 140%; }

#service .ba_box02 {
width: 308px;
float: left;
clear: right;
margin: 0px 0px 40px 0px; }

#service .ba_box03 {
width: 604px;
margin: 0px 0px 40px 30px; }

#service02 div.top_txt {
padding: 20px 20px 25px 20px;
margin: 0px 10px 0px 10px;
font-size: 12px;
line-height: 140%;
letter-spacing: 1px; }

#service02 .ba_box01 {
width: 610px;
padding: 10px 0px 0px 5px;
margin: 0px 10px 10px 5px;
font-size: 14px;
line-height: 140%;
letter-spacing: 1px; }


#service02 .ba_box02 {
float: right;
margin: 0px 0px 20px 10px; }

#service02 .ba_box03 {
width: 604px;
margin: 20px 0px 0px 45px;
text-align:center; }

/*--------------------------------------------------------------------
お仕事の流れ
--------------------------------------------------------------------*/


#flow {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/flow_title.jpg);
background-repeat: no-repeat; }




#flow h1 {
font-size: 18px;
color: #56a47c;
letter-spacing: 2px;
padding: 20px 0px 4px 0px;
margin: 0px; }

#flow div.top_txt {
padding: 20px 20px 25px 20px;
margin: 0px 10px 0px 10px;
line-height: 140%;
letter-spacing: 1px; }

#flow .box_a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 35px; }

#flow .mailbnr {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 5px; }

#flow .tb01 {
width:600px;
background-image:url(images/flow_tbbg.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
padding: 10px 0px 0px 0px;
margin: 0px 0px 10px 10px;
line-height:160%;
letter-spacing:1px;
font-size:14px; }


#flow .tb02 {
width:560px;
background-image:url(images/flow_tbbg03.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding: 0px 20px 50px 20px;
margin: 0px 0px 0px 0px; }



#flow .tb03 {
width:560px;
background-image:url(images/flow_tbbg02.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding: 0px 20px 20px 20px;
margin: 0px 0px 0px 0px; }



#flow #ttl {
width: 557px;
height:44px;
background-image:url(images/flow_title01.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0px auto 10px auto;}

#flow #ttl02 {
width: 557px;
height:44px;
background-image:url(images/flow_title02.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0px auto 10px auto;}


#flow #ttl03 {
width: 557px;
height:44px;
background-image:url(images/flow_title03.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0px auto 10px auto;}


#flow #ttl04 {
width: 557px;
height:44px;
background-image:url(images/flow_title04.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0px auto 10px auto;}


#flow #ttl05 {
width: 557px;
height:44px;
background-image:url(images/flow_title05.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0px auto 10px auto;}


#flow #ttl06 {
width: 557px;
height:44px;
background-image:url(images/flow_title06.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0px auto 10px auto;}


#flow #ttl07 {
width: 557px;
height:44px;
background-image:url(images/flow_title07.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0px auto 10px auto;}



#flow .box01 {
width: 610px;
background-repeat: no-repeat;
background-image: url(images/flow_img01.jpg);
padding: 60px 5px 0px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 14px;
letter-spacing: 1px;
line-height: 140%; }


#flow .box02 {
width: 610px;
background-repeat: no-repeat;
background-image: url(images/flow_img03.jpg);
padding: 60px 5px 0px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 14px;
letter-spacing: 1px;
line-height: 140%; }

#flow_img {
padding: 0px;
margin: 0px 0px 5px 0px; }



#flow .box03 {
width: 610px;
background-repeat: no-repeat;
background-image: url(images/flow_img04.jpg);
padding: 60px 5px 0px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 14px;
letter-spacing: 1px;
line-height: 140%; }


#flow .box04 {
width: 610px;
background-repeat: no-repeat;
background-image: url(images/flow_img05.jpg);
padding: 60px 5px 0px 5px;
margin: 0px 0px 15px 0px;
float: left;
letter-spacing: 1px;
line-height: 140%; }


#flow .box05 {
width: 610px;
background-repeat: no-repeat;
background-image: url(images/flow_img06.jpg);
padding: 60px 5px 0px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 14px;
letter-spacing: 1px;
line-height: 140%; }



#flow .box06 {
width: 610px;
background-repeat: no-repeat;
background-image: url(images/flow_img07.jpg);
padding: 60px 5px 0px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 14px;
letter-spacing: 1px;
line-height: 140%; }



#flow .box07 {
width: 610px;
background-repeat: no-repeat;
background-image: url(images/flow_img08.jpg);
padding: 60px 5px 0px 5px;
margin: 0px 0px 15px 0px;
float: left;
font-size: 14px;
letter-spacing: 0.9px;
line-height: 140%; }

#map_canvas {
width: 600px;
height: 500px;
margin: 0px auto 10px 40px;
padding: 7px 0px 20px 10px;
background-color: #fff;
background-repeat: repeat-x; }


/*--------------------------------------------------------------------
リンク集
--------------------------------------------------------------------*/


#link {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/link_title.jpg);
background-repeat: no-repeat; }



#link_list {
background-color: #FFFFFF;
border: 2px solid #9bd3b6;
color: #6da47d;
margin: 30px 10px 10px 40px;
padding: 30px 0;
width: 600px; }

#link .link_image img {
border-top: 1px solid #CCCCCC;
margin: 10px 0 0; }

#link .link_image {
border-top: 1px solid #CCCCCC;
margin: 10px 30px 15px 30px; }

#link .link_text {
color: #666666;
margin: 3px 30px 0; }



#sitemap {
padding: 50px 0px 0px 0px;
margin: 0px;
width: 700px;
background-image: url(images/sitemap_title.jpg);
background-repeat: no-repeat; }



#sitemap_td_sb {
background-color: #FFFFFF;
border: 2px solid #9bd6b7;
color: #6da47d;
margin: 30px 10px 10px 40px;
padding: 30px 0;
width: 600px; }

/* float解除用
-------------------------------*/
.clearfix:after {
content: "."; /* 新しい要素を作る */
display: block; /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden; }

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; /*¥*/ /*/
height: auto;
overflow: hidden;
/**/ }

/*--次へのリンク--*/
#back-next {
text-align:center;
font-weight:bold;
}