/* ---- GLOVAL NAVIGATION ---- */

#navi_back{	
	width:100%;
	height:43px;
	margin: 0px;
	padding: 0px;
	background: url(../image/common/g_navi_back2.gif) repeat-x;
	text-align:center;
}


#navi{	
	width:820px;
	height:43px;
	margin: 0px auto;
	padding: 0px;
	background: url(../image/common/g_navi_back.gif) no-repeat;

}




#navi ul{
	margin:0px;
	padding:0px;
	display:block;
	left:0px;
	width:820px;
}



#navi li{
float: left;
list-style-type: none;
}



#navi li#navi_01 a{
	background: url(../image/common/navi_01.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:83px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_01 a:hover{
	background: url(../image/common/navi_01_over.gif) no-repeat;
}

#navi li#navi_01_on a{
	background: url(../image/common/navi_01_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:83px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_01_on {
	background: url(../image/common/navi_01_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:83px;
	height:43px;
	overflow:hidden;
}


#navi li#navi_02 a{
	background: url(../image/common/navi_02.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_02 a:hover{
	background: url(../image/common/navi_02_over.gif) no-repeat;
}

#navi li#navi_02_on a{
	background: url(../image/common/navi_02_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_02_on {
	background: url(../image/common/navi_02_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}



#navi li#navi_03 a{
	background: url(../image/common/navi_03.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_03 a:hover{
	background: url(../image/common/navi_03_over.gif) no-repeat;
}


#navi li#navi_03_on a{
	background: url(../image/common/navi_03_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_03_on {
	background: url(../image/common/navi_03_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}


#navi li#navi_04 a{
	background: url(../image/common/navi_04.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_04 a:hover{
	background: url(../image/common/navi_04_over.gif) no-repeat;
}


#navi li#navi_04_on a{
	background: url(../image/common/navi_04_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_04_on {
	background: url(../image/common/navi_04_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}


#navi li#navi_05 a{
	background: url(../image/common/navi_05.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_05 a:hover{
	background: url(../image/common/navi_05_over.gif) no-repeat;
}


#navi li#navi_05_on a{
	background: url(../image/common/navi_05_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_05_on {
	background: url(../image/common/navi_05_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}


#navi li#navi_06 a{
	background: url(../image/common/navi_06.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_06 a:hover{
	background: url(../image/common/navi_06_over.gif) no-repeat;
}


#navi li#navi_06_on a{
	background: url(../image/common/navi_06_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_06_on {
	background: url(../image/common/navi_06_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}


#navi li#navi_07 a{
	background: url(../image/common/navi_07.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_07 a:hover{
	background: url(../image/common/navi_07_over.gif) no-repeat;
}


#navi li#navi_07_on a{
	background: url(../image/common/navi_07_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_07_on {
	background: url(../image/common/navi_07_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}


#navi li#navi_08 a{
	background: url(../image/common/navi_08.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_08 a:hover{
	background: url(../image/common/navi_08_over.gif) no-repeat;
}


#navi li#navi_08_on a{
	background: url(../image/common/navi_08_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_08_on {
	background: url(../image/common/navi_08_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:81px;
	height:43px;
	overflow:hidden;
}


#navi li#navi_09 a{
	background: url(../image/common/navi_09.gif) no-repeat;
	display:none;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_09 a:hover{
	background: url(../image/common/navi_09_over.gif) no-repeat;
}


#navi li#navi_09_on a{
	background: url(../image/common/navi_09_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_09_on {
	background: url(../image/common/navi_09_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:82px;
	height:43px;
	overflow:hidden;
}


#navi li#navi_10 a{
	background: url(../image/common/navi_10.gif) no-repeat;
	display:block;
	margin-left:82px;
	text-decoration:none;
	text-indent: -9999px;
	width:84px;
	height:43px;
	overflow:hidden;

}

#navi li#navi_10 a:hover{
	background: url(../image/common/navi_10_over.gif) no-repeat;
}


#navi li#navi_10_on a{
	background: url(../image/common/navi_10_on.gif) no-repeat;
	display:block;
	margin-left:82px;
	text-decoration:none;
	text-indent: -9999px;
	width:84px;
	height:43px;
	overflow:hidden;
}

#navi li#navi_10_on {
	background: url(../image/common/navi_10_on.gif) no-repeat;
	display:block;
	margin-left:82px;
	text-decoration:none;
	text-indent: -9999px;
	width:84px;
	height:43px;
	overflow:hidden;
}



/* ---- NAVIGATION STORY ---- */


#story_contents_left ul{
	margin:0px;
	padding:0px;
	display:block;
	width:202px;
	height:400px;
}


#story_contents_left li{
	list-style-type: none;
	margin-left:6px;
}



#story_contents_left li#story_navi_01 a{
	background: url(../image/story/s_navi_01.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:30px;
	overflow:hidden;
	margin-top:6px;
}

#story_contents_left li#story_navi_01 a:hover{
	background: url(../image/story/s_navi_01_over.gif) no-repeat;
}

#story_contents_left li#story_navi_01_on{
	background: url(../image/story/s_navi_01_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:30px;
	overflow:hidden;
	margin-top:6px;
}




#story_contents_left li#story_navi_02 a{
	background: url(../image/story/s_navi_02.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:30px;
	overflow:hidden;
}

#story_contents_left li#story_navi_02 a:hover{
	background: url(../image/story/s_navi_02_over.gif) no-repeat;
}

#story_contents_left li#story_navi_02_on{
	background: url(../image/story/s_navi_02_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:30px;
	overflow:hidden;
}




#story_contents_left li#story_navi_03 a{
	background: url(../image/story/s_navi_03.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:30px;
	overflow:hidden;
}

#story_contents_left li#story_navi_03 a:hover{
	background: url(../image/story/s_navi_03_over.gif) no-repeat;
}

#story_contents_left li#story_navi_03_on{
	background: url(../image/story/s_navi_03_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:30px;
	overflow:hidden;
}




#story_contents_left li#story_navi_04 a{
	background: url(../image/story/s_navi_04.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:30px;
	overflow:hidden;
}

#story_contents_left li#story_navi_04 a:hover{
	background: url(../image/story/s_navi_04_over.gif) no-repeat;
}

#story_contents_left li#story_navi_04_on{
	background: url(../image/story/s_navi_04_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:30px;
	overflow:hidden;
}




#story_contents_left li#story_navi_05 a{
	background: url(../image/story/s_navi_05.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:45px;
	overflow:hidden;
}

#story_contents_left li#story_navi_05 a:hover{
	background: url(../image/story/s_navi_05_over.gif) no-repeat;
}

#story_contents_left li#story_navi_05_on{
	background: url(../image/story/s_navi_05_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:45px;
	overflow:hidden;
}




/* ---- NAVIGATION STYLE ---- */


#style_contents_left ul{
	margin:0px;
	padding:0px;
	display:block;
	width:202px;
	height:750px;
}


#style_contents_left li{
	list-style-type: none;
	margin-left:6px;
}



#style_contents_left li#style_navi_01 a{
	background: url(../image/style/s_navi_01.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}

#style_contents_left li#style_navi_01 a:hover{
	background: url(../image/style/s_navi_01_over.gif) no-repeat;
}

#style_contents_left li#style_navi_01_on{
	background: url(../image/style/s_navi_01_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px
}

#style_contents_left li#style_navi_02 a{
	background: url(../image/style/s_navi_02.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:26px;
}

#style_contents_left li#style_navi_02 a:hover{
	background: url(../image/style/s_navi_02_over.gif) no-repeat;
}

#style_contents_left li#style_navi_02_on{
	background: url(../image/style/s_navi_02_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:26px;
}

#style_contents_left li#style_navi_03 a{
	background: url(../image/style/s_navi_03.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:22px;
}

#style_contents_left li#style_navi_03 a:hover{
	background: url(../image/style/s_navi_03_over.gif) no-repeat;
}

#style_contents_left li#style_navi_03_on{
	background: url(../image/style/s_navi_03_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:22px;
}


#style_contents_left li#style_navi_04 a{
	background: url(../image/style/s_navi_04.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}

#style_contents_left li#style_navi_04 a:hover{
	background: url(../image/style/s_navi_04_over.gif) no-repeat;
}

#style_contents_left li#style_navi_04_on{
	background: url(../image/style/s_navi_04_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}


#style_contents_left li#style_navi_05 a{
	background: url(../image/style/s_navi_05.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:23px;
}

#style_contents_left li#style_navi_05 a:hover{
	background: url(../image/style/s_navi_05_over.gif) no-repeat;
}

#style_contents_left li#style_navi_05_on{
	background: url(../image/style/s_navi_05_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:23px;
}

#style_contents_left li#style_navi_06 a{
	background: url(../image/style/s_navi_06.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}

#style_contents_left li#style_navi_06 a:hover{
	background: url(../image/style/s_navi_06_over.gif) no-repeat;
}

#style_contents_left li#style_navi_06_on{
	background: url(../image/style/s_navi_06_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}


#style_contents_left li#style_navi_07 a{
	background: url(../image/style/s_navi_07.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}

#style_contents_left li#style_navi_07 a:hover{
	background: url(../image/style/s_navi_07_over.gif) no-repeat;
}

#style_contents_left li#style_navi_07_on{
	background: url(../image/style/s_navi_07_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}


#style_contents_left li#style_navi_08 a{
	background: url(../image/style/s_navi_08.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}

#style_contents_left li#style_navi_08 a:hover{
	background: url(../image/style/s_navi_08_over.gif) no-repeat;
}

#style_contents_left li#style_navi_08_on{
	background: url(../image/style/s_navi_08_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}

#style_contents_left li#style_navi_09 a{
	background: url(../image/style/s_navi_09.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}

#style_contents_left li#style_navi_09 a:hover{
	background: url(../image/style/s_navi_09_over.gif) no-repeat;
}

#style_contents_left li#style_navi_09_on{
	background: url(../image/style/s_navi_09_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:0px;
}

#style_contents_left li#style_navi_10 a{
	background: url(../image/style/s_navi_10.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:23px;
}

#style_contents_left li#style_navi_10 a:hover{
	background: url(../image/style/s_navi_10_over.gif) no-repeat;
}

#style_contents_left li#style_navi_10_on{
	background: url(../image/style/s_navi_10_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:23px;
}

#style_contents_left li#style_navi_11 a{
	background: url(../image/style/s_navi_11.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:23px;
}

#style_contents_left li#style_navi_11 a:hover{
	background: url(../image/style/s_navi_11_over.gif) no-repeat;
}

#style_contents_left li#style_navi_11_on{
	background: url(../image/style/s_navi_11_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:23px;
}


#style_contents_left li#style_navi_12 a{
	background: url(../image/style/s_navi_12.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:22px;
}

#style_contents_left li#style_navi_12 a:hover{
	background: url(../image/style/s_navi_12_over.gif) no-repeat;
}

#style_contents_left li#style_navi_12_on{
	background: url(../image/style/s_navi_12_on.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	width:189px;
	height:54px;
	overflow:hidden;
	margin-top:22px;
}