/*--------------------------------------------------------------------
基本設定
---------------------------------------------------------------------*/
html,body {
	width: 100%;
	height: 100%;
background-image: url("http://www.jewelyamazaki.com/sample/")
}
html {
	height: 100%;
	overflow-y: scroll;
}

/*--Reset-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
img {
	border: none;
	vertical-align: middle;
}
ul,ol {
	list-style: none;
}
/*--Text------------------------------------------------------------*/
body {
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
* html body {/*IE6*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
*:first-child + html body {/*IE7*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1,h2 {
	font-size: 300%;
}
h3 {
	font-size: 200%;
}
h4,h5,h6 {
	font-size: 100%;
}

h1 { color: #696969; }
h2 { color: #ff0000; }
h3 { color: #ff0000; }


p.sample1 {text-align: left; }
p.sample2 {text-align: center; }
p.sample3 {text-align: right; }


/*--Link------------------------------------------------------------*/
a,
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover,
a:active {
	color: #777777;
}
a:focus {
	outline: none;
}
/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}
/*--------------------------------------------------------------------
/////▼sample/////
---------------------------------------------------------------------*/
h1 {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0;
}
h2 {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0;
}
#column1 p {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0;
}
#wrap-btm p {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0;
}
.closebtn {
	width: 920px;
	text-align: left;
	margin: 0 auto;
	padding: 60px 0 60px 0;
}
/*--------------------------------------------------------------------
レイアウト
---------------------------------------------------------------------*/
#wrapper {
	width: 100%;
}
/*--Wrap-top--------------------------------------------------------*/
#wrap-top {
	width: 100%;
	text-align: center;
}
#wrap-top header {
	background-color: #9fb7d4;
	text-align: left;
	margin: 0 auto;
}
#wrap-top #content {
	margin: 0 auto;
}
/*--1カラム用-------------------------------------------------------*/
#content {
	text-align: left;
}
/*--Wrap-btm--------------------------------------------------------*/
#wrap-btm {
	clear: both;
	width: 100%;
	height: 100px;/*wrap-btm（フッター）の高さ*/
	text-align: center;
}
#wrap-btm footer {
	height: 100px;/*wrap-btm（フッター）の高さ*/
	background-color: #9fb7d4;
	text-align: left;
	margin: 0 auto;
}
/*--------------------------------------------------------------------
センター固定 or リキッドレイアウトの変更
（リキッドレイアウトにする場合はwidthを100%に変更）
---------------------------------------------------------------------*/
header,
#content,
footer {
	width: 960px;
}
/*--------------------------------------------------------------------
Footer固定（Footerを画面下部に固定しない場合はこの欄を削除）
---------------------------------------------------------------------*/
#wrapper {
	position: relative;
	min-height: 100%;
}
* html #wrapper {/*IE6*/
	height: 100%;
}
#wrap-top {
	height: 100%;
	padding-bottom: 100px;/*wrap-btm（フッター）の高さと同じにする*/
}
#content {
	overflow: hidden;
}
#wrap-btm {
	position: absolute;
	bottom: 0;
}