@charset "utf-8";

/******************** 共通項目制御 ******************************/
/********** 全体 **********/
*{
	margin:0;
	padding:0;
	}

body {
	margin:0 auto;
	padding:0;
	font-family: "メイリオ", "Meiryo", "Lucida Grande", "Verdana",  "MS P ゴシック","MS PGothic", "Osaka","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:100%;
	line-height:1.8;
	text-align:center;
	background: url(../images/body_bg.jpg) repeat-x 0 0;/**チェック01**/
	}

/********** 画像調整 **********/
img{
	border: 0;
	}

.img-l{
	float:left;
	}

.img-r{
	float:right;
	}

.img-c{
	clear:both;
	margin:0 auto;
	text-align:center;
	}

/********** テキストリンク **********/
a{
	color:#CC0000;
	}

a:hover{
	text-decoration:underline;
	color:#990099;
	}

a:visited{
	color:#444444;
	text-decoration:underline;
	}

/********** その他調整 **********/
div, p, span, address{
	text-align:justify;
	text-justify:distribute-all-line;
	}

p{
	padding:0 0 1em 0;
	}

hr{
	clear:both; visibility:hidden;
	}

.text-r{
	text-align:right;
	}

.text-l{
	text-align:left;
	}

.red-bold{
	font-size:120%;
	color:#CC0000;
	font-weight:bold;
	}

/********** テーブル調整 **********/
table{
	border-spacing: 0;
	border-collapse: collapse;
	}

th , td{
	padding:5px 10px;
	}

/******************** ワーパー制御 ******************************/
/********** wrapper **********/
#wrapper{
	position:relative;
	margin:0 auto;
	text-align:center;
	width:900px;
	}

/******************** メイン制御 ******************************/
/********** main **********/
#main{
	width:900px;
	height:420px;
	background:url(../images/main_bg.jpg) no-repeat 0 0;
	}

#main h1{
	position:absolute;
	top:20px;
	left:22px;
	font-size:72.5%;
	font-weight:normal;
	}

#main h2{
	position:absolute;
	top:71px;
	left:35px;
	}

#main p{
	position:absolute;
	top:265px;
	left:45px;
	font-size:92.5%;
	line-height:1.5;
	width:580px;
	}

/******************** 悩み制御 ******************************/
/********** nayami **********/
#nayami{
	position:relative;
	width:900px;
	height:315px;
	background:url(../images/nayami_bg.jpg) no-repeat 0 0;
	}

#nayami ul{
	list-style:none;
	}

#nayami-title{
	position:absolute;
	left:105px;
	}

#nayami01{
	position:absolute;
	top:73px;
	left:155px;
	}

#nayami02{
	position:absolute;
	top:122px;
	left:272px;
	}

#nayami03{
	position:absolute;
	top:170px;
	left:94px;
	}

#nayami04{
	position:absolute;
	top:221px;
	left:391px;
	}

/******************** お任せ制御 ******************************/
/********** omakase **********/
#omakase{
	position:relative;
	width:900px;
	height:270px;
	background:url(../images/omakase_bg.jpg) no-repeat 0 0;
	}

#omakase-text{
	position:absolute;
	top:126px;
	left:199px;
	}

/******************** 商品01 ******************************/
/********** p01 **********/
#p01{
	position:relative;
	width:900px;
	height:440px;
	background:url(../images/p01_bg.jpg) no-repeat 0 0;
	}

#p01-title{
	position:absolute;
	top:0px;
	left:40px;
	}

#p01-syouhin{
	position:absolute;
	top:15px;
	left:678px;
	}

#p01-text{
	position:absolute;
	top:318px;
	left:378px;
	}

#p01 h3{
	position:absolute;
	top:120px;
	left:56px;
	width:560px;
	line-height:1.2;
	}

#p01 p{
	position:absolute;
	top:170px;
	left:56px;
	width:560px;
	font-size:92.5%;
	line-height:1.5;
	}

/********** p01-2 **********/
#p01-2{
	position:relative;
	width:900px;
	height:650px;
	background:url(../images/p_bg.gif) repeat-y 0 0;
	}

#p01-2 img{
	margin:0 0 7px 0;
	}

#ex01{
	position:absolute;
	top:20px;
	left:60px;
	width:361px;
	font-size:92.5%;
	line-height:1.2;
	}

#ex02{
	position:absolute;
	top:195px;
	left:60px;
	width:361px;
	font-size:92.5%;
	line-height:1.2;
	}

#ex03{
	position:absolute;
	top:213px;
	left:460px;
	width:361px;
	font-size:92.5%;
	line-height:1.5;
	}

#ex-img{
	position:absolute;
	top:0px;
	left:560px;
	}

/******************** 商品02 ******************************/
/********** p02 **********/
#p02{
	width:900px;
	height:440px;
	background:url(../images/p02_bg.jpg) no-repeat 0 0;
	}

#p02{
	position:relative;
	width:900px;
	height:440px;
	background:url(../images/p02_bg.jpg) no-repeat 0 0;
	}

#p02-title{
	position:absolute;
	top:0px;
	left:40px;
	}

#p02-syouhin{
	position:absolute;
	top:0px;
	left:668px;
	}

#p02-text{
	position:absolute;
	top:318px;
	left:378px;
	}

#p02 h3{
	position:absolute;
	top:120px;
	left:56px;
	width:560px;
	line-height:1.2;
	}

#p02 p{
	position:absolute;
	top:170px;
	left:56px;
	width:560px;
	font-size:92.5%;
	line-height:1.5;
	}

/********** p02-2 **********/
#p02-2{
	width:900px;
	background:url(../images/p_bg.gif) repeat-y 0 0;
	}

.img-p{
	margin:10px 50px;
	text-align:center;
	}

/******************** お問い合わせ制御 ******************************/
/********** otoiawase **********/
#otoiawase{
	margin:20px auto 0 auto;
	text-align:center;
	width:900px;
	height:390px;
	background:url(../images/otoiawase_bg.jpg) no-repeat 0 0;
	}

/******************** お客様声 ******************************/
/********** media **********/
.koe{
	margin:0 auto 15px auto;
	text-align:center;
	width:760px;
	height:160px;
	border:#CCCCCC double 3px;
	}

.koe dl{
	margin:10px 20px 0 140px;
	width:580px;
	}

.koe dt{
	text-align:left;
	font-size:120%;
	font-weight:bold;
	color:#CC0000;
	}

.koe dd{
	margin:0 0 10px 0;
	text-align:left;
	font-size:92.5%;
	line-height:1.2;
	text-align:justify;
	text-justify:distribute-all-line;
	}

/******************** お問い合わせ02制御 ******************************/
/********** otoiawase02 **********/
#otoiawase02{
	position:relative;
	width:900px;
	height:310px;
	background:url(../images/otoiawase02_bg.jpg) no-repeat 0 0;
	}

#o02-text{
	position:absolute;
	top:31px;
	left:258px;
	}

#o02-bt{
	position:absolute;
	top:130px;
	left:279px;
	}

#o02-tel{
	position:absolute;
	top:205px;
	left:279px;
	}

#o02-time{
	position:absolute;
	top:280px;
	left:332px;
	}

/******************** メディア制御 ******************************/
/********** media **********/
#media{
	margin:0 auto;
	list-style:none;
	text-align:center;
	width:700px;
	}

#media li{
	text-align:left;
	padding:0 0 0 2em;
	list-style:none;
	background:url(../images/media_icon.gif) no-repeat 0 0;
	border-bottom:#CCCCCC solid 1px;
	}

#media-etc{
	margin:10px auto 30px auto;
	text-align:right;
	width:700px;
	}

/******************** ページトップ制御 ******************************/
/********** pagetop **********/
#pagetop{
	clear:both;
	position:relative;
	margin:0 auto;
	padding:0;
	width:840px;
	height:35px;
	background:url(../images/pagetop_bg.gif) no-repeat 0 0;
	}

#pagetop a{
	position:absolute;
	top:5px;
	left:690px;
	text-decoration:none;
	}


/******************** フッター制御 ******************************/
/********** footer **********/
#footer{
	clear:both;
	position:relative;
	margin:0 auto 30px auto;
	text-align:center;
	width:900px;
	height:160px;
	background:url(../images/footer_bg.jpg) repeat-y 0 0;
	}

#footer address{
	position:absolute;
	top:70px;
	left:332px;
	font-style:normal;
	font-size:82.5%;
	line-height:1.2;
	}

#bt-top{
	position:absolute;
	top:16px;
	left:730px;
	}

#footer-logo{
	position:absolute;
	top:63px;
	left:23px;
	}

#copyright{
	position:absolute;
	top:120px;
	left:23px;
	font-size:82.5%;
	}

#copyright a{
	color:#003366;
	}

#copyright a:hover{
	text-decoration:underline;
	color:#330033;
	}