@charset "utf-8";

/*Start 全体指定*/
* {
	margin:0;
	padding:0;
}

body {
	background-color:#fff;
	margin: 0px;
	padding: 0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#333333;
	letter-spacing:0.01em;
	background:url(http://www.kogagreen.com/images/header_bg.jpg) 0 0 repeat-x;
}

img {
	border:0;
}

h1,h2,h3,h4,h5,h6{
	font-size:12px;
	font-weight:normal;
}

ul,li {
	list-style:none;
}
	
a{
	text-decoration:none;
}
	
td,th {
	text-align:left;
	vertical-align:top;
}
	
.clear {
	clear:both;
}

/*文字色の指定*/
.led{
	color:#ff0000;
}


/*End 全体指定*/




/*Start レイアウト指定*/
#wrapper{
	width:960px;
	margin:0 auto 85px auto;
}

/*ヘッダー*/
#header{
	position:relative;
	width:950px;
	height:162px;
	margin:0 5px;
}

#header h1{
	position:absolute;
	top:2px;
	left:5px;
	width:480px;
	height:11px;
	color:#fff;
	font-size:11px;
}

#header h2 a{
	position:absolute;
	top:40px;
	width:245px;
	height:60px;
	background:url(http://www.kogagreen.com/images/logo.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header #header_tel{
	position:absolute;
	top:30px;
	left:712px;
	width:230px;
	height:70px;
	text-indent:-9999px;
	background:url(http://www.kogagreen.com/images/header_tel.jpg) 0 0 no-repeat;
}


/*ヘッダーメニュー*/
#header ul{
	position:absolute;
	top:118px;
	left:513px;
	width:428px;
	height:44px;
}

#header ul li{
	display:inline;
	float:left;
}

#header #gm1 a,#header #gm1 a:link,#header #gm1 a:visited{
	display:block;
	width:92px;
	height:44px;
	background:url(http://www.kogagreen.com/images/gloval_menu.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header #gm1 a:hover,#header #gm1 a:active{
	display:block;
	width:92px;
	height:44px;
	background:url(http://www.kogagreen.com/images/gloval_menu_roll.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header #gm2 a,#header #gm2 a:link,#header #gm2 a:visited{
	display:block;
	width:105px;
	height:44px;
	background:url(http://www.kogagreen.com/images/gloval_menu.jpg) -92px 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header #gm2 a:hover,#header #gm2 a:active{
	display:block;
	width:105px;
	height:44px;
	background:url(http://www.kogagreen.com/images/gloval_menu_roll.jpg) -92px 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header #gm3 a,#header #gm3 a:link,#header #gm3 a:visited{
	display:block;
	width:134px;
	height:44px;
	background:url(http://www.kogagreen.com/images/gloval_menu.jpg) -197px 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header #gm3 a:hover,#header #gm3 a:active{
	display:block;
	width:134px;
	height:44px;
	background:url(http://www.kogagreen.com/images/gloval_menu_roll.jpg) -197px 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header #gm4 a,#header #gm4 a:link,#header #gm4 a:visited{
	display:block;
	width:97px;
	height:44px;
	background:url(http://www.kogagreen.com/images/gloval_menu.jpg) -331px 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header #gm4 a:hover,#header #gm4 a:active{
	display:block;
	width:97px;
	height:44px;
	background:url(http://www.kogagreen.com/images/gloval_menu_roll.jpg) -331px 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#bottom{
	width:960px;
	padding:5px 0 0 0;
}


/*フラッシュ*/
#flash_bg{
	width:950px;
	height:415px;
	padding:11px 5px 4px 5px;
	background:url(http://www.kogagreen.com/images/flash_bg.jpg) 0 0 no-repeat;
}

#flash{
	width:950px;
	height:415px;
	background:url(http://www.kogagreen.com/images/flash.jpg) 0 0 no-repeat;
}

#flash h2{
	padding:20px;
}

#flash p{
	padding:10px 0 0 20px;
}



/*レフト*/
#left{
	width:230px;
	float:left;
	display:inline;
	margin:5px 0 0 5px;
}

/*レフト　メニュー*/
#left h3{
	width:230px;
	height:35px;
	background:url(http://www.kogagreen.com/images/category_title.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#left ul{
	width:228px;
	margin:0 0 10px 0;
	border:1px solid #185218;
	border-top:none;
}

#left ul li{
	width:228px;
}

#left ul li a, #left ul li a:link, #left ul li a:visited{
	display:block;
	width:196px;
	padding:9px 0 10px 32px;
	background:url(http://www.kogagreen.com/images/menu_bg.jpg) 0 0 no-repeat #fbfbf6;
	color:#333333;
	letter-spacing:0.1em;
}

#left ul li a:hover,#left ul li a:active{
	display:block;
	width:196px;
	padding:9px 0 10px 32px;
	background:url(http://www.kogagreen.com/images/menu_bg_repeat.jpg) 0 0 no-repeat #f7f7dd;
	letter-spacing:0.1em;
}

#left ul li p{
	display:block;
	width:196px;
	padding:9px 0 10px 32px;
	background:url(http://www.kogagreen.com/images/menu_bg.jpg) 0 0 no-repeat #fbfbf6;
	color:#333333;
	letter-spacing:0.1em;
}


#left #area_title{
	width:230px;
	height:34px;
	background:url(http://www.kogagreen.com/images/area_title.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#area{
	width:213px;
/*	height:68px;*/
	padding:115px 5px 10px 10px;
	background:url(http://www.kogagreen.com/images/area_map.jpg) 0 0 no-repeat;
	border:1px solid #185218;
	border-top:none;
	font-size:11px;
	line-height:1.3;
}



/*インデックスライト*/
#index_right{
	width:705px;
	float:left;
	display:inline;
	margin:5px 0 0 15px;
}

#concept{
	width:705px;
}

#concept .txt{
	width:335px;
	padding:25px 0 0 20px;
}

#concept h3{
	width:280px;
	height:40px;
	margin:0 0 13px 0;
	background:url(http://www.kogagreen.com/images/index_lb.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#concept .txt p{
	line-height:1.3;
	margin:0 0 1em 10px;
}

#concept .photo{
	width:291px;
	height:173px;
	padding:20px 15px 17px 44px;
	background:url(http://www.kogagreen.com/images/index_photo_bg.jpg) 0 0 no-repeat;
}


/*新着情報*/
#index_center{
	width:705px;
	margin:0 0 15px 0;
}

#news_box{
	width:426px;
	margin:10px 0 0 0;
	float:left;
	display:inline;
}

#news_box h3{
	width:426px;
	height:35px;
	text-indent:-9999px;
	background:url(http://www.kogagreen.com/images/news_title.jpg) 0 0 no-repeat;
}

#news_box #news{
	width:404px;
height:145px;
	margin:0 auto;
	padding:5px 10px 10px 10px;
	_padding:5px 9px 10px 10px;
	border:1px solid #185218;
overflow:auto;
}

#news dl{
	width:385px;
	padding:10px 0 0 10px;
	background:url(http://www.kogagreen.com/images/hr_405.jpg) 0 bottom no-repeat;
}

#news dl dt{
	padding:0 0 0 23px;
	background:url(http://www.kogagreen.com/images/arrow1.jpg) 10px 0 no-repeat;
}

#news dl dd{
	padding:5px 0 5px 23px;
}

#news dl dd a{
	color:#ff0000;
	text-decoration:underline;
}


/*バナーボックス*/
#banner_box1{
	width:265px;
	float:left;
	display:inline;
	margin:0 0 0 13px;
}

#banner_box1 img{
	display:block;
}

.blog_banner{
	margin:0 0 13px 0;
}

#banner_box2{
	width:705px;
}

#banner_box2 td{
	width:225px;
}

#banner_box2 .span15{
	width:15px;
}

/*フッター*/
#footer_bg{
	height:102px;
	background:url(http://www.kogagreen.com/images/footer_bg.jpg) 0 0 repeat-x;
}

#footer{
	position:relative;
	width:950px;
	height:102px;
	margin:0 auto;
	background:url(http://www.kogagreen.com/images/footer.jpg) 0 0 no-repeat;
}

#page_top a{
	position:absolute;
	display:block;
	top:-40px;
	left:865px;
	width:80px;
	height:20px;
	background:url(http://www.kogagreen.com/images/page_top.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#copy{
	position:absolute;
	top:15px;
	left:688px;
	width:250px;
	height:10px;
	text-align:right;
	color:#fff;
	font-size:11px;
}




/*Start 施工例のページの指定*/
#right{
	width:715px;
	display:inline;
	float:right;
}

#top_img{
	width:705px;
	height:250px;
	padding:5px;
	background:url(http://www.kogagreen.com/images/top_img_bg.jpg) 0 0 no-repeat;
}

#sekou_lb{
	position:relative;
	width:660px;
	height:24px;
	padding:36px 55px 0 0; 
	background:url(http://www.kogagreen.com/images/sekou_lb.jpg) 0 0 no-repeat;
	text-align:right;
	color:#133c13;
	font-size:11px;
}

#right h3{
	margin:0 0 20px 0;
}

#sekou_mb1{
	width:685px;
	height:30px;
	margin:0 auto 10px auto;
	text-indent:-9999px;
	background:url(http://www.kogagreen.com/images/sekou_mb1.jpg) 0 0 no-repeat;
}

#sekou_mb2{
	width:685px;
	height:30px;
	margin:0 auto 10px auto;
	text-indent:-9999px;
	background:url(http://www.kogagreen.com/images/sekou_mb2.jpg) 0 0 no-repeat;
}

#sekou_mb3{
	width:685px;
	height:30px;
	margin:0 auto 10px auto;
	text-indent:-9999px;
	background:url(http://www.kogagreen.com/images/sekou_mb3.jpg) 0 0 no-repeat;
}

/*イメージとテキスト*/
.sekou_entry_box{
	width:665px;
	margin:0 auto 10px auto;
}

.span20{
	width:20px;
}

.sekou_entry_box .photo{
	width:330px;
}

.sekou_entry_box .photo img{
	border:1px solid #185218;
	padding:2px;
}

.sekou_entry_box .txt{
	width:314px;
}

.sekou_entry_box .txt h5{
	width:294px;
	margin:0 0 10px 0;
	padding:6px 0 6px 20px;
	background:url(http://www.kogagreen.com/images/arrow2.jpg) 0 6px no-repeat;
	font-weight:bold;
	letter-spacing:0.1em;
}

.sekou_entry_box .txt p{
	line-height:1.6;
	letter-spacing:0.1em;
}


/*イメージ3枚*/
.img3_box{
	width:665px;
	margin:0 auto 30px auto;
}

.img3_box td{
	width:10px;
}

.img3_box .photo{
	width:215px;
}

.img3_box .photo p{
	width:205px;
	font-size:11px;
	padding:2px 5px 0 5px;
}

.img3_box .photo img{
	border:1px solid #185218;
	padding:2px;
}



/*お問い合わせバナー*/
#contact_banner{
	clear:both;
	position:relative;
	width:695px;
	height:140px;
	margin:50px auto 0 auto;
	background:url(http://www.kogagreen.com/images/contact_banner_bg.jpg) 0 0 no-repeat;
}

#contact_banner .logo{
	position:absolute;
	top:18px;
	left:17px;
	width:195px;
	height:50px;	
}

#contact_banner .tel{
	position:absolute;
	top:68px;
	left:17px;
	width:195px;
	height:45px;
}

#contact_banner p{
	position:absolute;
	top:116px;
	left:44px;
	width:168px;
	color:#1d661d;
	font-size:11px;
	letter-spacing:0.01em;	
}

#contact_banner .btn{
	position:absolute;
	top:68px;
	left:220px;
	width:240px;
	height:45px;
}



/*Start Before&Afterのページの指定*/
#before_lb{
	position:relative;
	width:660px;
	height:24px;
	padding:36px 55px 0 0; 
	background:url(http://www.kogagreen.com/images/before_lb.jpg) 0 0 no-repeat;
	text-align:right;
	color:#133c13;
	font-size:11px;
}

.mb{
	width:647px;
	padding:8px 0 10px 38px;
	margin:0 auto 10px auto;
	background:url(http://www.kogagreen.com/images/mb.jpg) 0 0 no-repeat;
	font-weight:bold;
	font-size:14px;
	color:#2f4d21;
}


/*イメージとテキスト*/
.before_entry_box{
	width:665px;
	margin:0 auto 10px auto;
}

.span15{
	width:15px;
}

.before_entry_box .photo1{
	width:215px;
}

.before_entry_box .photo2{
	width:435px;
}

.before_entry_box .photo1 .photo_mini img{
	border:1px solid #185218;
	padding:2px;
}

.before_entry_box .photo2 img{
	border:1px solid #185218;
	padding:2px;
}

.before_txt{
	width:639px;
	margin:0 auto 30px auto;
	padding:10px;
	border:3px solid #cbcba2;
	background:#efefd7;
	color:#333333;
	line-height:1.4;
}





/*Start 樹木紹介のページの指定*/
#tree_lb{
	position:relative;
	width:660px;
	height:24px;
	padding:36px 55px 0 0; 
	background:url(http://www.kogagreen.com/images/tree_lb.jpg) 0 0 no-repeat;
	text-align:right;
	color:#133c13;
	font-size:11px;
}

#tree_top{
	width:345px;
	margin:0 auto 20px auto;
	padding:15px 300px 20px 20px;
	background:url(http://www.kogagreen.com/images/tree_top_bg.jpg) 0 0 no-repeat;
	letter-spacing:0.01em;
	line-height:1.3;
}

.tree_box{
	width:215px;
}

.tree_box .photo img{
	border:1px solid #185218;
	padding:2px;
}

.tree_box .name{
	width:165px;
	padding:10px 0 3px 50px;
	background:url(http://www.kogagreen.com/images/tree_name.jpg) 0 13px no-repeat;
	font-weight:bold;
	color:#3e713e;
}

.tree_box .txt{
	padding:10px 0 0 0;
	line-height:1.3;
	color:#333333;
}


/*樹木紹介のボックスの指定*/
.tree_entry{
	width:665px;
	margin:0 auto 30px auto;
}

.tree_entry td{
	width:215px;
}

.tree_entry .span7{
	width:7px;
}



/*Start ご相談からの流れの指定*/
#flow_lb{
	position:relative;
	width:660px;
	height:24px;
	padding:36px 55px 0 0; 
	background:url(http://www.kogagreen.com/images/flow_lb.jpg) 0 0 no-repeat;
	text-align:right;
	color:#133c13;
	font-size:11px;
}

#flow_top{
	width:345px;
	margin:0 auto 20px auto;
	padding:15px 300px 20px 20px;
	background:url(http://www.kogagreen.com/images/flow_top_bg.jpg) 0 0 no-repeat;
	letter-spacing:0.01em;
	line-height:1.3;
}

.flow_entry{
	width:665px;
	margin:0 auto 30px auto;
}

.flow_entry td{
	width:120px;
}

.flow_entry .txt{
	width:518px;
	padding:30px 10px 10px 10px;
	background:url(http://www.kogagreen.com/images/hr_543.jpg) 0 bottom no-repeat;
	line-height:1.4;
	letter-spacing:0.1em;
}

.flow_entry .txt a{
	color:#ff0000;
	text-decoration:underline;
}

.flow_entry .span7{
	width:7px;
}





/*Start Q&Aの指定*/
#qa_lb{
	position:relative;
	width:660px;
	height:24px;
	padding:36px 55px 0 0; 
	background:url(http://www.kogagreen.com/images/qa_lb.jpg) 0 0 no-repeat;
	text-align:right;
	color:#133c13;
	font-size:11px;
}

.qa_entry{
	width:645px;
	margin:0 auto 10px auto;
	padding:10px;
	border:1px solid #185218;
	background:#f4f3df;
}

.q{
	width:645px;
	margin:0 0 5px 0;
}

.q .q_txt{
	width:536px;
	margin:0 0 5px 0;
	padding:10px 0 0 0;
	font-weight:bold;
	letter-spacing:0.1em;
}

.a{
	width:645px;
	background:url(http://www.kogagreen.com/images/hr_645.jpg) 0 bottom no-repeat;
}

.a .a_txt{
	width:536px;
	padding:10px 0 10px 0;
	line-height:1.3em;
	letter-spacing:0.1em;
}





/*Start キャンペーンの指定*/
#campaign_lb{
	position:relative;
	width:660px;
	height:24px;
	padding:36px 55px 0 0; 
	background:url(http://www.kogagreen.com/images/campaign_lb.jpg) 0 0 no-repeat;
	text-align:right;
	color:#133c13;
	font-size:11px;
}

.campaign_entry{
	width:623px;
	margin:0 auto 30px auto;
	padding:20px;
	border:1px solid #185218;
	background:#f4f3df;
	line-height:1.4;
}

.campaign_entry_box{
	width:623px;
}

.campaign_entry_box .photo{
	width:215px;
}

.campaign_entry_box .photo img{
	padding:2px;
	border:1px solid #185218;
background:#fff;
}


.campaign_entry_box .txt{
	width:390px;
}




/*Start 会社概要の指定*/
#company_lb{
	position:relative;
	width:660px;
	height:24px;
	padding:36px 55px 0 0; 
	background:url(http://www.kogagreen.com/images/company_lb.jpg) 0 0 no-repeat;
	text-align:right;
	color:#133c13;
	font-size:11px;
}

#company_top{
	width:665px;
	margin:0 auto 20px auto;
/*	padding:15px 300px 20px 20px;*/
	background:url(http://www.kogagreen.com/images/company_top_bg.jpg) 0 0 no-repeat;
	letter-spacing:0.01em;
	line-height:1.4;
}

#company_top .photo{
	width:215px;
}

#company_top .photo img{
	padding:2px;
	border:1px solid #175117;
}

#company_top .txt{
	padding:0 0 20px 0;
}



/*お問い合わせのテーブルの指定*/
.table{
	width:665px;
	margin:0 auto 30px auto;
	border-top:1px solid #265c26;
}

.table table{
	width:664px;
	border-left:1px solid #265c26;
}

.table table th{
	width:149px;
	padding:9px 0 9px 10px;
	font-weight:normal;
	border-right:1px solid #265c26;
	border-bottom:1px solid #265c26;
	background:#f4f4db;
	color:#1f3315;
font-size:12px;
}

.table table td{
	width:494px;
	padding:9px 0 9px 10px;
	font-weight:normal;
	border-right:1px solid #265c26;
	border-bottom:1px solid #265c26;
}

#map{
	width:659px;
	height:444px;
	margin:0 auto;
	padding:2px;
	border:1px solid #265c26;
}




/*お問い合わせ*/
#contact_lb{
	position:relative;
	width:660px;
	height:24px;
	padding:36px 55px 0 0; 
	background:url(http://www.kogagreen.com/images/contact_lb.jpg) 0 0 no-repeat;
	text-align:right;
	color:#133c13;
	font-size:11px;
}

.contact_txt{
	width:645px;
	margin:0 auto;
	padding:0 20px;
	line-height:1.4;
}

#contact_tel{
	position:relative;
	width:685px;
	height:80px;
	margin:0 auto 30px auto;
	background:url(http://www.kogagreen.com/images/contact_tel_bg.jpg) 0 0 no-repeat;
}


#contact_tel .time{
	position:absolute;
	top:35px;
	left:55px;
	width:430px;
	height:11px;
	font-size:11px;
	color:#97a40b;
}

#contact_tel .tel_img{
	position:absolute;
	top:47px;
	left:55px;
	width:430px;
	height:25px;
}

.form_area{
	width:665px;
	margin:0 auto 30px auto;
}



/*ブログの設定*/
/*レフト　メニュー*/
#left #blog_category1{
	width:230px;
	height:35px;
	background:url(http://www.kogagreen.com/images/blog_category_title1.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#left #blog_category2{
	width:230px;
	height:35px;
	background:url(http://www.kogagreen.com/images/blog_category_title2.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#left #blog_category3{
	width:230px;
	height:35px;
	background:url(http://www.kogagreen.com/images/blog_category_title3.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#left #blog_category4{
	width:230px;
	height:35px;
	background:url(http://www.kogagreen.com/images/blog_category_title4.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#home{
	width:218px;
	margin:0 0 20px 0;
	padding:5px;
	border:1px solid #185218;
	border-top:none;
	font-size:11px;
	line-height:1.3;
	text-align:center;
}

#home a{
	display:block;
	color:#106510;
	text-decoration:underline;
}

#blog_top_img{
	width:705px;
	height:250px;
	margin:0 0 20px 0;
	padding:5px;
	background:url(http://www.kogagreen.com/images/top_img_bg.jpg) 0 0 no-repeat;
}

.blog_title_box{
	width:610px;
	margin:0 auto 10px auto;
	padding:23px 0 13px 55px;
	background:url(http://www.kogagreen.com/images/blog_title_bg.jpg) 0 0 no-repeat;
}

.blog_title_box h4{
	/*position:absolute;
	top:23px;
	left:55px;*/
	float:left;
	display:inline;
	width:530px;
	font-weight:bold;
	font-size:12px;
	color:#185218;
}

.blog_title_box .blog_day{
	float:left;
	display:inline;
	width:66px;
	text-align:right;
}

.blog_entry{
	width:623px;
	padding:20px;
	margin:0 auto 30px auto;
	border:1px solid #265c26;
}

.blog_entry img{
	margin:5px;
	/*display:block;*/
}

.blog_entry p{
	line-height:1.4em;
	letter-spacing:0.1em;
	margin:0 0 0 5px;
	color:#133c13;
}



/*MT追加CSS*/
.lb{
	width:660px;
	height:12px;
	padding:33px 0 15px 83px; 
	background:url(http://www.kogagreen.com/images/lb.jpg) 0 0 no-repeat;
	color:#133c13;
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	letter-spacing:0.1em;
}

p.separate{
width:663px;
margin:10px auto;
padding:5px 0;
text-align:center;
background:#ebebc9;
}