@charset "utf-8";

/*
======== table of content. =================================

summary:atorienoko用レイアウト定義


============================================================
*/

div#header{
	width:764px;
	background: #FFFFFF url(../images/common/bg_header_atorie.jpg) no-repeat left top;
	padding: 0 0 0 216px;
}

div#main p.h2-btn{
	width:630px;
	margin:-35px 0 0 0;
	text-align:right;
}



/*ご挨拶*/
div#content div.main-wrapper div#main p.tit{
	margin: 20px 0 0 19px;
}

div#content div.main-wrapper div#main div.coment{
	width:356px;
	margin: 23px 0 0 20px;
	float: left;
	display: inline;
}

div#content div.main-wrapper div#main div.coment p{
	width:356px;
	margin: 0 0 20px 0;
	line-height: 1.4;
}

div#content div.main-wrapper div#main p.photo{
	margin: 23px 0 0 20px;
	float: left;
}

div#content div.main-wrapper div#main dl.author{
	width: 174px;
	padding: 6px 0 0 0;
	margin: 0 0 0 206px;
	clear: both;
}

div#content div.main-wrapper div#main dl.author dd{
	margin: 4px 0 0 0;
}

div#content div.main-wrapper div#main p.btn-sakka{
	margin: 6px 0 0 170px;
}
div#content div.main-wrapper div#main p.btn-sakka a{
	margin:0 20px 0 0;
}

/*品質保証*/
div#content div.main-wrapper div#main div.quality{
	width: 630px;
	background: #F2F0EE;
	margin: 20px 0 0 0;
	position: relative;
}

div#content div.main-wrapper div#main div.quality h3{
	width: 186px;
	position: absolute;
	left: 224px;
	top:56px;
}

div#content div.main-wrapper div#main div.quality ul.quality{
	width: 630px;
	padding: 20px 0 4px 0;
	background: url(../images/atorienoko/quality_top.gif) no-repeat left top;
}

/* for IE7 */
*:first-child+html div#content div.main-wrapper div#main div.quality ul.quality{
	width: 630px;
	padding: 20px 0 13px 0;
	background: url(../images/atorienoko/quality_top.gif) no-repeat left top;
}

div#content div.main-wrapper div#main div.quality ul.quality li{
	width: 295px;
	margin: 0 0 9px 0;
	float: left;
}

div#content div.main-wrapper div#main div.quality ul.quality li.left{
	padding: 0 0 0 20px;
}

div#content div.main-wrapper div#main div.quality ul.quality li.right{
	padding: 0 20px 0 0;
	text-align: right;
}

div#content div.main-wrapper div#main div.quality p{
	clear: both;
}

div#content div.main-wrapper div#main ul.btn-two{
	width: 630px;
	padding: 7px 0 0 0;
	background: url(../images/atorienoko/quality_bottom.gif) no-repeat left top;
}

div#content div.main-wrapper div#main ul.btn-two li{
	width: 295px;
	float: left;
}

div#content div.main-wrapper div#main ul.btn-two li.left{
	padding: 0 0 0 20px;
}

div#content div.main-wrapper div#main ul.btn-two li.right{
	padding: 0 20px 0 0;
	text-align: right;
}