/*
Theme Name: Kougetsuen
Theme URI: http://maxline.co.jp/
Description: Kougetsuenテーマ
Version: 1.0
Author: Maxline
Author URI: http://maxline.co.jp/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/* 
=============================
(C) Kougetsuen
last update 100202
=============================*/

@charset "utf-8";

/*-----------------------------------------------------------------------------
1.ブラウザのCSS初期化
2.共有スタイル
3.コンテンツ部分スタイル
4.フッタ
5.List設定
6.下層ページ
7.ライトボックス用スタイル

更新日 2010.2.3
-----------------------------------------------------------------------------*/

/* 1.ブラウザのデフォルトcssリセット */

h1, h2, h3, h4, h5, p, address,ul, ol, li, dl, dt, dd, table, caption, th, td, form {
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    text-align: left;
    list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間の差異をなくす */

textarea {
	font-size: 100%; 
}


/* 2.共有スタイル */

/*基本レイアウト
---------------------------------------------------- */

*{
	margin:0;
	padding:0;
}

html {
	height:100%;
	background:url(images/common_bg1.gif) repeat-x;	 
}

body {
	font-family: "ＭＳ Ｐゴシック", Tahoma,"Trebuchet MS", Arial, Helvetica, sans-serif, Osaka;	
	font-size:12px;	
	line-height:1.6;
	height:100%;
}

/*　clearfix
---------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */



/*　テキスト
---------------------------------------------------- */

.txtem1 {
	margin-left: 0.5em;
	text-align: center;
	padding:0;
	margin:0;
	}

.txtem2 {
	margin-left: 1.0em;
	text-align: center;
	padding:0;
	margin:0;
	}
	
.txt_red {
	color:#900;
}	


/*　画像
---------------------------------------------------- */

img {
	border:0px;
	vertical-align:bottom;
    }

/* img opacity(css3～) */

#contents a:hover img {
    opacity:0.7;
    filter: alpha(opacity=70);
}



.imgright {
     float: right;
     margin-right:5px;
     margin-bottom: 10px;
}

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

a {
	color: #275A38;
	text-decoration:none;
	outline:none;
	}	

a:hover {
	color: #ADD15D;
	text-decoration:underline;
}

/* 3.コンテンツ部分　共通　*/

/*　外枠　
---------------------------------------------------- */
#container {
	margin:0 auto;
	width:950px;	
	text-align:center;
	color:#333;
	height:100%;
	background: url(images/common_bg2.jpg) no-repeat center top;
	position:relative;	
}



/* ヘッダ (h1に大見出し)
---------------------------------------------------- */
#header { 
	margin: 0 auto;
	width:950px;
	height:170px;	
	text-align:left;
}

/* h1　大見出しテキスト */
#header h1 {
	width:950px;
	padding:3px 0 0 0;
	color:#FFF;
	font-size:10px;
	text-align:center;
	}

/* h2 タイトルロゴ */
#logo {
	position:absolute;
	width:225px;
	top:24px;
	left:0;
	text-indent:-9999px;
}

#logo h2 a {
	width:225px;
	height:126px;
	display:block;
	background: url(images/common_logo.gif) no-repeat;
	}

/* ヘッダのリスト
---------------------------------------------------- */
#topnavlist {
	position:absolute;
	top:58px;
	left:250px;
	margin:0 auto;
}

#topnavlist ul {
	background-color: transparent;
	margin:0;
	padding:0;
}

#topnavlist li {
	display: inline;
	padding-left:30px;	
	background:url(images/common_hed_ya.gif) no-repeat 15px center;
	font-size: x-small;
}




/* ヘッダのナビゲーション　w104px × h30px × 4
---------------------------------------------------- */

#hednav {
	position:absolute;
	top:103px;
	left:250px;
	width:416px;
	height:30px;
	}

#hednav ul {
	list-style:none;
	padding:0;
	margin:0;	
}
#hednav li {
	float:left;
	text-indent:-9999px;
}
#hednav li a {
	text-decoration:none;
	display:block;
	width:104px;
	height:39px;
}

/* hednav オフ */

#nav01 a {
	background: url(images/common_topnav.gif) no-repeat 0 0;
}
#nav02 a {
	background:url(images/common_topnav.gif) no-repeat -104px 0;
}
#nav03 a {
	background:url(images/common_topnav.gif) no-repeat -208px 0;
}
#nav04 a {
	background:url(images/common_topnav.gif) no-repeat -312px 0;
}

	
/* hednav オン */

#nav01 a:hover {
	background:url(images/common_topnav.gif) no-repeat 0 -40px;
}
#nav02 a:hover {
	background:url(images/common_topnav.gif) no-repeat -104px -40px;
}
#nav03 a:hover {
	background:url(images/common_topnav.gif) no-repeat -208px -40px;
}
#nav04 a:hover {
	background:url(images/common_topnav.gif) no-repeat -312px -40px;
}


/* コンテンツ 枠
---------------------------------------------------- */

#contents {
	clear:both;
	margin: 0 auto;
	width:950px;
	background: #FFF url(images/common_bg2b.gif) repeat-y left 170px;
	height:auto;
}


/* メインコンテンツ　右側の外枠
---------------------------------------------------- */

#main {
	float:right;
	margin:0 auto;	
	width:720px;
	overflow:hidden;
}


/* indexメイン内　写真
---------------------------------------------------- */

/* index　トップイメージ写真 */

.mainbox1 {
	position: absolute;
	top:132px;
	left:235px;
	width:707px;	
}

.mainbox2, .mainbox3 {
	margin:0 auto;
}

/* index　デザインポリシー写真 */

.mainbox2 {
	padding-top:300px;	
}

/* index　２並び写真 */

.mainbox3 {
	clear:both;
	width:680px;
	padding:10px 0 0 0;	
}

.mb3_left, .mb3_right {
	width:335px;
	padding:15px 0;
	overflow:hidden;
}

.mb3_left {
	float:left;
	background:url(images/common_line335.gif) no-repeat 0 7px;
}
.mb3_right {
	float: right;
	background:url(images/common_line335.gif) no-repeat 0 7px;
}
.mainbox3 p {
	padding:10px 5px 0 5px;
}

/* index 新着情報・最新施工実績　外ボックス(720px)
---------------------------------------------------- */
.newsinfo, .worksinfo, .worksphto {
	clear:both;
	height:auto;
	margin:0 auto;
}
.newsinfo, .worksinfo {
	width:720px;
	padding:15px 0 25px 0;	
}

.worksphoto {
	width:720px;
	padding: 15px 0 0 10px;	
}


/* index 新着情報・施工実績のタイトル(h3) */

.newsinfo h3, .worksinfo h3 {
	margin:0 auto;
	width:698px;
	height:59px;
	display:block;
	text-indent:-9999px;
}

.newsinfo h3 {
	background: url(images/top_news.gif) no-repeat;
}

.worksinfo h3 {
	background: url(images/top_works.gif) no-repeat;
}


/* index 新着情報　リスト設定
---------------------------------------------------- */

.newsbox {
	clear: both;
	width:620px;
    margin: 0 auto;
    padding: 0;
	border-bottom:1px dotted #ccc;

}
.newsinfo dl {
	width:620px;
    padding: 0;	
	background: url(images/top_list_ten.gif) no-repeat 0px 9px;
    }

.newsinfo dt, .newsinfo dd {
	line-height:1.6;
	padding:3px 5px 5px 15px;

}

.newsinfo dt {
	float:left;
	width:140px;
	font-weight: bold;
	font-size: 100%;
	color:#E95711;	
}

.newsinfo dd {
	margin-left:140px;
}



/* index 施工実績　3並び設定
---------------------------------------------------- */

.box3f {
	width:190px;
	float:left;
	margin-left:35px;
	display:inline;
	overflow: hidden;
}

/*　box3f内　写真box */

.box3f_up {
	width:180px;
	padding:2px;
	border: solid 1px #CCC;
	
}

/*　box3f内　見出しとテキストbox */

.box3f_down {
	width:180px;
	padding:0 10px 0 5px;
	background:url(images/top_works_list1.gif) no-repeat 3px 3px;
	
}

/*　box3f内　タイトル */

.box3f_down1 {
	width:175px;
	border-bottom: dotted 1px #999;
	padding-top:16px;
	padding-left:2px;
}

.box3f_down1 p {
	text-align:center;
}

.box3f_down1 a {
	text-decoration:none;
	padding-left:10px;

	}

.box3f_down1 a:hover {
	text-decoration: none;
}

/*　box3f内　サブタイトル */

.box3f_down2 {
	padding: 5px 8px 5px 0;
	color:#300;
}

.box3f_down2 p {
	text-align:right;

}

/*　box3f内　テキスト */

.box3f_down3 {
	width:180px;
	text-align:left;
	padding: 5px 0 5px 0;
}



/* サイドメニュー　左側の外枠
---------------------------------------------------- */
#side_nav {
	float:left;
	width:230px;
	margin:0 auto;
}
#side_nav h3 {
	text-indent:-9999px;
	display:block;
}

/* サイドメニュー内　バナー枠 (連絡先)　*/

.side_banner {
	margin:0 auto;
	width:211px;
	height:98px;
	background:url(images/common_button1.gif) no-repeat;

}

/* サイドメニュー内　メニュー枠 */

#sidenavi1, 
#side_navbox2, 
.side_navbox3, .side_navbox4 {
	margin:0 auto;
	width:208px;
	padding:5px 0 ;
	margin-top:10px;
}

#side_navbox2 img, 
.side_navbox3 img, .side_navbox4 img {
	padding-bottom:6px;
}

.side_navbox3 p, .side_navbox4 p {
	padding: 0px 5px 10px 5px;
}
.side_navbox4 {
	font-size:10px;
}

#sidenavi1, #side_navbox2,
.side_navbox3 {
	border: solid 1px #dcdcdc;
}

#sidenavi1 {
	text-indent:-9999px;
	height:auto;
}

#sidenavi1 h3, #side_navbox2 h3 {
	text-indent:-9999px;
	height:26px;
	padding-bottom:5px;
}

#sidenavi1 h3 {
	background:url(images/common_nav_contents.gif) no-repeat center top;
}

#side_navbox2 h3 {
	background:url(images/common_nav_info.gif) no-repeat center top;
}

.side_navbox3 {
	background:url(images/common_bg_midori.jpg) repeat-x left bottom;
}


/* メニュー1のナビ設定 (sidenavi1)
---------------------------------------------------- */

#sidenavi1 ul {
	width:196px;
	margin: 0 auto;
	list-style:none;
	padding:0;
}

#sidenavi1 li {
	list-style-type:none;
}
#sidenavi1 li a {
	text-decoration:none;
	display:block;
	width:196px;
	height:39px;
}

/* navi 1 オフ */

#sidenavi1 li#s1navi01 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 0;
}
#sidenavi1 li#s1navi02 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -39px;
}
#sidenavi1 li#s1navi03 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -78px;
}
#sidenavi1 li#s1navi04 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -117px;
}
#sidenavi1 li#s1navi05 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -156px;
}
#sidenavi1 li#s1navi06 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -195px;
}
#sidenavi1 li#s1navi07 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -234px;
}
#sidenavi1 li#s1navi08 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -273px;
}
#sidenavi1 li#s1navi09 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -312px;
}
#sidenavi1 li#s1navi10 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -351px;
}
#sidenavi1 li#s1navi11 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -390px;
}
#sidenavi1 li#s1navi12 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -429px;
}

/* navi 1 オン */

#sidenavi1 li#s1navi01 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px 0;
}
#sidenavi1 li#s1navi02 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -39px;
}
#sidenavi1 li#s1navi03 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -78px;
}
#sidenavi1 li#s1navi04 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -117px;
}
#sidenavi1 li#s1navi05 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -156px;
}
#sidenavi1 li#s1navi06 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -195px;
}
#sidenavi1 li#s1navi07 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -234px;
}
#sidenavi1 li#s1navi08 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -273px;
}
#sidenavi1 li#s1navi09 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -312px;
}
#sidenavi1 li#s1navi10 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -351px;
}
#sidenavi1 li#s1navi11 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -390px;
}
#sidenavi1 li#s1navi12 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -196px -429px;
}


/* メニュー2のリスト設定 (side_navbox2)
---------------------------------------------------- */

#side_navbox2 ul {
	width:190px;
	margin: 0 auto;
	padding: 10px 5px 15px 0;
	background-color:#FFF;
}

#side_navbox2 li {
	padding:3px 3px 5px 35px;	
	background: url(images/common_nav_ya1.gif) no-repeat 12px 8px;
	border-bottom:#BEDDEA solid 1px;
	margin-left:2px;
}

#side_navbox2 a {
	color:#000;
}
#side_navbox2 a:hover {
	color:#00A5D4;
}





/* コンテンツのフッタ画像 (背景緑のテキストボックス)
---------------------------------------------------- */
#mainfoot {
	clear:both;
	height:35px;	
	background: url(images/common_bg2c.gif) no-repeat center bottom;
	color:#FFF;
	font-size:10px;
	}

#mainfoot p {
	padding-top:10px;
	text-align:center;
}


/* 4.フッダ　共通
---------------------------------------------------- */

#footer {
	clear:both;
	margin:0 auto;
	width:100%;
	height:230px;
	padding-top:70px;	
	background:url(images/common_footer_bg1.gif) repeat-x center bottom;
}
	
#footer p {
	color:#FFF;
}

/*　コピーライト */

#copy {
	background:url(images/common_footer_bg2.gif) no-repeat center 10px;
	width:950px;
	height:100px;
	margin:0 auto;
	line-height:1.2;	
	padding-top:28px;

}
#copy p {
	padding-left:270px;
	color:#666;
}
.txt5em {
	text-indent:65px;
}

#copyright {
	width:950px;
	margin:0 auto;
}
#copyright p {
	text-align:center;
	font-size:10px;
}


	
/* 5.リスト(フッタ・パンくず)共通
---------------------------------------------------- */
#footlist, #toplist {
	margin:0 auto;
	color:#666;
	font-size:x-small;
}

#footlist li, #toplist li {
	display: inline;
	padding:0 5px;
}

#footlist li {
	background:url(images/common_toplist.gif) no-repeat left center;
}

#toplist li {
	background:url(images/common_toplist2.gif) no-repeat left center;
}

/*　フッタ リスト */

#footlist {
	height:auto;
	padding-top:25px;
	padding-right:5px;	
}
#footlist li a {
	padding-left:5px;
	color:#FFF
}
#footlist ul {
	text-align: center;
}
#footlist ul li:first-child,
#toplist ul li:first-child {
	background:none;	
}

/*　下層頁パンくずリスト */

#toplist {
	width:675px;
	height:auto;
}

#toplist ul {
	text-align:right;
}

#toplist a {
	padding-left:5px;
}



/* トップへ戻るバナー 
---------------------------------------------------- */
#backbox {
	clear:both;
	width:700px;
	margin:10px auto;
}
.banner_top, .top_banner_works {
	text-indent:-9999px;
	padding-bottom: 50px;
}
.banner_top a {
	display:block;
	width:160px;
	height:20px;
	background:url(images/common_top_ban1.gif) no-repeat right bottom;
	margin-left:510px;
}
.banner_top a:hover {
	background:url(images/common_top_ban1_o.gif) no-repeat right bottom;

}

/* indexの最新施工バナー */

.top_banner_works a {
	display:block;
	width:243px;
	height:29px;
	background:url(images/top_works_ban.gif) no-repeat right bottom;
	margin-left:435px;
}
.top_banner_works a:hover {
	background:url(images/top_works_ban_o.gif) no-repeat right bottom;
	
}



/* 下層　外枠(font可変・画像でのカラム落ち防止)
---------------------------------------------------- */
.pagebox1, .pagebox2 {
	clear:both;
	width:720px;
	height:auto;
	margin:0 auto;
	font-size:small;
	overflow:hidden;
}
.pagebox1 {
	padding-top:7px;
	padding-bottom:8px;
}


/* 下層ページ・写真の背景装飾
---------------------------------------------------- */
.pagebox1 img, .pagebox2 img, .ba_box img {
	padding:5px;
	background-color:#FFF;
	border:solid 1px #CCC;
}


/* 6.下層P  タイトル外枠
---------------------------------------------------- */

.titlebox {
	width:720px;
	height:auto;
	padding-top:10px;
	padding-bottom:15px;
}

/* 下層P・ページタイトル-1、見出し-2 */

#title1, #title2, #title3, #title4, #title5, #title6, #title7, #title8, #title9, #title10, #title11, #title12, #title13, #title14, #title15, #title16, #title17, #title18 {
	margin:0 auto;
	width:720px;
	height:30px;
	text-indent:-9999px;
	display:block;
}

/* 施工実績頁のタイトル */
#title1 {
	background:url(images/works_title.gif) no-repeat center top;	
}

/* 各メーカー商品のタイトル */
#title2 {
	background:url(images/maker_title.gif) no-repeat center top;	
}

/* よくある質問のタイトル */
#title3 {
	background:url(images/faq_title.gif) no-repeat center top;	
}

/* ビフォーアフターのタイトル */
#title4 {
	background:url(images/ba_title.gif) no-repeat center top;	
}

/* スタッフ紹介のタイトル */
#title5 {
	background:url(images/staff_title.gif) no-repeat center top;	
}

/* お客様の声のタイトル */
#title6 {
	background:url(images/voice_title.gif) no-repeat center top;	
}

/* お仕事の流れのタイトル */
#title7 {
	background:url(images/workflow_title.gif) no-repeat center top;	
}

/* 料金についてのタイトル */
#title8 {
	background:url(images/charge_title.gif) no-repeat center top;	
}

/* サービス内容のタイトル */
#title9 {
	background:url(images/service_title.gif) no-repeat center top;	
}

/* 会社概要のタイトル */
#title10 {
	background:url(images/company_title.gif) no-repeat center top;	
}

/* 沿革のタイトル */
#title11 {
	background:url(images/company_title2.gif) no-repeat center top;	
}

/* 特定商取引法の表記のタイトル */
#title12 {
	background:url(images/tokusho_title.gif) no-repeat center top;	
}

/* 個人情報保護方針の表記のタイトル */
#title13 {
	background:url(images/privacy_title.gif) no-repeat center top;	
}

/* 店舗案内のタイトル */
#title14 {
	background:url(images/tenpo_title.gif) no-repeat center top;	
}

/* シンボルツリーについてのタイトル */
#title15 {
	background:url(images/symbol_title.gif) no-repeat center top;	
}

/* サイトマップのタイトル */
#title16 {
	background:url(images/sitemap_title.gif) no-repeat center top;	
}

/* お問い合わせのタイトル */
#title17 {
	background:url(images/contact_title.gif) no-repeat center top;	
}

/* お庭のお手入れのタイトル */
#title18 {
	background:url(images/garden_title.gif) no-repeat center top;	
}

/* 各ページタイトル-2　見出し
---------------------------------------------------- */
.titleboxB {
	width:720px;
	height:auto;
	padding:0;
	padding-bottom:15px;
	font-weight:bold;
	font-size:small;
	background:url(images/common_page_title.gif) no-repeat center top;
}

.titleboxB h4 {
	padding: 2px 0 0 70px;
	font-weight:bold;
}



/* 施工実績・メーカー商品　一覧の頁
---------------------------------------------------- */

.work_box {
	float:left;
	width:335px;
	background:url(images/common_line335.gif) no-repeat 17px 7px;
	padding:10px 8px;
}


/* 中ボックス・施工実績、メーカー商品の写真box */

.box_mA {	
	float:left;
	display:inline;
	margin-left:5px;
	padding:10px 8px;
	background:url(images/common_bg_midori.jpg) repeat-x left bottom;
}

.box_mA img {
	float:left;
    margin-right: 1em;
}

.box_mA p {	
	padding-top:5px;
}


/* 施工実績・メーカー商品　カテゴリ名 */

.work_box h4 a {
	font-weight:bold;
	padding:8px 0 3px 0;
	border-bottom:dotted 2px #6C6;
}
.work_box h4 a:hover {
	text-decoration: none;
}

/* 施工実績・メーカー商品　一覧はこちら～のボタン */

.box_mA h5 a {
	clear:both;
	 background: url(images/works_h5.gif) no-repeat;
	 text-indent:-9999px;
	 display:block;
	 width:122px;
	 height:30px;
	 margin-top:20px;
	 margin-left:200px;
 }
.box_mA h5 a:hover {
	 background: url(images/works_h5_o.gif) no-repeat;
}


/* 施工実績・メーカー商品　詳細ページ
---------------------------------------------------- */

/* 大写真用ボックス */

.photobox_L {
	clear:both;
	width:660px;	
	margin:10px 5px;
	background:url(images/) no-repeat;
}

.txtL {
	clear:both;
	width:600px;
	text-align:left;
	padding-left:65px;
	margin:5px 0;
}


/* 並列 中写真の外ボックス  */

.photobox_m {
	clear:both;
	width:660px;
	padding:10px 0 25px 60px;
}
.photobox_m p {
	padding-left:5px;
	padding-top:5px;
}

.txtM {
	clear:both;
	width:660px;
	text-align:left;
	padding:0 0 15px 70px;
	margin-bottom:5px;
}



/* 2並写真用ボックス　photobox_m内 (施工実績詳細、メーカー商品詳細) */

.pm2_l, .pm2_r {	
	width:285px;
	margin-bottom:8px;
}
.pm2_l {
	float:left;
	overflow:hidden;	
}
.pm2_r {
	float: right;
	padding-right:60px;
}


/* 施工実績のお客様の声、お客様の声頁 外box */

.voice_boxA {
	width:600px;
	margin:12px auto;
	border:1px solid #9C3;
	margin:0 auto;
	overflow:hidden;
}


/* お客様の声 2並写真用ボックス */

.pm2_A {
	width:295px;
	margin-bottom:5px;
	padding-left:0px;
	float:left;
	overflow:hidden;
}


/* ビフォーアフター 一覧 写真設定 */

.ba_box {
	clear:both;
	width:670px;
	margin:0 auto;
	padding:10px 0 0 50px;
	overflow:hidden;
	font-size:small;
}

.ba_box p {
	padding:3px 0 0 10px;
}

.txtbox620 {
	clear:both;
	margin:0 auto;
	width:620px;
	text-align:left;
	padding: 0 0 15px 10px;
	font-size:small;	
}

/* ボックスp  左テキストbox */

.ba_boxp {
	width:140px;
	float:left;
}


/* 写真＋背景矢印の外ボックス */
.ba_photoboxb1 {
	margin:0;		
}

/* ボックス_l 中央box 背景にbefore画像 */
.ba_box_l {
	width:250px;
	float:left;
	background:url(images/before_yaji.jpg) no-repeat center top;
}
.ba_box_l img {
	margin-top:55px;
	margin-right:30px;
}

/* ボックス_r  右側box 背景にafter画像 */
.ba_box_r {
	width:230px;
	float:left;
	background:url(images/beforeafter_txt_after.gif) no-repeat 5px bottom;
}
.ba_box_r img {
	margin-bottom:30px;
}

/* ボックス_bottom  一覧はこちら画像 */

.ba_box_bottom {
	clear:both;
	width:620px;
	margin:0 auto;
}

.bl001 a {
	background: url(images/works_h5.gif) no-repeat right bottom;
	text-indent:-9999px;
	display:block;
	width:122px;
	height:30px;	
	margin:20px 0 30px 498px;
}
.bl001 a:hover {
	 background: url(images/works_h5_o.gif) no-repeat;
}



/* ビフォーアフター詳細ページ  */

.ba_box1, .ba_box1bg {
	float:left;
	width:300px;
}
.ba_box1bg {
	border: #9C0 1px solid;
	margin-top:4px;
	margin-left:10px;
	display:inline;
}

/* beforeafter　お客様の要望タイトル(w300 BG上部) */

.photobox_box1t {
	width:auto;
	padding-left:15px;
	background:url(images/ba_vo1.gif) no-repeat left top;
	text-indent:-9999px;
}
.photobox_box1t h5 {
	padding-top:5px;
	padding-bottom:25px;
	}

/* beforeafterお客様の要望・左テキスト(w300 BG下部) */
.ba_box1a {
	width:auto;
	padding-left:15px;	
}

.ba_box1a p {
	text-align:left;
	padding:0 5px;
	padding-bottom:5px;
	}


/* ビフォーアフター お客様の要望・右写真と矢印 */

.ba_box1b  {	
	width:280px;
	float: right;
	padding-top:5px;
}

/* BEFORE 写真下のマージン */

.ba_b1bup {
        margin-bottom:10px;	
}
.ba_b1bdown {
	background:url(images/before_yaji2.jpg) no-repeat center bottom;
	height:40px;
	text-indent:-9999px;
}

/* 大写真用ボックス-afterの背景 */
.ba_box1_z {
	background:url(images/beforeafter_bg600x480.jpg) no-repeat 10px 0;
}

.ba_box1_z p {
	padding:5px 50px 0 60px;
}
/*after 写真表示のマージン */

.ba_box1_z img {
        margin-top:45px;
        }

/* ビフォーアフター　ba_box内　中写真(２並び　矢印有) */

/* beforeafter左 ・写真  */

.ba_box2a {
	float: left;
	width:286px;
	display:inline;
	margin-left:2px;
	text-align: left;
	overflow:hidden;
}

/* beforeafter右 */
.ba_box2b {
	float:left;
	width:282px;
	display:inline;
	overflow:hidden;
}

/* beforeafter中・矢印 */
.ba_box2c {
	float:left;
	width:45px;
	height:250px;
	background: url(images/beforeafter_ya_x.gif) no-repeat 0 125px;
	text-indent:-9999px;
	overflow:hidden;
}



/* 見出し　関連を見る1～、 お問い合わせはこちら、この施工実績を見る */

.title_photo, .title_photo2, .title_photo3, .title_photo4 {	
	clear:both;
	width:600px;
	height:50px;
	text-indent:-9999px;
	margin:0 auto;
}

/* 1-1関連の施工実績 */
.title_photo {
	background:url(images/works_button1.gif) no-repeat center 20px;

}

/* 1-2関連の商品 */
.title_photo2 {
	background:url(images/maker_button1.gif) no-repeat center 20px;
}

/* お問い合わせはこちら、この施工実績を見る　*/
.title_photo3 a, .title_photo4 a {
	display: block; 	
}

.title_photo3 a {
	background:url(images/works_button2.gif) no-repeat 0 0;
	width:600px;
	height:35px;

}
.title_photo3 a:hover {
	background:url(images/works_button2_o.gif) no-repeat 0 0;
}
.title_photo4 a {
	width:300px;
	height:35px;
	background:url(images/works_button3.gif) no-repeat 0 0;
	margin:15px 0 15px 300px;	
}
.title_photo4 a:hover {
	background:url(images/works_button3_o.gif) no-repeat 0 0;
}




/* 3並・小写真用　works,webshop,recommenのdetails */

/*　photoboxS　外枠 */

.photoboxS {
	clear:both;
	width:660px;
	padding: 15px 0 15px 30px;	
	margin:0 auto;
}


/*　photoboxSボックス横並びの設定 */
.ps3 {
	width:196px;
	float:left;
	margin-left:11px;
	display:inline;
    overflow:hidden;
}
.ps3 p {
	padding:5px 0 0 5px;
}

/* ビフォーアフター・スタッフ頁 外box */

.voice_box {
	width:595px;
	height:auto;
	border:1px solid #9C3;
	margin:15px auto;
	overflow:hidden;
}


/* ba-タイトルお客様の感想 work-タイトルお客様の声 voice-タイトル背景 */
.voice_title, .voice_title2, .voice_tab1 {
	height:35px;
	margin:2px 0 0 0;
}
.voice_title {
	width:598px;
	background:url(images/beforeafter_voice1.gif) no-repeat 2px 0;
	text-indent:-9999px;
	
}
.voice_title2 {
	width:615px;
	background:url(images/works_voice2.gif) no-repeat 0 0;
	text-indent:-9999px;
	
}
.voice_tab1 {
	width:600px;
	background:url(images/voice_tab.gif) no-repeat 0 0;
	color:#FFF;
	font-weight:bold;
	font-size: medium;
	padding:3px 0 0 10px;
}



/* お客様の感想・テキストと写真 */

.voice_txt {
	width:590px;
	margin:0 0 5px 0;
	padding-top:20px;
	padding-bottom:20px
}
.voice_txt img {
	float:left;
	margin:5px 10px;
}
.voice_txt p {
	padding-left:15px;
}



/* スタッフ頁 */

/* スタッフタブ */
.staff_tab {
	clear:both;
	width:622px;
	height:40px;
	margin:0 auto;
	margin:10px auto;
	background:url(images/staff_tab.gif) no-repeat left bottom;
	text-indent:-9999px;
	margin-bottom:-10px;
}

/* スタッフ枠 */
.staff_box {
	clear:both;
	width:620px;
	margin:0 auto;
	border:1px solid #9C3;
	margin:10px auto;
	overflow:hidden;
}

/* スタッフ　左写真 */
.staff_left {
	float:left;
	width:280px;
	padding:15px 5px;
}

/* スタッフ　右テキスト */
.statt_right {
	float:right;
	width:310px;
	padding:20px 5px 5px 0;	
	margin-top:2px;
}

/* スタッフ　statt_right内 定義リスト */

.staff_box dt {
	float:left;
	width:5em;
	border-top:1px dotted #9C3;
	font-weight: bold;
}
.staff_box dd {
	margin-left:6em;
	padding-bottom:5px;
	border-top:1px dotted #9C3;
}


.clear {
	clear:both;
}

/* お庭のお手入れ頁 
-----------------------------------------------------------*/

/* 上部テキスト　枠 */
.garden_txt {
	width:600px;
	margin:0 auto;
	padding:5px 10px 0 10px;
	text-align:left;	
}

/* テキスト　枠 */
.garden_box , .garden_box2 {
	clear:both;
	width:600px;
	margin:15px auto 5px auto;
	padding:10px;
	overflow:hidden;
	text-align:left;
}
.garden_box2 {
	width:580px;
	margin:20px auto;
	padding:35px 15px 10px 15px;
	border:1px solid #063;
	border-top:3px solid #063;	
	background:url(images/garden_bg01.gif) no-repeat 0 3px;	
}
.garden_box2 p {
	margin-bottom:25px;
}


.garden_box ul {
	width:580px;
	margin:0 auto;
	padding:0;
}
.garden_box li {
	padding:5px 0 5px 15px;
	background:url(images/common_works_ya.gif) no-repeat 5px 12px;	
}

.utit {
	margin:5px 0;
	font-size:120%;
	font-weight:bold;
	color:#060;
	border:1px solid #693;
	border-left:8px solid #693;
	padding:5px 10px;
}

/* 写真　枠 */
.garden_p01 {
	width:650px;
	margin:0 auto;
	padding:5px 0px;
	text-align:left;
}
.garden_p01 img {
	margin:0 0 0 16px;
	display:inline;
}


/* FAQ */

.faq_h, .faq_box {
	clear:both;
	width:662px;
	margin:0 auto;
	margin-bottom:10px;
	font-size:small;
}
.faq_box {
	clear:both;
	width:662px;
	margin:0 auto;
	text-indent:2.0em;
	margin-bottom:20px;
	font-size:small;
}

.faq_h h4 {
	font-size: small;
	font-weight: bold;
	padding:8px 0 10px 10px;
	background:url(images/faq_Q.gif) no-repeat left bottom;
	margin-bottom:20px;
}

.faq_h h4:first-letter {
font-size: 150%;
font-weight: bold;
color: #0C4D2E;
background: #ffffff;
}

.faqtxt {
	font-size: small;
	margin-left:30px;
	margin-bottom:10px;
	
}


/* FAQ リスト */

.faq_box ul,
.faq_box li {
	margin:0;
	padding:0;
	list-style:none;
	font-size: small;


	}
	
.faq_box li {
	display:block;
	background:url(images/faq_list_button.gif) no-repeat 10px 3px;
}



/* ライトボックス
---------------------------------------------------- */
/**
 * jQuery lightBox plugin
 * @version 0.5
 */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



/*--------------------------------------------------------------------
各カテゴリページのサムネイルリスト　共通
--------------------------------------------------------------------*/

#common_thumnail_list {
	padding:0;
	width:680px;
	margin:0 auto;
}
#common_thumnail_list .list_box {
	background-color:#FFFFFF;
	float:left;
	margin:0 8px 20px;
	padding:5px;
	width:195px;
}

#common_thumnail_list .list_box p.img {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin:0 auto 3px;
	padding:6px;
}
#common_thumnail_list .list_box .thum_txt {
	color:#777777;
	font-size:12px;
	letter-spacing:1px;
	line-height:130%;
	padding:6px;
	text-align:center;
}

#common_thumnail_list .list_box .thum_txt a{
	color:#777777;
	font-size:12px;
	letter-spacing:1px;
	line-height:130%;
}

/*--最下層アンダーリンク--*/

#back {
	width:300px;
	float:left;
	text-align:left;
	margin:30px 10px 40px 50px;
	}

#next {
	width:300px;
	float:right;
	clear:right;
	text-align:right;
	margin:30px 50px 40px 0;
}

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

.title_flow {
	width:680px;
	height:35px;
	padding:0;
	padding-bottom:15px;
	font-weight:bold;
	background:url(images/title_flow.jpg) no-repeat;
	margin: 15px 0 10px 15px;
	clear:both;
}

.title_flow h4 {
	padding: 5px 0 0 20px;
	font-weight:bold;
}


.flowbox_01{
	width:680px;
	margin:0 5px auto 0;
	padding-top:5px;
}
.flowbox_01 img {
	float:right;
	text-align:right;
	margin:5px 10px 10px 20px;
	clear:both;
}
.flowbox_01 p {
	padding-left:20px;
}


.flowbox_02{
	width:650px;
	margin:0 5px auto 0;
	padding-top:5px;
}
.flowbox_02 img {
	float:left;
	clear:both;
	margin:5px 10px 10px 20px;
}
.flowbox_02 p {
	padding-left:20px;
}

.flow_photo {	
	width:600px;
	float:left;
	clear:both;
	margin:15px 5px 10px 20px;
	border:#999 dotted 0px;	
}

.flow_photo img {	
	margin:15px 5px 10px 20px;
	padding-bottom:10px;
}



/* 料金について頁 
-----------------------------------------------------------*/
/* 枠 */
.charge_box {
	clear:both;
	width:620px;
	margin:0 auto;
	border:1px solid #063;
	margin:15px auto 5px auto;
	overflow:hidden;
}

p.charge_under {
	text-align:right;
	margin:0 50px 0 0;
}

.charge_txt {
	width:600px;
	margin:0 auto;
	padding:5px 10px;
	text-align:left;
}

.charge_box h4 {
	padding:5px 20px;
	font-size:110%;
	font-weight:bold;
	color:#FFF;
	background: url(images/charge_h41.jpg) repeat-y 0 0;		
}


/* 左　写真 */
.charge_left {
	float:left;
	width:280px;
	margin-top:10px;
	padding:15px 5px;
}

/* 右テキスト上　テキスト */
.charge_right1 {
	float:right;
	width:310px;
	margin-top:10px;
	padding:20px 5px 5px 0;		
}

/* 右テキスト下 　金額表示 */
.charge_right2 {
	float:right;
	width:295px;
	margin:40px 15px 10px 0;
	display:inline;
	height:20px;
	padding:0 5px 5px 0;
	border:1px solid #060;
	background-color:#FFC;
}
.charge_right2 p {
	text-align:center;
	font-size:140%;
	font-weight:bold;
	letter-spacing: 0.3em;		
}

/*--------------------------------------------------------------------
サービス内容
--------------------------------------------------------------------*/

.title_service {
	width:680px;
	height:35px;
	padding:0;
	padding-bottom:15px;
	font-weight:bold;
	background:url(images/title_service.jpg) no-repeat;
	margin: 15px 0 10px 15px;
	clear:both;
}

.title_service h4 {
	padding: 5px 0 0 20px;
	font-weight:bold;
}

.servicebox{
	width:680px;
	margin:0 5px auto 0;
	padding-top:5px;
}
.servicebox img {
	margin:5px 10px 10px 0px;
}
.servicebox p {
	padding-left:20px;
}

.service_photo {	
	width:680px;
	margin: 10px 5px 10px 15px;

}


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

.comapnybox{
	width:680px;
	margin:0 5px auto 0;
	padding-top:5px;
}

.comapnybox p {
	padding-left:20px;
}


#company {
   width: 680px;
   float: left;
   padding: 0 0 0 10px;
   margin: 0 0 20px 0;
   line-height: 130%;
}

.lead {
font-size:13px; 
line-height:1.5;
margin-bottom:20px;}

#company dl {
   padding: 10px 10px 0 10px;
   line-height: 150%;
}

#company dt {
	width:150px;
	padding:3px;
	margin: 0 0 0 5px;
   float: left;
   font-weight: bold;
   background:url(images/company_box.jpg) no-repeat top;
   color: #FFF;
}

#company dd {
   margin: 0 0 0 170px;
   padding: 0 0 10px 0;
}

.bb {
	color:#FFF;
   padding:3px;
}

.img_right {
   float: right;
   margin: 0 60px 0 20px;
}

#map{
width: 620px;
float:left;
margin: 5px 0 0 10px;
padding:0;
}

.sikaku {
   width: 170px;
   float:left;
   
}

.sikaku02 {
   width: 50px;
   float:left;

}

dl.company-info {
	padding: 0;
	background-color: #f5f5f5;
	margin-bottom: 20px;
	width: 650px;
	margin-left:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D5D5D5;
	
}
dl.company-info dt {
	margin: 0;
	width: 150px;
	float: left;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D5D5;
}	
dl.company-info dd {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20%;
	padding-top: 3px;
	padding-bottom: 1px;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D5D5;
}


/*--------------------------------------------------------------------
店舗案内
--------------------------------------------------------------------*/

.tenpobox{
	width:680px;
	margin:0 5px auto 0;
	padding-top:5px;
}

.tenpobox p {
	padding: 10px 0 10px 20px ;
}

.tenpobox img {
	margin:0 5px auto 10px;

}


.map{
width: 640px;
margin: 5px 0 0 10px;
padding:2px;
	border: solid 1px #CCC;
}

/* シンボルツリーについて頁レイアウト　　pagebox1／tree_box／
-------------------------------------------------------------*/
/* 枠 */
.tree_box1 {
	clear:both;
	width:680px;
	margin:0 auto 30px auto;
	overflow:hidden;
}

.tree_txt {
	width:630px;
	margin:0 auto 10px auto;
	padding:5px 10px;
	text-align:left;
}

.tree_box1 h4 {
	display:block;
	padding:5px 10px 5px 45px;
	font-size:110%;
	font-weight:bold;
	color: #060;
	border-bottom:1px solid #060;
	background: url(images/garden_list.gif) no-repeat 0 1px;		
	
}

/*　ボックス横並びの設定 */
.tree_f3 {
	width:195px;
	float:left;
	margin:10px 0 0 15px;
	display:inline;
	padding:10px 5px;
	border:1px solid #063;
	border-top:3px solid #063;	
    overflow:hidden;
}
.tree_f3 p {
	padding:10px 15px 0 15px;
}


/*--------------------------------------------------------------------
プライバシーポリシーのスタイル
--------------------------------------------------------------------*/

.privacy_box01 {
	padding: 10px 10px 15px 10px;
	margin: 0px auto 20px auto;
	line-height: 140%;
	letter-spacing: 1px;
        border:1px solid #31832F;
        width:590px;
	text-align:left;
}

.privacy_box02 {
	padding: 20px;
	margin: 0px 0px 0px 0px; }
.privacy_box02 ul {
	margin:0 auto;
	padding:10px 30px;
	letter-spacing: 2px; }

	.privacy_box02 ul li {
		list-style: none;
		padding-left: 10px;
		margin: 0px 0px 10px 5px; }

	.privacy_box02 ul li.title {
		color:#A52A2A;
		font-weight:bold;
		}

/*--------------------------------------------------------------------
特定商のスタイル
--------------------------------------------------------------------*/

.tokusho_box {
	clear: both;
	float: left;
	width: 630px;
	padding-left: 50px;
	text-align:left;
}
.tokusho_box .box_a {
	width: 160px;
	padding-left: 10px;
	height: 25px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #31832f;
	border-right-color: #31832f;
	border-bottom-color: #31832f;
	border-left-color: #31832f;
	background-color: #ddeace;
	padding-top: 5px;
}
.tokusho_box .box_b {
	width: 440px;
	padding-left: 10px;
	height: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #31832f;
	border-right-color: #31832f;
	border-bottom-color: #31832f;
	border-left-color: #31832f;
	float: left;
	padding-top: 5px;
}

.tokusho_box .box_c {
	width: 160px;
	padding-left: 10px;
	height: 25px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-color: #31832f;
	border-right-color: #31832f;
	border-bottom-color: #31832f;
	border-left-color: #31832f;
	background-color: #ddeace;
	padding-top: 5px;
}
.tokusho_box .box_d {
	width: 440px;
	padding-left: 10px;
	height: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #31832f;
	border-right-color: #31832f;
	border-bottom-color: #31832f;
	border-left-color: #31832f;
	float: left;
	padding-top: 5px;
}


/*--マップ--*/

#map_canvas {
	width:680px;
	height:400px;
	margin:0 auto 20px auto;
	border:1px solid #CCC;
}