@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            .leftContents
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.leftContents {
    float: left;
    width: 670px;
}
@media (min-width: 0px) and (max-width: 640px) {
	.leftContents {
		float:none;
		width:auto;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            .furniture
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.furniture.box2 h2 {
	width:657px;
	height:auto;
	padding:10px 0 10px 13px;
	font-size:16px;
	background:url(../../img/common/top_box2.gif) no-repeat;
}

.furniture .mapSearch {
    width:auto;
    padding:0;
    border-top:2px solid #cccccc;
}

.furniture .mapSearch img {
    margin:20px auto 7px auto;
}

.furniture .contact {
	text-align: center;
  margin:20px auto 20px auto;
}
.furniture .contact a {
	display: block;
	width: 314px;
	height: 49px;
	margin: auto;
	background:url(../../img/common/contact_btn.gif) no-repeat;
	text-indent: -9999px;
}

.endBox2 {
    font-size:0px;
    height:5px;
    background:url(../../img/common/bottom_box2.gif) no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
	.furniture.box2 h2 {
		width:auto;
		height:auto;
		background:none;
	}
	.furniture .mapSearch {
		width:auto;
		margin:15px;
		padding-left:0;
		border-top:none;
	}
	.furniture .mapSearch>div {
		width:auto!important;
		height:300px!important;
	}
	.endBox2 {
		display:none;
	}

}

@media (min-width: 0px) and (max-width: 420px) {
	.furniture .contact a {
		width: 274px;
		height: 43px;
		background-size: 274px 43px;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            .tableInfo
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.tableInfo {
    width:670px;
}

.tableInfo table {
    width:664px;
    margin:0 auto;
}

.tableInfo th,
.tableInfo td {
    padding:7px 6px;
    text-align:center;
    min-height:37px;
    height: auto !important;
    height:37px;
    font-weight:normal;
    border-bottom:2px solid #cccccc;
}

.tableInfo th {
    color:#979557;
    background:url(../../img/common/detailBack.gif) repeat-y;
}

.tableInfo td {
    background:url(../../img/common/detailBack2.gif) repeat-y;
}

.tableInfo td span {
    font-size:150%;
    font-weight:bold;
    color:#FF6600;
}
@media (min-width: 0px) and (max-width: 640px) {
	.tableInfo,
	.tableInfo table {
		width:100%;
	}
	
	.tableInfo th,
	.tableInfo td {
		padding:5px 3px;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            .view
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.view {
    width:658px;
    padding:0 0 20px 12px;
    margin:36px auto 0 auto;
    border-bottom:2px solid #cccccc;
}

.view ul {
    margin-bottom:10px;
}

.view li {
    float:left;
    display:block;
    margin:0 5px;

}

.view li strong {
    display:block;
    width:300px;
    height:300px;
    padding:5px;
    margin:0px;
    border:1px #CCCCCC solid;
    text-align:center;
}

.view li p {
    display:block;
    width:10px;
    height:27px;
    margin:10px 0 10px 99px;
}

.view li p a {
    display:block;
    width:115px;
    height:27px;
    background:url(../../img/common/click_btn.gif) no-repeat;text-indent:-9999px;
}

.view strong {
    width:115px;
    height:27px;
    display:block;
    margin:20px auto 34px auto;

}

.view span {
	width:598px;
	min-height:27px;
	height: auto !important;
	height:27px;
	padding:6px 0 0 33px;
	display:block;
	background:url(../../img/common/exclam.gif) no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
	.view {
		width:auto;
		padding:0;
		margin:auto;
		border-bottom:0;
	}
	.view ul {
		margin:0;
	}
	.view li {
		width:50%;
		margin:10px 0;
		text-align:center;
	}
	.view li strong {
		display:inline-block;
		width:auto;
		height:auto;
		margin:auto;
		padding:0;
		border:none;
		padding:5px;
		border:1px solid #ccc;
	}
	.view li p {
		width:auto;
		margin:10px 0 0;
	}
	.view li p a {
		margin:auto;
	}
	.view span {
		width:auto;
		padding:10px 10px 10px 45px;
		display:block;
		background:url(../../img/common/exclam.gif) 10px 5px no-repeat;
	}
}
@media (min-width: 411px) and (max-width: 640px) {
	.view li strong a img {
		display:block;
		width:181px;
		height:181px;
		background:#f3f3f3;
	}
}
@media (min-width: 361px) and (max-width: 410px) {
	.view li strong a img {
		display:block;
		width:158px;
		height:158px;
		background:#f3f3f3;
	}
}
@media (min-width: 0px) and (max-width: 360px) {
	.view li strong a img {
		width:138px;
		height:138px;
		background:#f3f3f3;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            .view2
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.view2 {
    width:658px;
    padding:0 0 20px 12px;
    margin:36px auto 0 auto;
    border-bottom:2px solid #cccccc;
}

.view2 ul {
    margin-bottom:10px;
}

.view2 li {
    float:left;
    display:block;
    margin:0 5px;
    
}

.view2 li strong {
    display:block;
    width:140px;
    height:140px;
    padding:5px;
    margin:0px;
    border:1px #CCCCCC solid;
    text-align:center;
}

.view2 li p {
    display:block;
    width:10px;
    height:27px;
    margin:10px 0 10px 20px;
}

.view2 li p a {
    display:block;
    width:115px;
    height:27px;
    background:url(../../img/common/click_btn.gif) no-repeat;text-indent:-9999px;
}

.view2 strong {
    width:115px;
    height:27px;
    display:block;
    margin:20px auto 34px auto;
    
}

.view2 span {
	width:598px;
	min-height:27px;
	height: auto !important;
	height:27px;
	padding:6px 0 0 33px;
	display:block;
	background:url(../../img/common/exclam.gif) no-repeat;
}
@media (min-width: 0px) and (max-width: 640px) {
	.view2 {
		width:auto;
		padding:0;
		margin:auto;
		border-bottom:0;
	}
	.view2 ul {
		margin:0;
	}
	.view2 li {
		width:50%;
		margin:10px 0;
		text-align:center;
	}
	.view2 li strong {
		display:inline-block;
		width:auto;
		height:auto;
		margin:auto;
		padding:0;
		border:none;
		padding:5px;
		border:1px solid #ccc;
	}
	.view2 li p {
		width:auto;
		margin:10px 0 0;
	}
	.view2 li p a {
		margin:auto;
	}
	.view2 span {
		width:auto;
		padding:10px 10px 10px 45px;
		display:block;
		background:url(../../img/common/exclam.gif) 10px 5px no-repeat;
	}
}
@media (min-width: 411px) and (max-width: 640px) {
	.view2 li strong a img {
		display:block;
		width:181px;
		height:181px;
		background:#f3f3f3;
	}
}
@media (min-width: 361px) and (max-width: 410px) {
	.view2 li strong a img {
		display:block;
		width:158px;
		height:158px;
		background:#f3f3f3;
	}
}
@media (min-width: 0px) and (max-width: 360px) {
	.view2 li strong a img {
		width:138px;
		height:138px;
		background:#f3f3f3;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                            .form
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.form {
    font-size:100%;
    padding:20px;
}

.form h3 {
	height:31px;
	margin-bottom:15px;
	background:url(../../img/common/form_ttl.gif) no-repeat;
	text-indent:-9999px;
}

.form dl {
	margin-bottom: 20px;
	background:url(../../img/common/form_back.gif) repeat-y;
}

.form .formTop {
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.form dt {
    font-family: "CI","Meiryo";
    width:174px;
    position:absolute;
    padding:17px 0 17px 14px;
}

.form dd {
    padding:17px 0 17px  214px;
    border-bottom:1px solid #cccccc;
}

.form li {
    width:212px;
    margin-bottom:4px;
}

.form span {
    padding-left:9px;
}

.form em {
    display:block;
    width:71px;
    position:absolute;
}

.form strong {
    width:274px;
    height:49px;
    display:block;
    margin:16px auto 0 auto;
}

.form .float {
    display:block;
    float:left;
}

.form strong input {
	width:274px;
	height:49px;
	display:block;
	border:none;
	background:url(../../img/common/send_btn.gif) no-repeat;
	text-indent:-9999px;
}
@media (min-width: 0px) and (max-width: 640px) {
	.form {
		float:none;
		width:auto;
		padding:10px;
	}
	
	.form h3 {
		width:auto;
		height:31px;
		margin-bottom:15px;
		background:url(../../img/common/form_ttl.gif) no-repeat;
		text-indent:-9999px;
	}
	
	.form dl {
		width:auto;
		background:none;
	}
	
	.form .formTop {
		border:none;
	}
	.form dt {
		width:auto;
		position:static;
		padding:10px;
		font-weight:bold;
		color:#222;
		background:#eeeeee;
	}
	.form dd {
		padding:10px 0;
		border-bottom:none;
	}
	.form li {
		width:auto;
		margin:10px 0 0;
	}
	.form li:first-child {
		margin:0;
	}
	.form dd input,
	.form dd textarea {
		box-sizing:border-box;
	}
	.form dd #name,
	.form dd #remarks {
		width:100%!important;
	}
	.form dd #email {
		width:100%!important;
		margin:0!important;
	}
	.form dd #tel1 {
		margin:0!important;
	}
	.form dd #tel1,
	.form dd #tel2,
	.form dd #tel3 {
		width:30%!important;
	}
	.form em {
		display:block;
		width:auto;
		position:static;
		margin-bottom:5px;
	}
}