/* CSS Document */


body {
	font-size: 14px;
	*font-size: 90%;
	color : #343434;
	font-style: normal;
	line-height: 1.4;
	font-weight: normal;
	font-variant: normal;
	font-family: "メイリオ";
	overflow-x: hidden;
	background: url(../images/bg_body.gif) repeat;
}

/*==========================================
	LINK
==========================================*/

a { color: #325e10; }
a:hover { text-decoration: none; color: #1A2F0B; }

/*==========================================
	WRAPPER
==========================================*/
#wrapper {
margin : 0px  auto ;
width : 910px ;
/*border : 1px #ff0000 dotted ;*/
}

h1 { display:none; }

/*==========================================
	HEADER
==========================================*/
#header,#flash {
	width : 910px;
	position: relative;
	z-index: 1;
}

#header_page {
	width : 910px;
	background: url(../images/img_head_page.jpg) no-repeat;
	height: 135px;
}

/* ロゴ */
#header_home {
	width : 390px;
	height : 70px;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2;
}

/* 電話番号 */
#header_tel {
	width : 305px;
	height : 35px;
	position: absolute;
	left: 585px;
	top: 25px;
	z-index: 3;
}

/* メールフォーム */
#header_mail {
	width : 305px;
	height : 30px;
	position: absolute;
	left: 585px;
	top: 60px;
	z-index: 4;
}

#header span{
	display:none;
	}

/*==========================================
	NAVI
==========================================*/
ul.head_navi {
	position: relative;
	top: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

ul.head_navi li {
	padding: 0px;
	margin: 0px;
	float:left;
}

ul.head_navi li a {
	display: block;
	padding: 0px;
	margin: 0px;
	height:60px;
	text-indent:-9999px;
}


/* HOME */

a.navi1 {background:url(../images/navi.jpg) 0px 0px; width:115px;}
a.navi1:hover {background:url(../images/navi.jpg) 0px -60px;}
a.stay_navi1 {background:url(../images/navi.jpg) 0px -60px; width:115px; height: 60px; text-indent: -9999px;} 

/* ギャラリー */

a.navi2 {background:url(../images/navi.jpg) -115px 0px; width:140px;}
a.navi2:hover {background:url(../images/navi.jpg) -115px -60px;}
a.stay_navi2 {background:url(../images/navi.jpg) -115px -60px; width:140px; height: 60px; text-indent: -9999px;} 

/* 納品までの流れ */

a.navi3 {background:url(../images/navi.jpg) -255px 0px; width:220px;}
a.navi3:hover {background:url(../images/navi.jpg) -255px -60px;}
a.stay_navi3 {background:url(../images/navi.jpg) -255px -60px; width:220px; height: 60px; text-indent: -9999px;} 

/* 商品一覧 */

a.navi4 {background:url(../images/navi.jpg) -475px 0px; width:135px;}
a.navi4:hover {background:url(../images/navi.jpg) -475px -60px;}
a.stay_navi4 {background:url(../images/navi.jpg) -475px -60px; width:135px; height: 60px; text-indent: -9999px;}

/* 会社概要 */

a.navi5 {background:url(../images/navi.jpg) -610px 0px; width:130px;}
a.navi5:hover {background:url(../images/navi.jpg) -610px -60px;}
a.stay_navi5 {background:url(../images/navi.jpg) -610px -60px; width:130px; height: 60px; text-indent: -9999px;} 


/* 施工業者 */
 
a.navi6 {background:url(../images/navi.jpg) -740px 0px; width:170px;}
a.navi6:hover {background:url(../images/navi.jpg) -740px -60px;}
a.stay_navi6 {background:url(../images/navi.jpg) -740px -60px; width:170px; height: 60px; text-indent: -9999px;}



/*==========================================
	CONTAINER
==========================================*/
#container {
padding : 10px 0;
clear:both;
/*border : 1px #000 solid ;*/
}
*html #container {
}
#container .pagetop {
	font-size:12px;
	text-align:right;
	clear:both;
	margin-top: 10px;
	margin-bottom: 15px;
}

/*==========================================
	TITLE
==========================================*/

#container #con_home_left h2.index_01 {
	text-indent:-9999px;
	background: url(../images/title_index_01.jpg) no-repeat;
	height: 40px;
	width: 655px;
}


#container h2.gallery,
#container h2.flow,
#container h2.item,
#container h2.company,
#container h2.constraction,
#container h2.privacy,
#container h2.tokusho,
#container h2.form,
#container h2.mailform {
	text-indent:-9999px;
	height: 80px;
	width: 910px;
	margin-bottom:10px;
}

#container h2.gallery {	background: url(../images/h2_gallery.jpg) no-repeat;}
#container h2.flow { background: url(../images/h2_flow.jpg) no-repeat;}
#container h2.item { background: url(../images/h2_item.jpg) no-repeat;}
#container h2.company { background: url(../images/h2_company.jpg) no-repeat;}
#container h2.constraction { background: url(../images/h2_constraction.jpg) no-repeat;}
#container h2.tokusho { background: url(../images/h2_tokusho.jpg) no-repeat;}
#container h2.privacy { background: url(../images/h2_privacy.jpg) no-repeat;}
#container h2.form { background: url(../images/h2_form.jpg) no-repeat;}
#container h2.mailform { background: url(../images/h2_mailform.jpg) no-repeat;}

#container h3 {
	color:#593001;
	font-size:22px;
	border-bottom: 3px solid #593001;
	padding: 2px 5px;
	margin-left: -5px;
	margin-bottom: 10px;
}

#container h4 {
	color:#315d0f;
	font-size:18px;
	margin-left: -5px;
	margin-bottom: 15px;
	border-left: 5px solid #315d0f;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

/*==========================================
	HOME
==========================================*/

/*-----左-----*/
#container #con_home_left {
	width:655px;
	float:left;
}

#container #con_home_left .home_left_box {
	margin-top:0px;
}
#container #con_home_left .home_left_box01,
#container #con_home_left .home_left_box02 {
	width:160px;
	float:left;
}
#container #con_home_left .home_left_box01 {
	margin-right:5px;
}

#container #con_home_left .home_left_box p ,
#container #con_home_left .home_left_box01 p ,
#container #con_home_left .home_left_box02 p {
	padding:5px;
}

#container #con_home_left .home_left_box p strong,#container #con_home_left .home_left_box_end strong {
	font-weight:bold;
	color: #325e10
}


/*-----右-----*/
#container #con_home_right {
	width:245px;
	float:right;
}

#container #con_home_right p {
	font-size: 12px;
	line-height:1.3;
	padding:0px 0px 10px 10px;
	margin:0;
	background: url(../images/icon.jpg) no-repeat 0px 5px;
}

#container #con_home_right p.ichiran {
	font-size: 12px;
	line-height:1.2;
	margin:10px 0 0 130px;;\ 0 0 130px;
	background: url(../images/icon_02.jpg) no-repeat 0px 4px;
	padding: 0 0 0 10px;
	width: 80px;
	display: block;
}

#container #con_home_right .news_title {
	text-indent: -9999px;
	background: url(../images/home/oshirase_01.jpg) no-repeat;
	height: 45px;
}

#container #con_home_right .news_main {
	background: url(../images/home/oshirase_02.jpg) no-repeat;
	padding: 8px 15px;
}

#container #con_home_right .news_foot {
	background: url(../images/home/oshirase_03.jpg) no-repeat;
	height: 10px;
	text-indent: -9999px;
}


/*==========================================
	gallery
==========================================*/


/*-----左-----*/
#container #con_gallery_left {
	width:630px;
	float:left;
	margin-left:15px;
}

#container #con_gallery_left .gallery_left_box {
	clear:both;
	border-bottom:1px solid #593001;
	margin-bottom:15px;
}

#container #con_gallery_left .gallery_left_box_end {
	border:none;
}

#container #con_gallery_left .gallery_left_box .gallery_left_box_img01,
#container #con_gallery_left .gallery_left_box .gallery_left_box_img02,
#container #con_gallery_left .gallery_left_box .gallery_left_box_img03 {
	float:left;
	padding-bottom:15px;
	text-align:center;
	font-size:10px;
	width:200px;
}
#container #con_gallery_left .gallery_left_box .gallery_left_box_img01 img,
#container #con_gallery_left .gallery_left_box .gallery_left_box_img02 img,
#container #con_gallery_left .gallery_left_box .gallery_left_box_img03 img {
	border:#FFFFFF 5px solid;
	margin-bottom:5px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

#container #con_gallery_left .gallery_left_box .gallery_left_box_img01,
#container #con_gallery_left .gallery_left_box .gallery_left_box_img02 {
	margin-right:15px;
}



#container #con_gallery_left .gallery_left_box01,
#container #con_gallery_left .gallery_left_box02 {
	float:left;
	padding-bottom:10px;
	width: 415px;
}

#container #con_gallery_left .gallery_left_box01 {
	margin-right: 15px;
	width: 200px;
}

#container #con_gallery_left .gallery_left_box02 p {
	font-size:12px;
	padding:5px;
	line-height: 1.5;
}

#container #con_gallery_left .gallery_left_box02 p.itemlist {
	font-size:12px;
	padding:0px 5px 0px 15px;
	line-height: 1.5;
	background: url(../images/icon_02.jpg) no-repeat left center;
	margin-left: 5px;
}

#container #con_gallery_left .gallery_left_box p strong {
	font-weight:bold;
	font-size:16px;
}


/*-----右-----*/
#container #con_gallery_right {
	width:245px;
	float:right;
}

#container #con_gallery_right p {
	font-size: 14px;
	line-height:1.3;
	padding:0px 0px 10px 10px;
	margin:0;
	background: url(../images/icon.jpg) no-repeat 0px 5px;
}

#container #con_gallery_right a {
	color:#333333;
}

#container #con_gallery_right .category_title {
	text-indent: -9999px;
	background: url(../images/tit_gallery.jpg) no-repeat;
	height: 45px;
}

#container #con_gallery_right .category_main {
	background: url(../images/home/oshirase_02.jpg) no-repeat;
	padding: 8px 15px;
}

#container #con_gallery_right .category_foot {
	background: url(../images/home/oshirase_03.jpg) no-repeat;
	height: 10px;
	text-indent: -9999px;
}

/*-----スライドショー-----*/

#slideshow {
	position:relative;
	width:620px;
	height:460px;
	border:#ffffff 5px solid;
	margin-bottom: 10px;
}
#slideshow img { position:absolute; top:5; left:5; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

/*==========================================
	流れ
==========================================*/


/*-----左-----*/
#container #con_flow_left {
	width:630px;
	float:left;
	margin-left:15px;
}

#container #con_flow_left p {
	padding:5px;
	margin-bottom:35px;
}

#container #con_flow_left .flow_left_box p strong {
	font-weight:bold;
	font-size:16px;
}


/*-----右-----*/
#container #con_flow_right {
	width:245px;
	float:right;
}

#container #con_flow_right img {
	border:#FFFFFF 5px solid;
	margin-bottom:10px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

/*==========================================
	商品一覧
==========================================*/


/*-----左-----*/
#container #con_item_left {
	width:630px;
	float:left;
	margin-left:15px;
}

#container #con_item_left .item_left_box {
	clear:both;
	border-bottom:1px solid #593001;
	margin-bottom:10px;
}

#container #con_item_left .item_left_box_end {
	border:none;
}

#container #con_item_left .item_left_box_komono_end,
#container #con_item_left .item_left_box_komono,
#container #con_item_left .item_left_box01,
#container #con_item_left .item_left_box02 {
	float:left;
	padding-bottom:10px;
}

#container #con_item_left .item_left_box p  {
	padding-bottom:10px;
}
#container #con_item_left .item_left_box p strong,#container #con_item_left .item_left_box_end p strong  {
	font-size:16px;
}
#container #con_item_left .item_left_box p strong span {
	color :#8f0707;
}


#container #con_item_left .item_left_box_komono {
	margin-right: 10px;
}
#container #con_item_left .item_left_box_komono_end {
	margin-right: 0px;
}

#container #con_item_left .item_left_box_komono p,#container #con_item_left .item_left_box_komono_end p {
	text-align:center;
	padding-top:8px;
}
#container #con_item_left .item_left_box01 {
	margin-right: 15px;
}

#container #con_item_left .item_left_box02 {
	width:180px;
	}

#container #con_item_left .item_left_box03 {
	float:left;
	padding:10px 0 0 5px;
}

#container #con_item_left .item_left_box02 p {
	font-size:12px;
	padding:5px;
	line-height: 1.5;
}

#container #con_item_left .item_left_box02 p.itemlist {
	font-size:12px;
	padding:0px 5px 0px 15px;
	line-height: 1.5;
	background: url(../images/icon_02.jpg) no-repeat left center;
	margin-left: 5px;
}


/*-----右-----*/
#container #con_item_right {
	width:245px;
	float:right;
}

#container #con_item_right p {
	font-size: 14px;
	line-height:1.3;
	padding:0px 0px 10px 10px;
	margin:0;
	background: url(../images/icon.jpg) no-repeat 0px 5px;
}

#container #con_item_right a {
	color:#333333;
}

#container #con_item_right .category_title {
	text-indent: -9999px;
	background: url(../images/tit_item.jpg) no-repeat;
	height: 45px;
}

#container #con_item_right .category_main {
	background: url(../images/home/oshirase_02.jpg) no-repeat;
	padding: 8px 15px;
}

#container #con_item_right .category_foot {
	background: url(../images/home/oshirase_03.jpg) no-repeat;
	height: 10px;
	text-indent: -9999px;
}

/*==========================================
	会社概要
==========================================*/


/*-----左-----*/
#container #con_company_left {
	width:510px;
	float:left;
	margin-left:15px;
}

#container #con_company_left p {
	padding:5px;
	margin-bottom:35px;
}

#container #con_company_left table td {
	padding:6px 8px;
	border-bottom:#593001 1px solid;
	vertical-align: top;
}

/*-----右-----*/
#container #con_company_right {
	width:355px;
	float:right;
	border:#FFFFFF 5px solid;
}


/*==========================================
	特定商取引
==========================================*/


/*-----左-----*/
#container #con_tokusho {
	margin:10px 15px;
}

#container #con_tokusho p {
	padding:5px;
	margin-bottom:35px;
}

#container #con_tokusho table td {
	padding:6px 8px;
	border-bottom:#593001 1px solid;
	vertical-align: top;
}


/*==========================================
	特定商取引
==========================================*/


/*-----左-----*/
#container #con_privacy {
	margin:10px 15px;
}

#container #con_privacy p {
	padding:5px;
	margin-bottom:15px;
}


/*==========================================
	資料請求フォーム
==========================================*/


/*-----左-----*/
#container #con_form {
	margin:10px 15px;
}

#container #con_form p {
	padding:5px;
	margin-bottom:20px;
}

#container #con_form table td {
	padding:6px 8px;
	border-bottom:#593001 1px solid;
	vertical-align: top;
}

#container #con_form input,#container #con_form textarea {
	padding:3px;
	font-size:14px;
	width:345px;
}

#container #con_form input.btn01,#container #con_form textarea.btn01 {
	padding:3px;
	font-size:14px;
	width:155px;
	margin-top:15px;
}


/*===========================================
	FOOTER
===========================================*/
#footer {
	width : 100%;
	clear : both;
}

/* キャッチコピーのところ */
#foot_common {
	color: #593001;
	padding-top: 15px;
	padding-bottom: 10px;
	width: 830px;
	margin: 0 auto;
}

#foot_common h3 {
	font-size:20px;
}

#foot_common span {
	font-size:20px;
}

#foot_common p {
	float: left;
}

#foot_common p.foot_shiryo a,
#foot_common p.foot_mail a {
	color: #FFFFFF;
	text-decoration:none;
	padding-top:2px;
	font-size: 12px;
	height: 18px;
	display: block;
	float: left;
	margin-left:165px;
	margin-top:4px;
}
#foot_common p.foot_shiryo a {
	background: url(../images/bg_foot_shiryo.jpg) no-repeat;
	width: 110px;
	padding-left: 26px;
}
#foot_common p.foot_mail a {
	background: url(../images/bg_foot_mail.jpg) no-repeat;
	width: 134px;
	padding-left: 32px;
}


/* 住所など */
#foot_main {
	font-size:12px;
	color:#FFFFFF;
	background: url(../images/bg_footmain.jpg) no-repeat;
	padding: 7px 10px;
	height: 36px;
	line-height: 18px;
	clear: both;
}

#foot_main #foot_main_left {
	float:left;
}

#foot_main #foot_main_right {
	float:right;
}

#foot_main #foot_main_right a {
	color:#FFFFFF;
	text-decoration:none;
	background: url(../images/footmain_icon.jpg) no-repeat 0px 6px;
	display: block;
	padding-left: 10px;
}

#foot_main #foot_main_right a:hover {
	text-decoration:underline;
}

/* コピーライト */
#foot_copy {
	clear:both;
	text-align:center;
	font-size:10px;
	padding:5px;
}





/* for IE6 */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}