@charset "utf-8";

/* //////////////////snavここから///////////////////// */

ul#slist {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position: relative;
	top: -5px;
	left:-8px;
}

ul#slist li a{
	list-style-type: none;
	text-indent:-9999px;
	width:216px;
	height:48px;
}

ul#slist li.btn_story a {
	display:block;
	background-image: url(../img/khdays/snav_btn_story.png);
	position: relative;
	top: -0px;
}

ul#slist li.btn_characters a {
	display:block;
	background-image: url(../img/khdays/snav_btn_characters.png);
	position: relative;
	top: -16px;
}

ul#slist li.btn_screenshot a {
	display:block;
	background-image: url(../img/khdays/snav_btn_ss.png);
	position: relative;
	top: -32px;
}

ul#slist li.btn_newfeatures a {
	display:block;
	background-image: url(../img/khdays/snav_btn_new.png);
	position: relative;
	top: -48px;
}

/*
ul#slist li.btn_comingsoon {
	display:block;
	background-image: url(../img/khdays/snav_btn_comingsoon.gif);
	position: relative;
	top: -64px;
}*/

/*オーバー時*/
ul#slist li a:hover{
	background-position: -216px 0px;
}

/*訪問時*/
ul#slist li a:active{
	background-position: -432px 0px;
}

ul#slist li .current{
	background-position: -432px 0px;
}


#navcontainer.fit_top{
    position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000;
}


/* //////////////////snavここまで///////////////////// */


#container{

}

#top{
	margin: 0 auto;
	width: 690px;
	padding-left: 200px;
}

#top h3{
	width: 348px;
	margin: 0 auto;
	padding-top: 44px;
	padding-bottom: 34px;
}

#storyinner{
	margin: 0 auto;
	width: 890px;
	height: 700px;
}

.noeffect #storyinner{
	width: 742px;
	padding-left: 148px;
	margin: 0 auto;
}

.effect #storyinner{
	width: 742px;
	padding-left: 148px;
	margin: 0 auto;
	position: relative;
}

.effect #khdays_title{
	position: absolute;
	top:0px;
	right:0px;
	z-index: 10;
}

.effect #khdays_story_bg{
	position: absolute;
	top:13px;
	left:148px;
}

#khdays_story_text_01{
	position: absolute;
	top: 82px;
	left: 267px;
}

#khdays_story_text_02{
	position: absolute;
	top: 177px;
	left: 267px;
}

#khdays_story_text_03{
	position: absolute;
	top: 272px;
	left: 267px;
}

#khdays_story_text_04{
	position: absolute;
	top: 368px;
	left: 250px;
}
#khdays_story_text_05{
	position: absolute;
	top: 494px;
	left: 250px;
}

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

	CHARACTERS

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

#charactersinner{
	position: relative;
	margin: 0 auto;
	width: 890px;
	height: 581px;
}

#charactesbg{
	position: absolute;
}

#bg02,
#bg03,
#bg04,
#bg05,
#bg06,
#bg07,
#bg08,
#bg09,
#bg10,
#bg11,
#bg12,
#bg13,
#bg14,
#bg15
{
	position: absolute;
	left: 0px;
}


#bg01
{
	position: absolute;
	top: 0px;
	left: 200px;
}


#khdays_characters_title{
	position: absolute;
	top:0px;
	right:0px;
	z-index: 10;
}

.bx-wrapper{
	position: absolute;
	top: -109px;
	left: 0px;
	height: 690px;
	width: 1000px;
	z-index: 100;
}

.bx-viewport{
	height: 690px;
	z-index: 100;
}

#characters .bx-pager{
	position: absolute;
	width:380px;
	height:22px;
	top: 654px;
	z-index: 300;
	left: 400px;
}

.bx-pager-link{
	height:22px;
	width:22px;
	overflow: hidden;
	display: block;
	float: left;
	text-indent: -9999px;
	z-index: 200;
	cursor: pointer;
}

#characters .bx-prev{
	left:215px;
	top:603px;
	z-index: 500;
}
#characters .bx-next{
	left:800px;
	top:603px;
	z-index: 600;
}

.effect #c01{
	position: relative;
	width: 890px;
	height: 581px;
}

#c0101,
#c0102,
#c0103{
	position: absolute;
	cursor: pointer;
}

.effect #c0101{
	top: 109px;
	left: 231px;
}
.effect #c0102{
	top: 109px;
	left: 441px;
}

.effect #c0103{
	top: 109px;
	left: 654px;
}

.effect #c0104{
	top: 385px;
	left: 243px;
}

.effect #c02,
.effect #c03,
.effect #c04,
.effect #c05,
.effect #c06,
.effect #c07,
.effect #c08,
.effect #c09,
.effect #c10,
.effect #c11,
.effect #c12,
.effect #c13,
.effect #c14,
.effect #c15
{
	margin-left: 200px;
}

.noeffect #c01wrap,
.noeffect #c02wrap,
.noeffect #c03wrap,
.noeffect #c04wrap,
.noeffect #c05wrap,
.noeffect #c06wrap,
.noeffect #c07wrap,
.noeffect #c08wrap,
.noeffect #c09wrap,
.noeffect #c10wrap,
.noeffect #c11wrap,
.noeffect #c12wrap,
.noeffect #c13wrap,
.noeffect #c14wrap,
.noeffect #c15wrap
{
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 100;
}

.noeffect #c0101{
	top: 0px;
	left: 200px;
}
.noeffect #c0102{
	top: 0px;
	left: 427px;
}
.noeffect #c0103{
	top: 0px;
	left: 654px;
}
.noeffect #c0104{
	top: 310px;
	left: 243px;
}

#characters.noeffect .bx-pager{
	top: 545px;
}

#characters.noeffect .bx-prev,
#characters.noeffect .bx-next{
	top: 485px;
}

.effect .bx-pager-link{
	background-image: url(../img/khfm/khfm_characters_pager.png);
}

.noeffect .bx-pager-link{
	background-image: url(../img/khfm/khfm_characters_pager.jpg);
}

.bx-pager-link.active{
	background-position: 0px -22px;
}


.bx-prev,
.bx-next{
	text-indent:-9999px;
	width:77px;
	height:77px;
	display:block;
	position: absolute;
}

.bx-prev{
	background-image: url(../img/khfm/khfm_character_prev.gif);
}

.bx-next{
	background-image: url(../img/khfm/khfm_character_next.gif);
}
.bx-prev:hover{
	background-position: 0px -77px;
}

.bx-next:hover{
	background-position: 0px -77px;
}

.effect #c01{
	position: relative;
	width: 890px;
	height: 581px;
}

#c0101,
#c0102,
#c0103,
#c0104,
#c0105{
	position: absolute;
	cursor: pointer;
}

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

	SCREEN SHOT

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

#screenshotinner{
	position: relative;
	margin: 0 auto;
	height:870px;
	width: 690px;
	padding-left: 200px;
}

#screenshot_title{
	float: right;
}
#screenshot a{
	text-indent:-999999px;
	display:block;
	position: absolute;
 }

#scrennshotcontainer{

}

#ssblock01{
	padding-top: 23px;
}

#khdays_ss_thumb01{
	background-image: url(../img/khdays/khdays_ss_img_01.png);
	width:144px;
	height:170px;
	left:438px;
	top:75px;
}

#khdays_ss_thumb01:hover{
	background-image: url(../img/khdays/khdays_ss_img_01_on.png);
}

#khdays_ss_thumb02{
	background-image: url(../img/khdays/khdays_ss_img_03.png);
	width:168px;
	height:143px;
	left:323px;
	top:173px;
}

#khdays_ss_thumb02:hover{
	background-image: url(../img/khdays/khdays_ss_img_03_on.png);
}

#khdays_ss_thumb03{
	background-image: url(../img/khdays/khdays_ss_img_02.png);
	width:166px;
	height:141px;
	left:404px;
	top:273px;
}
#khdays_ss_thumb03:hover{
	background-image: url(../img/khdays/khdays_ss_img_02_on.png);
}

#khdays_ss_thumb04{
	background-image: url(../img/khdays/khdays_ss_img_04.png);
	width:150px;
	height:116px;
	left:567px;
	top:117px;
}
#khdays_ss_thumb04:hover{
	background-image: url(../img/khdays/khdays_ss_img_04_on.png);
}

#khdays_ss_thumb05{
	background-image: url(../img/khdays/khdays_ss_img_05.png);
	width:125px;
	height:118px;
	left:245px;
	top:288px;
}
#khdays_ss_thumb05:hover{
	background-image: url(../img/khdays/khdays_ss_img_05_on.png);
}

#khdays_ss_thumb06{
	background-image: url(../img/khdays/khdays_ss_img_06.png);
	width:149px;
	height:98px;
	left:597px;
	top:258px;
}
#khdays_ss_thumb06:hover{
	background-image: url(../img/khdays/khdays_ss_img_06_on.png);
}

#khdays_ss_thumb07{
	background-image: url(../img/khdays/khdays_ss_img_07.png);
	width:165px;
	height:137px;
	left:554px;
	top:340px;
}
#khdays_ss_thumb07:hover{
	background-image: url(../img/khdays/khdays_ss_img_07_on.png);
}

#khdays_ss_thumb08{
	background-image: url(../img/khdays/khdays_ss_img_08.png);
	width:142px;
	height:152px;
	left:722px;
	top:332px;
}
#khdays_ss_thumb08:hover{
	background-image: url(../img/khdays/khdays_ss_img_08_on.png);
}

#khdays_ss_thumb09{
	background-image: url(../img/khdays/khdays_ss_img_09.png);
	width:149px;
	height:120px;
	left:258px;
	top:421px;
}
#khdays_ss_thumb09:hover{
	background-image: url(../img/khdays/khdays_ss_img_09_on.png);
}

#khdays_ss_thumb10{
	background-image: url(../img/khdays/khdays_ss_img_10.png);
	width:162px;
	height:150px;
	left:415px;
	top:392px;
}
#khdays_ss_thumb10:hover{
	background-image: url(../img/khdays/khdays_ss_img_10_on.png);
}

#khdays_ss_thumb11{
	background-image: url(../img/khdays/khdays_ss_img_11.png);
	width:170px;
	height:144px;
	left:388px;
	top:529px;
}
#khdays_ss_thumb11:hover{
	background-image: url(../img/khdays/khdays_ss_img_11_on.png);
}

#khdays_ss_thumb12{
	background-image: url(../img/khdays/khdays_ss_img_12.png);
	width:151px;
	height:143px;
	left:273px;
	top:549px;
}
#khdays_ss_thumb12:hover{
	background-image: url(../img/khdays/khdays_ss_img_12_on.png);
}

#khdays_ss_thumb13{
	background-image: url(../img/khdays/khdays_ss_img_13.png);
	width:152px;
	height:130px;
	left:553px;
	top:484px;
}
#khdays_ss_thumb13:hover{
	background-image: url(../img/khdays/khdays_ss_img_13_on.png);
}

#khdays_ss_thumb14{
	background-image: url(../img/khdays/khdays_ss_img_14.png);
	width:134px;
	height:124px;
	left:702px;
	top:515px;
}
#khdays_ss_thumb14:hover{
	background-image: url(../img/khdays/khdays_ss_img_14_on.png);
}

#khdays_ss_thumb15{
	background-image: url(../img/khdays/khdays_ss_img_15.png);
	width:161px;
	height:166px;
	left:460px;
	top:678px;
}
#khdays_ss_thumb15:hover{
	background-image: url(../img/khdays/khdays_ss_img_15_on.png);
}

#khdays_ss_thumb16{
	background-image: url(../img/khdays/khdays_ss_img_16.png);
	width:141px;
	height:119px;
	left:588px;
	top:620px;
}
#khdays_ss_thumb16:hover{
	background-image: url(../img/khdays/khdays_ss_img_16_on.png);
}

#screenshotbg{
	width:739px;
	height:714px;
	left:161px;
	top:67px;
	position: absolute;
	pointer-events: none
}

#screenshotbg{
	background-image: url(../img/khdays/khdays_ss_bg.jpg);
}

#khdays_ss_thumb0101,
#khdays_ss_thumb0201,
#khdays_ss_thumb0301,
#khdays_ss_thumb0401,
#khdays_ss_thumb0501,
#khdays_ss_thumb0601,
#khdays_ss_thumb0102,
#khdays_ss_thumb0202,
#khdays_ss_thumb0302,
#khdays_ss_thumb0402,
#khdays_ss_thumb0502{
	margin-right: 15px;

}

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

	NEW FEATURES

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

#newfeaturesinner{
	position: relative;
	margin: 0 auto;
	height:1200px;
	width: 690px;
	padding-left: 200px;
}

#newfeatures_title{
	float: right;
}

#khdays_newfeatures_title{
	padding-top: 16px;
	clear: both;
	width: 149px;
	height: 34px;
	margin: 0 auto;
}

#khdays_newfeatures_text01{
	padding-top: 16px;
	width: 561px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 23px;
}

#khdays_newfeatures_textbox01{
	margin-bottom: 24px;
	padding-left: 23px;
}

#khdays_newfeatures_textbox02{
	margin-bottom: 24px;
	padding-left: 23px;
}

#khdays_newfeatures_textbox03{
	margin-bottom: 24px;
	padding-left: 23px;
}
#khdays_newfeatures_textbox04{
	margin-bottom: 24px;
	padding-left: 23px;
}

#khdays_newfeatures_ssbox01{
	clear: both;
	height: 222px;
	padding-left: 23px;
}
#khdays_newfeatures_ssbox02{
	clear: both;
	height: 252px;
	margin-top: 7px;
	padding-left: 23px;
}

#khdays_newfeatures_text13{
	padding-top: 14px;
	margin-bottom: 24px;
	padding-left: 23px;
}

#khdays_newfeatures_text02{
	margin-bottom: 9px;
}

#khdays_newfeatures_text04{
	margin-bottom: 9px;
}

#khdays_newfeatures_text06{
	margin-bottom: 9px;
}

#khdays_newfeatures_text08{
	margin-bottom: 9px;
}
#khdays_newfeatures_text10{
	margin-bottom: 17px;
	padding-left: 23px;
}

.khdays_newfeatures_thumb{
	text-indent:-999999px;
	display:block;
}

#khdays_newfeatures_thumbsd01,
#khdays_newfeatures_thumbsd02
{
	width: 194px;
	height: 146px;
}

#khdays_newfeatures_thumbsd01:hover,
#khdays_newfeatures_thumbsd02:hover
{
	background-position: 0px -146px;
}

#khdays_newfeatures_thumbhd01,
#khdays_newfeatures_thumbhd02
{
	width: 339px;
	height: 192px;
}

#khdays_newfeatures_thumbhd01:hover,
#khdays_newfeatures_thumbhd02:hover
{
	background-position: 0px -192px;
}

#khdays_newfeatures_thumbsd01{
	background-image: url(../img/khdays/khdays_newfeatures_img13.jpg);
}
#khdays_newfeatures_thumbsd02{
	background-image: url(../img/khdays/khdays_newfeatures_img17.jpg);
}


#khdays_newfeatures_thumbhd01{
	background-image: url(../img/khdays/khdays_newfeatures_img15.jpg);
}
#khdays_newfeatures_thumbhd02{
	background-image: url(../img/khdays/khdays_newfeatures_img18.jpg);
}


#khdays_newfeatures_thumbsd01,
#khdays_newfeatures_ssarrow01,
#khdays_newfeatures_thumbhd01{
	float:  left;
}

#khdays_newfeatures_thumbsd02,
#khdays_newfeatures_ssarrow02,
#khdays_newfeatures_thumbhd02{
	float:  left;
}

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

	NEXT

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

#foot{
	margin: 0 auto;
	width: 690px;
	padding-left: 200px;
	height: 80px;
}

#foot_href {
	float: right;
	text-indent:-9999px;
	width:119px;
	height:23px;
	display:block;
	background-image: url(../img/shared/btn_pagetop.jpg);
}

#foot_href:hover {
	background-position: 0px -23px;
}