@charset "shift-jis";
/*----------------------------------------------------------------------------------
Ctrl + F
	レイアウト
	ヘッダー周り
	パンくずリスト
	ナビ周り
	キャラクター
	家紋
	ページタイトル
	ページサブタイトル
	本文
	ジャンプボタン
----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
	レイアウト
----------------------------------------------------------------------------------*/
#header {
	width: 850px;
	height: 146px;
	position: relative;
	background: url(../img/bg/header.jpg) no-repeat;
}
#content {
	width: 850px;
	position: relative;
	background: url(../img/bg/content.jpg) repeat-y;
}
#nav_main {
	float: left;
	width: 229px;
	margin-top: 21px;
	padding: 0px;
}
#main {
	float: left;
	width: 621px;
	margin: 0px;
	padding: 0px;
	position: relative;
}


/*----------------------------------------------------------------------------------
	ヘッダー周り
----------------------------------------------------------------------------------*/
#logo_sega {
	float: right;
}
#logo_sega a {
	width: 63px;
	height: 21px;
	margin: 8px 46px 0px 0px;
	display: block;
	background: transparent;
}
#logo_title {
	float: left;
}
#logo_title a {
	width: 215px;
	height: 114px;
	margin: 9px 0px 0px 49px;
	display: block;
	background: transparent;
}
#header p {
	text-indent: -9999px;
}


/*----------------------------------------------------------------------------------
	パンくずリスト
----------------------------------------------------------------------------------*/
#breadcrumbs {
	position: absolute;
	right: 47px;
	bottom: 14px;
}
#breadcrumbs a {
	text-decoration: none;
}
#start {
	float: left;
	height: 16px;
	padding-left: 7px;
	background: url(../img/bg/breadcrumbs_l.gif) no-repeat;
}
.arrow {
	float: left;
	width: 11px;
	height: 16px;
	text-indent: -9999px;
	background: url(../img/bg/breadcrumbs_arrow.gif) no-repeat;
}
.level {
	float: left;
	height: 16px;
	background: #fff8d5;
}
#end {
	float: left;
	height: 16px;
	padding-right: 4px;
	font-weight: bold;
	background: url(../img/bg/breadcrumbs_r.gif) no-repeat right;
}


/*----------------------------------------------------------------------------------
	ナビ周り
----------------------------------------------------------------------------------*/
#nav_main li {
	margin: 0px 0px 0px 36px;
	text-indent: -9999px;
}
#nav_main li a {
	width: 193px;
	height: 62px;
	display: block;
}
#nav_main_010 a {
	background: url(../img/btn/nav_main_010.jpg) 0 0 no-repeat;
}
#nav_main_010 a:hover {
	background: url(../img/btn/nav_main_010.jpg) 0 -62px no-repeat;
}
#nav_main_010_select a {
	background: url(../img/btn/nav_main_010.jpg) 0 -124px no-repeat;
}
#nav_main_010_select a:hover {
	background: url(../img/btn/nav_main_010.jpg) 0 -62px no-repeat;
}
#nav_main_020 a {
	background: url(../img/btn/nav_main_020.jpg) 0 0 no-repeat;
}
#nav_main_020 a:hover {
	background: url(../img/btn/nav_main_020.jpg) 0 -62px no-repeat;
}
#nav_main_020_select a {
	background: url(../img/btn/nav_main_020.jpg) 0 -124px no-repeat;
}
#nav_main_020_select a:hover {
	background: url(../img/btn/nav_main_020.jpg) 0 -62px no-repeat;
}
#nav_main_030 a {
	background: url(../img/btn/nav_main_030.jpg) 0 0 no-repeat;
}
#nav_main_030 a:hover {
	background: url(../img/btn/nav_main_030.jpg) 0 -62px no-repeat;
}
#nav_main_030_select a {
	background: url(../img/btn/nav_main_030.jpg) 0 -124px no-repeat;
}
#nav_main_030_select a:hover {
	background: url(../img/btn/nav_main_030.jpg) 0 -62px no-repeat;
}
#nav_main_040 a {
	background: url(../img/btn/nav_main_040.jpg) 0 0 no-repeat;
}
#nav_main_040 a:hover {
	background: url(../img/btn/nav_main_040.jpg) 0 -62px no-repeat;
}
#nav_main_040_select a {
	background: url(../img/btn/nav_main_040.jpg) 0 -124px no-repeat;
}
#nav_main_040_select a:hover {
	background: url(../img/btn/nav_main_040.jpg) 0 -62px no-repeat;
}
#nav_main_050 a {
	background: url(../img/btn/nav_main_050.jpg) 0 0 no-repeat;
}
#nav_main_050 a:hover {
	background: url(../img/btn/nav_main_050.jpg) 0 -62px no-repeat;
}
#nav_main_050_select a {
	background: url(../img/btn/nav_main_050.jpg) 0 -124px no-repeat;
}
#nav_main_050_select a:hover {
	background: url(../img/btn/nav_main_050.jpg) 0 -62px no-repeat;
}
#nav_main_060 a {
	background: url(../img/btn/nav_main_060.jpg) 0 0 no-repeat;
}
#nav_main_060 a:hover {
	background: url(../img/btn/nav_main_060.jpg) 0 -62px no-repeat;
}
#nav_main_060_select a {
	background: url(../img/btn/nav_main_060.jpg) 0 -124px no-repeat;
}
#nav_main_060_select a:hover {
	background: url(../img/btn/nav_main_060.jpg) 0 -62px no-repeat;
}
#nav_main_070 a {
	background: url(../img/btn/nav_main_070.jpg) 0 0 no-repeat;
}
#nav_main_070 a:hover {
	background: url(../img/btn/nav_main_070.jpg) 0 -62px no-repeat;
}
#nav_main_070_select a {
	background: url(../img/btn/nav_main_070.jpg) 0 -124px no-repeat;
}
#nav_main_070_select a:hover {
	background: url(../img/btn/nav_main_070.jpg) 0 -62px no-repeat;
}
#nav_main_080 a {
	background: url(../img/btn/nav_main_080.jpg) 0 0 no-repeat;
}
#nav_main_080 a:hover {
	background: url(../img/btn/nav_main_080.jpg) 0 -62px no-repeat;
}
#nav_main_080_select a {
	background: url(../img/btn/nav_main_080.jpg) 0 -124px no-repeat;
}
#nav_main_080_select a:hover {
	background: url(../img/btn/nav_main_080.jpg) 0 -62px no-repeat;
}
#nav_main_090 a {
	background: url(../img/btn/nav_main_090.jpg) 0 0 no-repeat;
}
#nav_main_090 a:hover {
	background: url(../img/btn/nav_main_090.jpg) 0 -62px no-repeat;
}
#nav_main_090_select a {
	background: url(../img/btn/nav_main_090.jpg) 0 -124px no-repeat;
}
#nav_main_090_select a:hover {
	background: url(../img/btn/nav_main_090.jpg) 0 -62px no-repeat;
}
#nav_main_100 a {
	background: url(../img/btn/nav_main_100.jpg) 0 0 no-repeat;
}
#nav_main_100 a:hover {
	background: url(../img/btn/nav_main_100.jpg) 0 -62px no-repeat;
}
#nav_main_100_select a {
	background: url(../img/btn/nav_main_100.jpg) 0 -124px no-repeat;
}
#nav_main_100_select a:hover {
	background: url(../img/btn/nav_main_100.jpg) 0 -62px no-repeat;
}
#nav_main_110 a:hover {
	background: url(../img/btn/nav_main_110.jpg) 0 -62px no-repeat;
}
#nav_main_110_select a {
	background: url(../img/btn/nav_main_110.jpg) 0 -124px no-repeat;
}
#nav_main_110_select a:hover {
	background: url(../img/btn/nav_main_110.jpg) 0 -62px no-repeat;
}

#nav_main_990 {
	width: 193px;
	height: 8px;
	margin: 0px 0px 150px 36px;
	display: block;
	background: url(../img/btn/nav_main_990.jpg) 0 0 no-repeat;
}


/*----------------------------------------------------------------------------------
	キャラクター
----------------------------------------------------------------------------------*/
#chara_00 {
	z-index: 100;
	width: 134px;
	height: 152px;
	text-indent: -9999px;
	position: absolute;
	left: 40px;
	bottom: 9px;
	background: url(../img/bg/chara_00.gif) 0 0 no-repeat;
}
#chara_00:hover {
	background: url(../img/bg/chara_00.gif) 0 -152px no-repeat;
}
#chara_00:active {
	height: 182px;
	background: url(../img/bg/chara_00.gif) 0 -304px no-repeat;
}

.chara {
	z-index: 100;
	width: 144px;
	height: 145px;
	text-indent: -9999px;
	position: absolute;
	left: 74px;
	bottom: 9px;
	background: url(../img/bg/chara_book.gif) 0 0 no-repeat;
}
.chara:hover {
	background: url(../img/bg/chara_book.gif) 0 -145px no-repeat;
}
.chara:active {
	position: absolute;
	bottom: 5px;
}

#chara_01:active {
	width: 281px;
	height: 217px;
	position: absolute;
	left: -30px;
	background: url(../img/bg/chara_01.gif) no-repeat;
}
#chara_02:active {
	width: 213px;
	height: 206px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_02.gif) no-repeat;
}
#chara_03:active {
	width: 256px;
	height: 200px;
	position: absolute;
	left: -5px;
	background: url(../img/bg/chara_03.gif) no-repeat;
}
#chara_04:active {
	width: 226px;
	height: 179px;
	position: absolute;
	left: 25px;
	background: url(../img/bg/chara_04.gif) no-repeat;
}
#chara_05:active {
	width: 210px;
	height: 205px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_05.gif) no-repeat;
}
#chara_06:active {
	width: 214px;
	height: 209px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_06.gif) no-repeat;
}
#chara_07:active {
	width: 225px;
	height: 166px;
	position: absolute;
	left: 26px;
	background: url(../img/bg/chara_07.gif) no-repeat;
}
#chara_08:active {
	width: 218px;
	height: 281px;
	position: absolute;
	left: 33px;
	background: url(../img/bg/chara_08.gif) no-repeat;
}
#chara_09:active {
	width: 210px;
	height: 245px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_09.gif) no-repeat;
}
#chara_10:active {
	width: 210px;
	height: 224px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_10.gif) no-repeat;
}
#chara_11:active {
	width: 210px;
	height: 207px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_11.gif) no-repeat;
}
#chara_12:active {
	width: 210px;
	height: 216px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_12.gif) no-repeat;
}
#chara_13:active {
	width: 210px;
	height: 195px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_13.gif) no-repeat;
}
#chara_14:active {
	width: 210px;
	height: 186px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_14.gif) no-repeat;
}
#chara_15:active {
	width: 210px;
	height: 200px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_15.gif) no-repeat;
}
#chara_16:active {
	width: 210px;
	height: 206px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_16.gif) no-repeat;
}
#chara_17:active {
	width: 210px;
	height: 199px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_17.gif) no-repeat;
}
#chara_18:active {
	width: 210px;
	height: 188px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_18.gif) no-repeat;
}
#chara_19:active {
	width: 210px;
	height: 188px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_19.gif) no-repeat;
}
#chara_20:active {
	width: 210px;
	height: 188px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_20.gif) no-repeat;
}
#chara_21:active {
	width: 210px;
	height: 188px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_21.gif) no-repeat;
}
#chara_22:active {
	width: 210px;
	height: 188px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_22.gif) no-repeat;
}
#chara_23:active {
	width: 210px;
	height: 188px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_23.gif) no-repeat;
}

#chara_24:active {
	width: 210px;
	height: 188px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_24.gif) no-repeat;
}

#chara_25:active {
	width: 210px;
	height: 188px;
	position: absolute;
	left: 41px;
	background: url(../img/bg/chara_25.gif) no-repeat;
}

/*----------------------------------------------------------------------------------
	家紋
----------------------------------------------------------------------------------*/
#kamon_01 {
	z-index: 100;
	width: 25px;
	height: 21px;
	position: absolute;
	left: 819px;
	top: 467px;
	background: url(../img/bg/kamon_011.gif) 0 0 no-repeat;
}
#kamon_01:hover {
	background: url(../img/bg/kamon_011.gif) 0 -21px no-repeat;
}
#kamon_01:active {
	width: 200px;
	height: 148px;
	position: absolute;
	left: 654px;
	top: 340px;
	background: url(../img/bg/kamon_012.gif) 0 0 no-repeat;
}

#kamon_07 {
	z-index: 100;
	width: 30px;
	height: 28px;
	position: absolute;
	left: 816px;
	top: 464px;
	background: url(../img/bg/kamon_071.gif) 0 0 no-repeat;
}
#kamon_07:hover {
	background: url(../img/bg/kamon_071.gif) 0 -28px no-repeat;
}
#kamon_07:active {
	width: 200px;
	height: 137px;
	position: absolute;
	left: 672px;
	top: 355px;
	background: url(../img/bg/kamon_072.gif) 0 0 no-repeat;
}


/*----------------------------------------------------------------------------------
	ページタイトル
----------------------------------------------------------------------------------*/
#main h2 {
	width: 585px;
	height: 55px;
	margin-right: 36px;
	position: relative;
}
#title_main_010 {
	background: url(../img/title/main_010.jpg) no-repeat;
}
#title_main_020 {
	background: url(../img/title/main_020.jpg) no-repeat;
}
#title_main_030 {
	background: url(../img/title/main_030.jpg) no-repeat;
}
#title_main_040 {
	background: url(../img/title/main_040.jpg) no-repeat;
}
#title_main_041 {
	background: url(../img/title/main_041.jpg) no-repeat;
}
#title_main_050 {
	background: url(../img/title/main_050.jpg) no-repeat;
}
#title_main_060 {
	background: url(../img/title/main_060.jpg) no-repeat;
}
#title_main_070 {
	background: url(../img/title/main_070.jpg) no-repeat;
}
#title_main_071 {
	background: url(../img/title/main_071.jpg) no-repeat;
}
#title_main_072 {
	background: url(../img/title/main_072.jpg) no-repeat;
}
#title_main_073 {
	height: 81px !important;
	position: absolute;
	top: -5px;
	background: url(../img/title/main_073.jpg) no-repeat;
}
#title_main_074 {
	background: url(../img/title/main_074.jpg) no-repeat;
}
#title_main_080 {
	background: url(../img/title/main_080.jpg) no-repeat;
}
#title_main_090 {
	height: 81px !important;
	position: absolute;
	top: -5px;
	background: url(../img/title/main_090.jpg) no-repeat;
}


#title_main_100 {
	background: url(../img/title/main_100.jpg) no-repeat;
}
#title_main_110 {
	background: url(../img/title/main_110.jpg) no-repeat;
}


#title_main_990 {
	background: url(../img/title/main_990.jpg) no-repeat;
}

/*----------------------------------------------------------------------------------
	ページサブタイトル
----------------------------------------------------------------------------------*/
#main h3 {
	clear: both;
}
.title_sub {
	width: 525px;
	height: 24px;
	padding: 17px 0px 0px 60px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	text-indent: 0px;
	background: url(../img/title/sub.jpg) no-repeat;
}


/*----------------------------------------------------------------------------------
	本文
----------------------------------------------------------------------------------*/
.text_title {
	margin: 20px 56px 15px 20px;
	font-size: 11pt;
	line-height: 160%;
	text-align: center;
}
.text_main {
	margin: 10px 56px 10px 20px;
	font-size: 11pt;
	line-height: 160%;
}

.text_main_top {
	xheight: 28px;
	background: url(../img/bg/main_top.jpg) no-repeat;
}
.text_main_middle {
	padding: 1px 30px 1px 30px;
	background: url(../img/bg/main_middle.jpg) repeat-y;
}
.text_main_bottom {
	height: 26px;
	margin-bottom: 10px;
	background: url(../img/bg/main_bottom.jpg) no-repeat;
}

#main_map li {
	display: block;
	line-height: 100%;
}
#main_map .point_big {
	height: 20px;
	margin: 30px 36px 0px 30px;
	padding: 2px 0px 0px 43px;
	font-size: 12pt;
	background: url(../img/icon/point_big.gif) no-repeat;
}
#main_map .point_small {
	margin: 15px 36px 20px 50px;
	padding-left: 23px;
	font-size: 10pt;
	background: url(../img/icon/point_small.gif) 0 2px no-repeat;
}


/*----------------------------------------------------------------------------------
	ジャンプボタン
----------------------------------------------------------------------------------*/
.nav_jump {
	clear: both;
	float: right;
	width: 89px;
	padding: 0px 60px 15px 0px;
	text-indent: -9999px;
}
.nav_jump a {
	width: 89px;
	height: 16px;
	display: block;
}
.jump_top a {
	background: url(../img/btn/nav_jump_top.gif) 0 0 no-repeat;
}
.jump_top a:hover {
	background: url(../img/btn/nav_jump_top.gif) 0 -16px no-repeat;
}
#jump_index a {
	margin-top: 5px;
	background: url(../img/btn/nav_jump_index.gif) 0 0 no-repeat;
}
#jump_index a:hover {
	background: url(../img/btn/nav_jump_index.gif) 0 -16px no-repeat;
}
#jump_back a {
	background: url(../img/btn/nav_jump_back.gif) 0 0 no-repeat;
	margin-top: 5px;
}
#jump_back a:hover {
	background: url(../img/btn/nav_jump_back.gif) 0 -16px no-repeat;
	margin-top: 5px;
}