/* CSS Document */

/* --------------------------------------------------------------------------------------
 　ローディング
--------------------------------------------------------------------------------------- */

#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
}

/* --------------------------------------------------------------------------------------
 　ヘッダー
--------------------------------------------------------------------------------------- */

#header {
	background-color: #d3cfcc;
	padding-bottom: 30px;
	text-align: left;
	display: none;
}

#header h1 { margin-left: 9%; }

/* --------------------------------------------------------------------------------------
 　wrap
--------------------------------------------------------------------------------------- */

#wrap {
	background-color: #fff;
	position: relative;
	text-align: left;
	overflow: hidden;
	display: none;
}

#wrap-inner {
	margin-left: 63px;
	overflow: hidden;
	position: relative;
}

#preview {
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -25px;
	z-index: 100;
}

#preview a { display: none; }
#next a { display: block; }

#next {
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -25px;
	z-index: 100;
}

.invalid {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}

#main { height: 600px; }

#top,
#about,
#important,
#flow,
#contact,
#harmony {
	text-align: center;
	position: relative;
	height: 600px;
	overflow: hidden;
	z-index: 1;
	display: none;
}

/* --------------------------------------------------------------------------------------
 　top
--------------------------------------------------------------------------------------- */

#top div {
	position: absolute;
	top: 6px;
	right: 6px;
}

#top p {
	position: absolute;
	top: 56px;
	right: 54px;
}

#top h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -111px;
	margin-left: -53px;
}

/* --------------------------------------------------------------------------------------
 　giftのこと
--------------------------------------------------------------------------------------- */

#about img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -248px;
	margin-left: -116px;
}

/* --------------------------------------------------------------------------------------
 　大切にしていること
--------------------------------------------------------------------------------------- */

#imoprtant-inner {
	background: url(../img/important_image.jpg) no-repeat;
	width: 787px;
	height: 444px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -393px;
}

#imoprtant-inner a {
    display: block;
    width: 211px;
    height: 72px;
    position: absolute;
    left: 575px;
    top: 371px;
    text-indent: -9999em;
}

/* --------------------------------------------------------------------------------------
 　仕事の流れ
--------------------------------------------------------------------------------------- */

#flow img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -268px;
	margin-left: -462px;
}

/* --------------------------------------------------------------------------------------
 　お問い合わせ
--------------------------------------------------------------------------------------- */

#contact-inner {
	background: url(../img/contact_image.jpg) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -141px;
	margin-left: -424px;
	width: 848px;
	height: 283px;
	overflow: hidden;
}

#contact-inner p:first-child {
	float: left;
	width: 46px;
	height: 11px;
	margin-top: 101px;
	margin-left: 325px;
}

#contact-inner p:first-child a {
	display: block;	
	width: 46px;
	height: 11px;
	text-indent: -9999em;
}

#contact-inner p {
	float: right;
	width: 198px;
	height: 21px;
	margin-top: 164px;
	margin-right: 35px;	
}

#contact-inner p a {
	display: block;
	width: 179px;
	height: 21px;
	text-indent: -9999em;
}

/* --------------------------------------------------------------------------------------
 　絵本
--------------------------------------------------------------------------------------- */

#harmony-inner {
	background: url(../img/harmony/main_bg.gif) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 710px;
	height: 369px;
	margin-top: -261px;
	margin-left: -355px;
	text-align: left;
}

#harmonybox {
	width: 623px;
	height: 339px;
	padding-top: 15px;
	overflow: hidden;
	margin-left: 44px;
}

#harmonybox p { float: left; }

#harmony-inner ul {
	margin-top: 30px;
	text-align: center;
}

#harmony-inner li {
	display: inline;
	font-size: 0px;
	margin-left: 20px;
}

#harmony-inner li:first-child { margin-left: 0px; }

/* --------------------------------------------------------------------------------------
 　グローバルナビ
--------------------------------------------------------------------------------------- */

#gnavi {
	position: absolute;
	bottom: 10px;
	width: 98%;
	overflow: hidden;
	margin-left: 1%;
	margin-right: 1%;
	z-index: 10000;
}

#gnavi li {
	float: left;
	width: 14%;
	text-align: center;
}

#gnavi li a {
	background: url(../img/navi_icon.gif) no-repeat center top;
	display: block;
	width: 100%;
	padding-top: 18px;
}

#gnavi .active a { background: url(../img/navi_icon_over.gif) no-repeat center top; }

#gnavi li a:hover { background: url(../img/navi_icon_over.gif) no-repeat center top; }

#gnavi .fb a {
	background: none;
	padding-top: 0px;
}
/* --------------------------------------------------------------------------------------
 　フッター
--------------------------------------------------------------------------------------- */

#footer {
	background-color: #d3cfcc;
	display: none;
	height: 102px;
	overflow: hidden;
}

#footer img { vertical-align: top; }

#footer div {
	float: right;
	width: 121px;
	height: 82px;
	margin-top: 7px;
	margin-right: 147px;
}

#footer p {
	clear: both;
	float: right;
	padding-bottom: 6px;
	margin-right: 33px;
}