@charset "UTF-8";
@import "common.css";
@import "corner.css";
@import "lightbox.css";


/*-----------------------------------------
	サブメニュー
-----------------------------------------*/

#sub-menu-in {
	width:323px;
	margin:0 auto;
}

/*-----------------------------------------
	共通指定
-----------------------------------------*/

.interior-top {
	clear:both;
	width:605px;
}

.interior-box {
	width:293px;
	margin-bottom:20px;
}

.interior-box h2 {
	margin-bottom:20px;
}

.interior-box-img {
	width:275px;
	margin:0 auto;
	text-align:center;
}

.interior-box p {
	width:265px;
	margin:10px auto 30px auto;
}


/*==========================index===========================*/

.main-btn li {
	width:605px;
	height:180px;
	margin-bottom:20px;
}

/*=========================商品紹介=========================*/

/*-----------------------------------------
	index
-----------------------------------------*/

.commo-top {
	clear:both;
	width:605px;
}

.commo-box {
	width:293px;
	margin-bottom:20px;
}

.commo-box-img {
	width:293px;
}

/*-----------------------------------------
	商品一覧
-----------------------------------------*/

.image-box {
	clear:both;
	width:565px;
	margin:0 auto 30px auto;
}

.image-box-main {
	clear:both;
	width:565px;
	margin:0 auto 20px auto;
	text-align:center;
}

.image-box-main p {
	width:565px;
	text-align:left;
}

.image-box img ,
.image-box-txt img {
	border:2px solid #000000;
	display:inline;
}


.image-box a img ,
.image-box-txt a img {
	border:2px solid #1E1E1E;
	display:inline;
}

.image-box-s p,
.image-box-m p,
.image-box-ll01 p,
.image-box-ll02 p,
.image-box-main p,
.size p,
.image-box-sl p,
.image-box-m2r p {
	margin:5px 0 0 0;
	font-size:85%;
	line-height:1.4;
}

.image-box-s p a,
.image-box-m p a,
.image-box-ll01 p a,
.image-box-ll02 p a,
.image-box-main p a,
.image-box-m2r p a {
	display:block;
	padding-left:14px;
	background:url(../common/icon_arrow01.gif) 0 4px no-repeat;
	min-height:10px;
	*height:10px;
	*height:10px;
}

.image-box-s {
	float:left;
	width:109px;
	margin-right:5px;
}

.image-box-sl {
	float:left;
	width:139px;
	margin-right:3px;
}

.image-box-m,
.image-box-m-list {
	float:left;
	width:187px;
	margin:0 2px 5px 0;
}

.image-box-m-list .ph {
	margin-bottom:10px;
}

.image-box-m-list .txt {
	margin:0 5px;
}

.image-box-m-list .txt p {
	margin:0 10px;
}

.image-box-m2r {
	float:right;
	width:376px;
}

.image-box-m-txt {
	float:right;
	width:368px;
}

.image-box-l {
	float:left;
	width:204px;
}

.image-box-ll01 {
	float:left;
	width:280px;
}

.image-box-ll02 {
	float:right;
	width:280px;
}

.image-box-ll-txt {
	float:right;
	width:270px;
}

.image-box-last {
	margin-right:0;
}

.image-line {
	clear:both;
	width:565px;
	height:1px;
	margin:0 auto 30px auto;
	background:url(../common/dot_line.gif) bottom repeat-x;
}

/*-----------------------------------------
	商品詳細
-----------------------------------------*/
.commo-sub-ttl {
	margin:0 10px 5px 10px;
	font-size:85%;
	font-weight:normal;
}

.commo-syosai-box,
.commo-kakaku-box {
	clear:both;
	margin:0 10px 30px 10px;
}

.commo-syosai-box h4,
.commo-syosai-box h5,
.commo-kakaku-box h4,
.commo-kakaku-box h5,
.hirakoso h5 {
	margin-bottom:10px;
	font-size:100%;
}

.commo-syosai-box p {
	margin:0 10px 7px 10px;
}

.commo-syosai-box .image-box p {
	margin:0 0 7px 0;
}

.size {
	width:565px;
	margin-top:20px;
	text-align:center;
}

.size .caution {
	margin-top:5px;
	text-align:right;
}

.commo-kakaku-box table {
	width:565px;
	margin:0 auto 7px auto;
	border-right:1px solid #242424;
	border-top:1px solid #242424;
}

.commo-kakaku-box th {
	padding:7px;
	border-left:1px solid #242424;
	border-bottom:1px solid #242424;
	background-color:#141414;
	color:#CCCCCC;
	text-align:left;
}

.commo-kakaku-box td {
	padding:7px 7px 2px 7px;
	border-left:1px solid #242424;
	border-bottom:1px solid #242424;
}

.commo-kakaku-goukei {
	text-align:center;
	font-weight:bold;
	background-color:#141414;
}

.hirakoso {
	width:545px;
	margin:0 auto 30px auto;
	padding:10px;
	background-color:#141414;
}

.commo-kakaku-box p {
	font-size:85%;
}

.hirakoso-img{
	float:left;
	width:120px;
}

.hirakoso-txt{
	float:right;
	width:410px;
	text-align:left;
}

.hirakoso p {
	margin-bottom:5px;
	padding-left:11px;
	background:url(../common/icon_disk01.gif) 0 7px no-repeat;
}

.bbstorage_box {
	margin:40px 10px 30px 10px;
	font-size:92%;
}

.bbstorage_img_box {
	border-bottom:1px solid #2e2e2e;
	margin-bottom:4px;
	padding-bottom:4px;
}

.bbstorage_mb {
	margin-bottom:30px;
}

.bbstorage_img_set_1,
.bbstorage_txt_set_1{
	float:left;
	width:175px;
	margin-right:20px;
}

.bbstorage_img_set_2,
.bbstorage_txt_set_2{
	float:left;
	width:175px;
}

.bbstorage_img_set_3,
.bbstorage_txt_set_3{
	float:right;
	width:175px;
}

.bbstorage_img_box p {
	text-align:center;
	font-weight:bold;
}

.bbstorage_plan_img {
	float:right;
	margin:0 0 0 20px;
}

.sonno-sozai-box {
	
}

.sonno-sozai-box-l {
	float:left;
	width:335px;
}

.sonno-sozai-box-r1 {
	float:left;
	width:70px;
	margin-right:10px;
}
.sonno-sozai-box-r2 {
	float:left;
	width:70px;
}
.sonno-sozai-box-r3 {
	float:right;
	width:70px;
}

.sonno-sozai-box-r1 p,
.sonno-sozai-box-r2 p,
.sonno-sozai-box-r3 p{
	font-size:85%;
}

/*=======================デザイン開発=======================*/

/*-----------------------------------------
	hirakoso
-----------------------------------------*/

.hirakoso-prof {
	width:555px;
	padding:15px;
	background-color:#2c2c2c;
}

.hirakoso-prof h3 {
	margin-bottom:15px;
}

/*-----------------------------------------
	スイッチ
-----------------------------------------*/

.switch-box {
	clear:both;
	width:585px;
	margin:0 2px 20px 18px;
}

.switch-in-waku02 {
	float:left;
	width:390px;
}

.switch-in {
	float:left;
	width:180px;
	margin-right:15px;
	display:inline;
}

.switch-in h3,
.switch-in-waku02 h3 {
	margin:5px 0 0 0;
	padding-left:10px;
	font-weight:bold;
	background:url(../common/icon_disk01.gif) left center no-repeat;
}

.switch-in-waku02 p {
	margin-right:10px;	
}




/*===============インテリアコーディネート実例===============*/

/*-----------------------------------------
	写真配置
-----------------------------------------*/

.coo-ph {
	width:594px;
	margin:0 1px 9px 10px;
}

.coo-ph li {
	float:left;
	width:288px;
	line-height:0;
	font-size:0;
	margin-right:9px;
}