body {
 margin:0px;
 padding:0px;
 line-height:1.3;
 color:#FFFFFF;
 text-align:center;
/* font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background:#000000 url(../tatami_bg.gif) repeat center top;
}
a:hover{
	opacity:.8;
}


/* フロートボタン スタイル */
.fixed_btn { 
position: fixed;
bottom: 10px;
right: 10px;
padding: 20px;
font-weight:bold;
font-size:1.2rem;
cursor: pointer;
}

/* 最上部　畳も。リフォームも。 スタイル */
.up_tatami-suke a{
	background:#5d7906;
	font-weight:bold; 
	border-radius:3px; 
	margin-top:3px; 
	padding:2px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	}

/* トップページすけみつ紹介枠 スタイル */
.top_white-box a{
	display:block;
	background:#ffffff;
	padding:10px;
	font-size:1.2rem;
	font-weight:bold;
	color:#5d7906;
	text-align:left;
	border-bottom:#CCCCCC solid 1px;
	text-decoration:none;
	}

.top_green-box a{
	margin-top:10px;
	margin-right:10px;
	display:block;
	background:#ac6c07;
	color:#FFFFFF;
	font-weight:900;
	text-align:center;
	padding:13px;
	border-radius:6px;
	font-size:1.2rem;
	width:240px;
	float:right;
	text-decoration:none;
	}


/* Header Block スタイル */
#headerBlock_TOP {
 margin:0px;
 padding:0px;
 background:url(../../images/top_headline.gif) repeat-x left top;
}
.headerLogo_TOP {
 width:1000px;
 height:90px;
 margin:auto;
 padding:24px 0px 0px 0px;
}
#headerBlock_CONTENT {
 margin:0px;
 padding:0px;
}
.headerLogo_CONTENT {
 width:1000px;
 height:70px;
 margin:auto;
 padding:0px;
}
.headlogo_left{
 float:left;
 display:inline;
 width:230px;
 height:70px;
}
.headlogo_left div {margin:11px 0px 0px 9px;}
.headlogo_center{
 float:left;
 display:inline;
 width:442px;
 height:70px;
}
.headlogo_center div {font-size:11px; line-height:12px; margin:25px 16px 0px 16px;}
.headlogo_right {
 float:left;
 display:inline;
 width:328px;
 height:70px;
 text-align:left;
}
.headlogo_right div {margin:9px 0px 0px 0px;}

/* Header Flahs Block スタイル */
#headerFlashBlock_TOP {margin:auto; padding:0px; width:1000px; height:380px; text-align:center; background-color:#000000;}

/* 法人向けコーナー スタイル */
.cor_box{
	background:url(../../cor/images/topbg.jpg)repeat-x;
	text-align:center;
	}

.cor_box7{
	float:left;
	width:114px;
	padding:6px;
	}
.cor_box7 a{
	color:#FF9900;
	text-decoration:none;
	font-size:90%;
	}



/* Menu Block スタイル */
#menuBlock_TOP {
 margin:auto;
 padding:0px;
 width:1000px;
 height:3px;
 background:#000000 url(../tatami_menuline_02.gif) repeat-x left top;
 /*background:#000000 url(../tatami_menuline.gif) repeat-x left top;*/
}
#menuBlock_TOP ul {
 margin:0px;
 padding:14px 0px 0px 0px;
 list-style:none;
}
#menuBlock_TOP li {
 margin:0px;
 float:left;
 display:inline;
 font-size:13px;
 line-height:14px;
 text-align:center;
 background:#000000;
}
#menuBlock_CONTENT {
 margin:auto;
 padding:0px;
 width:1000px;
 height:38px;
 background:#000000 url(../tatami_menuline.gif) repeat-x 0px -24px;
}
#menuBlock_CONTENT ul {
 margin:0px;
 padding:16px 0px 0px 0px;
 list-style:none;
}
#menuBlock_CONTENT li {
 margin:0px;
 float:left;
 display:inline;
 font-size:13px;
 line-height:14px;
 text-align:center;
}


/* 共通スタイル */
br.clear {clear:both; margin:0px; padding:0px; width:0px; height:0px; font:0pt/0pt sans-serif;}

.clear_l{
clear:left;
 margin:0px;
	padding:0px;
}
.clear_r{
clear:right;
 margin:0px;
	padding:0px;
}

.center{
	text-align:center;
	}
	
	
.f18_b{
	font-size:18px;
	font-weight:900;
	line-height:2em;
	}

.f18_b_center{
	font-size:18px;
	font-weight:900;
	line-height:2em;
	text-align:center;
	}


.uline{
	text-decoration:underline;
	}
/***畳キャンペーン　仮置き**/

.tata_bg{
	background:url(../../event/img/2014campaign/tata_bg.jpg);
	padding:20px;
	}
.white_box{
	background:#FFFFFF;
	padding:10px;
	color:#666;
	}
li.tata{
	padding-bottom:10px;
	} 
.tata_tousen{
	margin:10px 120px 10px 120px;
	font-size:16px;
	font-weight:900;
	border-bottom:1px solid #999;
	padding-bottom:10px;
	}
.tata_tousen_r{
	margin:10px 120px 10px 120px;
	font-size:14px;
	font-weight:900;
	border-bottom:1px solid #999;
	padding-bottom:10px;
	text-align:right
	}
/* トップページスタイル */

/*お知らせ文字のみ*/
.white-box{
	background:#FFFFFF;
	color:#666666;
	font-size:110%;
	line-height:1.5em;
	padding:10px;
	margin:10px;
	}

/* ↓↓↓ 畳ボタンブロックのスタイル ↓↓↓ */
#tatamibuttonBlock {width:887px; margin:0px auto ; padding:60px 7px 0px 6px; text-align:left;}
.tatami_btn_LeftArea {float:left; width:333px;}


/**tagawa-100819**/
.but_123{
float:left;
width:108px;
font-size:10px;
}
.remake{
background-color:#201F27;
padding:0px 5px 0 0px ;
margin:0 5px 0 0;
}
.remake_title{
background-color:#CFDFCA;
color:#201F27;
padding:0 3px 0 0px;
font-weight:bold;
margin:0 0 5px 0;
font-size:small;
}
.remake_con{
margin:0;
padding:0px;
line-height:15px;
color:#C2BFBF;
font-size:small;
}



.tatami_btn_text {padding:3px 0px 8px 10px;
font-size:0.8em}

.tatami_btn_text a{
color:#FFFFFF;
text-decoration:none;
}
.tatami_btn_text a:hover{
color:#FFCC00;
}
.tatami_btn_text img {margin-right:6px;}
.tatami_btn_text_last {padding:3px 0px 0px 10px;font-size:0.8em}

.tatami_btn_text_last a{
color:#FFFFFF;
text-decoration:none;
}
.tatami_btn_text_last a:hover{
color:#FFCC00;
}
.tatami_btn_text_last img {margin-right:6px;}
.tatami_btn_RightArea {
	float:left;
	width:550px;
	margin-bottom:20px;
}
.kaisetu_area {
float:left;
width:329px;
}
.kaisetu_item {
 margin:5px 0 10px 0;
 width:323px;
 height:220px;
 line-height:1.6em;
 color:#505942;
 background:#D3D8CB;
}
.kaisetu_item a{
 color: #805344;
}
.kaisetu_item a:hover{
 color: #333300;
}
/*.kaisetu_item div {
 padding:20px 15px 20px 15px;
 color:#505942;
 background:#D3D8CB;
}*/


.kaisetu_item p {
 margin:5px 0 0px 0;
 padding:0px 15px 5px 15px;
 color:#505942;
 background:#D3D8CB;
}


/*お正月用*/
.kaisetu_item02{
 margin:5px 0 10px 0;
 width:323px;
 height:220px;
 line-height:1.3em;
 color:#505942;
 background:#D3D8CB;
}
.kaisetu_item02 p{
 margin:5px 0 0px 0;
 padding:0px 15px 5px 15px;
 color:#505942;
 background:#D3D8CB;
}
/*お正月用 ここまで*/




/*畳屋安心3原則*/
.book_area_02 {
	float:left;
	width:220px;
}
.book_item1_02 {
	width:210px;
	height:210px;
	padding:7px;
	background:#d6f9ff;
	color:#333;
 
}

/*畳メンテナンスブック*/
.book_area {float:left; width:225px;}
.book_item1 {
 width:110px;
 padding:20px 95px 10px 20px;
 color:#2A0C0C;
 background:#CECECE url(../../images/top_book_present2.jpg);
}
.book_item2 {
 text-align:center;
 width:189px;
 height:36px;
 padding:6px 18px 0px 18px;
 font-size:13px;
 line-height:14px;
 color:#2A0C0C;
 background:#FFFFFF url(../../images/top_book_present3.jpg);
}
.book_item2 a{
text-decoration:none;
color:#330000;
}
.book_item2 a:hover{
color:#666600;

}
/* ↑↑↑ 畳ボタンブロックのスタイル ↑↑↑ */
/* ↓↓↓ 畳プログラムブロックのスタイル ↓↓↓ */
.tatamiprogramBlock {width:887px; margin:0px auto; padding:20px 7px 0px 6px; text-align:left;}
.program_area {width:885px; padding:9px 0px 6px 0px; background:#524B4B url(../../images/top_subt_bg.gif) repeat-x 0px 0px;}
.program_area ul {margin:0px; padding:0px; list-style:none;}
.program_area ul li {
 float:left;
 display:inline;
 width:145px;
}

.program_area a{
	color:#CCFF33;
	text-decoration:none;
	}

.program_area a:hover{
	color: #FF3;
	text-decoration:none;
	}
/*↓春キャンTOPバナー↓*/
.program_area a.spring_cp{
	text-align:center;
}
/*↑春キャンTOPバナー↑*/
.program_item {
 width:117px;
 margin-left:14px;
 padding:2px 6px 5px 6px;
 border:1px solid #312A2A;
 color:#394E1C;
 text-align:center;
 background:#D3D8CB;
}
.program_item a{
 color:#394E1C;
 text-decoration:none;
}
.program_item a:hover{
 color:#A36209;
}
.program_text {padding-bottom:4px;}
/* ↑↑↑ 畳プログラムブロックのスタイル ↑↑↑ */
/* ↓↓↓ バナーブロックのスタイル ↓↓↓ */
#bannerBlock {width:887px; margin:0px auto; padding:25px 7px 0px 6px;}
.nml_bner {float:left; display:inline;}
.program_area {width:885px; padding:9px 0px 6px 0px; background:#524B4B url(../../images/top_subt_bg.gif) repeat-x 0px 0px;}
.program_area ul {margin:0px; padding:0px; list-style:none;}
.program_area ul li {
 float:left;
 display:inline;
 width:145px;
}
.program_item {
 width:117px;
 margin-left:14px;
 padding:2px 6px 5px 6px;
 border:1px solid #312A2A;
 color:#394E1C;
 text-align:center;
 background:#D3D8CB;
}
.program_text {padding-bottom:4px;}

/*****************************
畳TOPお知らせ
*****************************/
.column_area,
.column_area *{
	box-sizing:border-box;
}
.column_area img{
	width:100%;
	height:auto;
}
.column_area{
	display:inline-block;
	display:flex;
	flex-wrap:wrap;
}
.event_box{
	display:block;
	width:48%;
	padding:0.5rem;
	margin:1rem 1% ;
}
.event_box a{
color:#99CC00;
text-decoration:none;
}
/*年間イベント*/
.year_eve{
	display:flex;
	border:#99CC00 solid 1px;
}
.year_eve img{
	width:60px;
	height:60px;
}
.year_eve div.text{
	width:calc(100% - 60px -0.5rem);
	margin-left:0.5rem;
}
.year_eve p.event_title{
color: #99CC00;
font-weight:bold;
padding-bottom:0.2rem;
margin:0;
}
/* ↑↑↑ バナーブロックのスタイル ↑↑↑ */


/* コンテンツページスタイル */
/* ↓↓↓ コンテンツページのベース ↓↓↓ */
#cnt_bg_top {
 width:887px;
 height:20px;
 margin:5px auto 0px auto;
 font-size:10px;
 line-height:12px;
 background:#F4F2F2 url(../ttm_cnt_bg.gif) repeat-x 0px 0px;
}
#cnt_bg_bottom {
 width:887px;
 height:20px;
 margin:-1px auto 10px auto;
 padding:0;
 background:#F4F2F2 url(../ttm_cnt_bg.gif) repeat-x 0px -20px;

}
#cut_info{
padding:30px 0 30px 0;
margin:0px;
}
#cnt_baseBlock {
	display:flex;
	width:887px;
	margin:0 auto;
	padding:0px;
	background:#F4F2F2;
	color:#262323;
	text-align: left;
}
/*▼flex修正1/3*/
#cnt_baseBlock.flex {
	flex-direction:row-reverse;
	justify-content:flex-end;
	padding:20px 0;
	margin:5px auto;
	border-radius:20px;
}
#cnt_mainBlock {
 width:650px;
}

#cnt_baseBlock_only {
 width:900px;
 margin:0 auto;
 padding:0px;
 color:#ffffff;
 background:#000000;
}
#cnt_mainBlock_only {
 width:887px;
 /*float:left;*/
 display:inline;
}

.cnt_subt {
 width:634px;
 height:22px;
 padding:6px 0px 0px 16px;
 color:#262323;
 font-size:14px;
 line-height:16px;
 background:#E8E3E3 url(../ttm_cnt_subt_bg.gif) no-repeat 0px 0px;
 font-weight:100;
}
#cnt_menuBlock {
 width:220px;
}
.cnt_menuBanner_area {
 width:220px;
 text-align:center;
}
.cnt_menu_area {
 width:200px;
 text-align:left;
 margin:15px auto 0px auto;
 /*background:#E8E3E3;*/
}
.cnt_menu_area ul {
 margin:0px;
 padding:0px 0px 5px 0px;
 width:200px;
 list-style:none;
 color:#4D5223;
 font-size:14px;
 line-height:16px;
 background:#E8E3E3;
}
.cnt_menu_area li { margin-bottom:5px; margin-left:5px; }
.cnt_menuBanner_area2 {
 width:200px;
 margin:15px 10px 0px 10px;
 text-align:center;
}
.cnt_menuBanner_area2 a{
font-size:0.8em;
color: #453A38;
text-decoration:none;


}

.cnt_menu_area li a.cnt_menu { 
display:block; width:174px; height:21px; padding:6px 0px 0px 16px; 
text-decoration:none;
}
.cnt_menu_area li a.cnt_menu:link { 
color:#665C4A; 
background:#FFFFFF url(../ttm_cnt_menubtn_bg02.gif) no-repeat 0px 0px;
}
.cnt_menu_area li a.cnt_menu:visited { color:#665C4A; 
background:#FFFFFF url(../ttm_cnt_menubtn_bg02.gif) no-repeat 0px 0px;
}
.cnt_menu_area li a.cnt_menu:hover { 
color:#FFFFFF; 
background:#665C4A url(../ttm_cnt_menubtn_bg02.gif) no-repeat 0px -27px;
}
.cnt_menu_area li a.cnt_menu:active { color:#FFFFFF;
background:#665C4A url(../ttm_cnt_menubtn_bg02.gif) no-repeat 0px -27px;
}

.cnt_menu_area li a.cnt_menu_reverse { display:block;
width:174px; 
height:21px;
padding:6px 0px 0px 16px;
text-decoration:none;
color:#FFFFFF;
background:#665C4A url(../ttm_cnt_menubtn_bg02.gif) no-repeat 0px -27px;
}
/*商品リスト部分　相澤追加*/

.cnt_menu_area li a.cnt_menu01 { 
display:block; width:154px; height:21px; padding:6px 0px 0px 36px; 
text-decoration:none;
}
.cnt_menu_area li a.cnt_menu01:link { 
color:#665C4A; 
background:#FFFFFF url(../ttm_cnt_menubtn_bg05.gif) no-repeat 0px 0px;
}
.cnt_menu_area li a.cnt_menu01:visited { color:#665C4A; 
background:#FFFFFF url(../ttm_cnt_menubtn_bg05.gif) no-repeat 0px 0px;
}
.cnt_menu_area li a.cnt_menu01:hover { 
color:#FFFFFF; 
background:#665C4A url(../ttm_cnt_menubtn_bg05.gif) no-repeat 0px -27px;
}
.cnt_menu_area li a.cnt_menu01:active { color:#FFFFFF;
background:#665C4A url(../ttm_cnt_menubtn_bg05.gif) no-repeat 0px -27px;
}



.cnt_menu_area li a.cnt_menu02 { 
display:block; width:154px; height:21px; padding:6px 0px 0px 36px; 
text-decoration:none;
}
.cnt_menu_area li a.cnt_menu02:link { 
color:#665C4A; 
background:#FFFFFF url(../ttm_cnt_menubtn_bg03.gif) no-repeat 0px 0px;
}
.cnt_menu_area li a.cnt_menu02:visited { color:#665C4A; 
background:#FFFFFF url(../ttm_cnt_menubtn_bg03.gif) no-repeat 0px 0px;
}
.cnt_menu_area li a.cnt_menu02:hover { 
color:#FFFFFF; 
background:#665C4A url(../ttm_cnt_menubtn_bg03.gif) no-repeat 0px -27px;
}
.cnt_menu_area li a.cnt_menu02:active { color:#FFFFFF;
background:#665C4A url(../ttm_cnt_menubtn_bg03.gif) no-repeat 0px -27px;
}

.cnt_menu_area li a.cnt_menu_reverse01 { 
display:block;
width:154px; 
height:21px;
padding:6px 0px 0px 36px;
text-decoration:none;
color:#FFFFFF;
background:#665C4A url(../ttm_cnt_menubtn_bg05.gif) no-repeat 0px -27px;
}


.cnt_menu_area li a.cnt_menu_reverse02 { 
display:block;
width:154px; 
height:21px;
padding:6px 0px 0px 36px;
text-decoration:none;
color:#FFFFFF;
background:#665C4A url(../ttm_cnt_menubtn_bg04.gif) no-repeat 0px -27px;
}
/* リンクスタイル */
a.yoko_menu {/* 通常の横メニュー */
 display:block;
 width:100px;
 height:25px;
 padding:10px 0px 0px 0px;
 font-size:16px;
 font-weight:bold;
 /*padding:3px 19px 0 20px;*/
 text-decoration:none;
}
a.yoko_menu:link {color:#FFFFFF; background:#000000 url(../tatami_menu_button.gif) no-repeat 0px 0px;}
a.yoko_menu:visited {color:#FFFFFF; background:#000000 url(../tatami_menu_button.gif) no-repeat 0px 0px;}
a.yoko_menu:hover {color:#E4E7AD; background:#000000 url(../tatami_menu_button.gif) no-repeat 0px -22px;}
a.yoko_menu:active {color:#E4E7AD; background:#000000 url(../tatami_menu_button.gif) no-repeat 0px -22px;}

a.yoko_menu_reverse {/* 反転した横メニュー */
 display:block;
 width:100px;
 height:25px;
 padding:10px 0px 0px 0px;
 /*padding:3px 19px 0 20px;*/
 text-decoration:none;
 color:#E4E7AD;
 font-size:16px;
 font-weight:bold;
 background:#000000 url(../tatami_menu_button.gif) no-repeat 0px -22px;
}

#footerBlock a {text-decoration:none;}
#footerBlock a:link {color:#A8D068;}
#footerBlock a:visited {color:#A8D068;}
#footerBlock a:hover {color:#E4E7AD;}
#footerBlock a:active {color:#E4E7AD;}

/* フッターブロックスタイル */
#footerBlock {
 margin:0px;
 padding:0px;
 background:url(../tatami_footerline.gif) repeat-x left top;
 padding-top:7px;
}
.footer_bg {
 height:185px;
 color:#A8D068;
 font-size:11px;
 background:#353535 url(../tatami_footer_bg.gif) repeat left top;
}
.footer_area {
 width:900px;
 margin:auto;
 padding-top:10px;
 text-align:right;
}
.footer_area ul {
 margin:0px;
 padding:0px 5px;
 list-style:none;
 border-bottom:1px dotted #A8D068;
}
.footer_area li {
 display:inline;
}
.ul_pos {float:right; width:540px; text-align:right;}
.copy {float:right; width:540px; text-align:center;}
.copy div {margin-top:3px;}
/*
.footer_area li span {
 display:block;
 margin:0px 4px 0px 3px;
}*/
/* 相澤編集分 */
.cnt_body {
 padding:0px 20px;
 color:#262323;
 font-size:12px;
 line-height:14px;
 text-align:left;
}
.cnt_body p{
line-height:1.3em;
font-size:1.1em;
}
.cnt_body a {
color:#727934;
text-decoration:none;
}
.cnt_body a:hover{
color:#FF6600;
text-decoration:none;
}
.table2 {
margin:20px 0;
font-weight:100;
}
.table2 th {
padding:5px;
background-color:#E4EBE2;

}
th.sub01{
font-weight:100;
border:#FFFFFF 1px solid;
padding:5px;
text-align:left;
background-color:#FFFFFF;
}
#unit {
margin:0px 0px 20px 0;
}
#unit td{
background-color:#FFFFFF;
text-align:center;
}
.meun{
font-size:16px;

margin:15px 0 0px 0;
}
.small{
font-size:0.8em;

}
th.top01{
font-weight:100;
background-color:#AA9E9E;
width:280px;
text-align:left;
padding:5px;
}
th.top02{
font-weight:100;

background-color:#AA9E9E;
}
.sub03{
font-weight:100;
border-top:#AA9E9E 3px double;
border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
padding:5px;
text-align:left;
background-color:#FFFFFF;
}



h1 {
margin:0;
padding:0;
color:#FFFFFF;
font-size:1em;
font-weight:100;
text-align:left;
}
h2 {
margin:0;
padding:0;
font-weight:100;
}

h2.sitemap{
	background:#323423;
	padding:10px;
	border:#65684e solid 1px;
	color:#FFFFFF;
	font-weight:900;
	margin:10px;
	}
	
h2.tatamigaoka{
	padding: 10px;
	color: #FF6600;
	font-weight: bolder;
	margin: 10px;
	font-size: 21px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 25px;
	}


h3 {
margin:0;
padding:0;
font-weight:100;
font-size:14px;
}

h3.sitemap {
padding:5px;
background-color:#E4EBE2;
color:#2F3F1F;
font-size:1.2em;
font-weight:100;
}

.greenline {
margin:15px 0;
padding:5px;
background-color:#E4EBE2;
color:#2F3F1F;
font-size:1.2em;
font-weight:100;
} 

.greenline2 {
	background-color: #336600;
	color: #FFFFFF;
	font-size: 1.2em;
	width: 600px;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #690;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border: thin solid #690;
	font-weight: bold;
	}
	
.sp1 {
	color: #FFFFFF;
	font-size: 1.2em;
	width: 300px;
	font-size: 14px;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 25px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-top: 10px;
	background-color: #FFC;
	height: 150px;
	}
	
	
	
.nedan {
	color: #CC0000;
	font-size: 23px;
	font-weight: bolder;
	}
.otoku2 {
	color: #333333;
	font-size: 21px;
	font-weight: bolder;
	}
	
.otoku3 {
	color: #333333;
	font-size: 21px;
	font-weight: bolder;
	background-color: #FC0;
	}

.tokoro {
	color: #333333;
	font-size: 16px;
	font-weight: bolder;
	background-color: #FFF;
	width: 200px;
	}	


h4 {
padding:5px;
background-color:#E4EBE2;
color:#2F3F1F;
font-size:1.2em;
font-weight:100;
}
.h4_02{
padding:3px 3px 3px 5px;
margin:25px 3px 3px 10px;
background-color:#F4ECE8;
color:#CC6633;
font-weight:100;
border-bottom: #CC9966 1px solid;
font-size:13px;

}
.h4_03{
width:180px;
padding:3px;
background-color:#F4ECE8;
color:#CC6633;
border:#CC9966 1px solid;
margin-top:30px;
}
.report {
line-height:1.3em;
font-size:1.1em;
background-color:#F1F1ED;
margin-right:40px;
padding:0 10px;
}
.report02 {
line-height:1.3em;
font-size:1.1em;
background-color:#F1F1ED;
margin-right:0px;
padding:0 10px;
}
.underspace {
padding-top:60px;
}
.cnt_body img{
padding:0;
}
/*プレゼント枠*/
.present{
padding:0 0px;
margin:8px 0px 0px 0px;
width:552px;
}
.present img{
padding:0 0px;
margin:0px 2px 0px 0px;
}
.present_p{
padding:0 0px;
margin:0px 0px 0px 0px;
width:552px;
}
.pre {
float:left;
padding:0;
margin:0;
}
.pre332 {
float:left;
padding:0 0px;
margin:0px 0px 0px 90px;
}
.pre02 {
padding:0;
margin:3px 0 0 0;
font-size:12px;
}
/*お知らせ枠に画像
と右が価格リンク*/
.present02{
padding:0 0px;
margin:0px 0px 0px 0px;
width:389px;
float:left;
}
.present02 img{
padding:0 0px;
margin:0px 0px 0px 0px;
}
/*お知らせ枠に画像
と右が価格リンクここまで*/



.guide_02 {
border: 1px #666666 solid;
height:180px;
padding:10px;
background-color:#FDFDFD;

}
.guide_02 p{
float:left;
width:400px;
margin:0;
}
.guide_02 img {
float:left;
}
.bellow {
width:500px;
text-align:center;
margin:0 auto;
}
h3.title02 {
border-bottom:#666666 1px dashed;
margin-bottom:10px;
font-size:14px;
}
/*価格表リンク枠*/
.kakaku {
margin-top:5px;
}
.yen276_r {
float:left;
margin:0px;
padding:5px;
width:380px;
height:80px;
font-size: small;
background-color:#C2C2C0;
color:#565656;
}
.yen276 {
float:left;
margin:0px 0px 0px 5px ;
padding:3px;
width:150px;
height:75px;
font-size: small;
background-color: #201F27;
}
.sub_li a {
color: #66CC66;
text-decoration:none;
}
.sub_li a:hover{
color:#669933;
text-decoration:underline;
}

h2.info{
margin:0 0 5px 0;
padding:3px 10px;
background-color:#333333;
font-size:13px;
font-weight:500;
color: #EFE7CF

}
.sublink {
margin:0 0 0px 20px;
padding:0px 0 0 0px;
}
.sub_li {
margin:0 0 0px 0px;
padding:0px 0 0 0px;
height:18px;
list-style-image:url(../top_sankaku02.gif);
list-style-position:inside;
}

/************************
中ページ下の次前ロールオーバ
************************/


#bf_navi{
margin:50px 0 0;
font-size:15px;
 height:35px;
 font-weight:bold;
}

.bf_navi_in {
margin:0 auto;
width:171px;
padding:0;
 height:35px;
}
.bf_navi_in01 {
float:left;
margin:0 5px 0 0;
padding:0;
width:48px;

}

#bf_navi img{
float:left;
margin:0px 3px 0 0;
}
/*
中央四角　このページの上へ
*/
a.tnavi_c {
 display:block; 
 width:48px; 
 height:48px; 
 background-image:
 url(../../images/navi_i.gif)
 ; 
 text-decoration:none;
}
a.tnavi_c:link{ display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_i.gif) ;
background-repeat:no-repeat;
}
a.tnavi_c:hover{
 display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_i_p.gif) ;
background-repeat:no-repeat;
}
/*a.tnavi_c:visited{ 
display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_i_p.gif);
background-repeat:no-repeat;
}
a.tnavi_c:active{ 
display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_i_p.gif);
background-repeat:no-repeat;
}*/
/*
右向き矢印　次のページへ
*/
a.tnavi_r {
 display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_r.gif);
background-repeat:no-repeat;
 text-decoration:none;
}
a.tnavi_r:link{
 display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_r.gif)
;
background-repeat:no-repeat;
}
a.tnavi_r:hover{
 display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_r_p.gif);
}
/*a.tnavi_r:active{ 
display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_r_p.gif) ;
background-repeat:no-repeat;
}
a.tnavi_r:visited{
 display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_r_p.gif)
;
background-repeat:no-repeat;
}*/
/*
左向き矢印　前のページへ
*/
a.tnavi_l {
 display:block; 
 width:48px; 
 height:48px; 
 background-image: 
 url(../../images/navi_l.gif); 
 text-decoration:none;
 background-repeat:no-repeat;
}
a.tnavi_l:link{ display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_l.gif);
background-repeat:no-repeat;
}
a.tnavi_l:hover{
 display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_l_p.gif);
background-repeat:no-repeat;
}

/*a.tnavi_l:active{
display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_l.gif) ;
background-repeat:no-repeat;
}
a.tnavi_l:visited{
 display:block; 
 width:48px; 
 height:48px; 
background-image: url(../../images/navi_l_p.gif)
;
background-repeat:no-repeat;
}*/
/*スペース*/
.s_50 {
height:50px;

}
.s_40 {
height:40px;

}
.s_30 {
height:30px;

}
.s_20 {
height:20px;

}
/*赤字*/
.redcolor {color: #CC3300}


/*田川編集　更新履歴*/
.rireki{ 
float:left; 
width:430px; 
display:inline;
margin:0;
padding:0px;
}
.rireki_area {
width:410px;
height:140px;
padding:10px;
background:#524B4B url(../../images/top_subt_bg.gif) repeat-x 0px 0px;
margin:0;
overflow-y:scroll;
	 }

.rireki-full{ 
float:left; 
width:95%; 
display:inline;
margin:0;
padding:0px;
}

.rireki-full_area {
width:860px;
height:140px;
padding:10px;
background:#524B4B url(../../images/top_subt_bg.gif) repeat-x 0px 0px;
margin:0;
overflow-y:scroll;
	 }

.but_210{
float:left;
width:210px;
display:inline;
padding-left:5px;
margin:0;
}

.but_210_ko p{
margin:2px 0 0 5px;
padding:0px;
font-size:11px;

}

.but_230{
float:left;
width:237px;
display:inline;
padding-left:5px;
margin:0;
}

.but_230_ko p{
margin:2px 0 0 5px;
padding:0px;
font-size:11px;

}
.whatnew_list{
margin:0;
padding:0;
}	 
.whatnew_list li {
font-size:100%;
list-style:none;
padding-left:15px;
background:url('../../images/poti.gif') left no-repeat;
list-style-position:inside;
line-height:1.6em;
} 
.whatnew_list a{ color:#E3F482; text-decoration:none;}
.whatnew_list a:hover{ text-decoration:underline;}


/*田川　畳について*/
.tuite_area{ width:885px; padding:15px 0px 15px 0px; background:#524B4B url(../../images/top_subt_bg.gif) repeat-x 0px 0px;}
.tuite_sub{ float:left; padding-left:15px; width:275px; display:inline;}
.tuite_box{ width:255px; padding:10px; background:#353535;}

.tuite_txt{
font-size:12px;
color:#C2BFBF;
margin:10px 0 ;
padding-top:0px;
line-height:1.8em;
}
.tuite_txt a{ color:#A8D068; text-decoration:none;}
.tuite_txt a:hover{ text-decoration:underline}


.banner2 {
float:left;
width:180px;
}

.fusuma{
margin:0px 0 50px 0;
padding:0;
}
.fusuma p{
margin:5px 0 0 0;
padding:0 0 15px 0;
}


.fusuma img{
border: #D9CFC8 1px solid;

}

.fusuma02{
margin:0px 0 50px 0;
padding:0;
}
.fusuma02 p{
margin:5px 0 0 0;
padding:0 0 15px 0;
}

.photo_next {
width:250px;
float:left;

}

/*用途別の画像横スペース*/
.life img{
margin-left:15px;


}


.rireki02{ 
float:left; 
width:389px; 
display:inline;
margin:0 10px 0 0;
padding:0px;
}
.rireki02 p{
margin:0 0 20px 0;
padding:0px;
}
.but_450{
float:left;
width:470px;
display:inline;
padding-left:5px;
margin:0;
}
.but_450 p{
padding:0;
margin:5px 0 0 0;
line-height:1.5em;
font-size:11px;


}
.but_450 h4{
padding:3px 0 3px 150px;
margin:0;
font-size:14px;
}


.rireki03{ 
float:left; 
width:372px; 
display:inline;
margin:0 0 0 3px;
padding:0px;
}
.rireki04{ 
float:left; 
width:200px; 
display:inline;
margin:0 0px 0 0;
padding:0px;
line-height:18px;
}

/*****************
義援金関連
*****************/
.gien_box{
float:left;
border:#525252 solid 1px;
margin-bottom:10px;
width:620px;
padding:16px;
margin-right:10px;
}


/*****************
お客様の声
*****************/
.koe_box{
float:left;
width:194px;
padding:8px;
text-align:center;
border:#525252 solid 1px;
}


/*****************
広告枠
*****************/
.cm01 {
float:left; 
width:220px; 
display:inline;
margin:0 0px 0 0;
padding:0px;
line-height:18px;
font-size:11px;
}
.cm01 a{
color:#EAE8D5;
text-decoration:none;
}


/*****************
お客様の声・ニュース
*****************/

.news_box{
float:left;
height:100px;
width:538px;
padding:6px;
background:#D2D6B4;
margin-bottom:10px;
margin-right:7px;
color:#383838;
}

.news_title{
border-bottom:#D2D6B4 solid 1px;
padding-bottom:3px;
font-size:12px;
font-weight:900;
}

.news_title a{
text-decoration:none;
color:#993300;
}

.news_title a:hover{
text-decoration:none;
color:#5E641B;
}

.nn_txt a{
text-decoration:none;
color:#993300;
}

.nn_txt a:hover{
text-decoration:none;
color:#5E641B;
}

.osyakusama_box{
float:left;
height:100px;
width:318px;
padding:6px;
background:#E8DFDF;
margin-bottom:10px;
color:#383838;
}

.osyakusama_title{
border-bottom:#CAB4B4 solid 1px;
padding-bottom:3px;
font-size:12px;
font-weight:900;
}

.osyakusama_title a{
text-decoration:none;
color:#7D0E55;
}

.osyakusama_title a:hover{
text-decoration:none;
color:#5E641B;
}

.topbox01{
float:left;
width:423px;
padding:6px;
margin:0 10px 10px 0;
border:#333333 solid 1px;
}

.topbox02{
float:left;
width:423px;
padding:6px;
margin:0 0 10px 0;
border:#333333 solid 1px;
}

.pink{
	color: #CC6699;
}
/**新しいサイトマップレイアウト**/

.sitemap_bg{
	padding:30px 200px 30px 200px;
	text-align:left;
	}
.sitemap_bg a{
	color:#FFFFFF;
	text-decoration:none;
	}
.sitemap_bg a:hover{
	font-weight:900;
	text-decoration:none;
	}

.sitemap_bg ul{
	list-style: url(../../sitemap/img/icon.gif);
	}

.sitemap_bg li{
	line-height:2em;
	}

.kikaku001 a{
	display:block;
	background: url(../../images/kikaku01.gif) no-repeat;
	padding-top:50px;
	height:30px;
	text-align:center;
	margin-bottom:30px;

	display:block;
	color:#930;
	text-decoration:none;

	}

/*収納畳ボタン*/
.s_tatami{
	}
	
/*畳が丘モニター*/	
.tm_menu{
	text-align: center;
	background-color: #CCC;
	height: 20px;
	width: 620px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
	
.cnt_body {
 padding:0px 20px;
 color:#262323;
 font-size:12px;
 line-height:14px;
 text-align:left;
}

.box_green{
	background:#FFFFFF;
	border:#693 solid 1px;
	padding:10px;
	font-size:16px;
	text-align:center;
	line-height:2em;
	}
	
	
	
/*田淵さんのイ草畑*/	

.yasirosi_bg2{
	text-align: left;
	background: url(../../know/img/hatake/yasiro.jpg) no-repeat;
	padding-top: 250px;
	padding-right: 250px;
	padding-left: 20px;
	font-size: 13px;
	font-weight: lighter;
	color: #333;
	width: 370px;
	}
	
	
	.photo_right{
	float: right;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 0px;
	}
	
/*畳の知識＿履歴*/	
.chisiki_rireki{ 
float:left; 
width:860px; 
display:inline;
margin:0;
padding:0px;
}

.chisiki_rireki_area {
width:860px;
height:60px;
padding:10px;
background:#524B4B url(../../images/top_subt_bg.gif) repeat-x 0px 0px;
margin:0;
overflow:hidden;
	 }



/******担当者別施工例へボタン******/


.tanto_img{
	float:left;
	width:82px;
	margin-right:18px;
	}
	
.r-box-tanto{

	border:#beb9b9 solid 1px;
	border-radius:10px;
	padding:10px 10px 10px 10px;
	height:82px;
	width:280px;
	margin:10px 0 10px 0;
	background: #ffffff;
	display:block;
	}

.r-box-tanto a{
	color:#8ac922;	

	height:82px;
	}
.r-box-tanto a:hover{
	color:#8ac922;
	text-decoration:underline;
	}

.tanto_title{
	margin:0 0 15px 0;
	padding:4px;
	border:#CCCCCC solid 1px;
	font-weight:900;
	color:#666666;
	font-size:120%;}



/******畳モニター終了のお知らせ******/

.m_shuryo{
	padding:10px;
	text-align:center;
	color:#F30;
	background: #FF9;
	font-weight:900;
	}

/******畳の知識　イ草栽培の流れ******/
.nouyaku_clear{
	background:#FFFFFF;
	border:#9C6 solid 1px;
	padding:10px;
	}
	
/******clearfix******/
.clearfix:after {
content:" ";
display:block;
clear:both;
overflow:hidden;
}



.sazanami{
	float:left;
	width:200px;
	padding:0px;
	margin-bottom:10px;
	color:#666;
	}

.sazanami img{
	margin-bottom:4px;
}
.profile{
	width:150px;
}

/******topYOUTUBE配置部分******/
.top_youtube_txt{
	float:left;
	width:227px;
	margin-right:20px;
	}

.youtube_title{
	border:#999999 solid 1px;
	font-size:16px;
	font-weight:900;
	padding:6px 3px 6px 3px;
	}
	
/*******20171226追加******/
.nen_nen {
	margin:0 auto 10px;
	width:890px;
	text-align:center;
}
.nen_nen img{
	width:100%;
	height:auto;
	margin-bottom:0.5em;
}
.nen_nen .date{
	padding:1em;
	border:1px solid #689947;
	margin:0.5em 0;
}
.nen_nen .date p:first-of-type{
	font-weight:bold;
	font-size:1.5em;
}
/************************
 * 正方形サムネイル
***********************/
	.img_square,
	.img_square *{
	box-sizing:border-box;
	}
	.img_square{
	display:block;
	overflow:hidden;
	}
	.img_square img{
	position: relative;
	top: 50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	max-width:140%;
	max-height:140%;
	min-width:100%;
	min-height:100%;
	}
/************************
 * 畳TOP　リメイクボタン
***********************/
	.btn_remake a{
	display:block;
	float:left;
	width:calc(50% - 2em);
	border-radius:0.5em;
	background: linear-gradient(-135deg, #ceb8ba, #e3dddd);
	padding:0.5em;
	text-decoration:none;
	margin:1em 0.5em;
	}
	.btn_remake p{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	font-size:1.7em;
	line-height:2.3em;
	color:#534344;
	margin:0;
	width:calc(100% - 100px - 0.5em);
	float:right;
	text-align:left;
	display:block;
	}
	.btn_remake p:after{
	content:"施工例へ >>";
	display:block;
	text-align:right;
	}
	.btn_remake .img_square{
	width:100px;
	height:100px;
	margin-right:0.5em;
	float:left;
}
/************************************************************************
 * 新css
************************************************************************/
.flex{
	display:inline-block;
	display:flex;
}
.new_unique{
	font-size:16px;
}
.new_unique *{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
	-webkit-appearance:none;
	box-sizing:border-box;
	line-height: 2;
	list-style: none;
}
.new_unique img{
	width:100%;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.new_unique p{
	margin:0;
	line-height:1.5;
}
.new_unique .section{
	margin-bottom:5rem;
}
.new_unique h2{
	display:inline-block;
	display:flex;
	align-items:center;
	width:100%;
	height:auto;
	padding:1rem;
	margin-bottom:1rem;
	font-weight: bold;
	background:#2e2e2e;
	color:#ffffff;
	font-size:160%;
}
.new_unique h3{
	background:#E8E3E3;
	color: #262323;
	font-weight:bold;
	font-size:120%;
	padding:1rem 0.5rem;
}
#introduction .page_img{
	display:flex;
	justify-content:space-between;
	margin:1rem 0;
	padding: 10px;
	background-color: #f1f1e0;
	border: double 3px #DCDCCD;
}
#introduction .page_img > *{
	width:48%;
	flex-basis:48%;
}
/************************
 * コンテンツナビ
************************/
.pager{
	display:inline-block;
	display:flex;
	align-items:center;
	width:calc(48px * 3);
	margin:1rem auto;
}
/*******************************
 * ページトップへボタン
 *******************************/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	opacity:.8;
}
#page-top a {
	background: #6fba2c;
	text-decoration: none;
	color: #ffffff;
	width: 100px;
	padding: 0.5rem 0 2rem;
	text-align: center;
	display: block;
	position:relative;
}
#page-top a:hover {
	text-decoration: none;
	background: #fdd000;
}
#page-top a:after{
	content: "\f102";
	font-family:FontAwesome;
	font-size:1.5rem;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
}
#page-top.hide {
	display:none;
}
#page-top.visible {
	-webkit-animation: fadeIn .35s ease-in-out;
	-moz-animation: fadeIn .35s ease-in-out;
	animation: fadeIn .35s ease-in-out;
}
@keyframes fadeIn {
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}
@-webkit-keyframes fadeIn {
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}
@-moz-keyframes fadeIn {
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}
/******************************
 共通スタイル
******************************/
.bold{
	font-weight:bold;
}
.red{
	color:#f00;
}
.tiny{
	font-size:85%;
}
.big {
    font-size: 200%;
}
/******************************
 キャンペーン共通
******************************/
#campaign{
	font-size:1.1rem;
}
/************************
 * 右寄せ
***********************/
.align_right{
	text-align:right;
}
/******************************
flex
******************************/
.flex{
	display:flex;
}
/******************************
 押しボタン
******************************/
.push_button,
.new_unique .push_button{
	display:flex;
	align-items:flex-end;
	justify-content:center;
}
.push_button a,
.new_unique .push_button a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:0.5rem;
	margin:1rem 0;
	text-decoration: none;
	border-bottom-style:solid;
	border-bottom-width:0.2rem;
	border-radius: 3px;
}
.push_button:hover a,
.new_unique .push_button:hover a{/*ボタンを押したとき*/
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
	margin:1rem 0 1.2rem;
}
.push_button a p{
	display:block;
}
/******************************
他ページにつけるキャンペーン告知
******************************/
.campaign_link{
	margin:1rem auto;
	border:#989F5A solid 2px;
	padding:0.5rem;
}
.campaign_link p{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#989F5A;
	color:#fff;
	font-size:1.2rem;
	font-weight:bold;
	padding:0.2rem;
	margin:0 0 0.5rem 0;
}
.campaign_link a{
	display:block;
	font-size:1rem;
}
.campaign_link > a:not(:last-of-type){
	margin-bottom:0.5rem;
}
/******************************
キャンペーン終了告知
******************************/
#end{
	color: #ff0046;
	font-size: 180%;
	line-height: 1.5em;
	text-align: center;
	font-weight:bold;
}
/******************************
他ページにつける単純バナー
******************************/
.link_bunner{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	width:100%;
}
.link_bunner > p{
	display:block;
	width:100%;
	text-align:left;
	font-size:120%;
}
.link_bunner a{
	display:block;
}
.link_bunner a:hover{
	background-color:#727934;
}
.link_bunner a img{
	width:auto;
	height:auto;
}
.link_bunner a img:hover{
	opacity:.75;
}
/*カラシュミバナー*/
.col_sim{
	display:block;
	width:100%;
}



/**コロナ関連**/
/*ボックス全体*/
.accordion-box {
    margin: 10px 0;
    padding: 0;
}
/*ラベル*/
.accordion-box label {
    display: block;
    font-weight: bold;
	font-size:1.5rem;
    cursor :pointer;
    margin-top: 10px;
    padding:1.5rem;
    background-color:#e5a500;
}
/*チェックボックスを非表示にする*/
.accordion-box input {
    display: none; 
}
/*中身を非表示にしておく*/
.accordion-box div {
    height: 0;
    overflow-y: hidden;
    transition: 0.5s;/*表示するスピード*/
    opacity: 0;
}
/*クリックで中身を表示*/
.accordion-box input:checked + label + div {
    height: auto;
    opacity: 1;
    background-color:#242424;
}
/*アイコン*/
.accordion-box label::before {
    content: "＋";
    padding-right: 8px;
}
/*クリックでアイコン入れ替え*/
.accordion-box input:checked + label::before {
    content: "－";
}