@charset "utf-8";

body {
	background-color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 18px;
}

#wrapper {

}

/* ヘッダー */

#header {
	overflow: hidden;
	max-width: 100%;
	background-color: #000;
	height: 150px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

#header h1 {
	overflow: hidden;
	width: 339px;
	height: 59px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#header h1 a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 335px;
	height: 59px;
}

/* ナビゲーション */

nav {

}

#nav ul {
	margin: 0 auto;
	width: 646px;
}

nav ul li a {
	float: left;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 52px;
}

nav ul li a:hover {
	display: block;
}

#nav ul li.nav01 a {
	background-image: url(../images/menu_01_off.png);
	width: 145px;
}

#nav ul li.nav01 a:hover {
	background-image: url(../images/menu_01_on.png);
}

#nav ul li.nav02 a {
	background-image: url(../images/menu_02_off.png);
	width: 158px;
}

#nav ul li.nav02 a:hover {
	background-image: url(../images/menu_02_on.png);
}

#nav ul li.nav03 a {
	background-image: url(../images/menu_03_off.png);
	width: 166px;
}

#nav ul li.nav03 a:hover {
	background-image: url(../images/menu_03_on.png);
}

#nav ul li.nav04 a {
	background-image: url(../images/menu_04_off.png);
	width: 86px;
}

#nav ul li.nav04 a:hover {
	background-image: url(../images/menu_04_on.png);
}

#nav ul li.nav05 a {
	background-image: url(../images/menu_05_off.png);
	width: 91px;
}

#nav ul li.nav05 a:hover {
	background-image: url(../images/menu_05_on.png);
}

/* コンテンツ */

#content {
	overflow: hidden;
	background-image: url(../images/bg.jpg);
}

#cover-image {
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 100px;
	width: 100%;
}

#index-image {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 60px;
}

#index-image img {
	width: 100%; 
    height:auto;
}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-top: 20px;
	text-align: center;
	margin-bottom: 80px;
}

.contents-image {
	margin: 30px 0px 0px 0px;
}

.contents-image-center {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
}

/* サブメニュー */

#submenu {

}

#submenu ul {
	width: 1024px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
}

#submenu ul li a {
	float: right;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 30px;
	margin-right: 10px;
}

#submenu ul li a:hover {
	display: block;
}

/* 通常演出 サブメニュー */

#submenu.demonstration ul li.menu_01 a {
	background-image: url(../images/previous_off.png);
	width: 76px;
}

#submenu.demonstration ul li.menu_01 a:hover {
	background-image: url(../images/previous_on.png);
}

#submenu.demonstration ul li.menu_02 a {
	background-image: url(../images/c_w_previous_off.png);
	width: 167px;
}

#submenu.demonstration ul li.menu_02 a:hover {
	background-image: url(../images/c_w_previous_on.png);
}

#submenu.demonstration ul li.menu_03 a {
	background-image: url(../images/reach_off.png);
	width: 80px;
}
#submenu.demonstration ul li.menu_03 a:hover {
	background-image: url(../images/reach_on.png);
}

#submenu.demonstration ul li.menu_01_on a {
	background-image: url(../images/previous_on.png);
	width: 76px;
}

#submenu.demonstration ul li.menu_02_on a {
	background-image: url(../images/c_w_previous_on.png);
	width: 167px;
}

#submenu.demonstration ul li.menu_03_on a {
	background-image: url(../images/reach_on.png);
	width: 80px;
}

/* 特徴 サブメニュー */

#submenu.info ul li.menu_01 a {
	background-image: url(../images/5point_off.png);
	width: 167px;
}

#submenu.info ul li.menu_01 a:hover {
	background-image: url(../images/5point_on.png);
}

#submenu.info ul li.menu_02 a {
	background-image: url(../images/5reach_off.png);
	width: 100px;
}

#submenu.info ul li.menu_02 a:hover {
	background-image: url(../images/5reach_on.png);
}

#submenu.info ul li.menu_01_on a {
	background-image: url(../images/5point_on.png);
	width: 167px;
}

#submenu.info ul li.menu_02_on a {
	background-image: url(../images/5reach_on.png);
	width: 100px;
}

/* ST サブメニュー */

#submenu.st ul li.menu_01 a {
	background-image: url(../images/st_flow_off.png);
	width: 100px;
}

#submenu.st ul li.menu_01 a:hover {
	background-image: url(../images/st_flow_on.png);
}

#submenu.st ul li.menu_02 a {
	background-image: url(../images/st_direction_off.png);
	width: 114px;
}

#submenu.st ul li.menu_02 a:hover {
	background-image: url(../images/st_direction_on.png);
}

#submenu.st ul li.menu_01_on a {
	background-image: url(../images/st_flow_on.png);
	width: 100px;
}

#submenu.st ul li.menu_02_on a {
	background-image: url(../images/st_direction_on.png);
	width: 114px;
}

.sp_menu {
	visibility: hidden;
	height: 0px;
}

#index-image-sp {
	visibility: hidden;
	height: 0px;
}

/* フッター */

#add {
	overflow: hidden;
	clear: left;
	background-color: #000;
	text-align: center;
	width: 100%;
	padding-top: 28px;
	padding-bottom: 28px;
	color: #FFF;
}


address {

}