@charset "utf-8";
/*
Theme Name: 間島畳店
Theme URI: http://www.kameleon.jp/
Description: 株式会社カメレオン
Author: 株式会社カメレオン
*/

/* CSS Document */

/* ------------------------------------
   タグリセット
------------------------------------ */
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}


/* ------------------------------------
   共通設定
------------------------------------ */
body {
	text-align: center;
	color: #000000;
	background: url(images/bg.gif) repeat;
	/* font-family: "ＭＳ ゴシック", sans-serif; */
	font-family:  "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 12px;
	line-height: 16px;
}
a {
	color: #0065D7;
	text-decoration: underline;
	overflow: hidden;
}
a:hover {
	color: #003399;
	text-decoration: none;
}
.cboth {
	clear: both;
}
.textright {
	text-align: right;
}
/* For WordPress's TinyMCE Editor */
.alignnone {
	float:none;
}
.alignleft {
	float: left;
}
.aligncenter {
	text-align: center;
}
div.aligncenter, dl.aligncenter {
	margin: 0 auto;
}
.alignright {
	float: right;
}
img.alignleft {
	margin-right: 10px;
	margin-bottom: 10px;
}
img.alignright {
	margin-left: 10px;
	margin-bottom: 10px;
}
span.red {
	color: #ff0000;
}
span.em {
}
strong {
	color: #339900;
}
blockquote {
	margin-left: 40px;
	margin-bottom: 1em;
}

/* ++++++ 詳細ボタン ++++++ */
p.detail-btn {
	background-image:url(images/detail_btn.gif);
	width: 90px;
	height: 22px;
	margin-top: 15px;
	float: right;
}
p.detail-btn a {
	display: block;
	width: 90px;
	height: 22px;
	text-indent: -9999px;
}
/* ------------------------------------
   全体設定
------------------------------------ */
#wrapper {
	text-align: left;
	width: 766px;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 1px 2px 1px 3px;
}

/* ------------------------------------
   ヘッダー
------------------------------------ */
#header {
	width: 766px;
}
/* ++++++ ロゴ +++++ */
#logo-box {
	width: 756px; /* 766px */
	height: 82px;
	padding-left: 10px;
}
#logo-box p#description {
}
#logo-box h1#logo {
	float: left;
	text-indent: -9999px;
	width: 283px;
	height: 47px;
	margin-top: 8px;
	background:url(images/logo.jpg) no-repeat;
}
#logo-box h1#logo a {
	display: block;
	width: 283px;
	height: 47px;
}
#logo-box p#url-box {
	float: right;
	text-indent: -9999px;
	width: 218px;
	height: 15px;
	margin-top: 43px;
	background-image:url(images/header_url.gif);
}
#logo-box p#url-box a {
	display: block;
	width: 218px;
	height: 15px;
}
/* ++++++ グローバルナビ ++++++ */
div#menu-box {
	width: 766px;
	height: 42px;
	background-image:url(images/menu_bg.gif);
}
ul#menu {
	width:766px;
	height: 42px;
	list-style: none;
}
ul#menu li {
	width: 126px;
	height: 42px;
	float: left;
	text-indent: -9999px;
	padding-right: 2px;
}
ul#menu li#menu-06 { /* 1番右だけマージンなし */
	padding-right: 0;
}
ul#menu li a {
	display: block;
	width: 126px;
	height: 42px;
	background-repeat: no-repeat;
}
ul#menu li a:hover {
	background-position: 0 -42px;
}
ul#menu li#menu-01 a {
	background-image:url(images/menu_01.gif);
}
ul#menu li#menu-02 a {
	background-image:url(images/menu_02.gif);
}
ul#menu li#menu-03 a {
	background-image:url(images/menu_03.gif);
}
ul#menu li#menu-04 a {
	background-image:url(images/menu_04.gif);
}
ul#menu li#menu-05 a {
	background-image:url(images/menu_05.gif);
}
ul#menu li#menu-06 a {
	background-image:url(images/menu_06.gif);
}

/* ++++++ メインイメージ ++++++ */
div#mainimage {
	width: 766px;
	height: 227px;
	background-image: url(images/main_img.jpg);
	text-indent: -9999px;
}

/* ------------------------------------
   メイン
------------------------------------ */
div#main {
	width: 752px;
	margin-top: 20px;
	padding: 0 7px;
}
/* ++++++ サイドバー ++++++ */
div#sidebar {
	float: right;
	width: 205px;
}
div#sidecontents-box {
	width: 205px;
	background:url(images/side_contents_div_bg.gif) no-repeat left bottom;
	padding-bottom: 1px;
}
h3#sidecontents {
	width: 204px;
	height: 33px;
	margin-right: 1px;
	background:url(images/side_contents.gif) no-repeat;
	text-indent:-9999px;
}
ul#sidecontents-list {
	list-style: none;
	background:url(images/side_contents_ul_bg.gif) repeat-y;
	padding-left: 7px;
	padding-bottom: 20px;
}
ul#sidecontents-list li {
	width: 191px;
	height: 49px;
	text-indent: -9999px;
	margin-bottom: 4px;
	overflow: hidden;
}
ul#sidecontents-list li.nomargin {
	margin-bottom: 0;
}
ul#sidecontents-list li a {
	display: block;
	width: 191px;
	height: 49px;
}
ul#sidecontents-list li a:hover {
	background-position: 0 -49px;
}
ul#sidecontents-list li#contents-menu1 a {
	background-image:url(images/side_contents_1.gif);
}
ul#sidecontents-list li#contents-menu2 a {
	background-image:url(images/side_contents_2.gif);
}
ul#sidecontents-list li#contents-menu3 a {
	background-image:url(images/side_contents_3.gif);
	margin-bottom: 0;
}
div#inquiry-box {
	margin-top: 16px;
	width: 204px;
	padding-bottom: 1px;
	background:url(images/side_contents_div_bg.gif) no-repeat left bottom;
}
div#inquiry-box-inner {
	background: url(images/side_inquiry_bg.gif) repeat-y;
	padding: 0 1px 7px 2px;
}
div#inquiry-box h3#inquiry-box-h {
	width: 204px;
	height: 31px;
	background: url(images/side_inquiry_h.gif) no-repeat;
	text-indent: -9999px;
}
div#inquiry-box p#inquiry-tel {
	width: 201px;
	height: 54px;
	background: url(images/side_inquiry_tel.gif) no-repeat;
	text-indent: -9999px;
}
div#inquiry-box p#inquiry-tel-time {
	width: 201px;
	height: 32px;
	background: url(images/side_inquiry_tel_time.gif) no-repeat;
	text-indent: -9999px;
}
div#inquiry-box p#inquiry-form {
	width: 201px;
	height: 30px;
	background: url(images/side_inquiry_form.gif) no-repeat;
	text-indent: -9999px;
}
div#inquiry-box p#inquiry-form-btn {
	width: 196px; /* 201px */
	height: 36px; /* 40px */
	padding: 4px 0 0 5px;
	background: url(images/side_inquiry_form_btn.jpg) no-repeat;
	text-indent: -9999px;
}
div#inquiry-box p#inquiry-form-btn a {
	display: block;
	width: 191px;
	height: 31px;
}

div#side-blog-box {
	margin-top: 10px;
	width: 204px;
}

div#sidemenu-box {
	margin-top: 16px;
}
ul#sidemenu {
	width: 204px;
	height: 37px;
	list-style: none;
}
ul#sidemenu li {
	width: 204px;
	height: 32px;
	text-indent: -9999px;
	margin-bottom: 5px;
}
ul#sidemenu li#sidemenu3 {
	margin-bottom: 0;
}
ul#sidemenu li a {
	display: block;
	width: 204px;
	height: 32px;
	background-repeat: no-repeat;
}
ul#sidemenu li a:hover {
	background-position: 0 -32px;
}
ul#sidemenu li#sidemenu1 a{
	background-image: url(images/sidemenu_1.gif);
}


/* ++++++ コンテンツ ++++++ */
div#contents {
	float: left;
	width: 532px;
}
div#contents div.text-box {
	margin: 20px 8px;
	width: 515px;
}
div#contents div.text-box p {
	margin-bottom: 1em;
}
div#contents div.text-box p img.nomargin {
	margin: 0;
}
div#contents div.text-box img {
	margin-top: 10px;
}
div#contents h2 {
	width: 531px;
	height: 30px;
	text-indent: -9999px;
	color: #ffffff;
}
div#contents h2.title-h {
	width: 500px; /* 531px */
	height: 23px; /* 30px */
	background-image:url(images/title_h.gif);
	text-indent: 0;
	padding-left: 31px;
	padding-top: 7px;
	font-size: 16px;
}

table.list-tbl {
	border-spacing: 0;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.list-tbl td {
	vertical-align: top;
	border-bottom: 1px solid #D9D9D9;
	padding: 10px 0;
}
table.list-tbl td.list-tbl-left {
	width: 83px;
}
table.list-tbl td.list-tbl-right {
	width: 425px;
}
div#contents table.list-tbl p {
	margin: 0;
}
div#contents h3 {
	margin-bottom: 1em;
	margin-top: 15px;
	font-size: 14px;
	width: 490px; /* 515 */
	height: 24px; /* 6 */
	padding-top: 6px;
	padding-left: 25px;
	background: url(images/h3.jpg) no-repeat;
}
div#contents h3.nomargin {
	margin-top: 3px;
}
div#contents h4 {
	margin-bottom: 1em;
	margin-top: 1em;
	font-size: 12px;
	color: #339900;
	background: url(images/h4.jpg) no-repeat;
	height: 18px; /* 20 */
	padding-left: 25px;
	padding-top: 2px;
}
div#contents ol {
	padding-left: 25px;
}
div#contents ul {
	padding-left: 25px;
}
div#contents li {
	line-height: 1.7em;
}

div#contents ol li {
	margin-bottom: 5px;
}

div#contents ul li {
	margin-bottom: 0;
}

div#contents ul.link li {
	margin-bottom: 10px;
}


div#pagetop-box {
	padding-top: 35px;
}
div#pagetop-box p#pagetop {
	width: 79px;
	height: 9px;
	background-image:url(images/pagetop.gif);
	float: right;
	text-indent: -9999px;
	line-height: normal;
	font-size: 8px;
	margin-right: 10px;
}
div#pagetop-box p#pagetop a {
	display: block;
	width: 79px;
	height: 9px;
}

/* ------------------------------------
   フッター
------------------------------------ */
div#footer {
	width: 766px;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 8px solid #669966;
	font-family:"ＭＳ Ｐゴシック", serif;
}
div#footer-navi {
	font-size: 10px;
	margin-left: 7px;
	margin-bottom: 12px;
}
div#footer-navi ul {
	list-style: none;
}
div#footer-navi ul li {
	float: left;
	border-right: 1px solid #4B4134;
	padding-right: 3px;
	margin-right: 3px;
	line-height: normal;
}
div#footer-navi ul li.noborder {
	border: none;
	margin: 0;
	padding: 0;
}
div#footer-copyright {
	height: 37px; /* 69px */
	padding-top: 32px;
	background: url(images/footer_copyright_bg.gif) repeat-x;
	text-align: center;
	color: #FFFFFF;
}
div#footer-link {
	text-align: right;
	padding-right: 5px;
}
div#footer-link a {
	color: #FFFFFF;
}

/* ------------------------------------
   トップページ
------------------------------------ */
/* フロア畳 */
div#contents .floor-tatami {
	margin: 0 0 20px 0;
}

div#contents .floor-tatami img {
	margin: 0 0 10px 0;
}


div#contents h2#welcome-h {
	background-image:url(images/welcome_h.gif);
}
div#contents h2#safety-h {
	background-image: url(images/security_h.gif);
}
div#contents img#safety-img {
	margin-right: 23px;
}
div#contents h2#blog-h {
	background-image: url(images/blog_h.gif);
}
p#to-blog {
	margin-bottom: 1em;
	padding-right: 8px;
}
div#contents h2#news-h {
	background-image: url(images/news_h.gif);
}
div#contents p.news-detail {
	width: 525px;
}

/* ------------------------------------
   各コンテンツ
------------------------------------ */

/* category */
div.meta-box {
	margin-top: 10px;
	margin-bottom: 1em;
	font-size: 90%;
	width: 525px;
}
table.nomargin {
	margin: 0;
}

/* 間島畳店の安心宣言 safety */
h2#safety-h {
	background: url(images/safety_h.gif) no-repeat;
}
table.safety-image {
	margin-bottom: 20px;
}
table.safety-image td {
	vertical-align: top;
	text-align: center;
	width: 50%;
}

/* こだわり concept */
h2#concept-h {
	background: url(images/concept_h.gif) no-repeat;
}

/* 価格表 price */
h2#price-h {
	background: url(images/price_h.gif) no-repeat;
}
table.price {
	background-color: #FFFFFF;
	border-spacing: 1px;
	width: 515px;
}
table.price th, table.price td {
	padding: 3px 1px;
}
table.price th {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
}
table.price td {
	background-color: #F6F6F6;
}
table.price td.price-name {
	background-color: #EAEDDE;
	text-align: center;
}
table.price td.price-price {
	text-align: right;
}
table.price td.price-star {
	text-align: center;
	color: #339900;
	font-size: 80%;
}
table.price td.price-advice {
	width: 196px;
}
table.price tr.popular td {
	background-color: #F8EDD3;
}


/* 施工一例 case */
h2#case-h {
	background: url(images/case_h.gif) no-repeat;
}
div.case-box {
	width: 250px;
	margin-bottom: 20px;
}
div#contents div.case-box img {
	margin-top: 0;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
div.case-box p.wp-caption-text {
	margin-top: 5px;
}

/* 畳の機能 function */
h2#function-h {
	background: url(images/function_h.gif) no-repeat;
}
table.size {
	width: 515px;
	background-color: #FFFFFF;
	border-spacing: 1px;
	margin: 15px 0;
}
table.size th, table.size td {
	padding: 5px;
	text-align: center;
}
table.size th {
	font-weight: normal;
	background-color: #666666;
	color: #FFFFFF;
}
table.size td {
	background-color: #F6F6F6;
}
table.size td.size-name {
	background-color: #EAEDDE;
}
table.size .size-name {
	width: 177px;
}
table.size .size-size {
	width: 109px;
}
table.size .size-area {
	width: 195px;
}


/* お問い合わせ inquiry */
h2#inquiry-h {
	background: url(images/inquiry_h.gif) no-repeat;
}
table.inquiry {
	width: 515px;
	background-color: #FFFFFF;
	border-spacing: 1px;
	margin: 15px 0;
}
table.inquiry th, table.inquiry td {
	padding: 5px 10px;
}
table.inquiry th {
	font-weight: normal;
	background-color: #666666;
	color: #FFFFFF;
	width: 30%;
	text-align: center;
}
table.inquiry td {
	background-color: #F6F6F6;
	width: 70%;
}
table.inquiry input.text-field {
	width: 200px;
}

table.inquiry input.address-field {
	width: 338px;
}

table.inquiry textarea.textarea-field {
	width: 338px;
	height: 160px;
}


/* 畳のインテリア interior */
h2#interior-h {
	background: url(images/interior_h.gif) no-repeat;
}

/* 畳に関してのQ&A qa */
h2#qa-h {
	background: url(images/qa_h.gif) no-repeat;
}
div.qa-section {
	border-bottom: 1px dotted #666666;
}
span.qa-q {
	color: #CD0000;
	font-weight: bold;
}
span.qa-a {
	color: #0066CC;
	font-weight: bold;
}
table.qa-table {
	width: 515px;
}
table.qa-table td {
	padding: 10px;
	vertical-align: top;
}
table.qa-table td.qa-table-l {
	width: 10%;
	text-align: center;
}
table.qa-table td.qa-table-r {
	width: 90%;
}


/* 会社概要 compnay */
h2#company-h {
	background: url(images/company_h.gif) no-repeat;
}
table.company {
	background-color: #FFFFFF;
	border-spacing: 1px;
	width: 515px;
}
table.company th, table.company td {
	padding: 5px 10px;
}
table.company th {
	background-color: #666666;
	color: #FFFFFF;
	width: 25%;
	font-weight: normal;
	text-align: center;
}
table.company td {
	background-color: #F6F6F6;
	width: 75%;
}

/* リンク link */
h2#link-h {
	background: url(images/link_h.gif) no-repeat;
}
div.link-box {
	width: 515px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #A58556;
}
div.link-img {
	float: left;
	width: 120px;
	text-align: center;
	padding: 10px 0;
}
div#contents div.link-img img {
	margin: 0;
}
div.link-text {
	float: right;
	width: 375px;
	padding: 10px;
}
h2#link-free-h {
	background: url(images/link-free_h.gif) no-repeat;
}

.link-coad {
	border: 1px solid #C6AC7D;
	width: 350px;
	margin: 0 0 15px 0;
	background-color: #F0EBE1;
	clear: both;
	padding: 8px;
}


/* サイトマップ sitemap */
h2#sitemap-h {
	background: url(images/sitemap_h.gif) no-repeat;
}

/* プライバシーポリシー privacy */
h2#privacy-h {
	background: url(images/privacy_h.gif) no-repeat;
}
p.privacy-indent {
	padding-left: 30px;
}

/* inquiry */
div.errs {
	margin-bottom: 10px;
}
div.errs li {
	color: #FF0000;
}
.err {
	background-color: #FBDCDC;
}

/* index */
div#contents ul.flow-list li {
	margin-bottom: 10px;
}

/*-------------------------------------------
フロア畳
-------------------------------------------*/
div#contents h2#floor-tatami-h {
	background-image:url(images/floor-tatami_h.gif);
}

/* サイズ */
div#contents table#product-size {
	width: 515px;
	margin: 0 0 10px 0;
	
	border-collapse: collapse;
}

div#contents table#product-size th {
	background-color: #E9E4DA;
	padding: 8px 5px;
	border: 1px solid #d6cebe;
	color: #847352;
	font-weight: normal;
	width:35%;
}

div#contents table#product-size td {
	padding: 8px 5px;
	border: 1px solid #d6cebe;
}

/* サイズ */
div#contents table#product-box {
	width: 515px;
	margin: 0 0 10px 0;
	border-collapse: collapse;
}

div#contents table#product-box td {
	padding: 5px 3px;
}

div#contents table#product-box td.border {
	border-top: 1px dotted #847352;
}

/*-------------------------------------------
アレルバスターフロア畳
-------------------------------------------*/
div#contents h2#aller-tatami-h {
	background-image:url(images/aller-tatami_h.gif);
}




/* カテゴリ */
div#contents h2#cat3-h { /* 新着情報＆トピックス */
	background-image: url(images/news_h.gif);
	text-indent: -9999px;
}

/* single.php */
div.comment-box {
	padding-top: 10px !important;
	margin-top: 20px !important;
	clear: both;
}
div#contents div.comment-box h3 {
	margin-top: 1em;
}
div#pings {
	margin-bottom: 10px;
}
div#comments {
	margin-bottom: 10px;
}
div.com { 
	border-bottom: 1px dotted #666666;
}
div#comments-form input#author {
	width: 100px;
}
div#comments-form input#email {
	width: 250px;
}
div#comments-form input#url {
	width: 250px;
}
div#comments-form textarea#comment {
	width: 300px;
	height: 150px;
}