@charset "Shift_JIS";
@import url("main.css");
@import url("header.css");
@import url("menu.css");
@import url("footer.css");
/*2006リニューアル　新規　スタイルシート*/
/*カテゴリ分け01「創園舎のしごと」     */


/*メインヘッダーエリア
_____________________________________________________________*/
.header table{ 
background-image:url(../img/common/bg_01.gif);
}

/*フォルダメニュー
_____________________________________________________________*/
#foldermenu {
float: right;
}
#foldermenu ul {

margin-top: 0px;
display: block;
padding: 0;
list-style: none;

}
#foldermenu li {
float: left;
margin: 0;
padding: 0;
text-indent: -9999px;
}
#foldermenu li a {
text-decoration: none;
display: block;
height: 34px;
} 

li#cat01 a{background:url(../img/common/b01.gif) no-repeat 0 -34px; width:134px;}
li#cat01 a:hover{background:url(../img/common/b01.gif) no-repeat 0 -34px; }

/*メニュー
_____________________________________________________________*/

#menu {
background:url(../img/common/bg_c01.gif);
height:30px;
}
#menu ul {
margin-top: 0px;
display: block;
padding: 0;
list-style: none;

}
#menu li {
float: left;
margin: 0;
padding: 0;
text-indent: -9999px;
}
#menu li a {
text-decoration: none;
display: block;
height: 30px;
} 

li#bo01 a{background:url(../img/common/b01_01.gif) no-repeat; width:153px;}
li#bo02 a{background:url(../img/common/b01_02.gif) no-repeat; width:143px;}
li#bo03 a{background:url(../img/common/b01_03.gif) no-repeat; width:108px;}
li#bo04 a{background:url(../img/common/b01_04.gif) no-repeat; width:132px;}
li#bo05 a{background:url(../img/common/b01_05.gif) no-repeat; width:108px;}
li#bo06 a{background:url(../img/common/b01_06.gif) no-repeat; width:131px;}

li#bo01 a:hover,li#bo02 a:hover,li#bo03 a:hover,li#bo04 a:hover,li#bo05 a:hover,li#bo06 a:hover{background-position: 0 -30px; }

/*サブカテゴリメニュー
_____________________________________________________________*/
#submenu{ 
background-image:url(../img/common/bg_c01sub.gif);
height:25px;
clear:both;
}
#submenu ul {
margin-top: 0px;
display: block;
padding: 0;
list-style: none;
}
#submenu li {
float: left;
margin: 0;
padding: 0;
text-indent: -9999px;
}
#submenu li a{
text-decoration: none;
display: block;
height: 25px;
} 
/*スタイル別お庭紹介詳細 サブカテゴリ*/
#submenu li#bo01_01 a{background:url(../img/common/b01_01_01.gif) no-repeat; width:80px;}
#submenu li#bo01_02 a{background:url(../img/common/b01_01_02.gif) no-repeat; width:84px;}
#submenu li#bo01_03 a{background:url(../img/common/b01_01_03.gif) no-repeat; width:95px;}/*スタッフブログボタン*/

#submenu li#bo01_01 a:hover,#submenu li#bo01_02 a:hover,#submenu li#bo01_03 a:hover{background-position:0 -25px;}


#submenu li#bo02_00 a{background:url(../img/common/b01_02_00.gif) no-repeat; width:125px;}
#submenu li#bo02_01 a{background:url(../img/common/b01_02_01.gif) no-repeat; width:107px;}
#submenu li#bo02_02 a{background:url(../img/common/b01_02_02.gif) no-repeat; width:102px;}
#submenu li#bo02_03 a{background:url(../img/common/b01_02_03.gif) no-repeat; width:120px;}
#submenu li#bo02_04 a{background:url(../img/common/b01_02_04.gif) no-repeat; width:134px;}
#submenu li#bo02_05 a{background:url(../img/common/b01_02_05.gif) no-repeat; width:101px;}
#submenu li#bo02_06 a{background:url(../img/common/b01_02_06.gif) no-repeat; width:109px;}

#submenu li#bo02_00 a:hover,#submenu li#bo02_01 a:hover,#submenu li#bo02_02 a:hover,#submenu li#bo02_03 a:hover,#submenu li#bo02_04 a:hover,#submenu li#bo02_05 a:hover,#submenu li#bo02_06 a:hover{background-position:0 -24px;}



/*各ページ固有指定　上書き内容
_____________________________________________________________*/
/*創園舎のしごと　トップ*/
#subcategory01 li#bo01 a{background:url(../img/common/b01_01.gif) no-repeat 0 -30px;}

#subcategory01_01 #submenu li#bo01_01 a,#subcategory01_02 #submenu li#bo01_02 a,#subcategory01_03 #submenu li#bo01_03 a{background-position:0 -24px;}

/*２階層目マウスダウン*/
#subcategory02_00 li#bo02 a,#subcategory02_01 li#bo02 a,#subcategory02_02 li#bo02 a,#subcategory02_03 li#bo02 a,#subcategory02_04 li#bo02 a,#subcategory02_05 li#bo02 a,#subcategory02_06 li#bo02 a,#subcategory03 li#bo03 a,#subcategory04 li#bo04 a,#subcategory05 li#bo05 a,#subcategory06 li#bo06 a{background-position:0 -30px;}

/*３階層目マウスダウン*/
#subcategory02_00 #submenu li#bo02_00 a,#subcategory02_01 #submenu li#bo02_01 a,#subcategory02_02 #submenu li#bo02_02 a,#subcategory02_03 #submenu li#bo02_03 a,#subcategory02_04 #submenu li#bo02_04 a,#subcategory02_05 #submenu li#bo02_05 a,#subcategory02_06 #submenu li#bo02_06 a{background-position:0 -24px;}

#subcategory02_00 #centerarea p{font-size:97%; line-height:1.5em;}



/*ガーデンスタイル診断結果ページ
____________________________________________________________________*/

.setsumei{
border:solid 1px #CCC;
background-color:#F1F1F1;
/*font-size:83%;*/
padding:10px;
width:165px;
float:right;
}
.setsumei p{margin-bottom:10px}
table.type{margin:0 auto;
 width:711px;
}
.type_sps{ background-image:url(../style/img/bg_tbl.gif);
background-repeat:repeat-y;
padding:5px 13px;
}
.type th{ text-align:left;}

/*スタイル別お庭詳細ページ
____________________________________________________________________*/
#centerarea{ margin: 10px auto; width:760px}

.coment{ background-color:#EAF3CB;
padding:10px;}

#locallink{/*各ページ下部　次ページへのリンクタグ*/
margin:20px 30px;
}
#locallink ul{ list-style:none;
}
#locallink li{ float:left;
margin-left:40px;
width:287px;
}
/*スタイル別お庭　トップページ
____________________________________________________________________*/
.topbutton{
float:right;
margin-left:15px;
}
.topbutton img{
margin:0 0 5px 0;
}

#stylelinkarea{
	width:740px;
	font-size:83%;
	/*border-top:solid 1px #030;*/
	margin-top:8px;
	padding:3px;
	position:relative;
	margin-bottom:10px;
	background-color:#F1F1F1;
	
}
#stylelinkarea ul{
padding-top:5px;
list-style:none;
}
#stylelinkarea li img{
border:solid #CCC 1px;
margin:1px 3px 3px 0px;
float:left;
}
#stylelinkarea li{ 
list-style: none;
float:left;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
width: 195px;
height:72px;
position:relative;
margin:5px 0 5px 7px;
line-height:1.4em;
background-color:#FFF; 
padding:3px;
}
	#stylelinkarea li em{
	font-size:90%;
	color: #333;
	font-style:normal;
	}
#stylelinkarea a{
color: #0066CC;
 text-decoration:none;
 }

#stylelinkarea a:visited{
color:#333;
}
#stylelinkarea a:hover{ color:#FF6600;
text-decoration:underline;}

/*スタイル診断テストページ
____________________________________________________________________*/
#glay{ background-color:#F5F3E6;
background-image:url(../style/img/bg_test.jpg);
padding:10px 10px 20px ;
}

/*ご依頼の流れページ
____________________________________________________________________*/
/*
--------------------------------------------------*/
.plan td{padding:8px}

.plan tbody td{/* 行間線*/
 background-image:url(../img/const/line1.gif); background-repeat:repeat-x}
.plan td p{/* テキスト幅指定*/
 width:250px ; display:block ; float:right}
.plan td h3{/*　見出し画像位置*/
float:left}
.plan .sankou{/*　プランニング　注釈枠*/
	background-image:url(../img/const/1waku_t.gif);
	background-repeat:no-repeat;
	background-color: #FFCC99;
	background-position: 0px 0px;
	width:300px;
	padding:10px 0 0;
}
.sankou dl{margin:0;padding:0}
.sankou dd{margin:0 10px 0 30px;padding:0}

/*施工
--------------------------------------------------*/
.sekou td{padding:8px}
.sekou tbody td{/* 行間線*/
 background-image:url(../img/const/line2.gif); background-repeat:repeat-x}
.sekou .sankou{/*　施工　注釈枠*/
	background-image:url(../img/const/2waku_t.gif);
	background-repeat:no-repeat;
	background-color: #C5E3C5;
	background-position: 0px 0px;
	width:300px;
	padding:10px 0 0;
}
.sekou td p{/* テキスト幅指定*/
 width:250px ; display:block ; float:right}
.sekou td h3{/*　見出し画像位置*/
float:left}

/*アフターケア
--------------------------------------------------*/
.after td{padding:8px}

.after .sankou{/*　アフターケア　注釈枠*/
	background-image:url(../img/const/3waku_t.gif);
	background-repeat:no-repeat;
	background-color: #B9DFF1;
	background-position: 0px 0px;
	width:300px;
	padding:10px 0 0;
}
.after td p{/* テキスト幅指定*/
 width:250px ; display:block ; float:right}
.after td h3{/*　見出し画像位置*/
float:left}


/*キャンペーン情報バックナンバーエリア
________________________________________________________________*/
#subcategory06 #right{ width:190px; float:right;}
#subcategory06 #backnomenu{ border:solid 1px #9B9756; background-color:#F1F1F1; padding:3px; margin-top:5px}
#subcategory06 #backnomenu ul{ list-style:none}
#subcategory06 #backnomenu li{ font-size:83%; background:url(../cam/common/img/ico_item.gif) no-repeat; text-indent:10px }
.button a{
	border: solid 1px #666;
	display: block;
	font-size: 12px;	
	color: #663300;
	margin:3px;
}

.button a:hover{ 
	background-color: #FFCC00
}
.photarea {margin:10px 0 5px 5px; 
line-height:1.6em ;
background-color: #FFFFCC;
padding:5px}
/*ごあいさつページ
________________________________________________________________*/
#messe li{ 
background:url(../img/message/ico.gif) no-repeat 0px 5px; 
padding:0 0 10px 25px; 
list-style:none;}