@charset "utf-8";
/*
 * name:common.css
 * author:Manabu Kushimoto(web-park.org)
*/

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
	margin: 0;
	padding: 0;
}
body {
	padding-bottom: 40px;
	width: 100%;
	height: 100%;
	background: #fff;
	font-size: 72%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Verdana, Helvetica, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	line-height: 1.6;
	color: #000;
}
ul,ol { list-style: none; }
img { border: none; vertical-align: top; }
a:link { color: #ff5513; text-decoration: none; }
a:visited { color: #ff5513; text-decoration: none; }
a:hover { text-decoration: underline; }

.hide { display: none; }
.fRed { color: #f00; }
.space { margin-top: 10px; }
.exSpace { margin-top: 30px; }
.spaceL { margin-left: 10px; }
.spaceR { margin-right: 10px; }
.center { text-align: center; }

/* clearfix
------------------------------------------------ */
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}

.clearfix {
	clear: both;
	*zoom: 1;
}

/* wrap
------------------------------------------------ */
.wrap {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	background: inherit;
	z-index: 2;
}

/* contents
------------------------------------------------ */
#contents {
	height: 740px;
	background: url(../img/share/ajax-loader.gif) no-repeat center center;
}

	.section {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 100px;
		width: 100%;
		z-index: 1;
	}

		.section .title {
			position: relative;
			margin-bottom: 80px;
			font-size: 90%;
			z-index: 2;
		}

	.frame {
		padding: 15px;
		width: 740px;
		height: 315px;
		background: url(../img/share/frame_bg.png) repeat left top;
		border: solid #e88bb7 3px;
		overflow-y: hidden;
	}

	.slide {
	}

		.slide_frame {
			position: relative;
			overflow: hidden;
		}

			.move {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}

				.move li {
					float: left;
				}

		.slide .navigate {
		}

			.slide .navigate .prev { margin-right: 50px; }
			.slide .navigate .next { margin-left: 50px; }
			.slide .navigate img { vertical-align: middle; }

	.page_bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		overflow: hidden;
	}

	#loadGet {
		display: none;
	}

	#coming_soon {
		padding-top: 120px;
		text-align: center;
	}

/* sidenav
------------------------------------------------ */
#sidenav {
	position: absolute;
	top: 35px;
	right: 0;
	display: none;
	margin: 0 auto;
	width: 100px;
	text-align: right;
	z-index: 200;
}

	#gnav {
		margin-top: 20px;
	}

		#gnav li {
			padding-bottom: 20px;
		}

			#gnav li .new { margin-right: 3px; }

	#sidenav .sns {
		margin-top: 10px;
	}

		#sidenav .sns li {
			display: inline;
			padding-left: 5px;
		}

/* footer
------------------------------------------------ */
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 25px;
	background: #fff;
	z-index: 200;
}

	#footer .logo {
		position: absolute;
		top: -75px;
		right: 0;
		display: none;
	}

	#copyright { padding-top: 5px; }

/* modalwindow
------------------------------------------------ */
#overlay {
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: #000;
	z-index: 500;
}
#displayContent {
	position: absolute;
	top:50%;
	left:50%;
	margin: -50px 0 0 -50px;
	padding: 20px;
	width: 100px;
	height: 100px;
	background: #000;
	z-index: 600;
}
#getContents {
	padding: 10px;
	_padding: 6px;
	width: 100%;
	height: 100%;
	background: #fff;
	border: solid #ccc 2px;
}
#closeBox {
	position: absolute;
	top: -40px;
	right: 0;
	width: 30px;
	height: 30px;
}