/* charset */
@charset "euc-jp"; 

/*--------------------------------------
  Universal selector
---------------------------------------*/

*{
	color: #333333;
	font-size: 100%;
	margin:	 0;
	padding: 0;
	}

/*--------------------------------------
  
---------------------------------------*/
body {
	margin-left: 23px;
	margin-top: 0px;
	text-align: justyfy;
	background-color: #ffffff;
	line-height:145%;
	}
html>body {
    border-collapse:separate;
	}
body,html {
height:100%;
	}
h1,h2,h3,h4,p {
	margin:0px;
	padding:0px;
	}
img {
	border:0px;
	}
ul,li {
	list-style: none;
	margin:0px;
	padding:0px;
	}
table {
	empty-cells:show;
	border-collapse: collapse;
	}
td {
	vertical-align:top;
	text-align:left;
	}
.txtCenter {
	text-align: center;
	}
.txtLeft {
	text-align: left;
	}
.txtRight {
	text-align: right;
	}
/*--------------------------------------
　リンク
---------------------------------------*/
a {
    font-style:normal;
	text-decoration : underline;
	}
a:link {
    font-style:normal;
    text-decoration:underline;
    color: #008000;
	}
a:visited {
    font-style:normal;
    text-decoration:underline;
    color: #006600;
	}
a:hover {
    font-style:normal;
    text-decoration:underline;
	}
a:active {
    text-decoration:underline;
	}
img a {
	border: 0px;
	text-decoration: none;
	}
/*--------------------------------------
  
---------------------------------------*/
div#wrap {
	width: 768px;
	}
div#logo {
	width: 670px;
	height: 50px;
	background: url(images/logo.gif) no-repeat left;
	}
div#logo a {
	width: 520px;
	height: 50px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
div#contents {
	font-size: 0.8em;
	}
div#counter {
	text-align: right;
	}
div#footer {
	
	}
/*--------------------------------------
  メニュー
---------------------------------------*/
div#menuBar{
	clear: both;
    height: 39px;
}
#menuBar ul{
    list-style: none;
}
#menuBar ul li{
    list-style: none;
    float:left;
    width:110px;
}
#menuBar ul a{
    display: block;
    height: 39px;
    text-indent: -9999px;
    overflow: hidden;
}

#menuBar a span{display:none;}


#menuBar a.kouhou{
    background-image:url('images/menu01.gif');
}
#menuBar a.catalog{
    background-image:url('images/menu02.gif');
}
#menuBar a.cad{
    background-image:url('images/menu03.gif');
}
#menuBar a.jirei{
    background-image:url('images/menu04.gif');
}
/*お知らせ
#menuBar a.info{
    background-image:url('images/menu05.gif');
}
*/
#menuBar a.mail{
    background-image:url('images/menu06.gif');
}
#menuBar a.aboutus{
    background-image:url('images/menu07.gif');
}
#menuBar a.mmaga {
    background-image:url('images/menu08.gif');
}
#menuBar a:hover.kouhou,
#menuBar a:hover.catalog,
#menuBar a:hover.cad,
#menuBar a:hover.jirei,
#menuBar a:hover.info,
#menuBar a:hover.mail,
#menuBar a:hover.aboutus,
#menuBar a:hover.mmaga{
    background-position:0px -39px;
}
#menuBar a:active.kouhou,
#menuBar a:active.catalog,
#menuBar a:active.cad,
#menuBar a:active.jirei,
#menuBar a:active.info,
#menuBar a:active.mail,
#menuBar a:active.aboutus,
#menuBar a:active.mmaga{
    background-position:0px -78px;
}
/*--------------------------------------
  トップページ　トピックス
---------------------------------------*/
#topicsBox01,
#topicsBox02,
#mmBox {
	margin-top: 28px;
	margin-bottom: 28px;
	float: left;
	}
#topicsBox01 img,
#topicsBox02 img {
	border: 1px solid #999999;
	}
#topicsBox01 {
/*	margin-right: 60px;*//*内容によってここの幅を変更*/
	margin-right: 20px;/*2011.06 メルマガ配信告知用*/
	}
#topicsBox02 h1 {
	
	}
#topicsBox02 {
	width: 252px;
	}
#topicsBox02 h1 {
	font-size: 1em;
	margin-bottom: 8px;
	}
#topicsBox02 p {
	font-size: 0.8em;
	line-height: 165%;
	}
/*メルマガ登録*/
#mmBox {
	width: 292px;
	height: 298px;
	border: 2px solid #99cc00;
	}
#mmBox a.touroku {
	display: block;
	width: 162px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 65px;
	margin-bottom: 10px;
	}
#mmBox a.touroku {
	background-image:url('images/mailmaga/bt_mailmaga.png');
	}
#mmBox a:hover.touroku {
	background-position:0px -32px;
	}
#mmBox a:active.touroku {
	background-position:0px -64px;
	}
#mmBox p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 10px;
	}
/*--------------------------------------
　メールマガジン
---------------------------------------*/
#outline {
	border: 3px solid #99cc00;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}
#tourokuBox {
	float: left;
	}
#tourokuBox a.touroku {
	display: block;
	width: 302px;
	height: 57px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 27px;
	margin-right: 10px;
	}
#tourokuBox a.touroku {
	background-image:url('mailmaga/images/bt_mailmaga_b.png');
	}
#tourokuBox a:hover.touroku {
	background-position:0px -57px;
	}
#tourokuBox a:active.touroku {
	background-position:0px -114px;
	}
#outline p {
	line-height: 1.4em;
	}
/*--------------------------------------
  お知らせ
---------------------------------------*/
#information {
	padding-left: 6px;
	font-size: 1.2em;
	}
#information dl {
	margin: 0px;
	padding: 0px;
	}
#information dt {
	clear: left;
	float: left;
	margin: 0 0 0.4em;
	width: 6.5em;
	padding-left: 12px;
	background: url(images/point.gif) no-repeat left;
	color: #999999;
	}
#information dd {
	margin-bottom: 0.4em;
	margin-left: 6.5em;
	}
#information p.goinfo {
	background: url(images/point.gif) no-repeat left;
	float: right;
	padding-left: 12px;
	margin-bottom: 20px;
	}
/*--------------------------------------
  内部ページ
---------------------------------------*/
#navi {
	font-size: 8pt;
	padding-top: 3px;
	padding-bottom: 3px;
	}
#mainTitle {
	background: url(images/bar_h1.gif) repeat-y right;
	height: 42px;
	margin-bottom: 15px;
	}
#mainTitle h1{
	line-height: 42px;
	font-size: 0.9em;
	text-indent: 1em;
	}
#contents h2 {
	font-size: 1.2em;
	}
h2.titleProduct {
	margin-bottom: 5px;
	}
p.detail_read {
	border-top:  1px solid #cdcdcd;
	padding: 5px 0px;
	}
div.bar {
	background-image: url(product/images/bar_product.gif);
	background-repeat: repeat-x;
	height: 24px;
	}
#productBox {
	
	}
#productBox h3{
	font-size: 1.2em;
	color: #663300;
	}
#productBox img{
	float: left;
	margin-right: 10px;
	}
.main {
	list-style-type: decimal ;
	margin-top: 10px;
	margin-left: 30em;
	}
.main li {
	line-height: 130%;
	margin-bottom: 10px;
	text-indent: -1.5em;
	}
.main2011,
.main2011 li {
	margin: 0;
	padding: 0;
	}
.main2011 {
	margin-top: 10px;
padding-left: 375px;
	}
.main2011 li {
	line-height: 130%;
	list-style-type: none;
	margin-bottom: 10px;
	text-indent: -1em;
	}
.main2011 li .point {
	color: #663300;
	}
p.title {
	clear: both;
	margin-top: 20px;
	}
h4.title {
	font-size: 10pt;
	border-bottom: 1px solid #E1E6EA;
	margin-top: 20px;
	margin-bottom: 10px;
	}
.detail {
	padding-left: 2.5em;
	margin-bottom: 20px;
	}
.detail li {
	list-style-type: disc;
	}
.detail03 {
	padding-left: 1.5em;
	margin-bottom: 20px;
	}
.detail03 li {
	
	}
.title03 {
	font-weight: bold;
	color: #336699;
	}
.tokutyou,
.tokutyou02 {
	margin-top: 10px;
	}
.tokutyou li {
	margin-bottom: 10px;
	text-indent: -1em;
	padding-left: 1em;
	}
ul.tokutyou02 {
	list-style-type: disc;
	padding-left: 1.5em;
	}
ul.tokutyou02 li {
	list-style-type: disc ;
	margin-bottom: 10px;
/*	text-indent: -1em;*/201106削除
	padding-left: 1em;
	}

ul.tokutyou03 {
	list-style-type: disc;
	list-style-position: inside;
	/*padding-left: 2.5em;*/
	}
ul.tokutyou03 li {
	list-style-type: disc ;
	margin-bottom: 10px;
	}

.detail_tokutyou {
	padding-left: 1.5em;
	margin-bottom: 1em;
	}
.detail_tokutyou li {
	list-style-type: disc;
	text-indent: 0em;
	margin-bottom: 0px;
	padding-left: 0em;
	}
table.kikakuBox{
	border-top:1px solid #939F8D;
	border-left:1px solid #939F8D;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin: 0px 0px 0px 0px;
}
table.kikakuBox th,
table.kikakuBox td {
	border-right:1px solid #939F8D;
	border-bottom:1px solid #939F8D;
	padding:5px 5px;
	line-height: 120%;
	text-align: center;
	}
table.kikakuBox th{
	color:#006600;
	background-color: #e6fbe3;
	background-image:url('images/th.gif');
	background-position: left top;
	font-weight: 400;
}
table.kikakuBox td{
	vertical-align: middle;
}
table.kikakuBox th p,
table.kikakuBox th sup {
	color:#006600;
	}
.col_y {
	background-color: #FBFBE3;
	}
td.tit011 {
	width: 200px;
	}
td.line_01 {
	height: 1px;
	background-color: #939F8D;
	}
td.tit012 {
	width: 150px;
	}
th.tit02,
th.tit03,
th.tit04,
th.tit05 {
	width: 80px;
	}
p.top {
	clear: both;
	text-align: right;
	margin-top: 50px;
	margin-bottom: 25px;
	}
.keijyouBox {
	float: left;
	margin-right: 15px;
	text-align: center;
	}
/*--------------------------------------
  カタログ
---------------------------------------*/
/*角丸タイトル*/
.kakumaru {
	background: url('images/bar_h2_l.gif') no-repeat left;
	height: 28px;
	padding-left: 5px;
	margin-bottom: 20px;
	}
h2.titleCatalog {
	background: #75CA4D;
	padding-left: 5px;
	line-height: 28px;
	}
	.rspace {
		background: url('images/bar_h2_r.gif') no-repeat left;
		width: 5px;
		height: 28px;
		float: right;
		}
	/*角丸タイトル
		.rtop, 
		.rbottom{
			display:block;
			background: #FFFFFF;
			}
		.rtop *, 
		.rbottom *{
			display: block;
			height: 1px;
			overflow: hidden;
			background: #75CA4D;
			}
		.r1{margin: 0 5px;}
		.r2{margin: 0 3px;}
		.r3{margin: 0 2px;}
		.r4{margin: 0 1px; height: 2px;}
		.rtop {
			margin-top: 10px;
			}
		.rbottom {
			margin-bottom: 30px;
			}
	*/
.catalogBox {
	width: 370px;
	float: left;
/*	clear: both;*/
/*	margin-top: 30px;*/
	margin-bottom: 30px;
	}
.catalogBox h3{
	line-height: 120%;
	margin-bottom: 5px;
	}
.catalogBox h3 span{
	font-size: 0.85em;
	}
.catalogBox img.book {
	float: left;
	margin-right: 10px;
	}
.catalogBox img.dl {
	margin-top: 20px;
	}
.catalogBox .bookinfo {
	color: #75CA4D;
	}
.twinBox {
	width:370px;
	float: left;
	}
/*--------------------------------------
  お問い合わせ
---------------------------------------*/
table.contBox{
	border-top:1px solid #FFFFFF;
	border-left:1px solid #ffffff;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin: 0px 0px 0px 0px;
}

table.contBox th{
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	padding:3px 5px;
	color:#006600;
	background-color: #e6fbe3;
/*	background-image:url('images/th.gif');*/
	background-position: left top;
	text-align: left;
	line-height: 130%;
}
table.contBox td{
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	padding:3px 0px;
	line-height: 1.3em;
	vertical-align: middle;
	/*text-align: center;*/
}
table.contBox th p,
table.contBox th sup {
	color:#006600;
	}
/*--------------------------------------
  施工事例
---------------------------------------*/
h2.jireiTitle {
	clear: both;
	padding-left: 10px;
	border:1px solid #d0d0d0;
	border-left:10px solid #75ca4d;
	margin-top: 10px;
	margin-bottom: 18px;
	}
.jireiPic {
	width: 250px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	}
/*--------------------------------------
  フローチャート
---------------------------------------*/
table.flow a {
	display:block;
	height:27px;
	width: 237px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	overflow:hidden;
	}
table.flow a span {
	display: none;
	}
table.flow a.link_01 {
    background-image:url('product/images/flow/f_07.gif');
}
table.flow a.link_02 {
    background-image:url('product/images/flow/f_47.gif');
}
table.flow a.link_03 {
    background-image:url('product/images/flow/f_09.gif');
}
table.flow a.link_04 {
    background-image:url('product/images/flow/f_19b.gif');
}
table.flow a.link_05 {
    background-image:url('product/images/flow/f_37.gif');
}
table.flow a.link_06a {
    background-image:url('product/images/flow/f_57.gif');
}
table.flow a.link_06b {
    background-image:url('product/images/flow/f_67.gif');
}
table.flow a.link_mtpipe {
    background-image:url('product/images/flow/f_27.gif');
}
table.flow a:hover.link_01,
table.flow a:hover.link_02,
table.flow a:hover.link_03,
table.flow a:hover.link_04,
table.flow a:hover.link_05,
table.flow a:hover.link_06a,
table.flow a:hover.link_06b,
table.flow a:hover.link_mtpipe {
    background-position:0px -27px;
}
table.flow a:active.link_01,
table.flow a:active.link_02,
table.flow a:active.link_03,
table.flow a:active.link_04,
table.flow a:active.link_05,
table.flow a:active.link_06a,
table.flow a:active.link_06b,
table.flow a:active.link_mtpipe {
    background-position:0px -54px;
}
/*--------------------------------------
  お問い合わせ
---------------------------------------*/
.hissu {
	color: #FF0000;
	font-weight: 700;
	}
.ex {
	border-bottom: 1px solid #E1E6EA;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
.contactNavi {
	color: #999999;
	border-bottom: 1px solid #E1E6EA;
	margin-bottom: 10px;
	}
.hit {
	font-weight: bold;
	color: #006600;
	}