@charset "utf-8";

/**************************************
	URL       : http://ga2.GetAmped.com/
	Copyright : CyberStep
	Name      : layout.css
	Ver       : 1.0
	file      : layout,home,about-index,
**************************************/

/* Image
-----------------------------------***/
html {
	background: #15181c;
	height: 100%;
}
body {
	height: 100%;
	background: #15181c url(../landing_pre/images/landing_bg.jpg) top center no-repeat;
}
.unit { margin-bottom: 10px; }

#container { width: 950px; margin: 0 auto; }

h1.logo {
	width: 302px;
	height: 155px;
	margin: 0 auto;
}

.landing_imgtxt {
	width: 725px;
	height: 168px;
	margin: 0 auto;
	background: url(../landing_pre/images/landing.png) 0px -300px;
	text-indent: -9999px;
}

/* bg character */
.chara_01,
.chara_02 { position: absolute; z-index: 0; }
.chara_01 { top: 90px; left: -180px; }
.chara_02 { top: 0px; right: -250px; }

/* Setting
-----------------------------------***/
/* box */
.landing_box {
	position: absolute;
	top: 350px;
	left: 65px;
	width: 800px;
}

.landing_box_top,
.landing_box_bottom {
	width: 800px;
	height: 10px;
	margin: 0 auto;
	background: url(../landing_pre/images/landing.png) ;
	font-size: 0px;
}
.landing_box_top { background-position: 0px 0px; }
.landing_box_bottom { background-position: 0px -10px; }
.landing_box_bg {
	width: 780px;
	margin: 0 auto;
	padding: 10px;
	background: url(../landing_pre/images/landing_box_bg.png) repeat-y;
}

/* register */
.register_btn {
	clear: both;
	width: 780px;
}
.register_btn button {
	width: 780px;
	height: 70px;
	background: url(../landing_pre/images/landing.png) 0px -160px;
}
.register_btn button:hover { background-position: 0px -230px; }
.register_btn button span { text-indent: -9999px; display: block; }

	.signup_btn {
		position: absolute;
		top: -150px;
		left: 250px;
		z-index: 10;
		background: url(../landing_pre/images/blank.gif) ;
		width: 310px;
		height: 310px;
	}

	#signup_swf {
		position: absolute;
		top: -150px;
		left: 250px;
		z-index: 0;
		width: 310px;
		height: 310px;
	}

/* activate */
.activate_btn {
}

/* movie */
.movie { width: 340px; height: 285px; float: left; }

/* download */
.download_btn { height: 70px; }

.download_btn a {
	width: 430px;
	height: 70px;
	float: right;
	background: url(../landing_pre/images/landing.png) 0px -20px;
}
.download_btn a:hover { background-position: 0px -90px; }

/* facebook */
.facebook { float: right; }
.facebook iframe { height: 200px; }

.connections_grid { padding: 0px; }

.fan_box { color: #fff; }
.fan_box .connections { min-height: 80px; border-top: 1px dashed #D8DFEA; }
.fan_box .connections .total { color: #CC0000; font-weight: bold; }
.fan_box .connections_grid .grid_item { padding: 2px 2px 8px; }
.fan_box .connections_grid .grid_item:hover { color: #fff; background: #3b5999; }
.fan_box .connections_grid .grid_item:hover .name {}

.fan_box .full_widget { background :none; border: none; }
.fan_box .full_widget .connect_top { background: none; }

/* guide */
.guide { clear: both; width: 774px; }
.guide .about,
.guide .skin,
.guide .manga,
.guide .style,
.guide .screenshot {
	width: 774;
	height: 302px;
	background: #FFFFFF;
}

.guide_text {
	position: absolute;
	top: 200px;
	left: 10px;
	width: 550px;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
}

/* tab  */
#tab_container_01,
#tab_container_02,
#tab_container_03,
#tab_container_04,
#tab_container_05 { height: 302px; }

/* guide - about */
.guide .about { background: url(../landing_pre/images/landing_guide.jpg) 0px 0px no-repeat; }

/* guide - style */
.style .guide_text {
	position: absolute;
	left: auto;
	right: 10px;
	top: 160px;
	width: 240px;
	color: #3e3e3e;
}
.guide ul.style_list li {
	float: left;
	width: 240px;
	height: 140px;
	margin: 3px;
	display: inline;
	background: url(../landing_pre/images/landing_guide_style.jpg) no-repeat;
	border: #68839C 4px solid;
}
ul.style_list li.style_f { background-position: 0 -10px; }
ul.style_list li.style_a { background-position: 0 -190px; }
ul.style_list li.style_s { background-position: 0 -370px; }
ul.style_list li.style_h { background-position: 0 -550px; }
ul.style_list li.style_k { background-position: 0 -730px; }

.guide ul.style_list li div {
	height: 50px;
	margin-top: 90px;
}
p { color: #fff; }
p.title { font-weight: bold; }

/* guide - skin */
.guide .skin {
	background: url(../landing_pre/images/landing_guide.jpg) 0px -302px;
}

/* guide - screenshot */
.guide .screenshot img {
	float: left;
	width: 180px;
	height: 135px;
	margin: 3px;
	margin-right: 0px;
	display: inline;
	border: #68839C 4px solid;
}

/* guide - manga */
.guide .manga { background: url(../landing_pre/images/landing_guide.jpg) 0px -604px; }
.guide .manga .manga_btn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 250px;
	height: 90px;
	background: url(../landing_pre/images/landing.png) 0px -475px;
}
.guide .manga .manga_btn:hover {
	background: url(../landing_pre/images/landing.png) 0px -565px;}
	
/* official_home */
.official_home {
	width: 780px;
	height: 70px;
	margin: 5px auto;
	background: url(../landing_pre/images/landing.png) 0px -708px;
}
/* footer */
p.copyright { margin: 10px auto; text-align: center; }

/* announce */

.announce { position: relative; }

/* tabs */
.announce .tabs { border-bottom: 1px solid #ffffff; }
	.announce .tabs li {
		float: left;
		display: inline;
		width: 120px;
		height: 35px;
		margin-right: 1px;
		background: url(../images/common_sprite.png) -610px -105px no-repeat;
		color: #006699;
		font-weight: bold;
		text-align: center;
		line-height: 35px;
	}
	.announce .tabs li a {
		width: 120px;
		height: 35px;
		display: block;
		padding: 0px;
		color: #006699;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		line-height: 35px;
	}
	.announce .tabs li:hover,
	.announce .tabs li.selected {
		background: url(../images/common_sprite_on.png) -610px -105px no-repeat;
	}