@charset "utf-8";
/* CSS Document */

/* ===================================================================
 style info :  default
=================================================================== */

/*-----------------------
 reset
------------------------*/
html {overflow-y: scroll;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}

table {border-collapse:collapse;border-spacing:0;}

caption,th {text-align: left;}

q:before,q:after {content: '';}

object,
embed {vertical-align:top;}

hr,legend {display:none;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}

img,abbr,acronym,fieldset {border:0;}
ol,ul {list-style-type:none;}


/*-----------------------
 default
------------------------*/

body {
	background: #FFF;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* ===================================================================
 style info :  フォントとリンク
=================================================================== */


/*
 基本のLink Color 
--------------------------- */


a:link {
    text-decoration:none;
    color:#636754;
}

a:visited {
    text-decoration:none;
    color:#636754;
}

a:hover {
    text-decoration :underline;
    color:#636754;
}

a:active {
      color:#636754;
	  text-decoration:none;

}


/*-----------------------
　font size　
------------------------*/

.font12{font-size:75%;}
.font12_r{font-size:12px;}
.font14{font-size:85%;}
.font14_r{font-size:14px;}
.font18{font-size:113%;}
.font18_r{font-size:18px;}
.font20{font-size:125%;}
.font20_r{font-size:20px;}
.font22{font-size:138%;}
.font22_r{font-size:22px;}
.font24{font-size:145%;}
.fontB{font-weight:bold;}

.fontBl{color:#333333;}

/* ===================================================================
 style info :  共通
=================================================================== */

body{background:url(images/bg.jpg) repeat;}
#page{width:835px; margin:0 auto; background:url(images/header_bg.jpg) no-repeat}

.textIn{text-indent:-9999px; display:block;}

/*-----------------------
　clearfix　
------------------------*/

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

.clearfix {
  min-height: 1px;
}

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

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear{clear:both;}


/*-----------------------
 div囲い
------------------------*/
.in_the_box{padding:0;}
.in_the_box10_t{padding:10px 0 0 0;}
.in_the_box10_b{padding:0 0 10px 0;}
.in_the_box10{padding:10px 0;}
.padding5{padding:0 0 5px 0;}
.in_the_box3_t{padding:3px 0 0 0;}


/*-----------------------
 float
------------------------*/
.floatL{float:left;}
.floatR{float:right;}


/*-----------------------
 header
------------------------*/
#header{width:835px; height:130px; overflow:hidden; padding-bottom:38px;}
#header p{font-size:63%;}
.headLead{height:32px; overflow:hidden; padding:5px 0 0;}
.logo,.logoRight{float:left;}
.logo{background:url(images/logo.jpg) no-repeat; height:89px; width:287px;}
.logo a{ height:89px; width:287px; display:block; text-indent:-9999px;}
.logoRight{background:url(images/logo_waki_foot.jpg) bottom no-repeat; width:180px; padding:0 0 47px 5px;}
.shopAd{float:right; background:url(images/toiawase_bg.jpg) no-repeat; height:94px; width:334px; display:block;}
.textToiawase{width:334px; height:26px;}
.textName{width:334px; height:37px;}
.textTel{width:334px; height:18px;}

/*-----------------------
 2カラム
------------------------*/
#leftC{width:210px; float:left; padding:35px 0 20px 0; color:#636754;}
#rightC{width:600px; float:right; padding:0 0 20px 0; color:#636754;}


/*-----------------------
 menu
------------------------*/
#menuBox{width:218px;}

ul#menu li{padding:0;}
ul#menu li li{padding:0 0 0 93px;}


ul#menu li a{
	display:block;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}

ul#menu li li a{
	display:block;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	height:25px;
	width:125px;
}

li#top a{background:url(images/menu.jpg) no-repeat 0 0; height:45px; width:218px;}
li#price a{background:url(images/menu.jpg) no-repeat 0 -77px; height:45px; width:218px;}
li#inquiry a{background:url(images/menu.jpg) no-repeat 0 -230px; height:45px; width:218px;}
li#company a{background:url(images/menu.jpg) no-repeat 0 -309px; height:45px; width:218px;}

/*-------  hover  ---------*/
li#top a:hover{background:url(images/menu.jpg) no-repeat -218px 0;}
li#price a:hover{background:url(images/menu.jpg) no-repeat -218px -77px;}
li#inquiry a:hover{background:url(images/menu.jpg) no-repeat -218px -230px;}
li#company a:hover{background:url(images/menu.jpg) no-repeat -218px -309px;}

/*-------  on  ---------*/
li#top a.on{background:url(images/menu.jpg) no-repeat -218px 0;}
li#price a.on{background:url(images/menu.jpg) no-repeat -218px -77px;}
li#inquiry a.on{background:url(images/menu.jpg) no-repeat -218px -230px;}
li#company a.on{background:url(images/menu.jpg) no-repeat -218px -309px;}

/* menu in
----------------*/
li#about a{background:url(images/menu.jpg) no-repeat -93px -45px;}
li#tatami a{background:url(images/menu.jpg) no-repeat -93px -122px;}
li#fusuma a{background:url(images/menu.jpg) no-repeat -93px -147px;}
li#shoji a{background:url(images/menu.jpg) no-repeat -93px -172px;}
li#kurosu a{background:url(images/menu.jpg) no-repeat -93px -197px;}
li#nagare a{background:url(images/menu.jpg) no-repeat -93px -275px;}
li#place a{background:url(images/menu.jpg) no-repeat -93px -359px;}

/*-------  hover  ---------*/
li#about a:hover{background:url(images/menu.jpg) no-repeat -311px -45px;}
li#tatami a:hover{background:url(images/menu.jpg) no-repeat -311px -122px;}
li#fusuma a:hover{background:url(images/menu.jpg) no-repeat -311px -147px;}
li#shoji a:hover{background:url(images/menu.jpg) no-repeat -311px -172px;}
li#kurosu a:hover{background:url(images/menu.jpg) no-repeat -311px -197px;}
li#nagare a:hover{background:url(images/menu.jpg) no-repeat -311px -275px;}
li#place a:hover{background:url(images/menu.jpg) no-repeat -311px -359px;}

/*-----------------------
 left
------------------------*/
.campanyLeft{padding:60px 0 0; font-size:75%; color:#636754;}
.campanyLeft p{padding:0 10px;}
ul.campanyList{padding:10px 10px 30px;}
ul.campanyList li{padding:0 5px;}


/*-----------------------
 right
------------------------*/
.top_banner1{background:url(images/banner_top1.jpg) no-repeat; width:600px; height:47px; display:block; margin-bottom:10px;}
.tatami1{background:url(images/top_tatami1.jpg) no-repeat; height:77px; margin:10px 0;}
.tatami2{background:url(images/top_tatami2.jpg) no-repeat; height:77px; margin:10px 0;}
.tatami3{background:url(images/top_tatami3.jpg) no-repeat; height:77px; margin:10px 0;}
.tatami4{background:url(images/top_tatami4.jpg) no-repeat; height:77px; margin:10px 0;}
.tatami5{background:url(images/top_tatami5.jpg) no-repeat; height:77px; margin:10px 0;}

.whiteBox{background:url(images/box_center.jpg) repeat-y; margin-bottom:10px;}
.whiteBg{background:url(images/box_head.jpg) no-repeat; padding-top:10px;}
.whiteCenter{background:url(images/box_foot.jpg) bottom no-repeat; padding-bottom:7px; widows:580px; padding:0 10px 10px;}
.whiteCenter p{font-size:88%;}


/*-----------------------
 footer
------------------------*/
#footer{clear:both; background:url(images/footer_line.jpg) center top no-repeat; text-align:center;}
ul#footerLi{padding:10px 0 0;}
ul#footerLi li{display:inline; padding:0 5px; color:#000000; font-size:75%;}
ul#footerLi li a{text-decoration:none;color:#000000;}
ul#footerLi li a:hover {text-decoration :underline;color:#000000;}
.footerAd{padding:20px 0 0; font-size:75%;}


/* ===================================================================
 style info :  ページ毎のスタイル
=================================================================== */
.imgFloat{float:left; padding:0 15px 10px 0;}


/*-----------------------
 comany
------------------------*/
.company_banner{background:url(images/banner_comapny.jpg) no-repeat; width:600px; height:47px; margin-bottom:10px;}
.companyBox{background:url(images/comapny_box_bg.jpg) repeat-y; border:solid 1px #CCCCCC; padding:10px; width:578px; margin-bottom:10px;}
.companyImg{float:left; padding:0 20px 0 5px;}
ul.campanyListIn{font-size:88%;}
ul.campanyListIn li{padding:0 5px;}
.companyName_banner{background:url(images/company_name.jpg) no-repeat; width:600px; height:83px;}
.nameP{padding:15px 0 10px 0;}
.companyP{padding:15px 0 15px 15px;}
ul.companyLiUnder{padding:15px 0 15px 15px; clear:both;}
ul.companyLiUnder li{padding-bottom:8px;}
ul.companyLiUnder li.liFloat{float:left; padding:0 20px 0 0;}
.mapText{background:url(images/map_text.jpg) no-repeat; height:43px; width:244px; margin-bottom:10px;}
.googleMap{background:url(images/map_bg.jpg) no-repeat; padding:4px 5px 5px 4px; width:591px; height:300px;}

/*-----------------------
 price
------------------------*/
.price_banner{background:url(images/price_banner.jpg) no-repeat; width:600px; height:47px; margin-bottom:10px;}
.tatami_price{background:url(images/tatami_price.jpg) no-repeat; height:83px; margin-bottom:10px;}
.fusuma_price{background:url(images/fusuma_price.jpg) no-repeat; height:57px; margin-bottom:10px;}
.shoji_price{background:url(images/shoji_price.jpg) no-repeat; height:57px; margin-bottom:10px;}
.kurosu_price{background:url(images/kurosu_price.jpg) no-repeat; height:57px; margin-bottom:10px;}

.tatamiTable1{background:url(images/tatami_price_1.jpg) no-repeat; height:216px; margin-bottom:10px;}
.tatamiTable2{background:url(images/tatami_price_2.jpg) no-repeat; height:216px; margin-bottom:10px;}
.fusumaTable{background:url(images/fusuma_table1.jpg) no-repeat; height:216px; margin-bottom:10px;}
.shojiTable{background:url(images/shoji_table1.jpg) no-repeat; height:216px; margin-bottom:10px;}
.kurosuTable{background:url(images/kurosu_table1.jpg) no-repeat; height:216px; margin-bottom:10px;}
.tatamiTable1 th,.tatamiTable1 td,.tatamiTable2 th,.tatamiTable2 td,
.shojiTable th,.shojiTable td,.kurosuTable th,.kurosuTable td
{text-indent:-9999px; height:41px; width:107px;}
.fusumaTable th,.fusumaTable td{text-indent:-9999px; height:25px; width:273px;}

/*-----------------------
 inquiry
------------------------*/
.inquiry_banner{background:url(images/inquiry_banner.jpg) no-repeat; width:600px; height:47px; margin-bottom:10px;}
.yajirushiBg{background:url(images/yajirushi.jpg) bottom no-repeat; padding:10px 0 68px 0; color:#333333;}
.fontBr{color:#333333; padding:10px 0 30px 0;}





/* ------------------------------------------------------------------- hsd add 20220315 */
/* price/index.html */
.priceTab {
table-layout: fixed;
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}

.priceTab th,
.priceTab td {
font-size: 90%;
}

.priceTab thead th {
white-space: nowrap;
text-align: center;
font-weight: normal;
color: #fff;
background: #666;
padding: 0.6em 0.4em;
border: 2px solid #fff;
}

.priceTab tbody td {
white-space: nowrap;
text-align: center;
font-weight: bold;
color: #000;
background: #b6ae8a;
padding: 0.6em 0.4em;
border: 2px solid #fff;
}

.priceTab tbody tr:nth-child(2n+1) td {
background: #cdc7ad;
}

.ttm tbody td:nth-of-type(4),
.ttm tbody td:nth-of-type(5) {
text-align: left;
color: #fe0;
}