@charset "utf-8";

/*-- 初期化 --*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow: scroll;
}

img, fieldset {
	border: 0;
}

/*-- ＢＯＤＹ、ＴＡＢＬＥの設定 --*/

body {
	font-size: 14px;
	font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic";
	line-height: 160%;
	color: #202020;
	text-align: center; 
}

div#wrapper {
	width: 730px;
	height: 580px;
	position: absolute;
	top: 45%;
	left: 50%;
	margin: -310px 0 0 -385px;
	padding: 20px;
}

/*-- ハイパーリンクの色（Ｌ：未訪問、Ｖ：既訪問、Ｈ：ポイント中、Ａ：クリック中） --*/

a:link {
	color: #838383;
}

a:visited {
	color: #838383;
}

a:hover {
	color: #626262;
}

a:active {
	color: #c5c5c5;
}

/*-- ファイアフォックス画像 --*/

#firefox {
	font-size: 12px;
	position: fixed;
	bottom: 60px;
	left: 25px;
}

#firefox a {
	width: 315px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	color: #bbbbbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#firefox a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* firefox icon (span tag) */
#firefox span {
	width: 295px;
	height: 115px;
	display: block;
	background: url(banner/firefox.png) no-repeat center center;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*-- モバイルボタン --*/

#mobile {
	font-size: 12px;
	position: fixed;
	bottom: 60px;
	right: 25px;
}
 
#mobile a {
	width: 330px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	color: #bbbbbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#mobile a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#mobile .mobile_text {
	width: 200px;
	height: 125px;

	/* rounded corners */
	border-radius: 25px / 25px;
}

/* mobile icon (span tag) */
#mobile .ystava {
	width: 125px;
	height: 125px;

	/* rounded corners */
	border-radius: 25px / 25px;
}

/*-- エンター画像 --*/

#enter a {
	width: 730px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#enter a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* menu icon (span tag) */
#enter span {
	width: 730px;
	height: 505px;
	display: block;
	margin-bottom: 5px;
	background: #000;

	/* rounded corners */
	border-radius: 15px / 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#enter a:hover span {
	background-color: #fff;
}