@charset "utf-8";
/* CSS Document */


@import url(basic.css);
@import url(../common/common.css);


body {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	background:#ece3c6;
	color:#231815;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15pt;
	line-height:1.5;
}


a         { color:#0573e3; text-decoration:underline; }
a:visited { color:#05a7e3; text-decoration:underline; }
a:hover   { color:#ff0000; text-decoration:underline; }


/* clearFix hack */
section:after,
#sg-header:after,
section article:after,
#HOME ul.icons:after
 {
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}

section {
	display		: block;
	position	: relative;
 	width		: 100%;
	margin		: 0 auto;
	zoom		: 1;
	z-index		: 1;
}

section article {
	display		: block;
	position	: relative;
	margin		: 0 auto;
	width		: 640px;
	zoom		: 1;
}


/* -------------------------------------------------------
	メインナビ
---------------------------------------------------------- */

#sg-header {
	display		: block;
	position	: fixed;
	top			: 0;
	left		: 0;
	width		: 100%;
	height		:  80px;
	margin		: 0;
	padding		: 0;
	z-index		:100;
	background:#ece3c6;
	border-top	:1px solid #999999;
}

#sg-header h1 {
	width		: 350px;
	padding		: 20px 0 0 0;
	margin		: 0 0 0 5px;
}

#sg-header p.price {
	position	: absolute;
	top			: 0;
	right		: 0;
	width		: 250px;
	padding		: 10px 0 0 0;
	margin		: 0 5px 0 0;
	line-height	: 1;
}

/* -------------------------------------------------
	HOME
---------------------------------------------------- */

#HOME {
	padding-top:125px;
}

#HOME article {
	padding:0 0 240px 0;
	background:url(img/01_bg.jpg) right bottom no-repeat;
}

#HOME ul.icons {
	height:70px;
	margin:0 0 0 17px;
	zoom:1;

}

#HOME ul.icons li {
	_display	: inline;
	float		: left;
	width		: 150px;
	height		:  40px;
	margin		: 0 3px 3px 0;
	overflow	: hidden;
	text-indent	: -9999px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#HOME ul.icons li.icon01 { background-image:url(img/icon01.png); }
#HOME ul.icons li.icon02 { background-image:url(img/icon02.png); }
#HOME ul.icons li.icon03 { background-image:url(img/icon03.png); }
#HOME ul.icons li.icon04 { background-image:url(img/icon04.png); }
#HOME ul.icons li.icon05 { background-image:url(img/icon05.png); }
#HOME ul.icons li.icon06 { background-image:url(img/icon06.png); }
#HOME ul.icons li.icon07 { background-image:url(img/icon07.png); }
#HOME ul.icons li.icon08 { background-image:url(img/icon08.png); }
#HOME ul.icons li.icon09 { background-image:url(img/icon09.png); }
#HOME ul.icons li.icon10 { background-image:url(img/icon10.png); }
#HOME ul.icons li.icon11 { background-image:url(img/icon11.png); }
#HOME ul.icons li.icon12 { background-image:url(img/icon12.png); }

#HOME h1 {
	clear:both;
	height:115px;
	margin:30px 0 0;
	background	: url(img/01_title.png) center bottom no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

#HOME p {
	margin:40px 5% 0 5%;
}


/* -------------------------------------------------
	コンテンツ
---------------------------------------------------- */

#content {
	margin-top:50px;
	padding-bottom:100px;
}

#content article {
	padding-top:50px;
	background:url(img/line.png) center top no-repeat;
}

#content h2 {
	height		: 29px;
	margin		: 30px 0 30px 0;
	background	: url(img/02_title.png) center bottom no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

#content dl {
	margin:0;
}

#content dl dd {
	padding:10px 3% 100px;
	line-height:1.7;
}

#content dl dd strong {
	font-size:15pt;
	font-weight:bold;
	color:#e00;
}

#content dl dd a {
	font-size:13pt;
	font-weight:bold;
}

#content p.close {
	margin:0 10px;
	padding:30px 10px 30px 30px;
	background:#ffffff;
	border:3px solid #cf073e;
	
	font-weight:bold;
	line-height:1.8;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}




/* ---------------------------------------------------------
	Social Buttons
------------------------------------------------------------ */

#social {
	top		: 80px;
	right	: 10px;
}

