@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : home.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	
/* ********************************************************************************
 * Link
 * ******************************************************************************** */

a {
	outline: none;
}
/* a:link */
a:link {
	color: #575757;
	text-decoration: underline;
}
/* a:active */
a:active {
	color: #575757;
	text-decoration: underline;
}
/* a:visited */
a:visited {
	color: #575757;
	text-decoration: underline;
}
/* a:hover */
a:hover {
	color: #009be5;
	text-decoration: none;
}


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */

.clearfix:after,
div#header ul#siteInfo:after,
div#content:after,
div#content div#topics dl:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div#header ul#siteInfo,
div#content,
div#content div#topics dl {
	display: inline-block;
}
* html .clearfix,
* html div#header ul#siteInfo,
* html div#content,
* html div#content div#topics dl {
	height: 1%;
}
.clearfix,
div#header ul#siteInfo,
div#content,
div#content div#topics dl {
	display: block;
}


/* ********************************************************************************
 * ■トップページ
 * file path : /index.html
 * ******************************************************************************** */

html,
body {
	height: 100%;
}
/* body */
body {
	background: url(../images/body_bg.gif) 50% 0 repeat-y;
	font-family: "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,"ＭＳ Ｐゴシック";
	text-align: center; /* for IE6 */
	color: #575757;
}

/* p#noScript
------------------------------------------------------------*/
p#noScript {
	display: block;
	position:absolute; top:50%; left:50%;
	width: 534px;
	height: 287px;
	margin: -143px 0 0 -267px;
	background: url(../images/noscript.png) 0 0 no-repeat;
	_background: url(../images/noscript.gif) 0 0 no-repeat;
	z-index: 1000;
	text-indent: -9000px;
}

/* div#zinbe
------------------------------------------------------------*/
object {
	outline:none;
}
/* div#zinbe
------------------------------------------------------------*/
#zinbe {
	position:absolute; top:100px; left:0px;
    width:650px;
	height:227px;
	overflow:hidden;
	z-index:9;
}
/* #cardmenuContainer
------------------------------------------------------------*/
div#cardmenuContainer {
	position:fixed;	bottom:0; left:0;
	width: 100%;
	height: 220px;
	overflow: hidden;
	z-index: 100;
}
/* #cardmenu
------------------------------------------------------------*/
#cardmenu {
	position:absolute; top:0; left:0;
	width: 100%;
	height: 220px;
	overflow: hidden;
}
/* #menuFla
------------------------------------------------------------*/
#menuFla {
	position:absolute; top:98px; left:0;
	width: 100%;
	height: 55px;
	z-index: 5000;
	overflow: hidden;
}

/* #bgFla
------------------------------------------------------------*/
#backgroundFla {
	position:absolute; top:0; left:0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* div#background
------------------------------------------------------------*/
div#background {
	position: relative;
	width: 100%;
	background: url(../images/foot_bg.jpg) 50% 100% no-repeat;
	z-index: 1;
}

/* div#container
 * ******************************************************************************** */
div#container {
	position: relative;
	width: 100%;
	background: url(../images/main_bg.jpg) 50% 0 no-repeat;
	text-align: left;
	z-index: 5;
}

/* div#header
 * ******************************************************************************** */
div#header {
	position: relative;
	width: 872px;
	height: 116px;
	margin: 0 auto;
	z-index: 100;
}
/* h1#logo */
div#header h1#logo {
	position:absolute; top:17px; left:4px;
}
div#header h1#logo a {
	display: block;
	position: relative;
	width: 130px;
	height: 31px;
	background: url(../index_images/logo.png) 0 0 no-repeat;
	_background: url(../index_images/logo.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}
/* p.description */
div#header p.description {
	display: block;
	position:absolute; top:38px; left:152px;
	width: 114px;
	height: 11px;
	background: url(../index_images/txt_description.png) 0 0 no-repeat;
	_background: url(../index_images/txt_description.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* #globalNavi
------------------------------------------------------------*/
div#header #globalNavi {
	display: block;
	position:absolute; top:59px; left:0;
	width: 872px;
	height: 52px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	z-index: 8;
}
/* ul#siteInfo
------------------------------------------------------------*/
div#header ul#siteInfo {
	position:absolute; top:36px; right:206px;
	/*width: 211px;*/
	width: 70px;
	height: 13px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	z-index: 500;
}
div#header ul#siteInfo li {
	float: left;
}
div#header ul#siteInfo li a {
	display: block;
	height: 13px;
	background: url(../index_images/site_info.png) 0 0 no-repeat;
	_background: url(../index_images/site_info.gif) 0 0 no-repeat;
}
/* li.press */
div#header ul#siteInfo li.press a {
	/*width: 82px;*/
	width: 70px;
}
div#header ul#siteInfo li.press a:hover {
	background-position: 0 100%;
}
/* div.search
------------------------------------------------------------*/
div#header div.search {
	position:absolute; top:32px; left:679px;
	width: 191px;
	height: 22px;
}
/* p.searchText */
div#header div.search p.searchText {
	width: 131px;
	height: 20px;
	padding: 2px 0 0 4px;
	background: url(../index_images/search_txt_bg.png) 0 0 no-repeat;
	_background: url(../index_images/search_txt_bg.gif) 0 0 no-repeat;
}
div#header div.search p.searchText input {
	width: 120px;
	height: 15px;
	background: url(../index_images/search_txt.gif) 0 1px no-repeat;
	_background: url(../index_images/search_txt.gif) 0 0 no-repeat;
	border: none;
	line-height: 1.1;
	outline: none;
}
/* input.focus */
div#header div.search p.searchText input.focus {
	background-image: none;
}
/* p.btnSearch */
div#header div.search .btnSearch {
	position:absolute; top:0; right:0;
}
/* p.link-Inquiry */
div#header p.link-Inquiry {
	position:absolute; top:0; right:195px;
	width: 134px;
	height: 24px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#header p.link-Inquiry a {
	display: block;
	width: 134px;
	height: 24px;
	background: url(../index_images/link_inquiry.png) 0 0 no-repeat;
	_background: url(../index_images/link_inquiry.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#header p.link-Inquiry a:hover {
	background-position: 0 100%;
}
/* p#gameButton */
div#header p#gameButton {
	position:absolute; top:0; right:100px;
	width: 94px;
	height: 24px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	cursor: default;
}
/* p.on */
div#header p.on {
	background: url(../index_images/btn_game_on.png) 0 0 no-repeat;
	_background: url(../index_images/btn_game_on.gif) 0 0 no-repeat;
}
/* p.off */
div#header p.off {
	background: url(../index_images/btn_game_off.png) 0 0 no-repeat;
	_background: url(../index_images/btn_game_off.gif) 0 0 no-repeat;
}
/* p.link-Language */
div#header p.link-Language {
	position:absolute; top:0; right:3px;
	width: 94px;
	height: 24px;
	background: url(../index_images/link_language_off.png) 0 0 no-repeat;
	_background: url(../index_images/link_language_off.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#header p.link-Language a {
	display: block;
	width: 94px;
	height: 24px;
	background: url(../index_images/link_language.png) 0 0 no-repeat;
	_background: url(../index_images/link_language.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#header p.link-Language a:hover {
	background-position: 0 100%;
}

/* #topFla
 * ******************************************************************************** */
#topFla {
	position:absolute; top:156px; left:0;
	width: 100%;
	height: 516px;
	z-index: 500;
}

/* div#content
 * ******************************************************************************** */
div#content {
	position: relative;
	width: 872px;
	margin: 0 auto;
	padding-top: 523px;
	background: url(../index_images/content_bg.png) 50% 0 no-repeat;
	_background: url(../index_images/content_bg.jpg) 50% 0 no-repeat;
	z-index: 100;
}
/* div#topics
 * -------------------------------------------------------------------------------- */
div#content div#topics {
	display: inline;
	float: left;
	width: 298px;
	margin-left: 24px;
}
/* h2 */
div#content div#topics h2 {
	margin-bottom: 5px;
}
div#content div#topics h2 a {
	display: block;
	width: 298px;
	height: 33px;
	background: url(../index_images/link_topics.jpg) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#content div#topics h2 a:hover {
	background-position: 0 100%;
}
/* dl
------------------------------------------------------------*/
div#content div#topics dl {
	width: 280px;
	margin: 0 auto;
	padding: 11px 0 10px;
	background: url(../index_images/dot_line_1.gif) 0 100% repeat-x;
}
/* dl.last */
div#content div#topics dl.last {
	padding-bottom: 0;
	background: none;
}
div#content div#topics dl dt {
	float: left;
}
/* dt img */
div#content div#topics dl dt img {
	width: 49px;
	height: 41px;
}
/* dt a img */
div#content div#topics dl dt a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
/* dd.data */
div#content div#topics dl dd.data {
	float: right;
	width: 222px;
	margin-bottom: 2px;
	line-height: 1.1;
	font-size: 12px;
	color: #009be5;
}
/* span.icon */
div#content div#topics dl dd.data span.icon {
	padding-left: 4px;
	vertical-align: middle;
}
/* dd.title */
div#content div#topics dl dd.title {
	float: right;
	width: 222px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	font-size: 10px;
	line-height: 1.2;
}
div#content div#topics dl dd.title a:hover {
	color: #575757;
}

/* dl.on dt a img */
div#content div#topics dl.on dt a img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
/* dl.on dd.title a */
div#content div#topics dl.on dd.title a {
	color: #575757;
	text-decoration: none;
}
/* p.link-topics */
div#content div#topics p.link-topics {
	margin: 12px 0 0 175px;
}
div#content div#topics p.link-topics a {
	display: block;
	width: 118px;
	height: 10px;
	background: url(../index_images/link_topics_2.jpg) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#content div#topics p.link-topics a:hover {
	background-position: 0 100%;
}

/* div#bannerArea
 * -------------------------------------------------------------------------------- */
div#content div#bannerArea {
	display: inline;
	float: left;
	width: 298px;
	margin: 0 18px;
}
/* ul */
div#content div#bannerArea ul {
	line-height: 0;
	font-size: 0;
}
div#content div#bannerArea ul li {
	position: relative;
	margin-bottom: 10px;
}
/* a img */
div#content div#bannerArea ul li a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
/* span.icon_kaisai */
div#content div#bannerArea ul li span.icon_kaisai {
	position:absolute; top:-7px; right:-9px;
	z-index: 100;
}

/* div#guide
 * -------------------------------------------------------------------------------- */
div#content div#guide {
	float: left;
	width:187px;
}
/* h2 */
div#content div#guide h2 {
	margin-bottom: 14px;
}
div#content div#guide h2 a {
	display: block;
	width: 187px;
	height: 33px;
	background: url(../index_images/link_guide.jpg) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#content div#guide h2 a:hover {
	background-position: 0 100%;
}
/* ul */
div#content div#guide ul {
	margin-left: 2px;
	line-height: 0;
	font-size: 0;
}
div#content div#guide ul li {
	position: relative;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e9eaeb;
}
/* li.last */
div#content div#guide ul li.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
/* span.link-coupon */
div#content div#guide ul li span.link-coupon {
	position:absolute; top:18px; left:56px;
}
/* span.link-tenant */
div#content div#guide ul li span.link-tenant {
	position:absolute; top:18px; left:98px;
}

/* p.fish_1 */
div#content p.fish1 {
	position:absolute; top:698px; left:-49px;
	font-size: 0;
	line-height: 0;
	z-index: 500;
	display: none;
}

/* div#footer
 * ******************************************************************************** */
div#footer {
	position: relative;
	width: 872px;
	height: 225px;
	height: 200px;
	margin: 0 auto;
	background: url(../index_images/footer_bg.png) 0 0 no-repeat;
	_background: url(../index_images/footer_bg.gif) 50% 0 no-repeat;
	z-index: 100;
}
/* ul#footerNavi
------------------------------------------------------------*/
div#footer ul#footerNavi {
	position:absolute; top:30px; left:23px;
	font-family: Verdana,"Courier New",Courier,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
	font-size: 10px;
	line-height: 1.2;
	color: #4d4d4d;
}
div#footer ul#footerNavi li {
	display: inline;
	padding: 0 10px 0 5px;
	background: url(../images/footer_navi_separator.gif) 100% 50% no-repeat;
}
/* li.recruit */
div#footer ul#footerNavi li.recruit {
	background: none;
}
div#footer ul#footerNavi li a {
	text-decoration: none;
}
div#footer ul#footerNavi li a:hover {
	text-decoration: underline;
}
/* p#copyright */
div#footer p#copyright {
	position:absolute; top:29px; right:28px;
	font-family: Verdana,"Courier New",Courier,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
	font-size: 10px;
	text-align: right;
	line-height: 1.5;	
	color: #4d4d4d;
}