@charset "utf-8";

/* once */
body {
	font-family: 'MS P Gothic','ＭＳ Ｐゴシック',sans-serif
}

/* ===== unique styles & common styles ===== */
h1 {
	margin-top: 5px;
	padding-left: 2px;
	width: 200px;
	float: left;
	color: #444444;
	font-size: 83.3%;
}
#header {
	height: 330px;
}
#header #visualarea {
	height: 280px;
}
#header #visualarea .inner {
	width: auto;
	height: 330px;
	background: #ffffff url(../images-top/noflash.jpg) center top no-repeat;
	text-align: center;
}
#header #visualarea .noflash {
	margin: 0 auto;
	padding: 53px 73px 0 755px;
	width: 233px;
	height: 200px;
	overflow: hidden;
}
#header #visualarea .noflash .banner {
	margin-bottom: 12px;
	padding: 14px 0 0 36px;
	width: 161px;
	height: 41px;
	position: relative;
}
#header #visualarea .noflash .message {
	margin: 0 0 0 16px;
	width: 204px;
	height: 94px;
	background: #ffffff url(../images-top/text-noflash_message.gif) left top no-repeat;
	text-indent: -999em;
}
#content {
	padding: 29px 0 0 0;
	background-image: url(../images-top/bg-content.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
#content .inner {
	background: url(../images-top/bg-karimoku.gif) left bottom no-repeat;
	padding-bottom: 30px;
}
#content .inner .inner {
	background: none;
	padding-bottom: 0;
}
#content .left {
	width: 563px;
	float: left;
	display: inline;
}
#content .right {
	width: 370px;
	float: right;
	display: inline;
}
#content .section {
	padding: 0 0 25px 0;
}
#content .section h2 {
	margin: 0 0 8px 0;
}
#content .section .section {
	padding: 0;
}
#content .section .inner .section {
	padding-top: 3px;
}
#content .section .section .inner {
	padding: 11px 14px 10px 14px;
	width: auto;
	background-color: #ffffff;
	border: 1px solid #deddcf;
}
#content .section .section .inner .header {
	height: 21px;
	background: transparent url(../common/images/bg-header01.gif) left top repeat-x;
}
#content .section .section .inner .header .inner {
	padding: 0;
	height: 21px;
	border: none;
	background-color: transparent;
	overflow: hidden;
	*zoom: 1;
}
#content .section .section .inner .header .inner:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
#content .section .section .inner .header h3 {
	padding: 4px 0 0 5px;
	float: left;
	display: inline;
}
#content .section .section .inner .header .rss {
	float: left;
	display: display;
	width: 14px;
	height: 14px;
}
#content .section .section .inner .header .rss img {
	padding: 4px 4px 4px 0;
}
#content .section .section .inner .section p.text {
	margin-bottom: 10px;
}
#content .left .columns .left {
	width: 253px;
}
#content .left .columns .right {
	width: 253px;
}
#content .right .columns .left {
	width: 162px;
}
#content .right .columns .right {
	width: 162px;
}
#content ul.linklist {
	padding-top: 2px;
	padding-left: 11px;
}
#content ul.linklist li {
	margin-bottom: 5px;
	padding-left: 8px;
	background-image: url(../common/images/icon-textlist01.gif);
	background-position: left 0.20em;
	background-repeat: no-repeat;
	line-height: 1.4;
}
#content ul.linklist li span.area {
	padding-right: 5px;
	padding-bottom: 1px;
	color: #666666;
	font-size: 83%;
}
#content .scrollarea {
	scrollbar-base-color: #ffffff;
	scrollbar-track-color: #bab89d;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #bab89d;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #bab89d;
	scrollbar-darkshadow-color: #bab89d;
	*border-right: 2px solid #bab89d;
	overflow-y: scroll;
	overflow-x: visible;
}

/* ===== styles #product (カリモク家具の商品) ===== */

#content #product .inner {
	padding: 17px 18px 5px 18px;
	border: 1px solid #deddcf;
}
#content #product .inner .inner {
	padding: 0;
	border: none;
}
#content #product .inner .section {
	padding-top: 15px;
}
#content #product .lead .imagetext {
	margin-bottom: 11px;
	width: 222px;
	height: 15px;
	background: url(../images-top/text-index-product_lead.gif) left top no-repeat;
	text-indent: -999em;
}

#content #product .present {
	padding-bottom: 3px;
}
#content #product .present .button {
	margin-bottom: 14px;
}
#content #product .present .newproducts {
	margin-bottom: 5px;
}
#content #product .present .newproducts2 {
	margin-bottom: 13px;
}
#content #product .present .newproducts .imagetext {
	margin-bottom: 5px;
	width: 93px;
	height: 15px;
	background: url(../images-top/text-index-newproducts.gif) left top no-repeat;
	text-indent: -999em;
}
#content #product .present .products .imagetext {
	margin-bottom: 6px;
	width: 103px;
	height: 15px;
	background: url(../images-top/text-index-present.gif) left top no-repeat;
	text-indent: -999em;
}
#content #product .present .products ul.basic {
	margin-bottom: 15px;
	padding-left: 1px;
	width: 500px;
	height: 72px;
	background-color: #e4e3d6;
	overflow: hidden;
}
#content #product .present .products ul.basic li {
	padding-right: 1px;
	float: left;
	display: inline;
}
#content #product .present .products ul.special {
	margin-left: -7px;
	width: 507px;
	height: 47px;
	overflow: hidden;
}
#content #product .present .products ul.special li {
	margin-left: 7px;
	float: left;
	display: inline;
}
#content #product .search {
	padding-bottom: 1px;
}
#content #product .search .button {
	margin-bottom: 5px;
}
#content #product .search ul {
	margin-left: -2px;
	width: 504px;
	height: 25px;
	overflow: hidden;
}
#content #product .search ul li {
	margin-left: 2px;
	float: left;
	display: inline;
}
#content #product .search ul li.byid {
	width: 251px;
	height: 25px;
	overflow: hidden;
	background: url(../images-top/bg-search_id.gif) left top no-repeat;
}
#content #product .search ul li.byid .input {
	padding: 2px 0 0 71px;
	width: 136px;
	height: 21px;
	float: left;
	display: inline;
}
#content #product .search ul li.byid #inputproductcode {
	margin: auto 0;
	padding: 3px 0 1px 0;
	width: 136px;
	height: 17px;
	display: inline;
	font-size: 12px;
	background-color: transparent;
	border: none;
}
#content #product .search ul li.byid div.button {
	padding: 2px 0 0 0;
	float: left;
	display: inline;
}
#content #product .domani .mainvisual {
	margin-bottom: 21px;
	padding-top: 7px;
}
#content #product .domani div .imagetext {
	margin: 0 0 0 13px;
	width: 177px;
	height: 25px;
	background: url(../images-top/text-index-domani.gif) left top no-repeat;
	text-indent: -999em;
	float: left;
}
* html #content #product .domani div .imagetext {
	margin-left: 6px;
}
#content #product .domani div .link {
	margin: 0 5px 0 0;
	*padding-right: 5px;
	float: right;
}
#content #product .karimoku60 .mainvisual {
	margin-bottom: 5px;
	padding-top: 7px;
}
#content #product .karimoku60 div .imagetext {
	margin: 0 0 0 13px;
	width: 196px;
	height: 24px;
	background: url(../images-top/text-index-karimoku60.gif) left top no-repeat;
	text-indent: -999em;
	float: left;
}
#content #product .karimoku60 div .link {
	margin: 0 5px 0 0;
	float: right;
}
#content #product .karimokujp .mainvisual {
	margin-bottom: 21px;
	padding-top: 7px;
}
#content #product .karimokujp div .imagetext {
	margin: 0 0 0 13px;
	width: 233px;
	height: 25px;
	background: url(../images-top/text-index-karimokujp.gif) left top no-repeat;
	text-indent: -999em;
	float: left;
}
#content #product .karimokujp div .link {
	margin: 0 5px 0 0;
	float: right;
}
#content #product .karimokuns .mainvisual {
	margin-bottom: 21px;
	padding-top: 7px;
}
#content #product .karimokuns div .imagetext {
	margin: 0 0 0 13px;
	width: 187px;
	height: 25px;
	background: url(../images-top/text-index-karimokuns.gif) left top no-repeat;
	text-indent: -999em;
	float: left;
}
#content #product .karimokuns div .link {
	margin: 0 5px 0 0;
	float: right;
}

#content #otherproduct {
	width: 531px;
	padding-top: 25px;
}
#content #otherproduct ul {
	margin: 0 -6px -6px 0;
	width: 531px;
}
#content #otherproduct ul li {
	width: 171px;
	height: 51px;
	margin: 0 6px 4px 0;
	float: left;
	display: block;
}
#content #productnews {
	width: 525px;
	border-bottom: 3px solid #e4e3d8;
}
#content #product .inner #productnews {
	padding-top: 0;
	padding-bottom: 10px;
}
#content #product .inner #productnews .header {
	margin-bottom: 10px;
}
#content #product .inner #productnews .section {
	width: 523px;
	height: 50px;
	padding: 6px 0 12px;
}
#content #product .inner #productnews .section .news_wrap {
	overflow:hidden;
}
#content #product .inner #productnews .section ul#result1 {
	width: 494px;
}
#content #product .inner #productnews .section ul#result1 li {
	padding-left: 87px;
	text-indent: -79px;
	background-position: left 0.3em;
}
#content #product .inner #productnews .section ul#result1 li.static span.date, #content #product .inner #productnews .section ul#result1 li.static a{
	font-weight: bold;
	color: red;
}
#content #product .inner #productnews .section ul#result1 li span.date {
	margin-right: 8px;
	padding-left: 0px;
	font-size: 83%;
	color: #666666;
}
#content #product-columns {
	width: 525px;
}
#content #product-columns #productshop {
}
#content #product-columns #productpro {
}
#content #product-columns #productshop .section,
#content #product-columns #productcontract .section {
	padding: 12px 10px 0 10px;
}
#content #product-columns #productcontract .section .button {
	margin:3px 0 10px;
}

/* ============================================= */

#karimoku {
    margin: 0 0 28px;
    padding: 17px 0 0;
}
#karimoku h3 {
    margin: 0 0 1px;
}

#karimoku_content {
    padding: 1px 0;
    background: url(../images-top/index-karimoku-bg.gif) no-repeat 0 0;
}
#karimoku_content_topix {
    height: 135px;
    border-bottom: 1px solid #d3d1be;
}
#karimoku_content_search {
    position: relative;
    height: 233px;
    border-bottom: 1px solid #d3d1be;
}
#karimoku_content_info {
    height: 112px;
}

#karimoku .btns-list {
    padding: 0 0 0 15px;
}
#karimoku .btns-list li {
    float: left;
    display: inline; /* for IE */
    margin: 0 8px 0 0;
}
#karimoku .btns-list li a {
    display: block;
    border: 1px solid #fff;
}
#karimoku .btns-list li a:hover {
    border-color: #033861;
}

#karimoku_content_search_osusume h5 {
    position: absolute;
    left: 106px;
    top: 16px;
}
#karimoku_content_search_osusume ul {
    padding: 0 0 30px 15px;
}
#karimoku_content_search_osusume li {
    float: left;
}

#karimoku_content_search_catalog {
    float: left;
    padding-left: 15px;
    width: 204px;
}
#karimoku_content_search_catalog h5 {
    margin: 0 0 7px;
}

#karimoku_content_search_query {
    position: relative;
    float: right;
    padding-right: 15px;
    width: 279px;
    height: 91px;
    background: url(../images-top/index-karimoku-search-query-bg.gif) no-repeat 0 20px;
}
#karimoku_content_search_query h5 {
    margin: 0 0 7px;
}
#karimoku_content_search_query_space {
    position: absolute;
    top: 25px;
    left: 5px;
}
#karimoku_content_search_query_joken {
    position: absolute;
    top: 25px;
    left: 140px;
}
#karimoku_content_search_query_id {
    position: absolute;
    top: 58px;
    left: 5px;
    height: 28px;
    width: 270px;
    background: #deddcf;
}
#karimoku_content_search_query_id .head {
    float: left;
}
#karimoku_content_search_query_id .input {
    float: left;
    padding: 3px 0 0;
    *padding: 2px 0 0;
}
#karimoku_content_search_query_id .input input {
    padding: 1px;
    width: 132px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    background-color: #fff;
    border: none;
    vertical-align: middle;
}
#karimoku_content_search_query_id .button {
    float: left;
    margin: 3px 0 0;
    padding-left: 3px;
}

/* ============================================= */

#brands {
    margin: 0 0 5px;
}

#brands_tabs {
    margin: 0 0 1px;
    padding: 0 0 0 4px;
    height: 42px;
    border-bottom: 1px solid #dad8c6;
}
#brands_tabs li {
    float: left;
    display: inline; /* for IE */
    margin: 0 2px 0 0;
}
#brands_tabs li a {
    display: block;
}

#brands_imgs {
    position: relative;
    width: 525px;
    height: 262px;
    background: url(../images-top/index-brands-bg.gif) no-repeat 0 0;
}
#brands_imgs li {
    display: none; /* for JS */
    position: absolute;
    top: 11px;
    left: 11px;
}

/* ===== styles #recommend (おすすめ情報) ===== */
#content #recommendbanner {
	width: 531px;
}
#content #recommendbanner ul {
	padding: 12px 0;
	width: 531px;
}
#content #recommendbanner li {
	width: 171px;
	height: 51px;
	margin: 0 6px 6px 0;
	float: left;
	display: inline;
}
#content #recommendoutlet {
	padding-left: 4px;
	padding-right: 4px;
}
#content #recommendoutlet li {
	width: 505px;
}
#content #recommendoutlet li:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
#content #recommendoutlet li span.area {
	width: 40px;
	float: left;
}
#content #recommendoutlet li a {
	width: 460px;
	float: right;
}

/* ===== styles #snsaccount (ソーシャルメディア公式アカウント) ===== */
#content #snsaccountbanner {
	width: 531px;
}
#content #snsaccountbanner ul {
	margin: 0 -6px -4px 0;
	padding-top: 4px;
	padding-left: 4px;
	width: 531px;
}
#content #snsaccountbanner li {
	width: 171px;
	height: 41px;
	margin: 0 6px 6px 0;
	float: left;
	display: inline;
}

/* ===== styles #news (お知らせ) ===== */

#content #news {
}
#content #news .newsarea {
	margin-right: 5px;
	width: 528px;
	height: 94px;
	overflow-y: scroll;
	overflow-x: visible;
}
#content #news ul {
	margin-right: 5px;
	padding-top: 5px;
	padding-left: 2px;
}
#content #news li {
	margin-bottom: 6px;
}
#content #news li span.date {
	margin-right: 8px;
	color: #666666;
}
#content #news li span.info {
	color: #555555;
	font-weight: bold;
}
#content #news li span.notice {
	color: #b11c1c;
}
#content #news li span.notice_b {
	color: #b11c1c;
	font-weight: bold;
}
#content #news li a {
	padding-left: 8px;
	background: url(../common/images/icon-textlist01.gif) left 0.2em no-repeat;
}

/* ===== styles #motto (カリモクが大切にしていること) ===== */

#content #motto .inner {
	padding: 1px 1px 11px 1px;
}
#content #motto .inner .inner {
	padding: 0;
}
#content #motto .main {
	margin-bottom: 12px;
}
#content #motto .main a {
	width: 366px;
	height: 77px;
	overflow: hidden;
	display: block;
}
#content #motto .sub {
	margin-left: 1px;
	width: 365px;
	background-color: #deddcf;
}
#content #motto ul {
	margin: 0 0 0 -1px;
	width: 366px;
	height: 12px;
}
#content #motto li {
	margin-left: 1px;
	width: 121px;
	float: left;
	display: inline;
	background-color: #ffffff;
}

/* ===== styles #showroom (ショールーム・カリモクギャラリー) ===== */

#content #showroom .inner {
	background: #fafaf6 url(../images-top/bg-showroom.jpg) right top no-repeat;
}
#content #showroom .inner .inner {
	background: none;
}
#content #showroom .lead {
}
#content #showroom .lead .imagetext {
	margin-bottom: 0;
	width: 159px;
	height: 66px;
	text-indent: -999em;
}
#content #showroom .lead .button {
	padding-left: 5px;
	margin-bottom: 3px;
}

#content #showroomlist.section,
#content #gallerylist.section {
	padding-top: 0;
}
#content #showroomlist {
}
#content #showroomlist .header {
	margin-bottom: 6px;
	height: 57px;
	background: none;
}
#content #showroomlist .section .header {
	margin-bottom: 0;
	height: auto;
}
#content #showroomlist .header .inner {
	height: auto;
}
#content #showroomlist .header h3 {
	padding: 0;
}
#content #showroomlist .section {
	padding-top: 0;
}
#content #showroomlist .section .imagetext {
	margin-bottom: 10px;
	width: 162px;
	height: 30px;
	background: url(../images-top/text-index-showroom_lead.gif) left top no-repeat;
	text-indent: -999em;
}
#content #showroomlist .section .header {
	margin-bottom: 5px;
}
#content #showroomlist .section .section {
	margin-bottom: 7px;
}
#content #showroomlist table {
	width: 100%;
	border: 1px solid #deddcf;
}
#content #showroomlist td {
	border: 1px solid #deddcf;
}
#content #showroomlist td a {
	padding: 2px 0 3px 4px;
	height: 14px;
	display: block;
}
#content #showroomlist td a:hover {
	background-color: #e8e7db;
}
#content #showroomlist td.column1 {
	width: 51px;
}
#content #showroomlist td.column1 a {
	width: 47px;
}
#content #showroomlist td.column2 {
	width: 54px;
}
#content #showroomlist td.column2 a {
	width: 50px;
}
#content #showroomlist td.column3 {
	width: 54px;
}
#content #showroomlist td.column3 a {
	width: 50px;
}
#content #showroomlist p.note {
	line-height: 1.5;
}
#content #gallerylist {
	margin-left: 11px;
	padding-bottom: 11px;
}
#content #gallerylist .header {
	margin-bottom: 6px;
	padding-top: 10px;
	height: 47px;
	background: none;
}
#content #gallerylist .section .header {
	margin-bottom: 0;
	padding-top: 0;
	height: auto;
}
#content #gallerylist .header .inner {
	height: auto;
}
#content #gallerylist .header h3 {
	padding: 0;
}
#content #gallerylist .section {
	padding-top: 0;
}
#content #gallerylist .section .imagetext {
	margin-bottom: 10px;
	width: 162px;
	height: 30px;
	background: url(../images-top/text-index-gallery_lead.gif) left top no-repeat;
	text-indent: -999em;
}
#content #gallerylist .section .header {
	margin-bottom: 5px;
}
#content #gallerylist .section .section {
	margin-bottom: 7px;
}
#content #gallerylist table {
	width: 100%;
	border: 1px solid #deddcf;
}
#content #gallerylist td {
	border: 1px solid #deddcf;
}
#content #gallerylist td a {
	padding: 4px 0 6px 4px;
	height: 14px;
	display: block;
}
#content #gallerylist td a:hover {
	background-color: #e8e7db;
}
#content #gallerylist td.column1 {
	width: 79px;
}
#content #gallerylist td.column1 a {
	width: 75px;
}
#content #gallerylist td.column2 {
	width: 81px;
}
#content #gallerylist td.column2 a {
	width: 77px;
}
#content #gallerylist .nav {
	padding-top: 13px;
}
#content #showroomnews.section {
}
#content #gallerynews.section {
	padding: 20px 0 21px 0;
        background: url(../images-top/dc-right.gif) repeat-x left bottom;
}
#content #showroomnews .header,
#content #gallerynews .header {
	margin-bottom: 15px;
}
#content #showroomnews .section {
	padding-top: 0;
	height: 180px;
}
#content #gallerynews .section {
	padding-top: 0;
	height: 180px;
}
#content #showroomnews li,
#content #gallerynews li {
	width: 299px;
}
#content #showroomnews li:after,
#content #gallerynews li:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
#content #showroomnews li span.area,
#content #gallerynews li span.area {
	width: 38px;
	display: block;
	float: left;
}
#content #showroomnews li a,
#content #gallerynews li a {
	width: 255px;
	display: block;
	float: right;
}

#content .mdd-lead .button_mister {
	margin: 5px 0 0 0;
	width: 340px;
	height: 52px;
	padding: 28px 0 0 0;
	background: url(../images-top/bg-mister.jpg) no-repeat right 0px;
}
#content .mdd-lead .button_showroom-gallery {
	width: 340px;
	height: 41px;
	padding: 33px 0 0 0;
	background: url(../images-top/bg-showroom-gallery.gif) no-repeat right 9px;
}
/*
#content .mdd-lead .button {
}
 */
/* ===== styles #maintenance (商品を末永く使っていただくために) ===== */

#content #maintenance .repaircleaning {
	float: left;
	display: inline;
}
#content #maintenance .repaircleaning .imagetext {
	width: 155px;
	height: 15px;
	background: url(../images-top/text-index-repair_cleaning.gif) left top no-repeat;
	text-indent: -999em;
}
#content #maintenance .faq {
	float: right;
	display: inline;
}
#content #maintenance .faq .imagetext {
	width: 146px;
	height: 15px;
	background: url(../images-top/text-index-faq.gif) left top no-repeat;
	text-indent: -999em;
}

/* ===== styles #about (カリモクについて) ===== */

#content #about .inner {
	padding-bottom: 4px;
}
#content #about .button {
	margin-bottom: 10px;
}

/* ===== styles #message 震災メッセージ ===== */
#content #message.section {
	margin-bottom: 27px;
	padding: 4px;
	background: #cdd3dd;
}
#content #message.section .inner {
	padding: 10px;
	background: #ffffff;
	width: auto;
}
#content #message.section .inner a {
	padding-left: 8px;
	background: url(../common/images/icon-textlist01.gif) left 0.2em no-repeat;
	text-decoration: underline;
}
#content #message.section .inner a:hover {
	text-decoration: none;
}
#content #message.section .inner img {
	vertical-align: text-bottom;
}



/* ===== スマホ切り替え ===== */
#spOpen {
	padding: 50px;
	border-top:6px solid #d69758;
	border-bottom:6px solid #d69758;
	background: #e9e4da;
}
#spOpen a {
	display: block;
	padding: 64px;
	background: #fff;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
	color: #3f547d;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
}
#spOpen a img {
	width: 46px;
	height: 46px;
	vertical-align: -8px;
	margin-right: 10px;
}




.link-gallery-place {
  display: inline-block;
  padding-left: 21px !important;
  width: auto !important;
  background: url(../common/images/icon-textlist01.gif) 12px 6px no-repeat;
  font-size: 12px;
}
#content #gallerylist td {
  vertical-align: top;
}
#content #gallerylist .section .section.is-harf {
  width: 50%;
  float: left;
}
.l-1 {
  position: relative;
  left: -1px;
}
.blank-cell {
	line-height:24px;
}