@charset "utf-8";



/* h2
------------------------------------------------------------------------*/

.title_h2{
margin: 0px 0px 10px 0px;
padding: 0px 0px 1px 13px;
border-left: 6px solid #313131;
font-weight: bold;
font-size: 180%;
}

div#ContentsBox h2{
margin:20px 0 10px 0;
color:#333;
font-size:180%;
}

p#sub{
margin:5px 0;
color:#333;
}

div#ContentsBox p#sub2{
margin:5px 0 60px 0;
color:#333;
}



/* h3
------------------------------------------------------------------------*/
div#ContentsBox h3{
margin:20px 0 20px 250px;
color:#444;
font-size:140%;
font-weight:bold;
}


/*h2
------------------------------------------------------------------------*/
#ContentsBox h2{
margin:20px 0 0 0;
}

/* h4
------------------------------------------------------------------------*/
div#ContentsBox h4{
font-size:140%;
font-weight:bold;
}

.kekka{
width:720px;
padding:20px 0 0 0;
}

/*h3
------------------------------------------------------------------------*/
#ContentsBox h3#model{
width:300px;
height:206px;
float:left;
margin:40px 0 0 0;
background:url(../images/model_title.gif) no-repeat left top;
text-indent:-9999px;
}


#ContentsBox h3#model a{
width:300px;
height:206px;
background:url(../images/model_title.gif) no-repeat left top;
display:block;
text-decoration:none;
outline:none;
}

#ContentsBox h3#model a:hover{
background:url(../images/model_title.gif) no-repeat left bottom;
}


#ContentsBox h3#Color{
width:300px;
height:206px;
display:inline;
float:right;
margin:40px 30px 0 0;
background:url(../images/color_title.gif) no-repeat left top;
text-indent:-9999px;
}


#ContentsBox h3#Color a{
width:300px;
height:206px;
background:url(../images/color_title.gif) no-repeat left top;
display:block;
text-decoration:none;
outline:none;
}

#ContentsBox h3#Color a:hover{
background:url(../images/color_title.gif) no-repeat left bottom;
}


#ContentsBox h3#sitting{
width:300px;
height:206px;
display:inline;
float:left;
margin:40px 30px 0 0;
background:url(../images/sitting_title.gif) no-repeat left top;
text-indent:-9999px;
}

#ContentsBox h3#sitting a{
width:300px;
height:206px;
background:url(../images/sitting_title.gif) no-repeat left top;
display:block;
text-decoration:none;
outline:none;
}

#ContentsBox h3#sitting a:hover{
background:url(../images/sitting_title.gif) no-repeat left bottom;
}

/*QuestionBox 
------------------------------------------------------------------------*/
#ContentsBox #QuestionBox{
	width:700px;
	height:300px;
	margin:30px 0 0 0;
	padding:30px 0 30px 0;
	background-image: url(../model/image/back_700_300.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ContentsBox #QuestionBox2{
	width:700px;
	height:300px;
	margin:30px 0 0 0;
	padding:30px 0 30px 0;
	background-image: url(../color/image/back_700_300.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ContentsBox #QuestionBox3{
	width:700px;
	height:300px;
	margin:30px 0 0 0;
	padding:30px 0 30px 0;
	background-image: url(../sitting/image/back_700_300.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#QuestionBox dl.question{
	margin:0px;
	padding:0px;}

#QuestionBox2 dl.question{
	margin:0px;
	padding:0px;}

#QuestionBox3 dl.question{
	margin:0px;
	padding:0px;}
	
#ContentsBox #QuestionText{width:555px; font-size:24px;font-weight:bold; text-align:center;margin:0 0 5px 80px;padding:70px 0 5px 0;}

/*Answer
------------------------------------------------------------------------*/
#ContentsBox #Answera{display:inline; float:left; margin:55px 0 0 80px; padding:0;}
#ContentsBox #Answerb{width:230px;height:58px;display:inline;float:right;margin:55px 60px 0 0;padding:0;}




/*------------------------------------------------
guideのguarantee sofa_listより引用
------------------------------------------------*/
.sofa_list_brand_box{
margin:0 0 20px 0;
}

.sofa_list_wrap{
width: 718px;
margin: 10px 0px 20px 0px;
padding:0;
border: 1px solid #e0e0e0;
}

.sofa_list_inner{
padding:20px 20px 20px 20px;
border-bottom: 3px solid #999999;
}

.sofa_list_wrap ul{
padding:0 0 20px 0;
}

.sofa_list_wrap li{
width:161px;
float:left;
margin:0 11px 0 0;
}

.sofa_list_wrap li.brank{
clear:both;
width:680px;
height:20px;
}

.sofa_list_wrap li.last{
margin:0 0 0 0;
}


.sofa_list_wrap ul img{
margin:0 0 4px 0;
}


/*------------------------------------------------
sofachart 共通
------------------------------------------------*/


/*p try
------------------------------------------------------------------------*/
div#ContentsBox p#try{
	margin:20px 0 10px 250px;
	width:185px;
	height:68px;
	text-indent:-9999px;
	background-image: url(../model/image/try.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#ContentsBox p#try a{
width:185px;
height:68px;
background:url(../model/image/try.gif) no-repeat left top;
display:block;
text-decoration:none;
outline:none;
}

div#ContentsBox p#try a:hover{
width:185px;
height:68px;
background:url(../model/image/try.gif) no-repeat left bottom;
}


div#ContentsBox dl{
margin:0;
padding:110px 0 0 30px;
}

div#ContentsBox dt{
font-size:14px;
margin:0;
padding:0;
}

div#ContentsBox dd{
margin:0;
padding:0;
}




/*------------------------------------------------
	model chart
--------------------------------------------------*/

/*div modern
------------------------------------------------------------------------*/
div#ContentsBox div#Modelmodern{
	width:690px;
	height:300px;	
	margin:0 0 0 13px;
background-image: url(../model/image/main_images_modern.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/*div low
------------------------------------------------------------------------*/
div#ContentsBox div#Modellow{
	width:690px;
	height:300px;	
	margin:0 0 0 13px;
background-image: url(../model/image/main_images_low.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



/*div hiback
------------------------------------------------------------------------*/
div#ContentsBox div#Modelhiback{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../model/image/main_images_hiback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/*div highquality
------------------------------------------------------------------------*/
div#ContentsBox div#Modelhighquality{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../model/image/main_images_high_quality.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



/*div cover
------------------------------------------------------------------------*/
div#ContentsBox div#Modelcover{
	width:690px;
	height:300px;	
	margin:0 0 0 13px;
background-image: url(../model/image/main_images_cover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



/*div compact
------------------------------------------------------------------------*/
div#ContentsBox div#Modelcompact{
	width:690px;
	height:300px;	
	margin:0 0 0 13px;
background-image: url(../model/image/main_images_compact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*------------------------------------------------
	sitting chart
--------------------------------------------------*/


/*div urethane
------------------------------------------------------------------------*/
div#ContentsBox div#Modelurethane{
	width:690px;
	height:300px;	
	margin:0 0 0 13px;
background-image: url(../sitting/image/main_images_urethane.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*div hibackmodern
------------------------------------------------------------------------*/
div#ContentsBox div#Modelhibackmodern{
	width:690px;
	height:300px;	
	margin:0 0 0 13px;
background-image: url(../sitting/image/main_images_newsugar_hiback_modern.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*div mold_urethane
------------------------------------------------------------------------*/
div#ContentsBox div#Modelmoldurethane{
	width:690px;
	height:300px;	
	margin:0 0 0 13px;
background-image: url(../sitting/image/main_images_mold_urethane.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*div pocketcoil
------------------------------------------------------------------------*/
div#ContentsBox div#Modelpocketcoil{
	width:690px;
	height:300px;	
	margin:0 0 0 13px;
background-image: url(../sitting/image/main_images_poket_coil.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



/*------------------------------------------------
	color chart
--------------------------------------------------*/


/*dl共通
------------------------------------------------------------------------*/
dl.color{	
width:200px;
margin:0;
padding:110px 0 0 30px;
}


/*div Green
------------------------------------------------------------------------*/
div#ContentsBox div#colorgreen{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../color/image/main_images_green.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/*div beige
------------------------------------------------------------------------*/
div#ContentsBox div#colorbeige{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../color/image/main_images_beige.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}





/*div dbr
------------------------------------------------------------------------*/
div#ContentsBox div#colordbr{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../color/image/main_images_dark_brown.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



/*div br
------------------------------------------------------------------------*/
div#ContentsBox div#colorbr{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../color/image/main_images_brown.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/*div black
------------------------------------------------------------------------*/
div#ContentsBox div#colorblack{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../color/image/main_images_black.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/*div cool
------------------------------------------------------------------------*/
div#ContentsBox div#colorcool{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../color/image/main_images_cool.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/*div hot
------------------------------------------------------------------------*/
div#ContentsBox div#colorhot{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../color/image/main_images_hot.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/*div white
------------------------------------------------------------------------*/
div#ContentsBox div#colorwhite{
	width:690px;
	height:300px;
	margin:0 0 0 13px;
	background-image: url(../color/image/main_images_white.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}