body{
	margin:0px;
	padding:0px;
	line-height:1.3;
	color:#FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#000000 url(../tatami_bg.gif) repeat center top;
}
a{
	text-decoration:none;
}
img{
	width:100%;
	height:auto;
	max-width:100%;
	max-height:100%;
}
p{
	margin:0;
	line-height:1.5;
}
section{
	margin-bottom:5rem;
}
h1{
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:1em;
	font-weight:100;
	text-align:left;
}
h2{
	display:inline-block;
	display:flex;
	align-items:center;
	height:auto;
	padding:1rem;
	margin-bottom:1rem;
	font-weight: bold;
	background:#2e2e2e;
	color:#ffffff;
	font-size:160%;
}
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{
	background:#E8E3E3;
	color: #262323;
	font-weight:bold;
	font-size:120%;
	padding:1rem 0.5rem;
}
h3.sitemap{
	padding:5px;
	background-color:#E4EBE2;
	color:#2F3F1F;
	font-size:1.2em;
	font-weight:100;
}
.flex{
	display:inline-block;
	display:flex;
}
#cnt_mainBlock{
	font-size:16px;
}
/*****************************
 *Header Block スタイル
*****************************/
#headerBlock_TOP{
	margin:0px;
	padding:0px;
	background:url(../../images/top_headline.gif) repeat-x left top;
}
.headerLogo_TOP{
	width:900px;
	height:70px;
	margin:auto;
	padding:24px 0px 0px 0px;
}
#headerBlock_CONTENT{
	margin:0px;
	padding:0px;
}
.headerLogo_CONTENT{
	width:900px;
	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:342px;
	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:900px;
	height:375px;
	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:900px;
	height:46px;
	background:#000000 url(../img/common/tatami_menuline.gif) repeat-x left top;
}
#menuBlock_TOP ul{
	margin:0px;
	padding:24px 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:900px;
	height:38px;
	background:#000000 url(../img/common/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:20px 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{
	width: 887px;
	margin: 5px auto;
	padding: 20px 0px;
	color: #262323;
	background: #F4F2F2;
	text-align: left;
	border-radius: 20px;
}
/*▼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;
	float:left;
	display:inline;
}
#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;
	float:left;
	display:inline;
}
.cnt_menuBanner_area{
	width:220px;
	text-align:center;
}

/*****************************
 *商品リスト部分
*****************************/
.cnt_menu_area{
	width:200px;
	margin:1rem auto;
}
.cnt_menu_area ul{
	width:100%;
	padding:0 0.4rem 0.4rem;
	background:#E8E3E3;
	color:#4D5223;
	list-style:none;
}
.cnt_menu_area li{
	margin:0.3rem 0;
	border-radius:0.2rem;
	font-size:14px;
}
.cnt_menu_area li:first-of-type{
	margin-top:0;
}
/*項目共通*/
.cnt_menu_area li a{
	display:flex;
	align-items:center;
	height:1.8rem;
	padding:0.2rem;
	border-radius:0.3rem;
	background-repeat:no-repeat;
	background-position:0.2rem center;
	background-color:#FFF;
	color:#665C4A;
	padding-left:1rem;
}
/*大項目*/
.cnt_menu_area li a.cnt_menu{
	background-image:url(../img/common/ico_cnt_menu01_1.png);
}
.cnt_menu_area li a.cnt_menu:hover,
.cnt_menu_area li a.cnt_menu_reverse{
	background-image:url(../img/common/ico_cnt_menu01_2.png);
	background-color:#665C4A;
	color:#fff;
}
/*小項目*/
.cnt_menu_area li a.cnt_menu02{
	background-image:url(../img/common/ico_cnt_menu02_1.png);
	margin-left:0.9rem;
}
.cnt_menu_area li a.cnt_menu02:hover{
	background-image:url(../img/common/ico_cnt_menu02_2.png);
	background-color:#D9D1D1;
	color:#fff;
}
.cnt_menu_area li a.cnt_menu_reverse02{
	background-image:url(../img/common/ico_cnt_menu02_3.png);
	margin-left:0.9rem;
	background-color:#665C4A;
	color:#fff;
}

/*****************************
 *サイド内バナーエリア
*****************************/
.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;
}
/*****************************
 *リンクスタイル
*****************************/
	a.yoko_menu{
	/* 通常の横メニュー*/
	display:block;
	width:90px;
	height:19px;
	padding:3px 0px 0px 0px;
	text-decoration:none;
}
a.yoko_menu:link{
	color:#FFFFFF;
	background:#000000 url(../img/common/tatami_menu_button.gif) no-repeat 0px 0px;
}
a.yoko_menu:visited{
	color:#FFFFFF;
	background:#000000 url(../img/common/tatami_menu_button.gif) no-repeat 0px 0px;
}
a.yoko_menu:hover{
	color:#E4E7AD;
	background:#000000 url(../img/common/tatami_menu_button.gif) no-repeat 0px -22px;
}
a.yoko_menu:active{
	color:#E4E7AD;
	background:#000000 url(../img/common/tatami_menu_button.gif) no-repeat 0px -22px;
}
a.yoko_menu_reverse{
	/* 反転した横メニュー*/
	display:block;
	width:90px;
	height:19px;
	padding:3px 0px 0px 0px;
	text-decoration:none;
	color:#E4E7AD;
	background:#000000 url(../img/common/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(../img/common/tatami_footerline.gif) repeat-x left top;
	padding-top:7px;
}
.footer_bg{
	height:185px;
	color:#A8D068;
	font-size:11px;
	background:#353535 url(../img/common/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-block;
}
.ul_pos{
	float:right;
	width:540px;
	text-align:right;
}
.copy{
	float:right;
	width:540px;
	text-align:center;
}
.copy div{
	margin-top: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;
}
.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_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_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;
}
/*スペース*/
.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;
	}
 
.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:90%;
	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:705px;
	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
************************************************************************/
#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;
}
/************************
* 畳の知識 > イ草の収穫（know18.html）
***********************/
.know img{
	width:100%;
	height:auto;
	max-width:100%;
}
.know .img img{
	margin-bottom:2rem;
}
.know .push_button{
	background: #727934;
	color: #fff;
	border-bottom-color:#343718;
	font-size:120%;
	text-align:center;
}
.know .push_button:hover{
	background: #949d43;
	color:#fff;
}
/*******************************
* ページトップへボタン
*******************************/
#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,
#cnt_mainBlock .push_button{
	display:inline-block;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:0.5rem;
	margin:1rem 0;
	text-decoration: none;
	border-bottom-style:solid;
	border-bottom-width:0.2rem;
	border-radius: 3px;
}
.push_button:hover,
#cnt_mainBlock .push_button:hover{
	/*ボタンを押したとき*/
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
	margin:1rem 0 1.2rem;
}
/******************************
	他ページにつけるキャンペーン告知
******************************/
.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;
}

/******************************
　ページロゴイメージ
******************************/
.cnt_menuBanner_area img{
	width:197px;
	height:auto;
}