@charset "UTF-8";

html {
	overflow-y:scroll;
	margin:0px;
	padding:0px;
}

body,div,p,table,th,td,h1,h2,h3,h4,h5,img,address {
	position:relative;
	margin:0px;
	padding:0px;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-family:'MS PMINCHO','ＭＳ Ｐ明朝',IPAPMINCHO,serif;
	color:#2a1a03;
}

body {
	text-align:center;
}

p,li,th,td,h4 {
	font-size:smaller;
}

img {
	border-width:0px;
	vertical-align:top;
}

div#container {
	width:850px;
	margin:0 auto;
	text-align:left;
}

div#header {
	padding-top:11px;
	background-image:url(img/headbar.gif);
	height:46px;
}

div#header div#head {
	height:46px;
	background-color:#ffffff;
	padding:0px 91px;
}

div#header div#head div#head-container {
	width:668px;
}

div#header div#head div#head-container div#logo{
	float:left;
	width:226px;
	height:46px;
}

div#header div#head div#head-container div#copy{
	float:right;
	width:177px;
	height:46px;
}

div#header div#head div#head-container div#navi {
	float:right;
	font-size:9pt;
}

div#topmenu {
	background-image:url(img/menu-back.gif);
	height:34px;
}

div#topmenu ul {
	margin: 0 90px;
	padding:0px 1px;
	background-color:#978988;
	height:34px;
}

div#topmenu ul li {
	display:inline;
	list-style-type:none;
	width:167px;
	height:34px;
	float:left;
	margin:0px;
	padding:0px;
}

div#topmenu ul li a {
	width:167px;
	height:34px;
	position:absolute;
	color:#4b433e;
}

div#imagearea1 {
	padding:0px 90px;
	background-image:url(img/back1.gif);
}

div#imagearea2{
	padding:0px 90px;
	background-image:url(img/back2.gif);
}

div#imagearea1 img,div#imagearea2 img {
	border-width:1px;
	border-style:solid;
	border-left-color:#978988;
	border-right-color:#978988;
	border-top-color:#554d4c;
	border-bottom-color:#554d4c;
	vertical-align:top;
}

div#contentsarea {
	float:left;
	background-color:#ecebea;
	padding: 0px 90px;
}

div#contentsarea div#contents {
	float:left;
	background-color:#978988;
	padding: 0px 1px;
}

div#contents div#body {
	float:left;
	padding: 0px;
	background-color:#ffffff;
	width:668px;
}

div#body h1 {
	padding-top:7px;
}

div#body h1.image {
	padding-top:0px;
}

div#body div.content {
	padding:0 30px;
}

p {
	clear:both;
	padding-bottom:1em;
}

p.no-margin {
	padding-bottom:0;
}
h2.subtitle {
	text-align:center;
	margin-top:11px;
	margin-bottom:13px;
}

h3 {
	padding:0px;
	margin:0px;
	clear:both;
}

h4 {
	clear:both;
}

div#footer {
	clear:both;
	height:66px;
	background-image:url(img/footer.gif);
}

div#footer address {
	padding-top:0.8em;
	text-align:center;
	font-style:normal;
	font-size: 9pt;
	color:#ffffff;
}

.smaller {
	font-size:smaller;
}

.red {
	color:red;
}

.bold {
	font-weight:bold;
}

.red-bold {
	color:red;
	font-weight:bold;
}

.center {
	text-align:center;
}

div.reform_graph, div.tatami_graph {
	margin:0 auto;
	font-size:smaller;
}

p.graph-researcher {
	text-align:right !important;
	margin-top:0 !important;
	margin-right:0 !important;
	padding-top:0 !important;
	padding-right:0 !important;
}

/* end of common */

/* index.html */

div#body div#top-body1 {
	padding:5px 0px 16px 7px;
	float:left;
}

div#top-body1 div#top-link_tatami {
	float:left;
}

div#top-body1 div#top-link_reform {
	float:left;
	padding-left:4px;
}

div#body div#top-body2 {
	float:left;
	width:600px;
	padding-left:10px;
	clear:both;
}
div#body div#top-body2 p {
	margin: 0px 15px 0px 27px;
}

div#body div#top-body2 div.link {
	margin:5px 10px 15px 10px;
	text-align:right;
}

div#body div#top-body3 {
	float:right;
	padding:5px 17px 0px 0px;
}

div#body div#top-body3 p {
	padding-bottom:5px;
}

div#top-body2 h2.top {
	margin-bottom:0.5em;
}

/* company.html */
div#company-rinen {
	background-image:url(img/company_img1.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-left:30px;
}

div#company-rinen div {
	width:404px;
	left:20px;
	padding-top:0.5em;
}

div#company-rinen div ol {
	margin-left:1em;
	padding-left:1em;
}

div#company-rinen p#company-daihyo {
	text-align:right;
	padding-top:1em;
}

div#company-gaiyo {
	padding-left:30px;
	padding-bottom:1.5em;
}

div#company-gaiyo div {
	width:573px;
	left:20px;
	padding-top:0.5em;
}

div#company-gaiyo table {
	margin:0 auto;
}

div#company-gaiyo table tr th {
	text-align:left;
	vertical-align:top;
	color:#6e7436;
	padding-bottom:0.5em;
}

div#company-gaiyo table tr td {
	vertical-align:top;
	padding-left:0.5em;
	padding-bottom:0.5em;
}

/* tatami-life.html */
h2.tatami-life {
	text-align:center;
	padding: 25px 0px;
}

div#body div.content div.tatami-life_contents {
	float:left;
	width:318px;
}

div#body div.tatami-life_picts img {
	float:right;
	margin:0px 21px 17px 0px;
}

div#body div#tatami-life_kayac {
	clear:both;
	background-image:url(img/tatamilife_kayac_back.gif);
	width:626px;
	left:22px;
	margin-bottom:17px;
}

div#tatami-life_kayac div#tatami-life_kayac-body {
	min-height:121px;
	height:auto !important;
	height:121px;
	background-image:url(img/tatamilife_kayac_logo.gif);
	background-repeat:no-repeat;
	background-position:26px center;
	padding:0px 23px 0px 260px;
}

div#tatami-life_kayac-body h5 {
	padding-top:0.5em;
}

div#tatami-life_kayac-body h5 img {
	font-size:19px;
}

div#tatami-life_kayac-body p {
	padding:0 0 0 1em;
}

div#tatami-life_kayac div#tatami-life_kayac-bottom {
	background-image:url(img/tatamilife_kayac_bottom.gif);
	background-repeat:no-repeat;
	height:11px;
	font-size:0;
}

/* tatami-labo.html */
h2.tatami-labo {
	padding:25px 9px;
}

div.tatami-labo_contents {
	padding:0px 20px;
	margin-bottom:1em;
}

div.tatami-labo_contents p {
	padding-left:10px;
	padding-right:10px;
}

div.tatami-labo_contents div.tatami-labo_session {
	background-image:url(img/tatami-labo_image.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-bottom:1em;
}

div.tatami-labo_session p {
	padding-right:249px;
	padding-top:0.5em;
}

div.tatami-labo_session div.tatami-labo_graph {
	width:396px;
}

/* tatami-products.html */
div#body div#tatami-products_contents {
	left:29px;
	width:614px;
}

div#tatami-products_contents div.tatami-products_content {
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #bcb7b1;
	padding:8px 0px;
	float:left;
}

div.tatami-products_content p.tatami-products_message {
	padding:0 30px;
}

div.tatami-products_content div.tatami-products_sentence {
	float:left;
	padding-left:3px;
	width:328px;
}

div.tatami-products_content div.tatami-products_sentence2 {
	float:left;
	padding-left:3px;
	width:373px;
}

div.tatami-products_sentence p,div.tatami-products_sentence2 p,div.reform-case_sentence p {
	padding:1em 0px 0.5em 4px;
}

div.tatami-products_img {
	padding-left:9px;
	float:right;
}

img.tatami-products_img {
	border:9px solid #545248;
}

div.tatami-products_contact {
	border-top:1px solid #f1f1f1;
	clear:both;
}

/* reform-case.html */
div#body div#reform-case_contents {
	left:43px;
	width:585px;
}

div.reform-case_content p {
	padding-left:12px;
	padding-right:12px;
}

div.reform-case_zashiki {
	float:left;
	padding-left:40px;
}

div.reform-case_roka {
	float:left;
	padding-left:36px;
}

div.reform-case_madori {
	text-align:center;
}

div.reform-case_table {
	text-align:center;
	padding-top:19px;
	padding-bottom:0.5em;
}

div.reform-case_table table {
	margin:0 auto;
	text-align:left;
}

div.reform-case_table table tr td {
	padding:0px 1em 0px 0.5em;
}

div.reform-case_contact {
	padding:0 25px 0 29px;
}

/* tatami-products.html & reform-case.html */
div.tatami-reform_contact-area {
	background-color:#f3eeea;
	margin:6px 8px 11px 8px;
	padding:1em 1.5em;
}

/* tatami.html & reform.html*/
div#tatami-reform_contents {
	padding:10px 14px 5px 26px;
	float:left;
}

div#tatami-reform_contents div.tatami_message, div#tatami-reform_contents div.reform_message {
	padding-top:16px;
	width:628px;
	min-height:198px;
	height:auto !important;
	height:214px;
	margin-bottom:1em;
	background-repeat:no-repeat;
	background-position:right top;
}

div#tatami-reform_contents div.tatami-reform_content {
	width:432px;
	border-right:1px solid #cbc3b8;
	margin-bottom:3px;
	float:left;
}

div.tatami-reform_content div.tatami-reform_sentence {
	margin-right:5px;
	padding-top:1em;
	padding-bottom:0.5em;
	text-align:center;
}

div.tatami-reform_sentence p {
	text-align:left;
	margin:0 14px;
}

div#tatami-reform_contents div#tatami-reform_sidebar {
	margin-left:5px;
	width:189px;
	float:left;
}

div#tatami-reform_sidebar p {
	text-align:left;
	padding-bottom:0;
}

div#tatami-reform_sidebar div.contact {
	text-align:right;
	background-color:#f3eeea;
	margin-top:0.5em;
	padding:0.5em;
}

div#tatami-reform_contents h4 {
	color:#417a09;
	text-decoration:underline;
}

div#tatami-reform_contents div h2 {
	font-size:22px;
}

/* tatami.html */
div#tatami-reform_contents div.tatami_message {
	background-image:url(img/tatami_subtitle_backimage.jpg);
}

div#tatami-reform_contents div.tatami_message div {
	border-top:1px solid #7d7970;
	padding:1em 27px 0px 27px;
	margin:2px 153px 0px 1px;
}

div#tatami_daiken-no1 {
	text-align:center;
	padding-bottom:1em;
}

div.tatami-reform_content div.tatami_graph {
	width:416px;
}

/* reform.html */
div#tatami-reform_contents div.reform_message {
	background-image:url(img/reform_subtitle_backimage.jpg);
}

div#tatami-reform_contents div.reform_message div {
	border-top:1px solid #7d7970;
	padding:1em 57px 0px 27px;
	margin:2px 153px 0px 1px;
}

div#tatami-reform_contents div.reform_content div {
	padding:1em 14px 0.5em 14px;
}

div#tatami-reform_contents div.reform_content div ul {
	margin:0.5em 0px 0.5em 1.3em;
	padding-left:0em;
}

div.tatami-reform_content div.reform_graph {
	width:421px;
}

/* contact.html */
div#contact_contents {
	text-align:center;
	padding:1em 50px;
}

div#contact_contents div.contact_content {
	text-align:left;
}

div#contact_contents table {
	margin:10px auto;
	text-align:left;
}

div#contact_contents th.top {
	vertical-align:top;
}

div#contact_contents th {
	text-align:right;
	padding-right:5px;
}

div#contact_contents p.errormsg {
	color:#ff0000;
	padding:0.5em 0 0 0;
}

div#contact_contents input,div#contact_contents textarea {
	border:1px solid #999999;
	padding:3px 5px;
	margin:2px 0px;
}

div#contact_contents input.name {
	width:10em;
	ime-mode:active;
}

div#contact_contents input.furigana {
	width:10em;
	ime-mode:active;
}

div#contact_contents input.zipcode {
	width:10em;
	ime-mode:disabled;
}

div#contact_contents textarea.address {
	width:330px;
	height:3em;
	ime-mode:active;
}

div#contact_contents input.phone {
	width:10em;
	ime-mode:disabled;
}

div#contact_contents input.email {
	width:330px;
	ime-mode:disabled;
}

div#contact_contents input.radio {
	margin-right:0.5em;
	border:0;
	vertical-align:middle;
}

div#contact_contents textarea.detail {
	width:330px;
	height:10em;
	ime-mode:active;
}

div#personal-inf {
	text-align:left;
	margin-top:0.5em;
	padding:1em;
	background-color:#f3eeea;
}