@charset "utf-8";
/* CSS Document */


@import url(basic.css);
@import url(../common/common.css);



/* clearFix hack */
#story:after,
#smartgift:after,
#catalog:after,
#experience:after {
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}


body {
	display		: block;
	position	: relative;
	margin		: 0;
	padding		: 0;
	background	: #fffcf9;
	color		: #a6937c;
	font-size	: 14pt;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height	: 1.6;
	text-align:center;
	-webkit-text-size-adjust: 100%;
}


#sg-header {
	background	: #ffffff;
	color		: #231815;
}


/* -------------------------------------------------------------------
	Common Block
---------------------------------------------------------------------- */


#story,
#smartgift,
#catalog,
#experience
{
	display		: block;
	position	: relative;
	width		: 640px;
	height		: 900px;
	margin		: 0 auto;
	padding		: 60px 0 0 0;
	background	: #fffcf9;
	zoom		: 1;
}


/* -------------------------------------------------------------------
	おもてなし
---------------------------------------------------------------------- */


#story ul.select{
	width:100%;
	height:900px;
	float:left;
}

#story ul.select li{
	width:50%;
	height:900px;
	float:left;
	background-repeat:no-repeat;
}
#story h2{
	width:100%;
	text-align:center;
	position:absolute;
	top:115px;
	left:0px;
}
#story ul.select li.left{ background-position:right;}
#story ul.select li.right{background-position:left;}
#story article#d1 ul.select li.left p{position:absolute; left:60px; top:205px;}
#story article#d1 ul.select li.right p{position:absolute; right:50px; top:205px;}
#story article#d2 ul.select li.left p{position:absolute; left:25px; top:205px;}
#story article#d2 ul.select li.right p{position:absolute; right:45px; top:205px;}
#story article#d3 ul.select li.left p{position:absolute; left:60px; top:205px;}
#story article#d3 ul.select li.right p{position:absolute; right:75px; top:205px;}


#d1 ul.select li.left{background-image:url(img/d1_bg1.jpg); background-color:#683619;}
#d1 ul.select li.right{background-image:url(img/d1_bg2.jpg); background-color:#26538b;}

#d2 ul.select li.left{background-image:url(img/d2_bg1.jpg); background-color:#db9e4c;}
#d2 ul.select li.right{background-image:url(img/d2_bg2.jpg); background-color:#5c5b67;}

#d3 ul.select li.left{background-image:url(img/d3_bg1.jpg); background-color:#1d1911;}
#d3 ul.select li.right{background-image:url(img/d3_bg2.jpg); background-color:#462c1f;}

/*確認用*/
#story{
	width:640px;
	position:relative;
}
#story article{
	width:640px;
	height:900px;
	position:absolute;
	left:0;
	top:60px;
}
#story article#d2,
#story article#d3{
	display:none;
}

/* -------------------------------------------------------------------
	リンベル、スマートギフト
---------------------------------------------------------------------- */
#smartgift{
	background:#aaa38e;
	color:#fffcf9;
}
#smartgift p{
	padding-top:30px;
}
#smartgift h2{
	padding-top:40px;
}
#smartgift .infiniteslide1{
	padding-top:40px;
}

/* -------------------------------------------------------------------
	カタログ
---------------------------------------------------------------------- */
#catalog p{
	padding-top:40px;
}
#catalog h2{
	padding-top:40px;
}
#catalog .btn a{
	display:block;
	background:url(img/s3_btn.gif) left top no-repeat;
	width:229px;
	height:51px;
	text-indent:-9999px;
	margin:0 auto 40px;
}
#catalog .btn a:hover{
	background:url(img/s3_btn.gif) left bottom no-repeat;
}

/* -------------------------------------------------------------------
	体験
---------------------------------------------------------------------- */
#experience{
	background:#aaa38e;
	color:#fffcf9;
}
#experience p{
	padding-top:20px;
}
#experience h2{
	padding-top:20px;
}
#experience .btn a{
	display:block;
	background:url(img/s4_btn.gif) left top no-repeat;
	width:244px;
	height:57px;
	text-indent:-9999px;
	margin:0 auto 10px;
}
#experience .btn a:hover{
	background:url(img/s4_btn.gif) left bottom no-repeat;
}

#experience .attxt{ font-size: 0.8em; margin-bottom: 20px;}
#experience .attxt a{ color: #fff;}