@charset "utf-8";
/* CSS Document */

@import url(../../cmn/css/common.css);

#mainImg{
	position:relative;
	clear:both;
	width:950px;
	margin:0 auto;
	}

#mainImg img{
	display:block;
	}

h1#mainCopy{
	position:absolute;
	color:#d5f5ff;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	text-align:left;
	left: 25px;
	top: 170px;
	}
	
h1#mainCopy .mainCopy-s{
	font-size:12px;
	font-weight:400;
	padding-left:0.8em;
	}
	
#mainImgBtn{
	position:absolute;
	top: 265px;
	left: 26px;
	}

#priceBtn{
	position:absolute;
	top: 287px;
	left: 338px;
	}
	
#meetingBtn{
	position:absolute;
	top: 282px;
	left: 620px;
	}
	
#designerBtn{
	position:absolute;
	top: 343px;
	left: 620px;
	}

#topMainArea{
	clear:both;
	width:910px;
	height:auto;
	margin:0 auto;
	}
	
#topContArea{
	float:left;
	width:670px;
	height:100%;
	padding:10px 20px 0 0;
	text-align:left;
	}

#topContHead{
	width:690px;
	height:38px;
	background:url(../../cmn/img/bg_h2.gif) no-repeat left top;
	}
	
#topSubTitle{
	float:left;
	width:505px;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	text-indent:14px;
	padding-top: 12px;
	}
	
.thin{
	font-size:0.86em;
	font-weight:normal;
	}
	
#recentCompe{
	float:right;
	width:156px;
	padding-right:14px;
	font-size:1.2em;
	text-align:right;
	line-height:12px;
	padding-top: 12px;
	}

#recentCompe img{
	margin-right:7px;
	vertical-align:top;
	}

/* トップページコンテンツエリア */

.thumbArea{
	float:left;
	clear:both;
	width:690px;
	overflow:hidden;
	}
	
.thumbBox{
	float:left;
	width:146px;
	margin:0 14px 10px 0;
	padding:8px;
	background-color:#eee;
	}

.thumbBoxEnd{
	float:left;
	width:146px;
	margin:0 0 10px 0;
	padding:8px;
	background-color:#eee;
	}

.thumbImg{
	width:126px;
	height:126px;
	margin-bottom:8px;
	padding:10px;
	background-color:#fff;
	text-align:center;
	overflow:hidden;
	}
	
.thumbImg div{
	display:table-cell;
	width:126px;
	height:126px;
	vertical-align:middle;
	}
	
.thumbCap{
	height:10px;
	color:#666;
	font-size:10px;
	line-height:1.0;
	}

.thumbPrice{
	height:10px;
	color:#c20020;
	font-size:12px;
	line-height:1.0;
	}
	
* html div.thumbImg div{ /* IE 6 */
	display:inline;
	zoom:1;
	}
	
*:first-child+html div.thumbImg div{ /* IE 7 */
	display:inline;
	zoom:1;
	}
	
.fr img{
	padding:2px 0 0 0;
	}

#itemArea{
	clear:both;
	width:690px;
	}
	
.itemBox{
	float:left;
	width:340px;
	background:url(../img/bg_shorttitle.jpg) no-repeat top left;
	}

.itemBox p{
	margin:14px 0 5px 14px;
	font-size:1.4em;
	font-weight:bold;
	line-height:14px;
	}
	
.itemBox ul{
	margin-left:14px;
	height:36px;
	}	

.itemBox li{
	float:left;
	margin-right:14px;
	font-size:1.2em;
	white-space:nowrap;
	}
	
.itemBox img{
	margin-top:10px;
	}

.mr{
	margin-right:10px;
	}
	
.mtr{
	margin-top:17px;
	margin-right:10px;
	}
	
.mt{
	margin-top:17px;
	}


.section p {

	margin: 0 5px 10px 60px;

	font-size: 1em;
        
}

.titleimage {

	margin: 0 0 5px 50px;
	
}

.price {

	margin: 30px 0 10px 70px;
	
}

	
/* トップページ新着情報エリア */

#topNewsArea{
	clear:both;
	width:660px;
	padding:10px 15px 5px 15px;
	background:url(../img/news_back.gif) no-repeat top left;
}

#topNewsAreaTitle{
	font-size:140%;
	font-weight:700;
	padding-bottom: 5px;
}

#topNewsArea-bottom{
	width:690px;
	height:7px;
	margin-bottom:10px;
	background:url(../img/news_bottom.gif) no-repeat top left;
}

#topNewsArea table{
	width:660px;
	font-size:120%;
	background:url(../img/news_line.gif) repeat-x left bottom;
}

#topNewsArea table td{
	vertical-align:top;
	padding:5px 0 5px 0;
}

#topNewsArea table .date{
	width:60px;
	padding-right:20px;
}

#topNewsArea table .text{
	width:600px;
	padding-left:20px;
	background:url(../img/news_icon.gif) no-repeat left 10px;
}

/* トップページようこそエリア */
#topWelArea{
	width:670px;
	padding:10px 20px 0 0;
}

#topWelHead{
	width:690px;
	padding-top:12px;
	background:url(../../cmn/img/bg_h2.gif) no-repeat left top;
}
	
#topWelSubTitle{
	width:505px;
	font-size:1.4em;
	font-weight:bold;
	text-indent:14px;
	padding-bottom:10px;
}

#topWel{
	clear:both;
	width:660px;
	font-size:130%;
}

#topWel ul{
	padding-bottom:12px;
}

#topWel ul li{
	padding-bottom:4px;
}

#topWel #wel02-s{
	padding-bottom:3px;
}

#wel02{
	padding-bottom:5px;
}

#topWel .wel-title{
	font-size:120%;
	font-weight:700;
	padding-left:18px;
	margin-bottom:10px;
	line-height:26px;
	background:url(../img/wel_title.gif) no-repeat left top;
}

/* トップページお客様の声エリア */
#topVoiceArea{
	width:670px;
	padding:10px 20px 0 0;
}

#topVoiceHead{
	width:690px;
	padding-top:12px;
	background:url(../../cmn/img/bg_h2.gif) no-repeat left top;
}
	
#topVoiceSubTitle{
	width:505px;
	font-size:1.4em;
	font-weight:bold;
	text-indent:14px;
	padding-bottom:20px;
}

#topVoice{
	float:left;
	width:690px;
	background:url(../img/voice_back.gif) no-repeat left top;
}

#topVoice-bottom{
	float:left;
	width:690px;
	height:7px;
	padding-bottom:25px;
	background:url(../img/voice_bottom.gif) no-repeat left top;
}

#topVoice-main{
	float:left;
	width:690px;
}

#topVoice-main-l{
	float:left;
	width:220px;
}

#topVoice-main-m{
	float:left;
	width:220px;
	padding-left:15px;
}

#topVoice-main-r{
	float:left;
	width:220px;
	padding-left:15px;
}

#topVoice-main .topVoice-box{
	padding:13px;
}

#topVoice-main table{
	width:194px;
}

#topVoice-main table .title{
	width:112px;
	vertical-align:top;
	font-size:120%;
	font-weight:700;
	padding-top:35px;
}

#topVoice-main table img{
	border:#ccc 1px solid;
}

#topVoice-main table .text{
	width:194px;
	font-size:120%;
	padding-top:10px;
}

	
/* トップページQ&Aエリア */

#topQArea{
	float:left;
	width:690px;
	padding-bottom:20px;
	}

.topQBox,.topQBox2{
	float:left;
	width:690px;
	}
	
.topQBox{
	margin-bottom:12px;
	background:url(../img/qboxbottom.gif) bottom left;	
	}
	
.topQBox2{
	margin-bottom:30px;
	background:url(../img/qboxbottom_r.gif) bottom left;	
	}

.topQLeftBox{
	width:340px;
	float:left;
	}

.topQRightBox{
	width:340px;
	float:right;
	}

.topQTextBox{
	padding:10px;
	font-size:12px;
	}

/* トップページボトムエリア */

#topBottomArea{
	clear:both;
	height:200px;
 	padding-top:30px;
	}

#topBottomLeft{
	width:68px;
	height:200px;
	float:left;
	padding-left:20px;
	}

#topBottomUp{
	height:98px;
	}

#questionText{
	float:left;
	margin-right:20px;
	width:188px;
	}

#answerText{
	float:left;
	width:360px;
	height:80px;
	padding:18px 14px 0 20px;
	background:url(../img/top_answer.gif) no-repeat top left;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.4;
	text-align:left;
	}

#topBottomRight{
	float:right;
	width:602px;
	}

#questionList1{
	float:left;
	padding:10px 0 0 20px;
	width:260px;
	}
	
#questionList2{
	float:left;
	padding:10px 0 0 0;
	width:322px;
	}

ul.questionList{
	font-size:1.2em;
	text-align:left;
	}

.questionList li{
	background:url(../img/top_question.gif) no-repeat 0px 6px;
	padding:3px 0;
	text-indent:18px;
	}
	
#moreQuestion{
	width:312px;
	margin:10px 0 0 0;
	font-size:1.2em;
	text-align:right;
	}

#moreQuestion img{
	margin-right:7px;
	vertical-align:text-bottom;
	}
	
#attention{
	clear:both;
	margin-top:20px;
	color:#666;
	text-align:left;
	}