@charset "UTF-8";


/*************リセット＆初期設定**************/

*{
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:0;
}

html{
	height:100%;
}


body{
	height:100%;
	font: 13px/1.231 helvetica,arial,clean,sans-serif;
	line-height: 1.6; 
	color:#333333;
	background:#ffffff;
}

a:focus{outline:none;}

img{border: 0}

ul{list-style:none;}
li{list-style-type:none;list-style-position:outside;}


.none{display:none;}

.left{float:left;}

.right{float:right;}

.clear{clear:both;}


#main_box{
	width:960px;
	height:600px;
	position:relative;
    top:50%;
    left:50%;
    margin-top:-300px;
    margin-left:-480px;
}



/***********************************/
/*************ヘッダー部分*************/
/***********************************/
#header{
	position:absolute;
	left:16px;
	top:16px;
	width:928px;
	height:58px;
}

#title_logo a{
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:477px;
	height:38px;
	background:url(../img/common/logo_site.gif) no-repeat;
}

#main_menu{
	position:absolute;
	bottom:0;
	right:0;
	height:26px;
	width:350px;
}


#main_menu li{
	float:left;
}

#main_menu li a{
	display:block;
	width:110px;
	height:26px;
	margin-right:10px;
}

* html #main_menu li#button_welcom a{
	width:120px;
	height:26px;
}


#button_honey a{background: #bebebe url(../img/common/button_honey.gif) no-repeat top;}
#button_rally a{background: #bebebe url(../img/common/button_rally.gif) no-repeat top;}
#button_welcome a{background: #bebebe url(../img/common/button_welcome.gif) no-repeat top;}
#button_honey a.selected, #button_honey a:hover{ background:url(../img/common/button_honey.gif) no-repeat bottom;}
#button_rally a.selected, #button_rally a:hover{ background:url(../img/common/button_rally.gif) no-repeat bottom;}
#button_welcome a.selected, #button_welcome a:hover{ background:url(../img/common/button_welcome.gif) no-repeat bottom;}

#languages{
	position:absolute;
	top:0;
	right:0;
	height:16px;
	width:90px;
}

* html #languages{margin-right:-10px;}

#languages li{float:left;}

#languages li a{
	display:block;
	height:12px;
}
.lang_brdr{ background:url(../img/common/lang_brdr.gif); width:16px;height:12px;}
#lang_en a{ background:url(../img/common/lang_en.gif) top; width:32px;}
#lang_jp a{ background:url(../img/common/lang_jp.gif) top; width:42px;}
#lang_en a:hover{ background:url(../img/common/lang_en.gif) bottom; width:32px;}
#lang_jp a:hover{ background:url(../img/common/lang_jp.gif) bottom; width:42px;}

/***********************************/
/**************本文部分***************/
/***********************************/
#acknowledged{
	position:absolute;
	left:330px;
	top:462px;
	width:470px;
	height:20px;
	z-index:4;
	font-size:61.6%;
	line-height:1.2;
	color:#666666;
}

/*************地図部分**************/
#map_canvas{
	position:absolute;
	right:16px;
	top:90px;
	width:680px;
	height:400px;
	border:1px solid #bbbbbb;
}



/***********************************/
/*************フッター部分*************/
/***********************************/

#footer{
	position:absolute;
	left:16px;
	bottom:0;
	width:928px;
	height:100px;
}

#spot_menu{
	position:absolute;
	bottom:24px;
	left:0;
	height:70px;
	width:928px;
	background:url(../img/common/spot_menu_bg.gif) no-repeat;
}

#spot_menu li{
	float:left;
}

#spot_menu li a{
	display:block;
	width:50px;
	height:50px;
	margin:5px 10px 5px 0;
}

#spot_menu li.dummy a{
	background:#999999;
}

#copyright{
	position:absolute;
	bottom:2px;
	left:0px;
	width:928px;
	font-size:10px;
	color:#999999;
	text-align:center;
}