﻿/* CSS Document */
*{					      /*全ての余白をクリア*/
	margin:0;
	padding:0;
}


/*ホームページの骨組み****************************************/
#wrapper{
	width:850px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px gray;
	background-color:white;
}
#index{
	width:850PX;
	height:auto;
	background-color:#1d6b29;
}

#header{
	width:850px;
	height:70px;
	background-color:white;
}

#header2{
	width:850px;
	height:295px;
	background-color:white;
}
/*xinwangye toubu tupian*************/


#header3{
	width:580px;
	height:160px;
	background-color:white;
	margin:-20px 40px 20px 10px; 
}
/*dafenglei de dingwei yong***********/




#headmenu{
	width:850px;
	height:auto;
	margin-top: -3px;
}

#topimg{
	width:850px;
	height:245px;
	background-color:white;
}

#contents{
	padding-top:15px;
	padding-right:15px;
	width:620px;
	height:auto;
	float:right;
	background-color:white;
}

#left_navi{
	padding-top:15px;
	width:200px;
	height:auto;
	float:left;
	background-color:white;
	margin-left:5px;
}

#footer{
    clear:both;
	width:850px;
	height:auto;
	text-align:center;
	background-color:navy;
	color:white;
	padding-top:5px;
	padding-bottom:5px;
}

body{
	font-size:12px;
	font-family:'MS Pゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3';
	background-color;
	}

/*ヘッダーメニュー部分******************************************/
/* リスト全体 */
ul
   {
    width:850px;             /* リスト全体の幅 */
    list-style:none;         /* リストマークを無しにする */
   }

/* 各項目 */
li
   {
    width:170px;             /* 項目の幅 */
    height:40px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
   }


/* リンク部分 */
.top a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/menu.gif);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-3000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }

                   /* ★↑背景画像の（0px -35px）に移動★ */

.top a:hover
   {
    background-image:url(images/menu.gif);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -40px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
   }

.enaiwamura a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/menu.gif);/* リンク範囲の背景画像設定 */
    background-position:-170px 0px;
                     /* ★↑背景画像の（-150px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-3000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
   
.enaiwamura a:hover
   {
    background-image:url(images/menu.gif); /* マウスが上に来た時の背景画像設定 */
    background-position:-170px -40px;
                     /* ★↑背景画像の（-150px -35px）に移動★ */
   }    
        

.inakagurashi a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/menu.gif);/* リンク範囲の背景画像設定 */
    background-position:-340px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-3000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.inakagurashi a:hover
   {
    background-image:url(images/menu.gif); /* マウスが上に来た時の背景画像設定 */
    background-position:-340px -40px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
	
.selfbuild a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/menu.gif);/* リンク範囲の背景画像設定 */
    background-position:-510px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-3000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.selfbuild a:hover
   {
    background-image:url(images/menu.gif); /* マウスが上に来た時の背景画像設定 */
    background-position:-510px -40px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }

.navi a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/menu.gif);/* リンク範囲の背景画像設定 */
    background-position:-680px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-3000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.navi a:hover
   {
    background-image:url(images/menu.gif); /* マウスが上に来た時の背景画像設定 */
    background-position:-680px -40px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }


	




.melmaga{
	font-seize:12px;
	line-height:120%;
	padding-top:5px;
	padding-bottom:15px;
	margin-left:15px;
}

/*その他の部分***************************************************/

img{
	border-style:none;
}


.class2:hover
  {
	filter: Alpha(Opacity=50, FinishOpacity=50, Style=3, StartX=0, StartY=0, FinishX=100, FinishY=100);
  }


.gazou{
	margin-bottom:30px;
}

.illust{
	float:right;
}


.title_banner{
	margin-top:15px;
}


/*ol,ul,li{
	color:blue;
	margin-left:15px;
	color:navy;

	
}
*/


x

h2,h3,h4,h5,h6{
	font-size:14px;
	/*margin-right:15px;*/
	margin-bottom:10px;
	/*border-left:solid 3px navy;*/
	/*padding-left:10px;*/
	color:navy;
	font-weight:bold;
	/*background-image:url(images/banner_01.gif);
	background-repeat:no-repeat;
	height:50px;
	padding-top:20px;
	padding-left:20px;*/
	
}

h1{
	font-size:12px;
	margin-left:10px;
	color:#669966;
}

h4{
	/*border-left:solid 5px navy;*/
	font-size:15px;
	/*margin-left:15px;*/
	color:navy;
	font-weight:bold;
}

h5{
	font-size:15px;
}

h2,h3{
	font-weight:bold;
}

h7{
	font-size:36px;
	font-weight:bold;
		/*margin-right:15px;*/
	margin-bottom:10px;
	/*border-left:solid 3px navy;*/
	/*padding-left:10px;*/
	color:navy;
	font-weight:bold;
	/*background-image:url(images/banner_01.gif);
	background-repeat:no-repeat;
	height:50px;
	padding-top:20px;
	padding-left:20px;*/
}

P.setsumei{
	margin-left:30px;
}

P,pre{
	line-height:160%;
	margin-bottom:20px;
	/*margin-left:15px;*/
}

pre{
	border:solid 1px gray;
	background-color:#efefef;
	padding:15px;
	margin-right:15px;
}
pre.sakuduke{
	border:none;
	background-color:#f6faf8;
	padding:15px;
}

.bottom_menu{
	width:100%;
	text-align:center;
}


/*お問合せテーブル*/
table{
	border-collapse:collapse;
	margin-bottom:15px;
}
table, th, td{
	border:solid 1px gray;
	padding:10px;
	background-color:#f7f7f7;
	text-align:left;
}

table.plant{
	border-collapse:collapse;
	margin-bottom:20px;
}
table.plant, th.plant, td.plant{
	border:solid 1px green;
	padding:10px;
	background-color:white;
	text-align:left;
}

.textbox {
	padding:5px;
	margin-bottom:3px;
}

P.results{
	padding:5px;
	line-height:140%;
	margin:0px;
}

.bottom20{
	margin-bottom:20px;
}

.navi_midashi{
	margin-bottom:10px;
}
	
/*商品登録*/
#wrapper2{
	align:center;
	width:595px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#fdfdfd;
	border:solid 1px #f0f0f0;
}
	
.kiyaku{
	width:610px;	
}

.plan_midashi{
	margin-bottom:10px;
	}
P.plan_tx{
	line-height:150%;
	}
	
.left{
	float:left;
	margin-right:15px;
}

.right{
	float:right;
	margin-left:15px;
}
.clear{
	clear:both;
	margin-top:20px;
}

.img{
	margin-bottom:20px;
}

.img_center{
	width:100%;
	align:center;
	margin-bottom:30px;
}

/*---------------------------------------------------------------*/



ul.left_navi{
	font-family:'MS Pゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3';
	width:200px;
	font-size:12px;
	letter-spacing:1px;
	margin-bottom:1px;	

}
ul.left_navi ul,ul.left_navi li{
	margin: 0;
	padding: 0;
	list-style:none;
	display:block;

} 



ul.left_navi a,ul.left_navi a:visited{
	text-decoration:none;
	color:blue;
	display:block;
	text-decoration:underline;
	padding-top:5px;
	padding-bottom:7px;
	padding-left:5px;
	width:180px;

	/*background-color:#f0f0f0;*/
	/*border-left:solid 3px orange;*/
	/*border-bottom:solid 1px #999999;*/

	
}

ul.left_navi a:hover{
	text-decoration:underline;
	color:purple;
	background-color:#f0f0f0;
	border-left:solid 3px #007700;

	/*border-bottom:solid 1px #999999;*/
}
/*---------------------------------------------------------------*/
.meritte{
	margin-bottom:10px;
}

div.meritte{
	width:auto;
	height:auto;
	background-color:#F1FCF3;
	border:solid 1px #92E7A0;
	padding:10px;
}

.img_bn{
	border:solid 1px #7f9b5a;
	margin-bottom:10px;
}

.detail_pic{
	margin-right:10px;
}

.midashi{
	border:solid 1px #7f9b5a;
	margin-bottom:10px;
	
}

h2.midashi_h{
	font-size:15px;
	font-weight:bold;
	background-image:url(images/midashi_h.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:15px;
	height:35px;
	width:608px;
}

.osusume{
	margin-bottom:5px;
}
/************************************************************
<<contents2（トップページ「お知らせ」「ブログ」コンテンツ）>>
************************************************************/
/*---------------お知らせ指定---*/
DIV#infomation {
	width: 600px;
	height: auto;
	float: left;
	border: 1px solid #cccccc;
}

DIV#infomation_header {
	width: 600px;
	height: 30px;
	background-image: url(images/title_infomation.gif);
	background-repeat: no-repeat;
}

DIV#infomation_header2 {
	width: 600px;
	height: 30px;
	background-repeat: no-repeat;
}

DIV#infomation_contents {
	width: 600px;
	padding: 5px;
	height: auto;
	/*background-image: url(/images/info_blog_body2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
}

P.information{
	margin-bottom:5px;
	font-size:12px;
}

P.information_content{
	margin-bottom:5px;
	font-size:12px;
}

#open{
	margin-top:30px;
}

dt{
	margin-bottom:10px;
	font-size:14px;
}

dd{
	margin-bottom:20px;
	font-size:14px;
}

/*---shu------------------------------------------------------------*/
ul2 {
	margin:0;
	padding:0;
	list-style:none;
	color: #999999;
}
li2 {background:url(images/.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 0px; line-height:16px }


.STYLE6 {
	color: #333333;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
	font-size: 28px;
	font-weight: normal;
}

