
body {
	font-family: 'ヒラギノ角ゴ Pro W2','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	max-width: 936px;
	border-top: 4px solid #D4AF69;
	padding: 0;
}

.bg-2 {
	background-color: #ffffff;
	background-image: url('../images/bg-2.jpg');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 93% 93%;
}

header, article, aside, footer {
	float: left; clear: both; width: 100%;
	background: transparent;
}
article {
	margin-bottom: 2em;
	margin-top:1em;
}
article.main {
	width: 936px;
}
header {
	height: 100px;
}
header h1 {
	color: #D4AF69;
	font-size: 2em;
	margin-bottom: 0.5em;
	margin-top:0.5em;
}
article header, article footer, aside header, aside footer {
	float: none; clear: none; width: auto;
}
figure {
	margin-bottom: 0.8em;
	margin-left:1em;
}
#logo {
	float: left;
	width: 200px;
}
h1 {
	font-weight: normal;
	margin-bottom: 2em;
	margin-top: 3em;
	margin-left: 44px;
	text-align: center;
}
article h1 {
	float:left;
	font-size:1.625em;
	line-height:1.38461em;
	margin-bottom:1em;
	text-align:left;
}
article p {
	margin-bottom: 1em;
	font-family: メイリオ,'ＭＳ Ｐゴシック',Arial,sans-serif;
	display: block;
	clear: none;
}
h2 {
	font-family: メイリオ,'ＭＳ Ｐゴシック',Arial,sans-serif;
	margin-top:1em;
}
h3 {
	font-size:1.6em;
	margin-top:1em;
}
p {
	clear: left;
	margin-top: 1em;
	width: 90%
}
.top-space {
	margin-top: 2em;
}
.button1 {
	margin-left: 6px;
}

/* Hyperlink Styles: */

a, a:visited {
	color: #EF8100;
	font-family: メイリオ,'ＭＳ Ｐゴシック',Arial,sans-serif;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}
.img-left {
	float: left;
	margin-right: 1em;
}
.img-right {
	float: right;
	margin-left: 1em;
}
.disc {
	float:left;
	margin:10px 30px 10px 0;
	width:200px;
}
.price {
	float:left;
	margin-left:3px;
	margin-top:1em;
}
.float-clear {
	clear: both;
}

.center {
	text-align:center;
}

/* Columns */

.ten, body {
	width: 936px;
}
.nine {
	width: 840px; display: block; float: left; margin-left: 24px;
}
.eight {
	width: 744px; display: block; float: left; margin-left: 24px;
}
.seven {
	width: 648px; display: block; float: left; margin-left: 24px;
}
.six {
	width: 552px; display: block; float: left; margin-left: 24px;
}
.five {
	width: 456px; display: block; float: left; margin-left: 24px;
}
.four {
	width: 360px; display: block; float: left; margin-left: 44px;
}
.three {
	width: 264px; display: block; float: left; margin-left: 24px;
}
.two {
	width: 168px; display: block; float: left; margin-left: 24px;
}
.one {
	width: 72px;  display: block; float: left; margin-left: 24px;
}


/* Leftmost column in each row */

.first, ten {
	margin-left: 0;	clear: left;
}


/* Column offsets */

.off-nine {
	margin-left: 864px;
}
.off-eight {
	margin-left: 768px;
}
.off-seven {
	margin-left: 672px;
}
.off-six {
	margin-left: 576px;
}
.off-five {
	margin-left: 480px;
}	
.off-four {
	margin-left: 384px;
}
.off-three {
	margin-left: 288px;
}
.off-two {
	margin-left: 192px;
}
.off-one {
	margin-left: 96px;
}


/* Pins element to the left or right corner */

.pin-left  {
	position: absolute; top: 0; margin-left: 0; left: 0;
}
.pin-right {
	position: absolute; top: 0; margin-left: 0; right: 0;
}


/* Combine with a column class */

.hang {
	float: right;
}

/* Nav */

nav {
	padding:0 5px;
	position:absolute;
	right:0;
	top: 0em;
	
	border:1px solid #FCFCFC;

	-moz-box-shadow:0 1px 1px #dddddd;
	-webkit-box-shadow:0 1px 1px #dddddd;
	box-shadow:0 1px 1px #dddddd;
}
/* The clearfix hack to clear the floats: */

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* The navigation styling: */

nav ul li{
	display:inline;
}

nav ul li a,
nav ul li a:visited{
	color:#565656;
	display:block;
	float:left;
	font-family: comic Sans MS,Courier New;
	font-size:1em;
	font-weight:normal;
	margin:5px 2px;
	padding:7px 10px 4px;
	text-decoration:none;
	text-shadow:0 1px 1px white;
}

nav ul li a:hover{
	text-decoration:none;
	background-color:#f0f0f0;
}

nav, article, nav ul li a,figure{
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Footer styling */

footer {
	margin-top: 1em;
}

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

