
/* 共通 */

#system .left_box .side_menu1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 232px;
	height: 100px; /* 66*2-12*2 */
}

#system .side_menu1 {
	display: block;
	position: relative;
}

#system .side_menu1 li {
	margin-top: -14px;
	width: 232px;
	height: 66px;
	cursor: pointer;
}
#system .side_menu1 a {
	width: 232px;
	height: 66px;
	background-position: 0% 100%;
}

#system .side_menu1 li.summary,
#system .side_menu1 li.summary > a {
	background-image:url(../img/system/submenu_summary.png);
}

#system .side_menu1 li.punishment,
#system .side_menu1 li.punishment > a {
	background-image:url(../img/system/submenu_punishment.png);
}
#system .side_menu1 li.punishment .new {
	top: 192px;
    left: 185px;
    visibility: hidden;

}
#system .side_menu1 li.battle,
#system .side_menu1 li.battle > a {
	background-image:url(../img/system/submenu_battle.png);
}
#system .side_menu1 li.battle .new {
	top: 34px;
    left: 185px;
    visibility: hidden;
}
#system .side_menu1 li.new_system,
#system .side_menu1 li.new_system > a {
	background-image:url(../img/system/submenu_new.png);
}
#system .side_menu1 li.new_system .new {
	top: 86px;
    left: 185px;
    visibility: hidden;
}
#system .side_menu1 li.other,
#system .side_menu1 li.other > a {
	background-image:url(../img/system/submenu_other.png);
}
#system .side_menu1 li.other .new {
	top: 138px;
    left: 185px;
    visibility: hidden;
}

#system .side_menu1 li.selected,
#system .side_menu1 li.selected > a {
	cursor: default;
	pointer-events: none;
}
#system .side_menu1 li.selected:after,
#system .side_menu1 li.selected > a:after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0);
}

/* summary */

#summary .cap {
	width: 433px;
	height: 92px;
	background-image:url(../img/system/summary_cap.png);
}

#summary .sub_cap01 {
	width: 296px;
	height: 42px;
	margin: 0 auto 16px;
	background-image:url(../img/system/summary_sub_cap01.png);
}

#summary .txt01 {
	width: 694px;
	height: 79px;
	margin: 0 auto 16px;
	background-image:url(../img/system/summary_txt01.png);
}

#summary .sub_pops01,
#summary .sub_pops02,
#summary .sub_pops03 {
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	margin-bottom: 16px;
}

#summary .pop01,
#summary .pop02,
#summary .pop03,
#summary .pop04,
#summary .pop05,
#summary .pop06 {
	margin: 0 6px 0;
}

#summary .pop_img01,
#summary .pop_img02,
#summary .pop_img03,
#summary .pop_img04,
#summary .pop_img05,
#summary .pop_img06 {
	display: block;
	position: relative;
	margin-bottom: 4px;
}

#summary .pop_txt01 {
	width: 323px;
	height: 21px;
	margin: 0 auto 0;
	background-image:url(../img/system/summary_txt02.png);
}

#summary .pop_txt02 {
	width: 323px;
	height: 43px;
	margin: 0 auto 0;
	background-image:url(../img/system/summary_txt03.png);
}

#summary .pop_txt03 {
	width: 323px;
	height: 43px;
	margin: 0 auto 0;
	background-image:url(../img/system/summary_txt04.png);
}

#summary .pop_txt04 {
	width: 324px;
	height: 43px;
	margin: 0 auto 0;
	background-image:url(../img/system/summary_txt05.png);
}


/* punishment */

#punishment .cap {
	width: 433px;
	height: 92px;
	background-image:url(../img/system/punishment_cap.png);
	z-index: 1;
}

#punishment .sub_cap01 {
	position: relative;
	width: 630px;
	height: 98px;
	margin-top: -38px;
	margin-left: 28px;
	margin-bottom: 16px;
	background-image:url(../img/system/punishment_sub_cap01.png);
	z-index: 1;
}
#punishment .sub_cap02 {
	position: relative;
	width: 697px;
	height: 37px;
	margin-top: 30px;
	margin-left: 5px;
	margin-bottom: 16px;
	background-image:url(../img/system/punishment_sub_cap02.png);
	z-index: 1;
}
#punishment .sub_cap03 {
	position: relative;
	width: 696px;
	height: 36px;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 16px;
	background-image:url(../img/system/punishment_sub_cap03.png);/*spanking*/
	z-index: 1;
    top: 844px;
}
#punishment .sub_cap04 {
	position: relative;
	width: 697px;
	height: 35px;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 16px;
	background-image:url(../img/system/punishment_sub_cap04.png);/*slime*/
	z-index: 1;
    top: 1780px;
}
#punishment .sub_cap05 {
	position: relative;
	width: 696px;
	height: 37px;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 16px;
	background-image:url(../img/system/punishment_sub_cap05.png);
	z-index: 1;
    top: 2686px;
}

#punishment .txt01 {
	position: relative;
	width: 693px;
	height: 80px;
	margin: 0 auto 16px;
	background-image:url(../img/system/submenu_txt01.png);
	z-index: 1;
}
#punishment .txt02 {
	position: relative;
	width: 390px;
	height: 110px;
	margin: 20px 0 16px 10px;
	background-image:url(../img/system/punishment_txt01.png);
	z-index: 1;
}
#punishment .txt03 {
	position: relative;
	width: 383px;
	height: 110px;
	margin: -5px 0 16px 10px;
	background-image:url(../img/system/punishment_txt02.png);/*spanking*/
	z-index: 1;
    top: 854px;
}
#punishment .txt04 {
	position: relative;
	width: 378px;
	height: 134px;
	margin: 0 0 16px 10px;
	background-image:url(../img/system/punishment_txt03.png);/*slime*/
	z-index: 1;
    top: 1785px;
}
#punishment .txt05 {
	position: relative;
	width: 379px;
	height: 107px;
	margin: 0 0 16px 10px;
	background-image:url(../img/system/punishment_txt04.png);
	z-index: 1;
    top: 2695px;
}

#punishment .img01,
#punishment .img02,
#punishment .img03,
#punishment .img04 {
	position: absolute;
	z-index: 0;
}

#punishment .img01 {
	top: 383px;
	left: -5px;
}

#punishment .img02 {/*spanking*/
	top: 1435px;
	left: -6px;
}

#punishment .img03 {/*slime*/
	top: 2590px;
	left: -10px;
}

#punishment .img04 {
	top: 3648px;
	left: -30px;
}
.movie_section, .movie_section a {
    position: absolute;
    display: block;
    width: 296px;
    height: 170px;
	background: url(../img/system/movie_bg.png) no-repeat top center;    
}

#goshi .movie_section {
    top: 277px;
    left: 405px;
}

#spanking .movie_section {/*spanking*/
    top: 1304px;
    left: 410px;
}

#slime .movie_section {/*slime*/
    top: 2407px;
    left: 410px;
}

#biri .movie_section {
    top: 3522px;
    left: 410px;
}

.movie_section .btn_movie_play {
	position: absolute;
	display: block;
	top: 2px;
	left: 2px;
	opacity: 0;
	z-index: 20;
	background: url(../img/system/movie_on.png) no-repeat top center;
	width: 296px;
	height: 170px;
}

.movie_object {
	position: absolute;
	top: 4px;
	left: 3px;
	width: 288px;
	height: 161px;
	z-index: 10;
}

/* battle */

#battle .cap {
	width: 433px;
	height: 92px;
	background-image:url(../img/system/battle_cap.png);
}

#battle .sub_cap01 {
	width: 296px;
	height: 42px;
	margin: 0 auto 16px;
	background-image:url(../img/system/battle_sub_cap01.png);
}
#battle .sub_cap02 {
	width: 296px;
	height: 42px;
	margin: 0 auto 16px;
	background-image:url(../img/system/battle_sub_cap02.png);
}

#battle .txt01 {
	width: 519px;
	height: 51px;
	margin: 20px 0 16px 5px;
	background-image:url(../img/system/battle_txt01.png);
}

#battle .txt02 {
	width: 690px;
	height: 51px;
	margin: 0 auto 16px;
	background-image:url(../img/system/battle_txt06.png);
}

#battle .txt03 {
	width: 675px;
	height: 79px;
	margin: 0 auto 16px;
	background-image:url(../img/system/battle_txt09.png);
}

#battle .sub_pops01,
#battle .sub_pops02,
#battle .sub_pops03,
#battle .sub_pops04 {
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	margin-bottom: 16px;
}

#battle .pop01,
#battle .pop02,
#battle .pop03,
#battle .pop04,
#battle .pop05,
#battle .pop06,
#battle .pop07,
#battle .pop08 {
	margin: 0 6px 0;
}

#battle .pop_img01,
#battle .pop_img02,
#battle .pop_img03,
#battle .pop_img04,
#battle .pop_img05,
#battle .pop_img06,
#battle .pop_img07,
#battle .pop_img08 {
	display: block;
	position: relative;
	margin-bottom: 4px;
}

#battle .pop_txt01 {
	width: 322px;
	height: 21px;
	margin: 0 0 0 5px;
	background-image:url(../img/system/battle_txt02.png);
}

#battle .pop_txt02 {
	width: 332px;
	height: 43px;
	margin: 0 auto 0;
	background-image:url(../img/system/battle_txt03.png);
}

#battle .pop_txt03 {
	width: 323px;
	height: 43px;
	margin: 0 auto 0;
	background-image:url(../img/system/battle_txt04.png);
}

#battle .pop_txt04 {
	width: 324px;
	height: 43px;
	margin: 0 auto 0;
	background-image:url(../img/system/battle_txt05.png);
}

#battle .pop_txt05 {
	width: 278px;
	height: 21px;
	margin: 0 0 0 5px;
	background-image:url(../img/system/battle_txt07.png);
}

#battle .pop_txt06 {
	width: 323px;
	height: 43px;
	margin: 0 auto 0;
	background-image:url(../img/system/battle_txt08.png);
}

#battle .pop_txt07 {
	width: 323px;
	height: 43px;
	margin: 0 auto 0;
	background-image:url(../img/system/battle_txt10.png);
}

#battle .pop_txt08 {
	width: 324px;
	height: 66px;
	margin: 0 auto 0;
	background-image:url(../img/system/battle_txt11.png);
}

/* newsystem */

#new_system .cap {
	width: 433px;
	height: 92px;
	background-image:url(../img/system/new_cap.png);
}

#new_system .sub_cap01 {
	width: 296px;
	height: 42px;
	margin: 0 auto 16px;
	background-image:url(../img/system/new_sub_cap01.png);
}
#new_system .sub_cap02 {
	width: 296px;
	height: 42px;
	margin: 0 auto 16px;
	background-image:url(../img/system/new_sub_cap02.png);
}


#new_system .txt01 {
	width: 689px;
	height: 107px;
	margin: 0 0 16px 5px;
	background-image:url(../img/system/new_txt01.png);
}
#new_system .txt02 {
	width: 698px;
	height: 163px;
	margin: 0 0 16px 5px;
	background-image:url(../img/system/new_txt04.png);
}

#new_system .sub_pops01,
#new_system .sub_pops02 {
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	margin-bottom: 16px;
}

#new_system .pop01,
#new_system .pop02,
#new_system .pop03,
#new_system .pop04 {
	margin: 0 6px 0;
}

#new_system .pop_img01,
#new_system .pop_img02,
#new_system .pop_img03,
#new_system .pop_img04 {
	display: block;
	position: relative;
	margin-bottom: 4px;
}

#new_system .pop_txt01 {
	width: 333px;
	height: 44px;
	margin: 0 auto 0;
	background-image:url(../img/system/new_txt02.png);
}

#new_system .pop_txt02 {
	width: 313px;
	height: 44px;
	margin: 0 0 0 5px;
	background-image:url(../img/system/new_txt03.png);
}
.arrow {
	width: 76px;
	height: 57px;
    background: url('../img/system/new_arrow.png');
    position: absolute;
    top: 248px;
    left: 305px;
}
#new_system .pop_txt03 {
	width: 610px;
	height: 21px;
    position: relative;
    top: -14px;
    left: 10px;
	margin: 0 0 0 0px;
	background-image:url(../img/system/new_txt05.png);
}

/*FireFox only*/
@-moz-document url-prefix() {
	#new_system .pop_txt03 {
    left: 6px;
	}
}

.sub_cap02 .new {
    top: 557px;
    left: 3px;
}
/* other */

#other .cap {
	width: 433px;
	height: 92px;
	background-image:url(../img/system/other_cap.png);
}

#other .sub_cap01 {
	width: 296px;
	height: 42px;
	margin: 0 auto 16px;
	background-image:url(../img/system/other_sub_cap01.png);
}

#other .txt01 {
	width: 690px;
	height: 79px;
	margin: 0 0 16px 5px;
	background-image:url(../img/system/other_txt01.png);
}

#other .sub_pops01,
#other .sub_pops02 {
	display: box;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	margin-bottom: 16px;
}

#other .pop01,
#other .pop02,
#other .pop03 {
    position: absolute;
}
#other .pop01 {
    top: 96px;
    left: 0px;
}
#other .pop02 {
    top: 96px;
    left: 354px;
}
#other .pop03 {
    top: 353px;
    left: 0px;
}


#other .pop_txt01 {
	width: 324px;
	height: 44px;
	margin: 0 auto 0;
	background-image:url(../img/system/other_txt02.png);
}

#other .pop_txt02 {
	width: 324px;
	height: 43px;
	margin: 0 0 0 5px;
	background-image:url(../img/system/other_txt03.png);
}
#other .pop_txt03 {
	width: 323px;
	height: 44px;
	margin: 0 0 0 5px;
	background-image:url(../img/system/other_txt04.png);
}
