@charset "utf-8";
/**************************************
	URL       : 
	Copyright : CyberStep
	Name      : 
	Ver       : 1.0
	file      : 
**************************************/

/* ==========================================
	Global
========================================== */
body{
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) 50% 0 repeat-x #000;
}

/*flashの点線消し用*/
embed{ outline:none; }

/*flashクリック時の点線消し用*/
object { outline:none; }

/*画像の点線消し用*/
a:focus { outline:none; }


/* ==========================================
	Layout
========================================== */
#wrapper{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	min-width: 930px;
	background: url(../images/con_bg.jpg) 50% 0 no-repeat;
}

/* ==========================================
	Header
========================================== */
#header{
	width: 930px;
	margin: 0 auto;
}

#header h1{
	width: 390px;
	height: 212px;
	position: relative;
	top: 10px;
}
	#header h1 a{
		display: block;
		width: 390px;
		height: 0px;
		padding-top: 212px;
		background: url(../images/logo_ga.png) 0 0 no-repeat;
		overflow: hidden;
	}

#header h2{
	width: 358px;
	height: 0px;
	padding-top: 148px;
	background: url(../images/text.png) 0 0 no-repeat;
	overflow: hidden;
	margin: 40px 0 0 30px;
}

/* ==========================================
	Contents
========================================== */
#contents{
	width: 930px;
	margin: 0 auto;
	padding-top: 32px;
	height: 370px;
}
	#contents ul{
		width: 930px;
		height: 340px;
		float: left;
	}
		#contents ul li{
			float: left;
			width: 300px;
			height: 154px;
			margin: 0 10px 18px 0;
		}
			#contents ul li a{
				width: 300px;
				height: 0px;
				padding-top: 154px;
				overflow: hidden;
				display: block;
			}
			#contents ul li a.btn_01{background: url(../images/btn.png) 0 0px no-repeat;}
			#contents ul li a.btn_02{background: url(../images/btn.png) -300px 0px no-repeat;}
			#contents ul li a.btn_03{background: url(../images/btn.png) -600px 0px no-repeat;}
			#contents ul li a.btn_04{background: url(../images/btn.png) 0px -308px no-repeat;}
			#contents ul li a.btn_05{background: url(../images/btn.png) -600px -308px no-repeat;}
			#contents ul li a.btn_06{background: url(../images/btn.png) -300px -308px no-repeat;}
				#contents ul li a.btn_01:hover{background-position: 0px -154px;}
				#contents ul li a.btn_02:hover{background-position: -300px -154px;}
				#contents ul li a.btn_03:hover{background-position: -600px -154px;}
				#contents ul li a.btn_04:hover{background-position: 0px -462px;}
				#contents ul li a.btn_05:hover{background-position: -600px -462px;}
				#contents ul li a.btn_06:hover{background-position: -300px -462px;}

	#contents p{
		clear:both;
		width: 138px;
		height: 138px;
		position: relative;
		left: 785px;
		top: -490px;
	}
		#contents p a.btn_news{
			width: 138px;
			height: 0px;
			padding-top: 138px;
			overflow: hidden;
			background: url(../images/btn_home.png) 0 0 no-repeat;
			display: block;
		}
			#contents p a.btn_news:hover{ background-position: 0px -138px;}


/* ==========================================
	Footer
========================================== */
#footer{
	width: 930px;
	margin: 0 auto;
	clear: both;
	height: 120px;
	padding: 12px 0 0 0;
	background: #000000;
}

/* ul */
#footer ul{
	width: 516px;
	height: 32px;
	margin: 0 auto;
}
	#footer ul li{
		float: left;
		width: 162px;
		height: 32px;
		margin: 0 10px 0 0;
	}
		#footer ul li a{
			display: block;
			width: 162px;
			height: 0px;
			padding-top: 32px;
			overflow: hidden;
			background: url(../images/btn_navi.jpg) 0 0 no-repeat;
		}
		#footer ul li a.btn_sns{background-position: 0px 0px;}
		#footer ul li a.btn_register{background-position: -162px 0;}
		#footer ul li a.btn_home{background-position: -324px 0;}
			#footer ul li a.btn_sns:hover{background-position: 0px 0px; margin-top: 1px;}
			#footer ul li a.btn_register:hover{background-position: -162px 0px; margin-top: 1px;}
			#footer ul li a.btn_home:hover{background-position: -324px 0px; margin-top: 1px;}

/**/
#footer #footer_box{
	width: 755px;
	height: 65px;
	padding-top: 10px;
	margin: 0 auto;
}

/* h3 */
#footer #footer_box h3 {
	width: 244px;
	height: 35px;
	float: left;
	margin: 15px 20px 0 0;
}
	#footer #footer_box h3 a{
		width: 244px;
		height: 0px;
		padding-top: 35px;
		overflow: hidden;
		background: url(../images/logo_cs.jpg) 0 0 no-repeat;
		display: block;
	}

/* p */
#footer #footer_box .copyright{
	width: 480px;
	height: 55px;
	padding: 5px;
	float: left;
}
	.copyright p, .copyright address{
		color: #FFFFFF;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-style: normal;
		font-weight: normal;
	}

/* thickbox
--------------------------------------------------------------------- */
#TB_window{
	margin: 0 auto;
	text-align: center;
	background: url(../images/thickbox_bg.jpg) 0 0 repeat;
	border: 4px solid #9b8989;
}

#TB_window img#TB_Image{
	border-right: 1px solid #16164C;
	border-bottom: 1px solid #000033;
	border-top: 1px solid #12113D;
	border-left: 1px solid #16164C;
	margin: 30px 0 -10px 15px;
}
*+html #TB_window img#TB_Image{ margin: 30px 0px 0px 0px;}

#TB_caption {
	height: 10px;
	padding: 10px 10px 20px 10px;
	color: #666666;
	width:100%;
	text-indent: -9999px;
	overflow: hidden;
}

#TB_secondLine {
	padding: 5px 0 0 0;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
	color: #C9D9FA;
	text-indent: -9999px;
	overflow: hidden;
}

/* btn_close */
#TB_closeWindow{
	float: right;
	width: 94px;
	height: 24px;
	position: absolute;
	top: -8px;
	right: -13px;
}
	#TB_closeWindow a{
		background: url(../images/thickbox_close.png) 0 0 no-repeat;
		width: 94px;
		height: 0px;
		padding-top: 24px;
		overflow: hidden;
		display: block;
	}

/* TB_next */
#TB_next a {
	background: url(../images/thickbox_next.png) 0 0 no-repeat;
	position: absolute;
	bottom: 18px;
	display: block;
	width: 44px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	right: -44px;
}
	#TB_next a:hover { background: url(../images/thickbox_next.png) -44px 0 no-repeat;}

/* TB_prev */
#TB_prev a {
	background: url(../images/thickbox_prev.png) 0 0 no-repeat;
	position: absolute;
	bottom: 18px;
	display: block;
	width: 44px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	left: -44px;
}
	#TB_prev a:hover{background: url(../images/thickbox_prev.png) -44px 0 no-repeat;}