@charset "utf-8";







/*

Theme Name: worksK

Theme URI: http://maxline.co.jp/

Description: worksKテーマ

Version: 1.0

Author: Maxline

Author URI: http://maxline.co.jp/

Tags: blue, custom header, fixed width, two columns, widgets

*/





/* 

=============================



(C) worksK

last update 090420



=============================*/



/*インデックス

・基本構造

・リンク

・ヘッダ

・メインコンテンツ

・フッター

・ナビ

・その他

・見出し

・フォント

------------------------------------------------*/



/*基本構造

------------------------------------------------*/

* {

   color:# 333;

   padding: 0;

   margin: 0;

   font-family: Verdana, Arial, sans-serif;

}



body {

   background-color: #EEF5E1;

   color: #333;

   font-size: 12px;

}



#container {

   width: 940px;

   margin: 0 auto 30px auto;

   border: 5px solid #E6E6E6;

   background-color:#fff;

   background-image:  url(images/co_bg.gif);

   background-repeat: repeat-y;

   background-position: 0 0;

}



#main {

   float: right;

   width: 670px;

   padding: 0 30px 0 0;

}



#side-nav {

   float: left;

   width: 230px;

}



/*リンク

------------------------------------------------*/



a {

   color: #666;

   text-decoration: none;

}



a:hover {

   color: #690;

   text-decoration: none;

}



a img {

   border: none;

}





/*ヘッダ

------------------------------------------------*/



#header {

   width: 940px;

   height: 97px;

   margin:0 auto 0 auto;

   background-image:  url(images/logo.gif);

   background-repeat: no-repeat;

   background-position: 16px 12px;

   background-color: #fff;

   padding: 0 0 12px 0;

}



#header a {

   display: block;

   text-indent: -1000px;

   width: 255px;

   height: 80px;

}



#sub-t {

   font-size: 11px;

   color: #666;

   padding: 5px 0 0 0;

   height: 18px;

   text-align: center;

}





#header-left {

   clear: both;

   width: 304px;

   float: left;

}



#header-right {

   width: 616px;

   float: left;

   height: 97px;

}



#tel {

   float: left;

   width: 140px;

   height: 52px;

   margin: 27px 0 0 0;

   padding: 0 0 0 0;

   text-align: right;

}



/*メインコンテンツ

------------------------------------------------*/



#content {

   width: 940px;

   height: auto;

   padding: 0 0 0 0;

   margin: 0 auto 0 auto ;

}



#top-nav {

   float: left;

   width: 475px;

   height: 44px;

   margin: 35px 0 0 0;

   padding: 0 0 0 0;

   background-image:  url(images/nav.jpg);

   background-repeat: no-repeat;

   background-position: 0 0;

}



#top-nav img {

   vertical-align: bottom;

}



#top-nav ul {

	padding:0px;

	margin: 0px;

}



#top-nav li {

	display:inline;

	list-style-type:none;



}

#top-nav li.menu01 a {

	width:92px;

	height:44px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}

#top-nav li.menu02 a {

	width:90px;

	height:44px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#top-nav li.menu03 a {

	width:90px;

	height:44px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#top-nav li.menu04 a {

	width:90px;

	height:44px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#top-nav li.menu05 a {

	width:95px;

	height:44px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



/*hover*/

#top-nav li.menu01 a:hover {

	background:url("images/nav.jpg") no-repeat -0px -44px;

}

#top-nav li.menu02 a:hover {

	background:url("images/nav.jpg") no-repeat -92px -44px;

}

#top-nav li.menu03 a:hover {

	background:url("images/nav.jpg") no-repeat -182px -44px;

}

#top-nav li.menu04 a:hover {

	background:url("images/nav.jpg") no-repeat -272px -44px;

}

#top-nav li.menu05 a:hover {

	background:url("images/nav.jpg") no-repeat -362px -44px;

}



/*サイドナビ

------------------------------------------------*/



#side-nav {

   padding: 0 0 18px 0;

   width: 211px;

}



#s-nav-1 {

   float: left;

   width: 211px;

   height: 427px;

   margin: 0 0 10px 0;

   padding: 0 0 0 0;

   background-image:  url(images/service_nav.jpg);

   background-repeat: no-repeat;

   background-position: 0 0;

}



#s-nav-1 ul {

	padding:0px;

	margin: 0px;

}



#s-nav-1 li {

	display:inline;

	list-style-type:none;

}



#s-nav-1 li.menu01 a {

	width:211px;

	height:52px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-1 li.menu02 a {

	width:222px;

	height:52px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-1 li.menu03 a {

	width:222px;

	height:53px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-1 li.menu04 a {

	width:211px;

	height:33px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

        margin: 0 0 0 0;

}



#s-nav-1 li.menu05 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

        margin: 0 0 0 0;

}



#s-nav-1 li.menu06 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

        margin: 0 0 0 0;

}

#s-nav-1 li.menu07 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

        margin: 0 0 0 0;

}

#s-nav-1 li.menu08 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

        margin: 0 0 0 0;

}

#s-nav-1 li.menu09 a {

	width:211px;

	height:55px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

    margin: 10px 0 0 0;

}

#s-nav-1 li.menu10 a {

	width:211px;

	height:50px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

    margin: 10px 0 0 0;

}

#s-nav-1 li.menu11 a {

	width:222px;

	height:63px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

        margin: 10px 0 0 0;

}



/*hover*/

#s-nav-1 li.menu01 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -428px;

}



#s-nav-1 li.menu02 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -480px;

}



#s-nav-1 li.menu03 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -532px;

}



#s-nav-1 li.menu04 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -585px;

}



#s-nav-1 li.menu05 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -618px;

}



#s-nav-1 li.menu06 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -642px;

}



#s-nav-1 li.menu07 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -666px;

}



#s-nav-1 li.menu08 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -690px;

}



#s-nav-1 li.menu09 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -724px;

}



#s-nav-1 li.menu10 a:hover {

	background:url("images/service_nav.jpg") no-repeat -0px -789px;

}



#s-nav-2 {

   float: left;

   width: 211px;

   height: 265px;

   margin: 0 0 10px 0;

   padding: 0 0 0 0;

   background-image:  url(images/info_nav.jpg);

   background-repeat: no-repeat;

   background-position: 0 0;

}



#s-nav-2 ul {

	padding:0px;

	margin: 0px;

}



#s-nav-2 li {

	display:inline;

	list-style-type:none;

}



#s-nav-2 li.menu01 a {

	width:211px;

	height:52px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-2 li.menu02 a {

	width:211px;

	height:53px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-2 li.menu03 a {

	width:211px;

	height:34px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-2 li.menu04 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-2 li.menu05 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-2 li.menu06 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-2 li.menu07 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-2 li.menu08 a {

	width:211px;

	height:24px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



#s-nav-2 li.menu01 a:hover {

	background:url("images/info_nav.jpg") no-repeat -0px -265px;

}



#s-nav-2 li.menu02 a:hover {

	background:url("images/info_nav.jpg") no-repeat -0px -317px;

}



#s-nav-2 li.menu03 a:hover {

	background:url("images/info_nav.jpg") no-repeat -0px -370px;

}



#s-nav-2 li.menu04 a:hover {

	background:url("images/info_nav.jpg") no-repeat -0px -404px;

}



#s-nav-2 li.menu05 a:hover {

	background:url("images/info_nav.jpg") no-repeat -0px -428px;

}



#s-nav-2 li.menu06 a:hover {

	background:url("images/info_nav.jpg") no-repeat -0px -452px;

}



#s-nav-2 li.menu07 a:hover {

	background:url("images/info_nav.jpg") no-repeat -0px -476px;

}



#s-nav-2 li.menu08 a:hover {

	background:url("images/info_nav.jpg") no-repeat -0px -500px;

}



#aisatu {

   width: 186px;

   padding: 12px 0 0 12px;

   text-align: center;   

}



#aisatu-box {

   text-align: center;

   background-image:  url(images/aisatu_bg.gif);

   background-repeat: repeat-y;

   background-position: 0 0;

}



#aisatu-box img {

   padding: 0 0 12px 0;

}



#aisatu-txt {

   text-align: left;

   padding: 13px 15px 15px 15px;

   line-height: 16px;

}



#banner {

   text-align: center;

   padding: 20px 0 0 0;

   width: 211px;

   color: #fff;

   font-size: 11px;

}



#banner img {

   padding: 0 0 0 0;

   margin: 0 0 0 0;

}



#banner .txt {

   padding: 5px 15px 15px 15px;

   text-align: left;

}



/*メインコンテンツ

-----------------------------------------------*/



#comment {

   text-align: left;

   padding: 0 20px 20px 15px;

}



/*実績・ビフォーアフター

-----------------------------------------------*/

#work {

   float: left;

   padding: 15px 0 0 13px;

}



#work2 {

   float: left;

   clear: both;

   padding: 0 0 50px 7px;

}



#work-box1 {

   float: left;

   width: 396px;

   padding: 15px 15px 0 0;

}



#work-box1 p {

   padding: 8px;

   line-height: 125%;

   padding: 15px 0 5px 25px;

   width: 345px;

}



#work-box2 {

   float: left;

   width: 230px;

   padding: 15px 0 0 0;

}



#work-box2 p {

   width: 210px;

   padding: 15px 0 5px 5px;

   line-height: 125%;

}



#work-box3 {

   float: left;

   width: 212px;

   padding: 15px 0 0 0;

}



#work-box3 p {

   width: 180px;

   padding: 15px 0 5px 15px;

   line-height: 125%;

}



#work-box4 {

   float: left;

   width: 212px;

   padding: 15px 7px 0 7px;

}



#work-box4 p {

   width: 180px;

   padding: 15px 0 5px 15px;

   line-height: 125%;

}



/*トピックス

------------------------------------------------*/



#news {

   clear: both;

   width: 660px;

   padding: 20px 0 40px 0px;

}



#news dl {

    margin: 0 0 0 23px;

    background-color: #EEF5E1;

    padding: 0 0 12px 0;

}



#news dd {

   margin: 0 0 0 145px;

   width: 470px;

   color: #ED6D28;

}



#news dt {

   float: left;

   width: 105px;

   padding: 1px 10px 0 8px;

   border-left: 4px solid #33532B;

   color: #33532b;

   margin: 0 0 0 20px;

}



/*最新実績

------------------------------------------------*/



#new-work {

   text-align: center;

   clear: both;

   width: 660px;

   padding: 0 0 40px 0px;

   background-image:  url(images/n_work_bg.gif);

   background-repeat: repeat-y;

   background-position: 0 0;

}



#n-work-box {

   clear: both;

   width: 640px;

   padding: 0 0 0 35px;

}



.n-work-box1 {

   float: left;

   width: 212px;

   margin: 0 0 0 0;

}



.n-work-pho {



}



.n-work-box1 p {

   width: 170px;

   text-align: left;

   line-height: 150%;

   padding: 0 0 0  10px;

   /*margin: 10px 0 20px 10px;*/

   /*background-color: #fff;*/

}



.n-work-box2 {

   float: left;

   width: 214px;

   margin: 0 0 12px 0;

}



.n-work-box2 p {

   width: 170px;

   text-align: left;

   line-height: 150%;

   padding: 10px;

   margin: 10px 0 20px 10px;

   background-color: #fff;

}



/*メインコンテンツパンくずナビ

------------------------------------------------*/



#pan {

   padding: 0 0 20px 0px;   

}



/*実績

------------------------------------------------*/



#co-work {

   clear: both;

   width: 670px;

   padding: 0 0 20px 0px;

}



#co-work h3 {

   text-align: left;

   height: 25px;

   padding: 0 0 5px 20px;

background-color:#FFF;

   background-image:  url(images/st_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   color: #EA5711;

   font-size: 130%;

}



.co-work-box1 {

   float: left;

   text-align: center;

   width: 310px;

   margin: 0 0 0 0;

   padding: 0 0 0 0;

   background-color: #F4F9ED;

   border-bottom: 3px solid #BABDB4;

}



.co-work-box1 p img {

   padding: 10px 0 10px 0;

}



.co-work-box1 p {

   line-height: 150%;

   padding: 0;

}



.co-work-box2 {

   float: right;

   text-align: center;

   width: 310px;

   margin: 250px 0 0 0;

   padding: 0 0 0 0;

   background-color: #F4F9ED;

   border-bottom: 3px solid #BABDB4;

}



.co-work-box2 p img {

   padding: 10px 0 10px 0;

}



.co-work-box2 p {

   line-height: 150%;

   padding: 0;

}



#co-work .txt {

   padding: 5px 15px 15px 15px;

   text-align: left;

   background-color: #F4F9ED;

}



.w-box {

   width: 640px;

   clear: both;

   float: left;

   padding: 0 0 0 15px;

   background-image:  url(images/leaf.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

}



#box-left {

   width: 310px;

   float: left;

   clear: both;

   padding: 0 15px 0 0;

}



#box-right {

   width: 310px;

   float: left;

   padding: 0 0 0 0;

}



.co-bg {

   clear: both;

   background-image:  url(images/content_bg.gif);

   background-repeat: no-repeat;

   background-position: 40px 20px;

   height: 220px;

}



.co-bg2 {

   clear: both;

   background-image:  url(images/content_bg2.gif);

   background-repeat: no-repeat;

   background-position: 50px 20px;

   height: 220px;

}





/*ビフォーアフター

------------------------------------------------*/



#be-af {

   text-align: center;

   clear: both;

   width: 670px;

   padding: 0 0 20px 0px;

}

#be-af .title {

   margin: 0 0 0 0;

   padding: 0 0 5px 0;

   background:url(images/category_ti.gif) no-repeat 0 0;

}



#be-af .title h3 {

   margin: 0px;

   padding: 0 0 5px 20px;

   color:#E55B13;

   text-align:left;

}



.be-af-box {

   clear: both;

   float: left;

   width: 640px;

   margin: 0 0 20px 15px;

   background-color: #F4F9ED;

   border-bottom: 3px solid #BABDB4;

   background-image:  url(images/beaf_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 30px;

}



.beaf-pho {

   vertical-align: top;

   padding: 10px 20px 0 20px;

}



/*各メーカー商品

------------------------------------------------*/



#co-lineup {

   clear: both;

   width: 670px;

   padding: 0 0 20px 0px;

}



.lineup-box {

   clear: both;

   float: left;

   padding: 0 0 0 15px;

   margin:0 0 20px 0;

   width: 640px;

   background-image:  url(images/leaf.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

}



#co-lineup h3 {

   margin: 0 0 0 0;

   background-color: #fff;

   padding: 0 0 5px 0;

}



#co-lineup-lef {

   width: 310px;

   border: 1px solid;

}



.co-lineup-box1 {

   float: left;

  text-align:center;

   width: 310px;

   margin: 0 0 0 0;

   padding: 0 0 0 0;

   background-color: #F4F9ED;

   border-bottom: 3px solid #BABDB4;

  /* background-image:  url(images/c_l_p_bg.gif);*/

   background-repeat: no-repeat;

   background-position: 0 40px;

}



.co-lineup-box1 p img {

   padding: 10px 0 10px 0;

}



.co-lineup-box1 p {

   line-height: 150%;

   padding: 0;

   

}



.co-lineup-box2 {

   float: right;

  text-align:center;

   width: 310px;

   margin: 250px 0 0 0;

   padding: 0 0 0 0;

   background-color: #F4F9ED;

   border-bottom: 3px solid #BABDB4;

   /*background-image:  url(images/c_l_p_bg.gif);*/

   background-repeat: no-repeat;

   background-position: 0 40px;

}



.co-lineup-box2 p img {

   padding: 10px 0 10px 0;

}



.co-lineup-box2 p {

   line-height: 150%;

   padding: 0;

   

}



#co-lineup .txt {

   padding: 5px 15px 15px 15px;

   text-align: left;

   background-color: #F4F9ED;

}



.co-bg {

   clear: both;

   background-image:  url(images/content_bg.gif);

   background-repeat: no-repeat;

   background-position: 40px 20px;

   height: 220px;

}



.co-bg2 {

   clear: both;

   background-image:  url(images/content_bg2.gif);

   background-repeat: no-repeat;

   background-position: 50px 20px;

   height: 220px;

}



#co-lineup h3 {

   text-align: left;

   height: 25px;

   padding: 0 0 5px 20px;

   background-image:  url(images/st_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   color: #EA5711;

   font-size: 130%;

}



/*一覧

--------------------------------------------------*/



#w-list {

   text-align: left;

   clear: both;

   width: 670px;

   padding: 0 0 20px 0;

   background-image:  url(images/w_bg.gif);

   background-repeat: no-repeat;

   background-position: 0px 200px;

}



#ba-list {

   text-align: left;

   clear: both;

   width: 670px;

   padding: 0 0 20px 0;

}



#list-box {

   padding: 0 0 0 15px;

	float: left;

}



.box {

    width: 640px;

    clear: both;

	float: left;

	margin: 0 0 10px 0;

    background-color: #F4F9ED;

}



.pho-list {

   width: 128px;

   float: left;

   padding: 10px 15px 8px 15px;

   font-size: 11px;

}



.pho-list img {

   padding: 3px;

   border: 1px solid #E5E4E0;

   background-color: #fff;

   margin: 0 0 5px 0;

}



.pho-list a {

   text-decoration: none;

}



#l-size {

   float: left;

   width: ;

   /*height: 400px;*/

   margin: 20px 0 30px 15px;

}



#l-size img {

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

}



#s-size {

   text-align: center;

   float: right;

   width: 470px;

   margin: 0 0 30px 0;

}



#next-back {

   width: 640px;

   clear: both;

   text-align: center;

   padding: 0 0 0 0;

   margin: 0 0 20px 15px;

}



#next-back a {

    text-decoration: none;

}



#next {

   float: right;

   text-align: right;

}



#back {

   float: left;

   text-align: left;

}



.pho {

   float: left;

}



.pho img {

   padding: 8px;

   background-color: #fff;

   border: 1px solid #E5E4E0;

   margin: 0 0 20px 0;

}



.pho2 {

   float: right;

   padding: 0 0 0 0;

}



.pho2 img {

   padding: 8px;

   background-color: #fff;

   border: 1px solid #E5E4E0;

   background-color: #fff;

   margin: 0 0 20px 0;

}



/*lineup

-------------------------------------------------*/

#lineup-list {

   text-align: left;

   clear: both;

   width: 670px;

   padding: 0 0 20px 0;

}



.lsize {

   text-align: center;

   float: left;

   width: 640px;

   height: auto;

   margin: 20px 0 30px 15px;

}



.lsize p {

   text-align: left;

   padding: 15px 30px 0 30px;

}



.lsize img {

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

}



.ssize-1 {

   float: left;

   width: 670px;

   margin: 30px 0 30px 0;

   line-height: 160%;

   background-image:  url(images/l_bg2.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

}



.ssize-1 img {

   float: left;

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

   margin: 0 10px 0 0;

}



.ssize-2 {

   float: left;

   width: 670px;

   margin: 30px 0 30px 0;

   line-height: 160%;

   background-image:  url(images/l_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

}



.ssize-2 img {

   float: right;

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

   margin: 0 0 0 10px;

}



.l-box {

    width: 640px;

    clear: both;

	float: left;

	margin: 15px 0 10px 0;

    background-color: #EBF9D4;

}



.l-pho-list {

   width: 128px;

   float: left;

   text-align: center;

   padding: 10px 15px 8px 15px;

}



.l-pho-list img {

   padding: 3px;

   border: 1px solid #E5E4E0;

   background-color: #fff;

   margin: 0 0 5px 0;

}



.l-pho-list a {

   text-decoration: none;

}



/*ビフォーアフター

------------------------------------------------*/

#yobo {

   text-align: left;

   float: left;

   width: 640px;

   margin: 0 0 0 10px;

}

#yobo .voice {

	float:left;

	display:block;

width:350px

}

#yobo .voice p {

	dispaly:block;

}



#yobo .before_box {

float:right;

width:280px;

}



#yobo p{

   line-height: 160%;

   padding: 10px 0 0 0;

}



#yobo img {

   float: right;

   border: 1px solid #BABDB4;

   padding:6px;

   margin: 0px;

}

#yobo img.no_border {

   float: right;

   padding:6px;

   margin: 0px;

   border:none;

}



#kanso {

   text-align: left;

   float: left;

   width: 500px;

   margin: 0 40px 30px 15px;

}



#kanso p{

   line-height: 160%;

}



/* よくある質問

-----------------------------------------------*/

#faq {

   clear: both;

   width: 670px;

   padding: 0 0 20px 0px;

   margin:0px auto;

}



#faq a {

	text-decoration:underline;

}



#faq a:hover {

	text-decoration:none;

}



#faq .faq_title {

	background-color:#FFFFFF;

	background:url(images/title_bg.gif) no-repeat 0 0;

	margin:0 auto 20px;

	padding:5px 0 0 60px;

	color:#33512D;

	font-size:17px;

	font-weight:bold;

	text-align:left;

	height:33px;

}



.faq_txt1 {

	margin:0px auto 20px;

	padding:5px;

	text-algin:center;

	font-size:12px;

	width:640px;



}



.faq_txt2 {

	margin:0px auto 20px;

	text-algin:center;

	font-size:12px;

	width:630px;

}



.faq_title02 {

	background: url(images/faq_ti.gif) no-repeat 0 0;

	margin:0px auto 10px;

	padding:5px 0 0 40px;

	font-size:14px;

	color:#EA5711;

	font-weight:bold;

	width:630px;

	height:30px;

}



.faq_txt2 ul {

	list-style:none;

	display:block;

	padding:5px 0 5px 40px;

	font-size:12px;

}

.faq_txt2 ul li {

	padding:0 0 0 17px;

	background:url(images/list_icon.gif) no-repeat 0 5px;

	line-height:1.5;

	letter-spacing:1px;

}

.faq_txt3 {

	margin:0px auto 20px;

	padding:5px;

	text-algin:center;

	font-size:12px;

	width:500px;

	border:#999999 double 3px;

}



.faq_title03 {

	background: url(images/faq_ti_s.gif) no-repeat 0 0;

	margin:0px auto 10px;

	padding:5px 0 0 40px;

	font-size:14px;

	color:#EA5711;

	font-weight:bold;

	width:500px;

	height:30px;

}



.faq_txt3 ul {

	list-style:none;

	display:block;

	padding:5px 0 5px 20px;

	font-size:12px;

}

.faq_txt3 ul li {

	padding:0 0 10px 17px;

	background:url(images/list_icon.gif) no-repeat 0 5px;

	line-height:1.5;

	letter-spacing:1px;

}



/* ここから下層Ｂ

-----------------------------------------------------------------------------*/

/* 工事の流れ

-------------------------------------------------*/

.kojisize-1 {

   float: left;

   width: 670px;

   margin: 30px 0 30px 0;

   line-height: 160%;

   background-repeat: no-repeat;

   background-position: 0 0;

}



.kojisize-1 img {

   float: left;

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

   margin: 0 10px 0 0;

}



/*料金について

------------------------------------------------*/

#lineup-list .ryokin-1 {

   float: left;

   width: 670px;

   margin: 30px 0 30px 0;

   background-repeat: no-repeat;

   background-position: 0 0;

}



#lineup-list .ryokin-1 img {

   float: left;

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

   margin: 0 10px 0 0;

}

#lineup-list .ryokin-1 p {

   font-size:12px;

   color:#333333;

   margin:0;

   padding:0;

   line-height:150%;

}

/*アフターメンテナンス

-------------------------------------------------*/

#content #main #mente h2 {

   text-align: left;

   height: 33px;

   margin: 0 0 20px 0;

   padding: 5px 0 0 60px;

   background-image:  url(images/title_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   color: #33512D;

   font-size: 17px;

}



#content #main #mente h3 {

   text-align: center;

   padding: 0px;

   border: 0px solid #BABDB4;

   background-color: #fff;

}

#mente {

   text-align: left;

   clear: both;

   width: 670px;

   padding: 0 0 20px 0;

}



.aftersize {

   text-align: center;

   float: left;

   width: 640px;

   height: auto;

   margin: 20px 0 30px 15px;

}

.aftersize p {

   text-align: left;

   padding: 15px 30px 0 30px;

   line-height: 160%;

}

.aftersize img {

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

}



/*スタッフ紹介

-------------------------------------------------*/

.staffsize-1 {

   float: left;

   width: 670px;

   margin: 30px 0 30px 0;

   line-height: 160%;

   background-repeat: no-repeat;

   background-position: 0 0;

}



.staffsize-1 img {

   float: left;

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

   margin: 0 10px 0 0;

}

/*サービス内容

-------------------------------------------------*/

#service h2 {

   text-align: left;

   height: 33px;

   margin: 0 0 20px 0;

   padding: 5px 0 0 60px;

   background-image:  url(images/title_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   color: #33512D;

   font-size: 17px;

}



#service {

   text-align: left;

   clear: both;

   width: 670px;

   padding: 0 0 20px 0;

}



.service-size-1 {

   float: left;

   width: 670px;

   margin: 10px 0 30px 0;

   line-height: 160%;

   background-repeat: no-repeat;

   background-position: 0 0;

}



.service-size-1 img {

   float: left;

   padding: 10px;

   border: 1px solid #BABDB4;

   background-color: #fff;

   margin: 0 10px 0 0;

}



.service-f {

   font-size: 15px;

}



/*展示場

-------------------------------------------------*/

.tenjijo-size {

   text-align: center;

   float: left;

   width: 670px;

   height: auto;

}

.tenjijo-size p.txt_title {

   text-align: center;

   padding: 0px 20px;

   line-height: 160%;

   width:640px;

   font-weight:bold;

   font-size:14px;

   color:#cc0000;

}



.tenjijo-size p {

   text-align: left;

   padding: 10px 20px 20px;

   line-height: 160%;

   width:640px;

}



.tenjijo-size img {

   padding: 10px;

   border: 0px solid #BABDB4;

   background-color: #fff;

}

.tenjibox_l{

   width: 670px;

   margin: 30px auto;

}

.tenjibox_l .box_s {

   width:310px;

   margin-left:20px;

   _margin:10px;

   float:left;

}

.tenjibox_l .box_s p {

   width:310px;

   padding:5px;

}



/*会社概要

-------------------------------------------------*/

.comp_tx2 {

	padding:0px;

	margin:30px auto;

	width:522px;

	border-bottom:1px solid #33512D;

	border-left:1px solid #33512D;

	border-right:1px solid #33512D;

}

.comp_tab01 {

	width:100px;

	height:15px;

	background-color:#6b8e23;

	border-top:1px solid #33512D;

	background-repeat:no-repeat;

	padding:6px 6px 6px 5px;

	float:left;

	color:#FFFFFF;

	text-align:center;

}

.comp_tab02 {

	width:398px;

	height:15px;

	border-left:1px solid #33512D;

	border-top:1px solid #33512D;

	padding:6px;

	color:#333333;

	float:left;

	clear:right;

	background-color:#FFFFFF;

}



/*賞歴

-------------------------------------------------*/

.syo-size {

   text-align: center;

   float: left;

   width: 640px;

   height: auto;

   margin: 20px 0 30px 15px;

}



.syo-size p {

   text-align: left;

   padding: 15px 30px 0 30px;

   line-height: 160%;

}



.syo-size img {

   padding: 10px;

   border: 0px solid #BABDB4;

   background-color: #fff;

}

/* 個人情報保護方針

-------------------------------------------------*/

#policy {

   text-align: left;

   clear: both;

   width: 670px;

   padding: 0 0 20px 0;

}



#policy h2 {

   text-align: left;

   height: 33px;

   margin: 0 0 20px 0;

   padding: 5px 0 0 60px;

   background-image:  url(images/title_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   color: #33512D;

   font-size: 17px;

}



#policy .policy_box {

   text-align: left;

   padding: 0 20px 20px 15px;

   line-height:160%;

}



#policy .policy_box dl {

	display:block;

}



#policy .policy_box dl dt {

	color:#EA5711;

	font-size:12px;

	font-weight:bold;

}



#policy .policy_box dl dd {

	font-size:12px;

	padding-left:18px;

}

/* 特定商取引法の表記

-------------------------------------------------*/

.toku_tx2 {

	padding:0px;

	margin:30px auto;

	width:562px;

	border-bottom:1px solid #33512D;

	border-left:1px solid #33512D;

	border-right:1px solid #33512D;

}

.toku_tab01 {

	width:140px;

	height:15px;

	background-color:#6b8e23;

	border-top:1px solid #33512D;

	background-repeat:no-repeat;

	padding:6px 6px 6px 5px;

	float:left;

	color:#FFFFFF;

}

.toku_tab02 {

	width:398px;

	height:15px;

	border-left:1px solid #33512D;

	border-top:1px solid #33512D;

	padding:6px;

	color:#333333;

	float:left;

	clear:right;

	background-color:#FFFFFF;

}



/* リンク集

-----------------------------------------------*/

#link {

   clear: both;

   width: 670px;

   padding: 0 0 20px 0px;

   margin:0px auto;

}



#link a {

	text-decoration:underline;

}



#link a:hover {

	text-decoration:none;

}



#link .link_title {

	background-color:#FFFFFF;

	background:url(images/title_bg.gif) no-repeat 0 0;

	margin:0 auto 20px;

	padding:5px 0 0 60px;

	color:#33512D;

	font-size:17px;

	font-weight:bold;

	text-align:left;

	height:33px;

}



.link_txt1 {

	margin:0px auto 20px;

	padding:5px;

	text-algin:center;

	font-size:12px;

	width:640px;



}



.link_txt2 {

	margin:0px auto 20px;

	padding:5px;

	text-algin:center;

	font-size:12px;

	width:640px;

}



.link_txt2 ul {

	list-style:none;

	display:block;

	font-size:12px;

	margin:0px auto;

}

.link_txt2 ul li {

	padding:0 0 0 17px;

	background:url(images/list_icon.gif) no-repeat 0 7px;

	line-height:2;

	letter-spacing:1px;

	display:block;

	float:left;

	width:140px;

}



#link .link_bnr {

	clear:both;

	width:auto;

	height:auto;

	margin:20px 0px 10px;

	padding:0px 0px 0px 20px;

}



/*フッター

------------------------------------------------*/

#footer {

   text-align: center;

   width: 100%;

   clear: both;

   padding: 15px 0 0 0;

   background-color: #fff;

}



#f-cachi {

   font-size: 11px;

   width: 912px;

   color: #666;

   border-bottom: 1px solid #D0E5B9;

   border-top: 1px solid #D0E5B9;

   margin: 0 auto 0 auto;

   padding: 8px 0 8px 0;

}



#f-nav {

   width: 100%;

   margin: 15px auto 0 auto;

   background-color: #b0cf00;

   color: #fff;

   padding: 10px 0 10px 0;

}



#f-nav a {

   text-decoration: none;

   color: #fff;

}

#f-nav a:hover {

   text-decoration: underline;

   color: #333;

}



#add {

   width: 600px;

   height: 86px;

   margin: 0 auto 10px auto;

}



#add p {

   text-align: left;

   margin: 0 0 0 0;

   padding: 30px 0 0 0;

}



#add img {

   float: left;

   padding: 10px 12px 0 0;

}



/*その他

------------------------------------------------*/

.btn-right {

   clear: both;

   text-align: right;

}



#btn {

    clear: both;  

}



.btn-right2 {

   clear: both;

   float: right;

   margin: 15px 0 0 0;

   background-image:  url(images/btn_other.jpg);

   background-repeat: no-repeat;

   background-position: 0 0;

}



.btn-right2 a {

	width:257px;

	height:33px;

	display:block;

	float:left;

	text-indent:-9999px;

	text-decoration:none;

	overflow:hidden;

}



.btn-right2 a:hover {

	background:url(images/btn_other.jpg) no-repeat -0px -33px;

}





.btn-right3 {

   clear: both;

   text-align: right;

   padding: 40px 0 0 0;

}



.btn-right4 {

   clear: both;

   text-align: right;

   padding: 0 10px 10px 0;

}



.btn-center {

   clear: both;

   text-align: center;

   padding: 30px 0 10px 0;

}



.btn-center img {

   margin: 0 0 15px 0;

}



/*見出し

------------------------------------------------*/



h2 {

   margin: 0 0 20px 0;

}



#news h2 {

   margin: 0 0 0 0;

   padding: 0 0 0 0;

}



#new-work h2 {

   margin: 0 0 0 0;

   padding: 0 0 0 0;

}



#w-list h2 {

   text-align: left;

   height: 33px;

   margin: 0 0 20px 0;

   padding: 5px 0 0 60px;

   background-image:  url(images/title_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   color: #33512D;

   font-size: 17px;

}



#w-list .kanren_ti {

   margin: 0 0 0 0;

   padding: 0 0 5px 15px;

   background:url(images/c_l_kanren.gif) no-repeat 0 0;

   color:#EA5711;

   font-weight:bold;

   text-align: left;

   clear:both;

   font-size:14px;

}



#lineup-list h2 {

   text-align: left;

   height: 33px;

   margin: 0 0 20px 0;

   padding: 5px 0 0 60px;

   background-image:  url(images/title_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   color: #33512D;

   font-size: 17px;

}



#lineup-list .kanren_ti {

   margin: 0 0 0 0;

   padding: 0 0 5px 15px;

   background:url(images/c_l_kanren.gif) no-repeat 0 0;

   color:#EA5711;

   font-weight:bold;

   text-align: left;

   clear:both;

   font-size:14px;

}



#ba-list h2 {

   text-align: left;

   height: 43px;

   margin: 0 0 20px 0;

   padding: 5px 0 0 60px;

   background-image:  url(images/title_bg.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   color: #33512D;

   font-size: 17px;

}



#yobo h3 {

   background-image:  url(images/yobo.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   text-indent:-9999px;

   padding: 0 0 15px 0;

}



#new-work h3 {

   text-align: center;

   color: #EA5711;

   padding: 5px 5px 10px;

   font-size: 12px;

   width: 180px;

}



#new-work h4 {

   text-align: right;

   padding: 5px 20px 5px 20px;

   background-image:  url(images/n_w_line.gif);

   background-repeat: no-repeat;

   background-position: 11px 20px;

}



#kanso h3 {

   background-image:  url(images/kanso.gif);

   background-repeat: no-repeat;

   background-position: 0 0;

   text-indent:-9999px;

   padding: 0 0 15px 0;

}



h3 {

   padding: 0 0 0 0;

}



h4 {

   color: #2f151a;

   text-align: right;

   padding: 5px 20px 5px 20px;

}



/*フォント

------------------------------------------------*/



.cha {

   color: #7D4F23;   

}





/* float解除用

-------------------------------*/

.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}



/* 画像hover用

-------------------------------*/

a:hover img{

opacity: 0.7;

filter: alpha(opacity=70);}



#map_canvas {

width:600px;

height:500px;

margin:0px auto;

}

/*--最下層アンダーリンク--*/
#navigation {
	margin:15px 0px;
	padding:5px 0px;
	border-top:1px dotted #666666;
	position:relative;
}

.back {
	text-align:left;
	position:absolute;
	left:0;
	top:10px;
	width:300px;
}

.next {
	text-align:right;
	position:absolute;
	right:0;
	top:10px;
	width:300px;
}

/* 2011/12/14追加
gardenreformloneページ
-------------------------------*/
#gardenreformlone {
text-align: left;
clear: both;
width: 670px;
padding: 0 0 20px 0;
}

#gardenreformlone h2 {
text-align: left;
height: 33px;
margin: 0 0 20px 0;
padding: 5px 0 0 60px;
background-image: url(images/title_bg.gif);
background-repeat: no-repeat;
background-position: 0 0;
color: #33512D;
font-size: 17px;
}

.grl_title {
	border: 1px solid #33512D;
	background-color: #6B8E23;
	color: #fff;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-top: 30px;
}

.grl_1 {
	margin: 10px;
	font-size: 14px;
	line-height: 21px;
}

.grl_3 {
	width: 670px;
	height: 333px; 
	background-image: url(images/03_inf.jpg);
	background-repeat: no-repeat;
	margin: 10px 10px;
}

.grl_4 {
	background-image :url(images/04_inf.jpg);
	background-repeat: no-repeat;
	width: 670px;
	height: 270px;
	font-size: 14px;
	line-height: 21px;
	margin-top: 20px;
	padding-left: 10px;
	font: bold;
}


.grl_tabl {
	font-size: 12px;
}

.grl_tabl th {
	background-color: #eee;
	border: solid 1px #33512D;
	text-align: center;
	font-weight: bold;
}

.grl_tabl th {
	padding: 8px 5px;
	min-width: 100px;
}

.grl_tabl tr {
	padding: 8px 5px;
}

.grl_tabl td {
	padding: 8px 5px;
	border: solid 1px #33512D;
}

.grl_tabl .tabl_c {
	background-color: #6B8E23;
	color: #fff;
}

.grl_3 ol {
	padding: 30px;
	font: 16px bold;
}

.grl_btn {
	margin-top: 20px
}

.grl_btn a {
	width: 188px;
	height: 47px;
	margin: 0px auto;
	display: block;
	
}