@charset "shift_jis";

/*----------------------------------------
Name: index.css
Date Created:2011/06/16 [t.sato]
Last Updated:2011/06/16 [t.sato]
----------------------------------------*/


/* layout
----------------------------------------*/
#wrapper {
	background:url(../img/common/top-body_bg.jpg) center 0 no-repeat;
}

#header {
	height:auto;
}
#index .contents,
#index #banner {
	margin:0 auto;
	width:920px;
	background:none;
}

/* ナビ右寄せ　121210　9937
----------------------------------------*/
#mainImage {
	position:relative;
	margin:20px auto;
	margin-bottom: 0px;
	width:910px;
	height: 370px;
	background:url(../img/index/mainimage_bg.jpg) left top no-repeat;
}

#mainImage #image-navigation .navi-image { position:relative;}
#mainImage #image-navigation .navi-image a { display:block; }
#mainImage #image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#mainImage #image-navigation .navi-image a.active { z-index:10; }
#mainImage #image-navigation .navi-image a.last-active { z-index:9; }

#mainImage img {
  border:0;
  vertical-align: top;
}
#mainImage ul,
#mainImage li {
  list-style:none;
}

#mainImage #image-navigation ul li a {
  display:block;
  width:196px;
}

#mainImage #image-navigation .navi-image {
	position: absolute;
	top: 42px;
	left: 42px;
	width: 628px;
	height: 251px;
	float: left;
}

#mainImage #image-navigation .navi {
	position: absolute;
	top: 42px;
	left: 669px;
	padding-left: 0px;
	list-style-type: none;
	float: left;
}

#mainImage #image-navigation-text ul li a {
  display:block;
  width:150px;
  height:50px;
  color:#333;
  line-height:50px;
  text-align:center;
}

#mainImage #custom {
	position: absolute;
	top: 330px;
	left: 510px;
}

#mainImage #custom img {
	padding-right: 8px;
	margin-top: 0px;
	float: left;
	vertical-align: top;
}

#mainImage #custom #lnk {
	margin-top: 3px;
	padding-left: 13px;
	background:url(../img/common/arrow_01.gif) left center no-repeat;
	font-weight:normal;
	float: left;
}
	
/* ナビ左寄せ　121210　9937
----------------------------------------*/
#mainImage2 {
	position:relative;
	margin:20px auto;
	margin-bottom: 0px;
	width:910px;
	height: 370px;
	background:url(../img/index/mainimage_bg.jpg) left top no-repeat;
}

#mainImage2 #image-navigation .navi-image { position:relative;}
#mainImage2 #image-navigation .navi-image a { display:block; }
#mainImage2 #image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#mainImage2 #image-navigation .navi-image a.active { z-index:10; }
#mainImage2 #image-navigation .navi-image a.last-active { z-index:9; }

#mainImage2 img {
  border:0;
  vertical-align: top;
}
#mainImage2 ul,
#mainImage2 li {
  list-style:none;
}

#mainImage2 #image-navigation ul li a {
  display:block;
  width:196px;
  height:85px;
}

#mainImage2 #image-navigation .navi-image {
	position: absolute;
	top: 42px;
	left: 238px;
	width: 628px;
	height: 280px;
	float: left;
}

#mainImage2 #image-navigation .navi {
	position: absolute;
	top: 42px;
	left: 42px;
	padding-left: 0px;
	list-style-type: none;
	float: left;
}

#mainImage2 #image-navigation-text ul li a {
  display:block;
  width:150px;
  height:50px;
  color:#333;
  line-height:50px;
  text-align:center;
}

#mainImage2 #custom {
	position: absolute;
	top: 330px;
	left: 42px;
	width: 500px;
}

#mainImage2 #custom img {
	padding-right: 8px;
	margin-top: 0px;
	float: left;
	vertical-align: top;
}

#mainImage2 #custom #lnk {
	margin-top: 3px;
	padding-left: 13px;
	background:url(../img/common/arrow_01.gif) left center no-repeat;
	font-weight:normal;
	float: left;
}
	
/* contents
----------------------------------------*/
#index #item,
#index #banner {
	padding:0 0 20px 10px;
}

#mattress,
#pillow,
#related {
	float:left;
	width:303px;
	/*height:470px;*/
	/*background:url(../img/index/item_bg.gif) left bottom no-repeat;*/
}
#item #mattress ul{
	height: 1112px;
	padding:0 22px 0 10px;
	background:url(../img/index/item_bg.gif) left bottom no-repeat;
}
#item #pillow ul{
	height:1112px;
	padding:0 22px 0 10px;
	background:url(../img/index/item_bg.gif) left bottom no-repeat;
}

#voice_item{
	float:left;
}

#voice {
	width:303px;
	height:370px;
	background:url(../img/index/item02_bg.gif) left bottom no-repeat;
	position:relative;
}

#new_item {
	width:303px;
	margin-bottom:10px;
}

#new_item ol li {
	padding: 1em 0; 
	background: url(/img/index/item_line.gif) no-repeat center bottom
}

#new_item ol li:first-child {
	padding-top: 0; 
}

#new_item span.bold {
	font-weight: bold;
}

#new_item .text {
	margin-top: 10px;
}

#new_item .itemName_left {
	float: left;
	margin-right: 0;
	
}

#new_item .text_right {
	float: right;
	margin-right: 10px;
	margin-top: 7px;
}

#new_item .btn {
	clear: both;
	padding: 1em 0 0;
}

#new_item .img_item {
	float: right;
	margin-right: 5px;
	border: 1px solid #e0d297;
    padding: 1px;
}

#new_item .btn1 {
	float: left;
	width: 128px;
	margin-left: 3px;
}


#new_item .btn2 {
	float: right;
	margin-right: 5px;
}

#item #new_item .bg{
	height:732px;
	padding:0 22px 0 10px;
	background:url(../img/index/item_bg.gif) left bottom no-repeat;
}

#new_item a{
	color:#7fc31d;
}

#new_item a:hover{
	color:#7fc31d;
}

#new_item .set_item a{
	color:#e86f04;
	text-decoration:underline;
}
#new_item .set_item a:hover{
	color:#e86f04;
	text-decoration:none;
}
#new_item .set_item .sttl{
	font-weight:bold;
	text-align:left;
}
#new_item .set_item .txt{
	text-align:center;
}
#new_item .set_item .txt img{
	text-align:center;
	border: 1px solid #e0d297;
    padding: 1px;
	margin:5px 0;
}
#new_item .set_item span{
	color:#ff0000;
	font-weight:bold;
}
#new_item .set_item ul.set{
	list-style:none;
}
#new_item .set_item ul.set li{
    background: url("../img/common/arrow_01.gif") no-repeat;
    font-weight: normal;
    margin-top: 0;
    margin-right: 10px;
    padding-left: 13px;
	line-height:1;
	display: inline;
}

#new_item .bnr_area{
	margin-bottom:30px;
	text-align:center;
}
#new_item .bnr_area .img{
	text-align:center;
	padding:5px 0;
}
#new_item .bnr_area .txt{
	text-align:left;
	padding:0 10px;
}


#item ul {
	padding:0 22px 0 10px;
}

#item ul li {
	padding-bottom:15px;
}
#item h3 {
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:8px;
	margin-right:130px;
	background:url(../img/common/line_dot_01.gif) left bottom  repeat-x;
}
#item p {
	margin-right:130px;
}
#item ul li .itemName {
	font-weight:bold;
}
#item .itemPhoto {
	display:block;
	float:right;
	width:120px;
	margin-bottom:10px;
}
#item .itemPhoto img {
	padding:1px;
	border:1px solid #E0D297;
}

#mattress ul ul{
	clear:both;
	margin-top:5px;
	padding:8px 10px;
	background:#5883CA;
}
#mattress ul ul li{
	float:left;
	width:125px;
	margin:0;
	padding:0;
}
#mattress ul ul li a{
	padding-left:10px;
	background:url(../img/common/arrow_01.gif) left center no-repeat;
	font-weight:normal;
}

#pillow {
	line-height:1.5;
}
#pillow p.recommend {
	margin: 0 0 5px 10px;
}
#pillow ul li .itemName {
	font-weight:bold;
	margin-bottom:5px;
}
#pillow ul li {
	/*background:url(../img/common/line_dot_01.gif) left bottom  repeat-x;
	margin-bottom:5px;*/
}

#related ul li {
	margin-bottom:10px;
}
#related ul ul,
#related ul ul li{
	padding:0;
	margin:5px 0 0 0;
}
#related ul ul li a {
	padding-left:10px;
	background:url(../img/common/arrow_01.gif) 0 0.3em no-repeat;
	font-weight:normal;
	margin-bottom:2px;
	display:block;
	zoom: 1;
}

#video {
	margin-bottom:25px;
	text-align:center;
}

#banner li {
	float:left;
	width:455px;
}


.pageTop {
	float:none;
	padding:10px;
	text-align:right;
}

#item .txt_insertTop{
margin: 0 auto 10px;
width: 860px;
color:#FFFFFF;
}

#voice_item #voice dl {
    margin: -5px 0 25px;
    padding: 0 20px 0 9px;
    border-width: 0 1px 1px;
}

#voice_item #voice dt {
    margin: 5px 0 0 0;
    padding: 2px;
}

#voice_item #voice dd {
    margin: -40px 0 0 0;
    padding: 6px 2px 8px 50px;
	border-bottom:2px dotted #ffa58c;
}

#voice .lnk ul{
    margin: 10px 0 0 0;
    padding: 0;
	list-style:none;
	position:absolute;
	bottom:5px;
	left:15px;
}
#voice .lnk ul li {
    background: url("../img/common/arrow_01.gif") no-repeat;
    font-weight: normal;
    margin-top: 0;
    padding-left: 13px;
	line-height:0.4;
}




 
#tab-box p{  
float:left;  
} 
#tab-box ul li {  
float:left;  
display:inline;  
font-size:0;  
} 
#tab-box ul li a img{  
outline:none;  
border:none;  
}  
#tab-box div {  
display:none;   
}  
.clearFix:after{  
display:block;  
clear:both;  
height:0;  
visibility:hidden;  
content:".";  
zoom:1;  
}