/* -----------------------------------------------------

www.golst.jp Cascading Style Sheets

Adaptation : obu-green
File Name  : base.css
Author     : hiroshi matsushita | Golf Stadium .inc

----------------------------------------------------- */

@import url(shop_tbl.css);

/* tag ***********************************************************************/

html,h1,h2,h3,h4,h5,h6,table,p,div,pre,span,ul,ol,li,dl,dt,dd,form,strong,em,img,embed,object {
	margin: 0px;
	padding: 0px;
}

body {
	color: #333333;
	background: #999999;
	padding: 0px;
	margin:0px auto 0px auto;
	text-align:left;
	*_text-align:center;
	font-size: 13px;
	line-height: 140%;
	overflow-y:scroll;
}

img {
	border: 0px;
}

table {
	font-size: 100%;
}

/* tag end *******************************************************************/



/* float *********************************************************************/

.clear {
	clear: both;
}

.float_l{
	float: left;
}

.float_r{
	float: right;
}

/* float end *****************************************************************/




/* layout ********************************************************************/

#layout {
	width: 780;
	padding: 0px 0px 0px 42px;
	margin-left:auto;
	margin-right:auto;
}

/* layout end ****************************************************************/



/* header ********************************************************************/

#header {
	width: 780;
	height: 60px;
	background: url(../index_files/header_bg.gif) no-repeat top left;
	padding: 5px 5px 5px 5px;
}

	#header h1 {
		text-indent: -9999px;
		width: 220px;
		height: 50px;
		background: url(../index_files/logo.gif) no-repeat top left;
		margin: 0px 0px 0px 0px;
		float: left;
		/*\*/ overflow:hidden; /* */
	}

		#header h1 a {
			display: block;
			width: 220px;
			height: 50px;
			text-decoration: none;
		}

#header_left {
	height: 65px;
	width: 570px;
	float: left;
}

#header_left li {
	text-indent: -9999px;
	list-style: none;
	/*\*/ overflow:hidden; /* */
}




/* header menu ------------------------------------------------------------- */

#header_menubox {
	height: 15px;
	margin: 5px 0px 0px 0px;
}

ul#header_menu {
	padding: 0px;
	margin: 0px 0px 0px 300px;
}

ul#header_menu2 {
	padding: 0px;
	margin: 0px 0px 0px 300px;
}

	ul#header_menu li,ul#header_menu2 li {
		padding: 0px 0px 0px 20px;
		margin-bottom: -4px;
		float: left;
	}

		ul#header_menu li a,ul#header_menu2 li a {
			height: 15px;
			display: block;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-decoration: none;
		}

		li#hdm_1 a {
			width: 100px;
			background: url(../index_files/hd_menu_1.gif) no-repeat top left;
		}
		li#hdm_1 a:hover {
			width: 100px;
			background: url(../index_files/hd_menu_1.gif) no-repeat top left;
		}
		li#hdm_1b a {
			width: 100px;
			background: url(../index_files/hd_menu_1.gif) no-repeat top left;
		}

		li#hdm_2 a {
			width: 100px;
			background: url(../index_files/hd_menu_2.gif) no-repeat top left;
		}
		li#hdm_2 a:hover {
			width: 100px;
			background: url(../index_files/hd_menu_2.gif) no-repeat top left;
		}
		li#hdm_2b a {
			width: 100px;
			background: url(../index_files/hd_menu_2.gif) no-repeat top left;
		}

/* header menu end --------------------------------------------------------- */



/* login form -------------------------------------------------------------- */

#login_form {
	height: 38px;
	margin: 0px;
	padding: 0px;
}

#login_form table {
float: right;
}

#login_form td {
	height: 21px;
	padding-left: 2px;
	padding-right: 3px;
	line-height: 100%;
	vertical-align: middle;
}


	#login_form input.login_id {
		color: #666666;
		height: 15px;
		width: 100px;
		background: #FFFFFF;
		border: solid #999999 1px;
	}

	#login_form input.login_pass {
		color: #666666;
		height: 15px;
		width: 100px;
		background: #FFFFFF;
		border: solid #999999 1px;
	}

	#login_form input.login_bt {
		color: #666666;
		width: 72px;
		background: #FFFFFF;
		border: solid #999999 1px;
	}

/* login form end ---------------------------------------------------------- */



/* usre menu --------------------------------------------------------------- */

#usr_menubox {
	height: 21px;
	margin: 0px 0px 17px 15px;
}


ul#usr_menu {
	height: 21px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

	ul#usr_menu li {
		padding: 0px 0px 0px 0px;
		margin: 0px 1px 0px 1px;
		float: left;
	}

		ul#usr_menu li a {
			height: 21px;
			width: 142px;
			display: block;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-decoration: none;
		}

		li#um_1 a {background: url(../index_files/um_1.gif) no-repeat top left;}
		li#um_1 a:hover {background: url(../index_files/um_1.gif) no-repeat top left;}
		li#um_2 a {background: url(../index_files/um_2.gif) no-repeat top left;}
		li#um_2 a:hover {background: url(../index_files/um_2.gif) no-repeat top left;}
		li#um_3 a {background: url(../index_files/um_3.gif) no-repeat top left;}
		li#um_3 a:hover {background: url(../index_files/um_3.gif) no-repeat top left;}
		li#um_4 a {background: url(../index_files/um_4.gif) no-repeat top left;}
		li#um_4 a:hover {background: url(../index_files/um_4.gif) no-repeat top left;}

/* usre menu end ----------------------------------------------------------- */



/* global menu ------------------------------------------------------------- */


#gl_menubox {
	clear: both;
	height: 30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(../index_files/gl_menu_bg.gif) repeat-x;
}

ul#gl_menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


	ul#gl_menu li {
		text-indent: -9999px;
		list-style: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		float: left;
		/*\*/ overflow:hidden; /* */
	}

		ul#gl_menu li a {
			width: 86px;
			height: 24px;
			display: block;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-decoration: none;
		}

		li#glm_1 a {background: url(../index_files/gl_menu_1a.gif) no-repeat top left;}
		li#glm_1 a:hover {background: url(../index_files/gl_menu_1b.gif) no-repeat top left;}
		li#glm_2 a {background: url(../index_files/gl_menu_2a.gif) no-repeat top left;}
		li#glm_2 a:hover {background: url(../index_files/gl_menu_2b.gif) no-repeat top left;}
		li#glm_3 a {background: url(../index_files/gl_menu_3a.gif) no-repeat top left;}
		li#glm_3 a:hover {background: url(../index_files/gl_menu_3b.gif) no-repeat top left;}
		li#glm_4 a {background: url(../index_files/gl_menu_4a.gif) no-repeat top left;}
		li#glm_4 a:hover {background: url(../index_files/gl_menu_4b.gif) no-repeat top left;}
		li#glm_5 a {background: url(../index_files/gl_menu_5a.gif) no-repeat top left;}
		li#glm_5 a:hover {background: url(../index_files/gl_menu_5b.gif) no-repeat top left;}
		li#glm_6 a {background: url(../index_files/gl_menu_6a.gif) no-repeat top left;}
		li#glm_6 a:hover {background: url(../index_files/gl_menu_6b.gif) no-repeat top left;}
		li#glm_7 a {background: url(../index_files/gl_menu_7a.gif) no-repeat top left;}
		li#glm_7 a:hover {background: url(../index_files/gl_menu_7b.gif) no-repeat top left;}

/* global menu ------------------------------------------------------------- */

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


/* header end ****************************************************************/



/* main container ************************************************************/


#main_container {
	width: 780px;
	padding: 0px;
	background: url(../index_files/main_container_bg.gif) repeat-y;
}

/* main container end ********************************************************/



/* left container ************************************************************/

#left_container {
	width: 190px;
	padding-top: 14px;
	padding-bottom: 14px;
	float: left;
}

h2#contents_menu {
	height: 30px;
	width: 190px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
	background: url(../index_files/h2_contents_menu.gif) no-repeat top left;
}


h2#usr_info {
	height: 30px;
	width: 190px;
	padding: 0px;
	margin: 0px 19px 0px 0px;
	text-indent: -9999px;
	background: url(../index_files/h2_usrinfo.gif) no-repeat top left;
}

#usr_infobox {
	width: 170px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid #C0C0C0 1px;
	margin-bottom: 15px;
	background: url(../index_files/usr_infobox_bg.gif) repeat-y;
}


dt#usr_name {
	font-weight: bold;
	line-height: 100%;
	background: url(../index_files/usr_stats_ico1.gif) no-repeat top left;
	padding-left: 15px;
	margin: 0px 8px 10px 8px;
}

dd#usr_msg {
	font-size: 80%;
	line-height: 100%;
	background: url(../index_files/usr_stats_ico2.gif) no-repeat top left;
	padding-left: 15px;
	margin: 0px 8px 10px 8px;
}

dd#last_login {
	font-size: 80%;
	line-height: 100%;
	background: url(../index_files/usr_stats_ico3.gif) no-repeat top left;
	padding-left: 15px;
	margin: 0px 8px 10px 8px;
}

dd#point {
	font-size: 80%;
	line-height: 100%;
	background: url(../index_files/usr_stats_ico4.gif) no-repeat top left;
	padding-left: 15px;
	margin: 0px 8px 10px 8px;
}



/* left menu --------------------------------------------------------------- */

#left_menu {
	width: 170px;
	margin: 0px 0px 20px 0px;
}

h2#regist {
	margin: 0px 0px 15px 3px;
}

#left_menu li {
	list-style: none;
	text-indent: -9999px;
	width: 170px;
	/*\*/ overflow:hidden; /* */
}


#left_menu li a {
	height: 40px;
	width: 170px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}



/* LeftMenu logout ----------------------------------------------- */

#lm_1 a {background: url(../index_files/lm_1a.gif) no-repeat top left;}
#lm_1 a:hover {background: url(../index_files/lm_1b.gif) no-repeat top left;}

#lm_2 a {background: url(../index_files/lm_2a.gif) no-repeat top left;}
#lm_2 a:hover {background: url(../index_files/lm_2b.gif) no-repeat top left;}

#lm_3 a {background: url(../index_files/lm_3a.gif) no-repeat top left;}
#lm_3 a:hover {background: url(../index_files/lm_3b.gif) no-repeat top left;}

#lm_4 a {background: url(../index_files/lm_4a.gif) no-repeat top left;}
#lm_4 a:hover {background: url(../index_files/lm_4b.gif) no-repeat top left;}

#lm_5 a {background: url(../index_files/lm_5a.gif) no-repeat top left;}
#lm_5 a:hover {background: url(../index_files/lm_5b.gif) no-repeat top left;}

#lm_6 a {background: url(../index_files/lm_6a.gif) no-repeat top left;}
#lm_6 a:hover {background: url(../index_files/lm_6b.gif) no-repeat top left;}

#lm_7 a {background: url(../index_files/lm_7a.gif) no-repeat top left;}
#lm_7 a:hover {background: url(../index_files/lm_7b.gif) no-repeat top left;}

#lm_8 a {background: url(../index_files/lm_8a.gif) no-repeat top left;}
#lm_8 a:hover {background: url(../index_files/lm_8b.gif) no-repeat top left;}

#lm_9 a {background: url(../index_files/lm_9a.gif) no-repeat top left;}
#lm_9 a:hover {background: url(../index_files/lm_9b.gif) no-repeat top left;}

/* LeftMenu logout end-------------------------------------------- */


/* LeftMenu login ------------------------------------------------ */

#lm_1 a {background: url(../index_files/lm_1a.gif) no-repeat top left;}
#lm_1 a:hover {background: url(../index_files/lm_1b.gif) no-repeat top left;}

#lm_2 a {background: url(../index_files/lm_2a.gif) no-repeat top left;}
#lm_2 a:hover {background: url(../index_files/lm_2b.gif) no-repeat top left;}

#lm_3 a {background: url(../index_files/lm_3a.gif) no-repeat top left;}
#lm_3 a:hover {background: url(../index_files/lm_3b.gif) no-repeat top left;}

#lm_4 a {background: url(../index_files/lm_4a.gif) no-repeat top left;}
#lm_4 a:hover {background: url(../index_files/lm_4b.gif) no-repeat top left;}

#lm_5 a {background: url(../index_files/lm_5a.gif) no-repeat top left;}
#lm_5 a:hover {background: url(../index_files/lm_5b.gif) no-repeat top left;}

#lm_6 a {background: url(../index_files/lm_6a.gif) no-repeat top left;}
#lm_6 a:hover {background: url(../index_files/lm_6b.gif) no-repeat top left;}

#lm_7 a {background: url(../index_files/lm_7a.gif) no-repeat top left;}
#lm_7 a:hover {background: url(../index_files/lm_7b.gif) no-repeat top left;}

#lm_8 a {background: url(../index_files/lm_8a.gif) no-repeat top left;}
#lm_8 a:hover {background: url(../index_files/lm_8b.gif) no-repeat top left;}

#lm_9 a {background: url(../index_files/lm_9a.gif) no-repeat top left;}
#lm_9 a:hover {background: url(../index_files/lm_9b.gif) no-repeat top left;}

/* LeftMenu login end--------------------------------------------- */



/* left menu end ----------------------------------------------------------- */


.mobile_bn {
	margin: 0px 0px 15px 5px;
}

.golsta_bn {
	margin: 0px 0px 15px 5px;
}

/* left container end ********************************************************/



/* right container ***********************************************************/

#right_container {
	width: 590px;
	padding-top: 14px;
	float: left;
}

#right_container hr {
	clear: both;
	display: none;
}

h2#promotion1 {
	margin: 0px 0px 0px 0px;
	float: right;
}

h2#maintenance {
	height: 42px;
	width: 295px;
	text-indent: -9999px;
	margin: 0px;
	background: url(../index_files/h2_maintenance.jpg) no-repeat top left;
	/*\*/ overflow:hidden; /* */
}

h2#whatsnew {
	height: 28px;
	width: 380px;
	text-indent: -9999px;
	margin: 0px;
	background: url(../index_files/h2_whatsnew.gif) no-repeat top left;
	/*\*/ overflow:hidden; /* */
}

#flashcontent {
	width: 420px;
	margin: 0px;
	padding-top: 18px;
	background: url(../index_files/h2_flashcontent.jpg) no-repeat top left;
}


#index_movie_sec {
	height: 262px;
	width: 403px;
	margin: 0px 0px 5px 0px;
	float: left;
}


h2#pickup {
	height: 42px;
	width: 590px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background: url(../index_files/h2_pickup.gif) no-repeat top left;
	/*\*/ overflow:hidden; /* */
}

.pickup_item_box {
	width: 585px;
	margin: 0px 7px 10px 8px;
	padding-top: 10px;
}

.pickup_item {
	width: 195px;
	margin-bottom: 10px;
	float: left;
	font-size: 80%;
}

.pickup_item img {
	margin-left: 3px;
	margin-right: 3px;
	float: left;
}


/* right container end *******************************************************/



/* footer ********************************************************************/

#foot_container {
	clear: both;
	width: 780px;
	height: 80px;
	background: url(../index_files/footer_bg.gif) no-repeat top left;
}

	#foot_container h2 {
		height: 21px;
		width: 800px;
		text-indent: -9999px;
		padding: 0px;
		margin: 0px;
		background: url(../index_files/footer_h2_bg.gif) no-repeat top left;
	}

	#foot_container p {
		text-align: right;
		padding: 0px 10px 0px 0px;
		margin: 0px;
	}

	#foot_container span {
		padding: 0px 0px 0px 10px;
		margin: 0px;
	}

	#foot_container a {
		text-decoration: none;
	}

	#foot_container a:hover {
		text-decoration: underline;
	}

	address {
		height: 20px;
		width: 370px;
		padding: 0px 0px 20px 0px;
		margin: 10px 10px 0px 430px;
		text-indent: -9999px;
		background: url(../index_files/address_bg.jpg) no-repeat top left;
	}

	#footerlink {
		width: 800px;
		text-align: right;
		padding: 5px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 10px;
	}

/* footer end ************************************************************/



/* common parts **********************************************************/

.date {
	color: #FF9900;
}

.infobox1 {
	width: 380px;
	background: url(../index_files/infobox1_bg.gif) repeat-y;
	border-bottom: solid #C0C0C0 1px;
}

.infobox1 li {
	list-style: none;
	text-align: left;
	padding: 0px 8px 5px 8px;
}


.infobox2 {
	width: 570px;
	background: url(../index_files/infobox2_bg.gif) repeat-y;
	border-bottom: solid #C0C0C0 1px;
}

.loginbox {
	width: 170px;
	background: url(../index_files/login_bg.gif) repeat-y;
	border-bottom: solid #C0C0C0 1px;
}

/* common parts end ******************************************************/

.infobox_font {
font-size:11px;
}



#this_container {
	width: 585px;
	padding: 0px;
	margin: 0px auto !important;
	float: none !important;
	text-align:left;
}