@charset "UTF-8";

/*----------------------------------------------------------

common

----------------------------------------------------------*/
.new {
	display: block;
	background: url(../img/new.png) top left no-repeat;
	width: 52px;
	height: 22px;
	text-indent: -9999px;
}

/*----------------------------------------------------------

#nav

----------------------------------------------------------*/
#sub_nav {
	float: left;
	margin-top: 137px;
	margin-left: 46px;
	width: 222px;
}

#sub_nav li {
	position: relative;
	margin-left: 8px;
}

#sub_nav li a,
#sub_nav li span {
	display: block;
	background: url(../img/story_nav.png) no-repeat;
	width: 182px;
	height: 38px;
	text-indent: -9999px;
}

#sub_nav li span.new {
	background: url(../img/new.png) no-repeat;
	width: 52px;
	height: 22px;
	text-indent: -9999em;
	position: absolute;
	left: -25px;
	top: 10px;
}

/* world */
#sub_nav li.world p,
#sub_nav li.world a {
	background-position: -0px -0px;
}
#sub_nav li.world a:hover,
#sub_nav li.world a.selected {
	background-position: -182px -0px;
}
#sub_nav li.world .new {
	visibility: hidden;
}

/* outline */
#sub_nav li.outline p,
#sub_nav li.outline a {
	background-position: -0px -38px;
}
#sub_nav li.outline a:hover,
#sub_nav li.outline a.selected {
	background-position: -182px -38px;
}

#sub_nav li.outline .new {
	visibility: hidden;
}

/* keyword */
#sub_nav li.keyword p,
#sub_nav li.keyword a {
	background-position: -0px -76px;
}
#sub_nav li.keyword a:hover,
#sub_nav li.keyword a.selected {
	background-position: -182px -76px;
}

#sub_nav li.keyword .new {
	visibility: display;
}

/* tale */
#sub_nav li.tale p,
#sub_nav li.tale a {
	background-position: -0px -114px;
}
#sub_nav li.tale a:hover,
#sub_nav li.tale a.selected {
	background-position: -182px -114px;
}

#sub_nav li.tale .new {
	visibility: hidden;
}

/*----------------------------------------------------------

#main_content

----------------------------------------------------------*/
#main_content {
	float: left;
	width: 723px;
	padding-top: 48px;
}

/*----------------------------------------------------------

#world

----------------------------------------------------------*/
#world .frame_middle {
	height: 720px;
}

#world #main_content h2 {
	background: url(../img/story_world_cap.png) top left no-repeat;
	width: 568px;
	height: 99px;
	text-indent: -9999px;
}

#world #main_content #summary {
	padding-top: 16px;
	height: 860px;
	background: url(../img/story_world_summary_bg.png) center bottom no-repeat;
}

#world #main_content #summary > .txt00 {
	margin-left: 88px;
}

#world #main_content #summary > .txt00 {
	background: url(../img/story_world_summary_txt00.png) top left no-repeat;
	width: 503px;
	height: 246px;
	text-indent: -9999px;
}


/*----------------------------------------------------------

#outline

----------------------------------------------------------*/
#outline .frame_middle {
	height: 720px;
}

#outline #main_content h2 {
	background: url(../img/story_outline_cap.png) top left no-repeat;
	width: 568px;
	height: 99px;
	text-indent: -9999px;
}

#outline #main_content #summary {
	padding-top: 16px;
	padding-left: 8px;
	height: 860px;
	background: url(../img/story_outline_summary_bg.png) center bottom no-repeat;
}

#outline #main_content #summary > h3 {
	margin-bottom: 16px;
}

#outline #main_content #summary > .txt00 {
}

#outline #main_content #summary > h3 {
	background: url(../img/story_outline_summary_cap.png) top left no-repeat;
	width: 395px;
	height: 35px;
	text-indent: -9999px;
}

#outline #main_content #summary > .txt00 {
	background: url(../img/story_outline_summary_txt00.png) top left no-repeat;
	width: 563px;
	height: 402px;
	text-indent: -9999px;
}

/*----------------------------------------------------------

#keyword

----------------------------------------------------------*/
#keyword .frame_middle {
	height: 7300px;
}

#keyword #main_content h2 {
	background: url(../img/story_keyword_cap.png) top left no-repeat;
	width: 568px;
	height: 99px;
	text-indent: -9999px;
}

#keyword #main_content #no15 > .new {
	margin-left: -6px;
	margin-bottom: 6px;
	visibility: visible;
}

#keyword #main_content #no1 {
	padding-top: 16px;
}
#keyword #main_content #no4 {
	padding-top: 0px;
}
#keyword #main_content #no5 {
	padding-top: 0px;
}

#keyword #main_content #no1,
#keyword #main_content #no2,
#keyword #main_content #no3,
#keyword #main_content #no4,
#keyword #main_content #no5,
#keyword #main_content #no6,
#keyword #main_content #no7,
#keyword #main_content #no8,
#keyword #main_content #no9,
#keyword #main_content #no10,
#keyword #main_content #no11,
#keyword #main_content #no12,
#keyword #main_content #no13,
#keyword #main_content #no14,
#keyword #main_content #no15 {
	position: relative;
	overflow: hidden;
	padding-left: 8px;
	margin-bottom: 18px;
}
#keyword #main_content #no15 {
	margin-bottom: 0px;
}

#keyword #main_content #no1 > h3,
#keyword #main_content #no2 > h3,
#keyword #main_content #no3 > h3,
#keyword #main_content #no4 > h3,
#keyword #main_content #no5 > h3,
#keyword #main_content #no6 > h3,
#keyword #main_content #no7 > h3,
#keyword #main_content #no8 > h3,
#keyword #main_content #no9 > h3,
#keyword #main_content #no10 > h3,
#keyword #main_content #no11 > h3,
#keyword #main_content #no12 > h3,
#keyword #main_content #no13 > h3,
#keyword #main_content #no14 > h3,
#keyword #main_content #no15 > h3 {
	margin-bottom: 16px;
}

#keyword #main_content #no1 > .txt00,
#keyword #main_content #no2 > .txt00,
#keyword #main_content #no3 > .txt00,
#keyword #main_content #no4 > .txt00,
#keyword #main_content #no5 > .txt00,
#keyword #main_content #no6 > .txt00,
#keyword #main_content #no7 > .txt00,
#keyword #main_content #no8 > .txt00,
#keyword #main_content #no9 > .txt00,
#keyword #main_content #no10 > .txt00,
#keyword #main_content #no11 > .txt00,
#keyword #main_content #no12 > .txt00,
#keyword #main_content #no13 > .txt00,
#keyword #main_content #no14 > .txt00,
#keyword #main_content #no15 > .txt00 {
	margin-bottom: 12px;
}

#keyword #main_content #no9 > .txt00,
#keyword #main_content #no10 > .txt00 {
	float: left;
	margin-right: 26px;
}

#keyword #main_content #no6 > .img00 {
	position: absolute;
	right: 34px;
	top: 20px;
}

#keyword #main_content #no11 > .img00 {
	margin-top: 10px;
	margin-left: -8px;
}

#keyword #main_content #no12 > .img00 {
	margin-top: 10px;
	margin-left: -8px;
}

#keyword #main_content #no14 > .img00 {
	margin-top: 10px;
	margin-left: -8px;
}

#keyword #main_content #no3 .pop00,
#keyword #main_content #no3 .pop01,
#keyword #main_content #no8 .pop00,
#keyword #main_content #no8 .pop01,
#keyword #main_content #no11 .pop00,
#keyword #main_content #no11 .pop01,
#keyword #main_content #no12 .pop00,
#keyword #main_content #no12 .pop01,
#keyword #main_content #no14 .pop00,
#keyword #main_content #no14 .pop01,
#keyword #main_content #no15 .pop00,
#keyword #main_content #no15 .pop01 {
	float: left;
	margin-right: 12px;
}
#keyword #main_content #no3 .pop01 {
	margin-right: 0px;
}

#keyword #main_content #no1 > h3 {
	background: url(../img/story_keyword_no1_cap.png) top left no-repeat;
	width: 270px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no1 > .txt00 {
	background: url(../img/story_keyword_no1_txt00.png) top left no-repeat;
	width: 679px;
	height: 153px;
	text-indent: -9999px;
}

#keyword #main_content #no2 > h3 {
	background: url(../img/story_keyword_no2_cap.png) top left no-repeat;
	width: 279px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no2 > .txt00 {
	background: url(../img/story_keyword_no2_txt00.png) top left no-repeat;
	width: 681px;
	height: 154px;
	text-indent: -9999px;
}


#keyword #main_content #no3 > h3 {
	background: url(../img/story_keyword_no3_cap.png) top left no-repeat;
	width: 278px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no3 > .txt00 {
	background: url(../img/story_keyword_no3_txt00.png) top left no-repeat;
	width: 678px;
	height: 99px;
	text-indent: -9999px;
}

#keyword #main_content #no4 > h3 {
	background: url(../img/story_keyword_no4_cap.png) top left no-repeat;
	width: 256px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no4 > .txt00 {
	background: url(../img/story_keyword_no4_txt00.png) top left no-repeat;
	width: 575px;
	height: 126px;
	text-indent: -9999px;
}

#keyword #main_content #no4 > .img00 {
	margin-left: -80px;
}

#keyword #main_content #no5 > h3 {
	background: url(../img/story_keyword_no5_cap.png) top left no-repeat;
	width: 306px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no5 > .txt00 {
	background: url(../img/story_keyword_no5_txt00.png) top left no-repeat;
	width: 680px;
	height: 127px;
	text-indent: -9999px;
}

#keyword #main_content #no6 > h3 {
	background: url(../img/story_keyword_no6_cap.png) top left no-repeat;
	width: 306px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no6 > .txt00 {
	background: url(../img/story_keyword_no6_txt00.png) top left no-repeat;
	width: 537px;
	height: 153px;
	text-indent: -9999px;
}

#keyword #main_content #no7 > h3 {
	background: url(../img/story_keyword_no7_cap.png) top left no-repeat;
	width: 327px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no7 > .txt00 {
	background: url(../img/story_keyword_no7_txt00.png) top left no-repeat;
	width: 632px;
	height: 100px;
	text-indent: -9999px;
}

#keyword #main_content #no8 > h3 {
	background: url(../img/story_keyword_no8_cap.png) top left no-repeat;
	width: 350px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no8 > .txt00 {
	background: url(../img/story_keyword_no8_txt00.png) top left no-repeat;
	width: 681px;
	height: 154px;
	text-indent: -9999px;
}

#keyword #main_content #no9 > h3 {
	background: url(../img/story_keyword_no9_cap.png) top left no-repeat;
	width: 444px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no9 > .txt00 {
	background: url(../img/story_keyword_no9_txt00.png) top left no-repeat;
	width: 321px;
	height: 126px;
	text-indent: -9999px;
}

#keyword #main_content #no10 > h3 {
	background: url(../img/story_keyword_no10_cap.png) top left no-repeat;
	width: 344px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no10 > .txt00 {
	background: url(../img/story_keyword_no10_txt00.png) top left no-repeat;
	width: 319px;
	height: 153px;
	text-indent: -9999px;
}

#keyword #main_content #no11 > h3 {
	background: url(../img/story_keyword_no11_cap.png) top left no-repeat;
	width: 455px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no11 > .txt00 {
	background: url(../img/story_keyword_no11_txt00.png) top left no-repeat;
	width: 682px;
	height: 208px;
	text-indent: -9999px;
}

#keyword #main_content #no12 > h3 {
	background: url(../img/story_keyword_no12_cap.png) top left no-repeat;
	width: 320px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no12 > .txt00 {
	background: url(../img/story_keyword_no12_txt00.png) top left no-repeat;
	width: 679px;
	height: 342px;
	text-indent: -9999px;
}

#keyword #main_content #no13 > h3 {
	background: url(../img/story_keyword_no13_cap.png) top left no-repeat;
	width: 344px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no13 > .txt00 {
	background: url(../img/story_keyword_no13_txt00.png) top left no-repeat;
	width: 675px;
	height: 99px;
	text-indent: -9999px;
}

#keyword #main_content #no14 > h3 {
	background: url(../img/story_keyword_no14_cap.png) top left no-repeat;
	width: 344px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no14 > .txt00 {
	background: url(../img/story_keyword_no14_txt00.png) top left no-repeat;
	width: 682px;
	height: 341px;
	text-indent: -9999px;
}

#keyword #main_content #no15 > h3 {
	background: url(../img/story_keyword_no15_cap.png) top left no-repeat;
	width: 297px;
	height: 35px;
	text-indent: -9999px;
}

#keyword #main_content #no15 > .txt00 {
	background: url(../img/story_keyword_no15_txt00.png) top left no-repeat;
	width: 681px;
	height: 450px;
	text-indent: -9999px;
}

/*----------------------------------------------------------

#tale

----------------------------------------------------------*/
#tale .frame_middle {
	height: 210px;
}

#tale #main_content h2 {
	background: url(../img/story_tale_cap.png) top left no-repeat;
	width: 568px;
	height: 99px;
	text-indent: -9999px;
}

#tale #main_content #summary {
	padding-top: 16px;
	padding-left: 8px;
}

#tale #main_content #summary > h3 {
	margin-bottom: 16px;
}

#tale #main_content #summary > h3 {
	background: url(../img/story_tale_summary_cap.png) top left no-repeat;
	width: 467px;
	height: 35px;
	text-indent: -9999px;
}

#tale #main_content #summary > .txt00 {
	background: url(../img/story_tale_summary_txt00.png) top left no-repeat;
	width: 669px;
	height: 99px;
	text-indent: -9999px;
	margin-bottom: 12px;
}

#tale #main_content #summary .pop00,
#tale #main_content #summary .pop01 {
	float: left;
	margin-right: 12px;
}
#tale #main_content #summary .pop01 {
	margin-right: 0px;
}