@charset "Shift_JIS";

/* zentai
----------------------------------------------------------*/
* {margin:0px; padding:0px;}
html {
	overflow-y: scroll;
	}
body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	font-size:80%;
	line-height:160%;
	color:#333;
	background-color:#f5f5f5;
}
img {
	border:none;
	vertical-align:top;
}
hr {
	clear: both;
	visibility: hidden;
}
input,
textarea,
select{
	font-size:1em;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	margin-right:5px;
}
table th,
table td {
	text-align:left;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* link
----------------------------------------------------------*/
a{outline:none;}
a:link,
a:visited {
	color:#1f4cd5;
}
a:hover {
	color:#39f;
}
/*a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}*/

/* margin-padding
----------------------------------------------------------*/
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pl20 {padding-left:20px;}
/* color
----------------------------------------------------------*/
.red {color:#900;}

/* hanyo
----------------------------------------------------------*/
.clear {clear:both;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}
.form15 {width:75px;}
.form30 {width:150px;}
.form65 {width:325px;}
.t-right {text-align:right;}

/* midashi
----------------------------------------------------------*/

/* list
----------------------------------------------------------*/


/* base
----------------------------------------------------------*/
#wrapper {
	width:980px;
	background:url(../images/bg.jpg) repeat-y top;
	margin:0 auto;
}

/* header
----------------------------------------------------------*/
#header {
	height:91px;
	background:url(../images/head_bg.jpg) repeat-x top;
	margin:0 10px;
}
h1 {
	height:21px;
	line-height:120%;
	padding-top:13px;
	padding-bottom:2px;
	overflow-y:hidden;
	font-size:10px;
	color:#fff;
	font-weight:normal;
	padding-bottom:31px;
}
.header_l400{
	width:400px;
	float:left;
}
.header_r452{
	width:452px;
	float:right;
}
/* content
----------------------------------------------------------*/
#content {
	width:920px;
	background-color:#fff;
	padding:20px 20px 0px 20px;
	clear:both;
	margin:0 10px;
}
.w700{
	width:700px;
	margin-bottom:20px;
}
.w920{
	width:920px;
	margin-bottom:20px;
}
.title_yohaku{
	margin:0 10px;
}
/*head_navi
---------------------------------------------------- */
#head_navi {
	width:452px;
	height:26px;
	line-height:12px;
}

#head_navi ul {list-style: none;}
#head_navi li {float:left;}
#head_navi ul img{ vertical-align:top;}

/* navi
---------------------------------------------------- */
#navi {
	width:960px;
	height:53px;
	line-height:12px;
	font-size:12px;
	padding:0 10px;
}

#navi ul {list-style: none;}
#navi li {float:left;}
#navi ul img{ vertical-align:top;}
/* 01-index
----------------------------------------------------------*/
.top_l720{
	width:720px;
	float:left;
}
.top_r180{
	width:180px;
	float:right;
}
.top_left_item{
	width:234px;
	padding-right:9px;
	float:left;
}
.top_left_item_last{
	width:234px;
	float:left;
}
.top_left_item1{
	background:url(../images/top02.jpg) no-repeat;
	width:46px;
	height:21px;
	padding:37px 10px 17px 178px;
}
.top_left_item2{
	background:url(../images/top03.jpg) no-repeat;
	width:46px;
	height:21px;
	padding:37px 10px 17px 178px;
}
.top_left_item3{
	background:url(../images/top04.jpg) no-repeat;
	width:46px;
	height:21px;
	padding:37px 10px 17px 178px;
}
.top_waku{
	background:url(../images/top_waku.jpg) no-repeat bottom;
	width:214px;
	padding:0px 10px 10px 10px;
}
#news {
	width:100%;
}
.news{
	width:500px;
	height:175px;
	padding-right:22px;
	overflow-y:scroll;
}
#news tr {
	background:url(../images/line01.jpg) repeat-x bottom;
}
#news th,
#news td {
	vertical-align:top;
}
#news th {
	font-weight:normal;
	width:1%;
	white-space:nowrap;
	padding:5px 30px 5px 0;
}
#news th span {
	background:url(../images/icon01.jpg) no-repeat left center;
	padding-left:18px;
}
#news td {
	padding:5px 0;
}
#news td img {
	vertical-align:middle;
}
.top06_waku{
	background:url(../images/top06_waku.jpg) no-repeat bottom;
	padding:0 10px 10px 10px;
}
/* 01-wn02_detail（What's　New詳細）
----------------------------------------------------------*/
.wn02_detail-box {
	padding-bottom:15px;
	margin-bottom:15px;
	background:url(../images/line01.jpg) repeat-x bottom;
}
.w140_wn02_detail{
	width:140px;
	font-weight:bold;
	color:#1f4cd5;
	float:left;
	font-size:100%;
}
.w140_wn02_detail span{
	background:url(../images/icon01.jpg) no-repeat left center;
	padding-left:20px;
	line-height:150%;
}
.w760_wn02_detail{
	width:760px;
	float:right;
}
.wn02_detail_item{
	width:440px;
	padding:0 10px 0 10px;
	float:left;
}
/* 02-support（サポート力が自慢です）
----------------------------------------------------------*/
.support_l200{
	width:200px;
	float:left;
}
.support_r700{
	width:700px;
	float:right;
}
.support_h4{
	color:#006;
	background:url(../images/line02.jpg) no-repeat bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
.support01{
	margin-bottom:20px;
}
.support01 img{
	float:right;
	margin-left:20px;
}
.support01 p{
	overflow:hidden;
	zoom:1;
}
/* 03-project_power（企画力が違います）
----------------------------------------------------------*/
.project_power_h4{
	color:#006;
	background:url(../images/line02.jpg) no-repeat bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
.project_power_l450{
	width:450px;
	float:left;
}
.project_power_r234{
	width:234px;
	float:right;
}
/* 04-environment（環境対策に真剣です）
----------------------------------------------------------*/
.environment_h4{
	color:#006;
	background:url(../images/line02.jpg) no-repeat bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
.environment_r583{
	width:583px;
	float:right;
}
/* 05-case（施工事例）
---------------------------------------------------- */
#case_navi {
	height:37px;
	line-height:12px;
	font-size:12px;
	margin-bottom:20px;
}
#case_navi ul {list-style: none;}
#case_navi li {float:left;}
#case_navi ul img{ vertical-align:top;}
.case-box {
	padding-bottom:15px;
	margin-bottom:15px;
	background:url(../images/line01.jpg) repeat-x bottom;
}
.case_icon {
	background:url(../images/icon01.jpg) no-repeat left center;
	padding-left:18px;
}
.case-box img {
	margin-right:10px;
}
.w100{
	width:100px;
	font-weight:bold;
	color:#1f4cd5;
	float:left;
	font-size:100%;
}
.w780{
	width:780px;
	float:right;
}
.w780 img {
	margin-right:10px;
}
.w780 p {
	overflow:hidden;
	zoom:1;
}
.w780 p img{
	vertical-align:middle;
}
/* 05-cl02_detail（施工事例詳細）
---------------------------------------------------- */
.cl02_detail_r449{
	width:449px;
	float:right;
	margin-bottom:20px;
}
.cl02_detail_simg{
	width:453px;
	margin-right:-4px;
	margin-bottom:10px;
	cursor:pointer;
}
.cl02_detail_item{
	width:147px;
	padding-right:4px;
	padding-bottom:5px;
	float:left;
}
/* 06-item（商品紹介）
---------------------------------------------------- */
.item_w920{
	width:938px;
	margin-right:-18px;
	margin-bottom:20px;
}
.item_w294{
	width:294px;
	float:left;
	padding-right:18px;
}
.item_bg{
	background:url(../images/p06_bg.jpg) no-repeat bottom;
	padding:10px;
}
.item_bg ul{
	list-style:disc;
	padding-left:20px;
	margin-bottom:10px;
}
/* 07-tapis（TAPIS）
---------------------------------------------------- */
#item_navi {
	height:37px;
	line-height:12px;
	font-size:12px;
	margin-bottom:20px;
}
#item_navi ul {list-style: none;}
#item_navi li {float:left;}
#item_navi ul img{ vertical-align:top;}
.kasen{
	background:url(../images/line01.jpg) repeat-x bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}
.tapis_h4{
	color:#006;
	background:url(../images/line02.jpg) repeat-x bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
.tapis_l600{
	width:600px;
	float:left;
}
.tapis_table{
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:20px;
}
.tapis_table th,.tapis_table td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 10px;
}
.tapis_table td{
	width:80%;
}
.tapis_table th{
	background-color:#efefef;
}
.tapis_w920{
	width:929px;
	margin-bottom:20px;
	margin-right:-9px;
}
.tapis_w920 img{
	float:left;
	margin-right:9px;
}
/* 08-eco（エコパンチ�U）
---------------------------------------------------- */
.eco_l600{
	width:600px;
	float:left;
}
.eco_table{
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:10px;
}
.eco_table th,.eco_table td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 10px;
}
.eco_table td{
	width:70%;
}
.eco_table th{
	background-color:#efefef;
}
/* 09-other（その他床材）
---------------------------------------------------- */
.other_l450{
	width:450px;
	float:left;
}
.other_r450{
	width:450px;
	float:right;
}
.other_h4{
	color:#006;
	background:url(../images/line02.jpg) repeat-x bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
.other_r215{
	width:215px;
	float:right;
}
.other_r215 img{
	padding-bottom:10px;
}
/* 10-ecruit（リクルート）
---------------------------------------------------- */
.recruit_tabe{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
.recruit_tabe th,.recruit_tabe td{
	padding:4px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.recruit_tabe th{
	background-color:#efefef;
}
.recruit_tabe ul{
	list-style:decimal;
	padding-left:20px;
}
/* 11-company（会社概要）
---------------------------------------------------- */
.company_table{
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
.company_table th,.company_table td{
	padding:4px 10px;
	border-top:1px solid #ccc;
}
.company_table th{
	background-color:#efefef;
	width:20%;
}
.company_table_border{
	border-collapse:collapse;
	border-right:1px solid #ccc;
}
.company_table2{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-bottom:20px;
}
.company_table2 th,.company_table2 td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 10px;
}
.company_table2 th{
	background-color:#efefef;
	width:20%;
}
/* 12-map（アクセスマップ）
---------------------------------------------------- */
.map_l500{
	width:500px;
	float:left;
}
.map_r400{
	width:400px;
	float:right;
}
.map_h3{
	font-size:100%;
	border-collapse:collapse;
	border-left:6px solid #333;
	padding-left:5px;
	line-height:1.5m;
	margin-bottom:5px;
}
.map_r400_p{
	border-collapse:collapse;
	border-top:1px dotted #333;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
}
.map_r400_p2{
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
}
.map_r400 ul{
	padding-left:20px;
}
.map_r400 ul li{
	margin-bottom:10px;
}
/* 13-contact（お問い合わせ・資料請求）
---------------------------------------------------- */
.contact_table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px
}
.contact_table th{
	padding:4px 10px;
	border:1px solid #ccc;
	background-color:#eee;
	text-align:left;
	vertical-align:top;
	font-weight:normal
}
.contact_table td{
	padding:4px 10px;
	border:1px solid #ccc;
}
.contact_table th span{ color:#900; font-size:10px}
.contact_table td span{ color:#666; font-size:10px}
.form100{width:700px}
.form_h{ height:40px}
input{vertical-align:middle}

.contact_h4{
	font-size:100%;
	border-left:6px solid #333;
	padding-left:5px;
	line-height:1.0em;
	margin-bottom:5px
}
.contact_ol,
.contact_b{
	border-top:1px dotted #666;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px
}
.contact_ol li{ margin-left:20px; list-style:decimal}
#kojin{clear:both;}
/* footer
----------------------------------------------------------*/
.pagetop {
	text-align:right;
}
#footer {
	width:960px;
	margin:0 10px;
	padding-bottom:40px;
	font-size:80%;
	background-color:#fff;
}
.footer_w960{
	width:960px;
	height:45px;
	background-color:#f5f5f5;
	border-collapse:collapse;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding-bottom:3px;
	padding-top:3px;
}
#footer ul {
	height:1.0em;
	padding:3px 0;
	text-align:center;
}
#footer li{
	display:inline;
	border-right:1px solid #1f4cd5;
}
#footer li a {
	color:#1f4cd5;
	padding:0px 7px 0px 7px;
}
#footer a:link,
#footer a:visited {
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
	color:#39f;
}
#footer .end {
	border:none;
}

/* print
----------------------------------------------------------*/
@media print {


}