body {
	font-size: 12px;
}

h1{
	font-size :12px ;
	color:#3366cc;
}

.f12BLA {
	font-size: 12px;
	color: #000000;
}

.f12BLU {
	font-size: 12px;
	color: #3366cc;
}

.f12WH {
	font-size: 12px;
	color: #ffffff;
}

.f12_1WH {
	font-size: 12px;
	color:#FFFF99;
}

.f12_1WH a {
	font-size: 12px;
	color:#FFFF99;
	width:320px;
	display:block;
}

.f12_1WH a:hover {
	color:#FFFF99;
}

.f12_1WH a:link {
	color:#FFFF99;
}

.f12_1WH a:visited {
	color:#FFFF99;
}

.f10WH {
	font-size: 10px;
	color: #ffffff;
}

.f12GL {
	font-size: 12px;
	color: #898989;
}

.f14BLA {
	font-size: 14px;
	color: #000000;
}
.f14BLA1 {
	font-size: 14px;
	color: #000000;
}

.f14BLA1 a {
	font-size: 14px;
	color: #000000;
}

.f14BLA1 a:hover {
	font-size: 14px;
	color: #000000;
}


	A:link {color:#3366cc; text-decoration:underline;}
	A:visited {color:#3366cc; text-decoration:underline;}
	A:active {color:#ff0000; text-decoration:none;}
	A:hover {color:#ff0000; text-decoration:none;}

	a.L2:link{font-size : 12px; color:#ffffff; text-decoration:none;}
	a.L2:visited{font-size : 12px; color:#ffffff; text-decoration:none;}
	a.L2:hover{font-size : 12px; color:#ff0000; text-decoration:underline;}
	a.L2:active{font-size : 12px; color:#ffffff;text-decoration:underline;}

	a.L3:link{font-size : 12px; color:#666666; text-decoration:none;}
	a.L3:visited{font-size : 12px; color:#666666;  text-decoration:none;}
	a.L3:hover{font-size : 12px; color:#ff0000; text-decoration:underline;}
	a.L3:active{font-size : 12px; color:#666666; text-decoration:none;}
	
	
	
#link {padding: 5px 5px 50px 20px; color: #000000;}

.text10 {
	font-size: small;
	color: #000000;
}

/*--新着情報--*/
div#new {
	width:720px;
	margin-bottom: 20px;
	padding:5px 10px 0 0;
	background:#E4E4E4;
	text-align:left;
	}
	
div#new p {
	margin:10px 5px;
	padding:5px;
	line-height:1.2;
	height:80px;
	overflow:auto;
	}

div#new ul li span {
	text-align:left;
	font-weight:bold;
	color:#000000;
	margin:0;
	padding:0 10px 0 0;
	
}

div#new ul{
	height:80px;
	overflow:auto;
	margin:0 0 0 10px;

}

div#new ul li {
	list-style-type:none;
	line-height:1.4;	
	}


	
/*--お問い合わせ--*/
div#otoiawase {
	width:479px;
	margin:0;
	padding:0;
	font-size:12px;
	}
	
div#otoiawase span.must {
	color:#FF0000;
	}
	
div#otoiawase table {
	width:477px;
	margin:5px 0px;
	padding:3px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-collapse:collapse;
	border-spacing:0;
	font-size:12px;
	color:898989;
	}

div#otoiawase table tr td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}

div#otoiawase table tr td.form_index {
	width:199px;
	margin:0;
	padding:0;
	background:#FFF6D3;
	text-align:center;
	}
	
div#otoiawase table tr.style_name td input,div#otoiawase table tr.style_field2 td input,div#otoiawase table tr.style_field3 td input,div#otoiawase table tr.style_e_mail td input,div#otoiawase table tr.style_e_mail_check td input {
	width:250px;
	}
	
div#otoiawase table tr.style_field1 td textarea {
	width:250px;
	height:150px;
	}
	
div#otoiawase table tr.tr_submit td input {
	margin:5px 0px 5px 190px;
	}	

/*--施工例--*/
div#reform {
	width:479px;
	margin:20px 0px;
	padding:0;
	font-size:12px;
	}
	
div#reform p.reformImg {
	display:none;
	}

div#reform p.reformComent {
	display:none;
	}
	
div#reform ul.exWrap {
	margin:0;
	padding:0px 5px;
	background:#EDEDED;
	line-height:1.4;
	list-style-type:none;
	}
	
div#reform div.example {
	margin:15px 0px 0px 0px;
	padding:0;
	clear:both;
	}
	
div#reform div.example h2 {
	background:#FFFFA7;
	font-size:14px;
	margin:0;
	padding:5px;
	}

div#reform div.bfImg {
	width:479px;
	margin:0;
	padding:0;
	float:left;
	}
	
div#reform div.bfImg dl.before,div#reform div.bfImg dl.after{
	margin:5px 0px;
	padding:0;
	float:left;
	}

	
div#reform div.bfImg dl.before dt img,div#reform div.bfImg dl.after dt img {
	width:220px;
	margin:0;
	padding:0;
	}
	
div#reform div.bfImg dl.before dd,div#reform div.bfImg dl.after dd {
	width:200px;
	margin:0;
	padding:5px;
	text-align:center;
	}
	
div#reform div.bfImg p.arrow{
	float:left;
	width:30px;
	margin:55px 2px 0px 2px;
	padding:0;
	}

/* tiopco OPEN!! バナー */
div#tiopcoopen {
	width: 730px;
	margin: 20px 0;
}

div#tiopcoopen a {
	background: url(../../img/tiopco-open-730.jpg) no-repeat;
	text-decoration: none;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 730px;
	height: 100px;
}

/*------------------------------------------

staff.html

-------------------------------------------*/
div#staff {
	margin:13px 0 10px;
}

div#staff table {
	margin:0;
	width:460px;
}

div#staff table tr td{
	width:460px;
	padding:0 0 10px 0;
}

div#staff table tr td img {
	width:200px;
	float:left;
	display:block;
	vertical-align:top;
}

div#staff table tr td p {
	width:240px;
	float:right;
	padding:10px 0;
	margin:0;
	font-size: 12px;
	color: #898989;
}

div#staff table tr td div {
	width:30px;
	float:right;
	padding:10px 0;
	font-size: 12px;
}

div#staff table tr td div a {
	width:30px;
	float:right;
	display:block;
	padding:10px 0;
	font-size: 12px;
}

/*------------------------------------------

price.html

-------------------------------------------*/

div#price div.price_naiyou {
width:470px;
margin:0 0 0;
}

div#price div.price_naiyou:after {
content:".";
display:block;
visibility:hidden;
height:0;
clear:both;
}

div#price div.price_naiyou ul.naiyou{
width:460px;
margin:10px 0 10px 10px;
padding:0;
list-style-type:none;
}

div#price div.price_naiyou ul.naiyou li{
margin:0;
padding:5px;
display:inline;
line-height:1.3;
font-size:14px;
}

div#price div.price_naiyou ul.naiyou li a {
}

div#price div.price_naiyou ul.naiyou li a:hover {
}

div#price table {
	width:460px;
	font-size:12px;
	color: #898989;
	border:#898989 solid 1px;
	border-collapse:collapse;
	margin:10px 0 0 0;
}

div#price table th {
	background:#e4e4e4;
	font-size:14px;
	padding:7px 10px;
	font-weight:bold;
	color:#000;
}

div#price table td.price_t{
	width:60px;
	border:1px solid #898989;
	padding:5px 3px;
	background-color:#FFF6D3;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
}

div#price table td{
	border:1px solid #898989;
	padding:5px 3px;
	background-color:#FFF;
	line-height:1.3;
}

div#price table {
	width:460px;
	font-size:12px;
	color: #898989;
	border:#898989 solid 1px;
	border-collapse:collapse;
	margin:10px 0 0 0;
}

div#price table th {
	background:#e4e4e4;
	font-size:14px;
	padding:7px 10px;
	font-weight:bold;
	color:#000;
}

div#price table th a {
	font-size:14px;
	font-weight:bold;
	color:#000;
}

div#price table th a:hover {
	font-size:14px;
	font-weight:bold;
	color:#000;
}

div#price table td.price_t{
	border:1px solid #898989;
	padding:5px 3px;
	background-color:#FFF6D3;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
}

div#price table td{
	border:1px solid #898989;
	padding:5px 3px;
	background-color:#FFF;
	line-height:1.3;
}

div#price table td a {
	font-size:12px;
	color: #898989;
}

div#price table td a:hover {
	font-size:12px;
	color: #898989;
}

div#price table td.price_t2{
	border:1px solid #898989;
	padding:5px 3px;
	background-color:#FFF6D3;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
}
div#price table td.price_t3{
	border:1px solid #898989;
	padding:5px 3px;
	background-color:#FFF6D3;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
}

div#price p.back {
text-align:right;
margin:10px 20px 0 0;
}

div#price p.tyuukoku {
text-align:left;
margin:10px 0 0 10px;
}

div#price p.tyuukoku span {
color:#FF0000;
}

div#price table a {
color:#00FFFF;
font-weight:bold;
}

div#price table a:hover {
}
/*------------------------------------------

foot.lbi

-------------------------------------------*/
div#bottom_syamei {
	width:730px;
	border-bottom:#666 1px solid;
	color:#666;
	margin:0 0 10px 0;
}

div#bottom_syamei:after {
	content:".";
	visibility:hidden;
	height:1px;
	display:block;
	clear:both;
}

div#bottom_syamei div.bottom_comment {
	width:730px;
	height:44px;
	line-height:1.3;
	padding:0;
	margin:10px 0 0;
	display:block;
}

div#bottom_syamei div.bottom_comment:after {
	content:".";
	visibility:hidden;
	height:1px;
	display:block;
	clear:both;
}

div.bottom_comment div.bottom_left {
	width:400px;
	height:44px;
	float:left;
	text-align:left;
	margin:0 0 0 8px;
	paddding:0;
	display:block;
}

div.bottom_comment div.bottom_right {
	float:right;
	width:225px;
	height:44px;
	text-align:left;
	margin:0;
	padding:0 0 0 15px;
	display:block;
}

div.bottom_comment div.bottom_right:after {
	content:".";
	visibility:hidden;
	height:1px;
	display:block;
	clear:both;
}


div#bottom_syamei div.bottom_comment span.hutoji {
	font-weight:bold;
}

div#bottom_syamei div.syamei {
	margin:0;
	padding:0;
}

div#bottom_syamei div.syamei img{
	margin:0;
	padding:0;
	display:block;
}

/*------------------------------------------------------

カテゴリーモジュール　TOPページ

-------------------------------------------------------*/
div#top_cate{
	margin:0;
	padding:0;
}

div#top_cate ul.big {
	margin-top:5px;
	padding-top:5px;
}

div#top_cate ul.big li{
	margin:5px 0;
	list-style-type:none;
}

div#top_cate ul.big li a{
	text-decoration:none;
}

div#top_cate ul.big li ul.small li {
	margin:5px 0;
	list-style-type:disc;
}

div#top_cate ul.big li ul.small li a{
	text-decoration:underline;
}

/*------------------------------------------------------

law.html

-------------------------------------------------------*/

div#law {
	margin:10px 0 30px 10px;
}
		
div#law h3 {
	clear: both;
	margin:30px 0 20px;
	font-size:12px;
	color: #000000;
}

div#law table {
	width: 460px;
	font-size:12px;
	color: #898989;
	border:#898989 solid 1px;
	border-collapse:collapse;
}

div#law td{
	border:1px solid #898989;
	padding:5px;
}

div#law table td.title {
	background-color:#FFF6D3;
	font-weight:bold;
	width:130px;
}

div#law table td.left {
	background-color:#FFF6D3;
	width:130px;
}

div#law td.right{
	background:#FFFFFF;
	line-height:1.3;
}

/*------------------------------------------------------

カテゴリーモジュール　中ページ

-------------------------------------------------------*/
div#naka_cate {
	margin:0;
	padding:0;
}

div#naka_cate ul.big {
	margin-top:5px;
	padding-top:5px;
}

div#naka_cate ul.big li{
	margin:5px 0;
	list-style-type:none;
}

div#naka_cate ul.big li a{
	text-decoration:none;
}

div#naka_cate ul.big li ul.small li {
	margin:5px 0;
	list-style-type:disc;
}

div#naka_cate ul.big li ul.small li a{
	text-decoration:underline;
}


/*------------------------------------------------------

list.php

-------------------------------------------------------*/
div#cathandList {
	width:475px;
	margin-left: 10px;
}

div#cathandList h2 {
	font-size: 14px;
	width:460px;
	margin:10px 0 10px 10px;
	font-weight: bold;
	clear: both;
}

div#cathandList div.menu {
	width:460px;
	clear:both;
	margin-bottom: 20px;
	text-align: center;
}

div#cathandList div#contents {
	width:475px;
	clear:both;
}

div#contents div.product {
	padding: 10px;
	width: 130px;
	float: left;
	border: 1px solid #EEEEEE;
	text-align: left;
	height: 340px;
	margin: 0px 5px 5px 0px;
}

div#contents div.product img {
	width:130px;
	margin-bottom: 15px;
}

div.product div.inside {
	width:130px;
}

div.inside span.new {
	color:#FF3366;
}

div.inside p {
	padding:5px;
}

div.product div.inside h3 {
	text-align:center;
}

div.product div.inside p {
	margin:12px auto;
}

div.product div.inside p.price {
	text-align: center;
	font-weight:bold;
}

div.product div.inside p.detail {
	text-align:center;
}

div.cathand_list_back {
	text-align:center;
}


/*------------------------------------------------------

detail.php

-------------------------------------------------------*/
div#cathandDetail{
	width:470px;
	margin-left: 10px;
}

div#cathandDetail div.cathand_detail{
	width:470px;
	text-align:center;
}

div.cathand_detail div.cathand_detail_left {
	width:400px;
	margin:0 35px;
}

div.cathand_detail div.cathand_detail_left p {
	text-align:center;
	font-weight:bold;
}

div.cathand_detail div.cathand_detail_left img {
	width:400px;
}

div.cathand_detail div.cathand_detail_right {
}

div.cathand_detail_right div.cathand_detail_img {
	width:460px;
	margin:0 5px;
}

div.cathand_detail_right div.cathand_detail_img img {
	width:80px;
	margin:5px;
}

div.cathand_detail_right h2 {
	width:400px;
}

div.cathand_detail p {
	width:400px;
}

div.cathand_detail p.de_ka {
}

div.cathand_detail p.de_se {
	color: #FF3366;
}

div.cathand_detail p.de_pr {
	font-weight:bold;
}

div.cathand_detail div.de_de {
	width:400px;
	text-align:left;
	margin:0 35px;
}
