@charset "UTF-8";

body{
	background-color: #060606;
	color:#CCCCCC;
}

h1, h2, h3 {
	color: cyan;
}

a {
	color: #6699FF;
}

hr {
	background-image: repeating-linear-gradient(45deg, #444444 0, #00BCD4 3px, transparent 0, transparent 50%);
}

textarea {
	background-color: #1A1A1A;
	border: 1px solid #999999;
	color:#FFF;
}

textarea:focus {
	outline: none;
	border: 1px solid #00BCD4;
}

.messe_area{
	background-image: url(../pic/messe_back.png);
	color:#00BCD4;
	border: 1px solid #006363;
	padding-left: 25px;
}

.messe_area:focus {
	outline: none;
	border: 1px solid #00BCD4;
}

input[type="text"] {
	background-color: #1A1A1A;
	border: 1px solid #999999;
	color:#FFF;
}

input[type="text"]:focus {
	outline: none;
	border: 1px solid #00BCD4;
}

input[type="number"] {
	background-color: #1A1A1A;
	border: 1px solid #999999;
	color:#FFF;
}

input[type="number"]:focus {
	outline: none;
	border: 1px solid #00BCD4;
}

input[type="password"] {
	background-color: #1A1A1A;
	border: 1px solid #999999;
	color:#FFF;
}

input[type="password"]:focus {
	outline: none;
	border: 1px solid #00BCD4;
}

label {
	border: 1px solid #ccc;
}

input[type="radio"]:checked + label {
	background-color: #00BCD4;
	border-color: #00BCD4;
}

select {
	background-color: #1A1A1A;
	color:#FFF;
}

table .gr_table{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	background-color:#eeeeee;
}
.gr_table th{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#EEEEEE;
	background-color:#333333;
}
.gr_table td{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#AAAAAA;
}



.header {
	background-color: #00889B;
}

.header h1 {
	color: #00F5FF;
}

.main {
	background-image: url(../pic/wall.png);
}

.footer {
	background-color: #1A1A1A;
	border-top: 1px solid #008888;
}

.footer p {
	color: #fff;
}

.button_flat{
	background-color: #666666;
	color: #fff;
}

.button_flat:hover {
	background-color: #AAAAAA;
	color: #222222;
}

.PT_BK {
	color: #fff;
}

.PT_BK:hover {
	background-color: #006699;
}

.PT_ICON {
	border: 3px solid black;
}

.PT_ICON:hover {
	border: 3px solid cyan;
}

.PT:hover {
	border: 1px solid #006699;
}

.PT_GR:hover {
	background-color: #333333;
}

.PT_BK_SELECT {
	background-color: #006699
}

.abl_button {
	background-color: #666666;
	color: #fff;
}

.abl_button:hover {
	background-color: #AAAAAA;
	color: #222222;
}

.turn_end_button {
	border: 1px solid #fff;
	background-color: #040404;
}

.turn_end_inside {
	background-color: #010101;
	color: #fff;
}

.turn_end_inside:hover {
	background-color: #FFFF11;
	color: #222222;
}

.cy_log{
	color: cyan;
}

.lime_log{
	color: #AAFF00;
}

.grey_flat{
	color: #FFFFFF;
	background-color: #666666;
}

.red_log{
	color: salmon;
}
.yellow_log{
	color: yellow;
}

.gr_base{
	background-color: #181818;
}

.bk_base{
	background-color: #060606;
}

.cy_base{
	background-color: #006666;
	color: #CCCCCC;
}

.red_base{
	background-color: #660000;
	color: #CCCCCC;
}

.cy_glow{
	text-shadow: 0 0 16px #00f, 0 0 32px #0ff;
}

.cy_box_glow{
	border: 1px solid #0ff;
	box-shadow: 0 0 16px #00f, 0 0 32px #0ff;
}

.red_box_glow{
	border: 1px solid #f99;
	box-shadow: 0 0 16px #f00, 0 0 32px #f99;
}

.max_vit{
	color: yellow;
}

.max_spd{
	color: yellow;
}

.max_hit{
	color: yellow;
}

.max_en{
	color: yellow;
}

.hp_all{
	color: yellow;
}

.max_skill{
	color: yellow;
}

.white_log{
	color: #EEEEEE;
}

.gr_log{
	color: #AAAAAA;
}

.violet_log{
	color: #B19CD9;
}

.blue_log{
	color: #6688FF;
}

.green_log{
	color: #66EE66;
}

.bk_log{
	color: #010101;
}

.shop_info {
	background-image: url(../pic/rule/shop.webp);
	background-color:#222222;
	border-left: 12px solid #00BCD4;
	color: yellow;
}

.shop_log {
	background-color: rgba(125, 155, 155, 0.2);
	border-left: 3px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
.shop_log:hover {
	background: linear-gradient(to left, #1A1A1A, #666666);
	border-left: 3px solid cyan;
	border-top: 1px solid cyan;
	border-bottom: 1px solid cyan;
	border-right: 1px solid cyan;
}
.shop_money{color: yellow;}
.shop_str{color: #AAAAAA;}

.prof_log{
	border: 1px solid #006363;
}

.prof_log > p{
	color: #CCCCCC;
}

.cy_box{
	border: 1px solid #006363;
}

.cy_waku{
	border: 3px solid #006363;
}

.white_box{
	border: 1px solid #CCCCCC;
}

.cy_over{
	background-image: url(../pic/sozai/over.png);
}

.cyan {
	color: cyan;
}

.gr_border{
	border: 1px solid #666666;
}

.gr_side{
	border-left: 12px solid #666666;
}

.cy_side{
	border-left: 12px solid #00BCD4;
}

.item_box{
	border: 1px solid #666666;
	padding: 12px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.gr_box{
	border: 1px solid #444444;
	color: #CCCCCC;
}

.blue_box{
	border: 1px solid #6688FF;
	color: #CCCCCC;
}

.violet_box{
	border: 1px solid #B19CD9;
	color: #CCCCCC;
}

.spec_palam {
	border: 1px solid #444444;
	color: #CCCCCC;
}

.spec_mater {
	color: cyan;
}

.st_num_area {
	color: #EEEEEE;
}

.cy_title{
	background-color: #00889B;
	color: #EEDDEE;
}

.city_pic{
	background-image: url(../pic/city.webp);
}

.atm_pic{
	background-image: url(../pic/atm.webp);
}

.lf_pic{
	background-image: url(../pic/lf.webp);
}

.bigin_4_han {
	background-image: url(../pic/biome/4_han_floor.webp);
}

.snow {
	background-image: url(../pic/biome/ice_floor.webp);
}

.kingdom {
	background-image: url(../pic/biome/kingdom_floor.webp);
}

.cave_root {
	background-image: url(../pic/biome/cave_floor.webp);
}

.ruin_zero_biome {
	background-image: url(../pic/biome/ruin_zero_biome_floor.webp);
}

.forest {
	background-image: url(../pic/biome/forest_floor.webp);
}

.logintable{
	background-color:#666666;
}

.eq_tag{
	color: #999999;
}


.box_flat{
	border: 1px solid #CCCCCC;
}

.box_flat > h2{
	color: #fff;
}

.box_flat:hover{
	background-color:#006699;
	border: 2px solid cyan;
}

.box_flat::before {
	border: 1px solid #CCCCCC;
}

.box_flat:hover::before {
	border: 2px solid cyan;
}

.box_target{
	background-color:#010101;
	border: 1px solid #CCCCCC;
}

.box_target > h2{
	color: #fff;
}

.box_target > h3{
	border-bottom: 1px solid #CC0000;
}

.box_target::before {
	border: 1px solid #CCCCCC;
}

.box_front{
	background-color:#010101;
	border: 1px solid #CCCCCC;
}

.box_front > h2{
	color: #fff;
}

.box_front::before {
	border: 1px solid #CCCCCC;
}

.event_button {
	background-color:#010101;
	color: #CCC;
	border: 1px solid #CCCCCC;
}

.event_button:hover {
	background-color:#006699;
}

.back_front{
	background-color:#010101;
}

.mission_link{
	background-color:#222222;
	border-left: 6px solid #00BCD4;
}

.mission_link:hover{
	background-color:#666666;
	border-left: 6px solid cyan;
}

.mission_window{
	background-image: url(../pic/messe_back.webp);
	color:#00BCD4;
	border: 1px solid #006363;
}

.retry{
	background-color:#222222;
	color: #fff;
}

.retry:hover{
	background-color:#006699;
	color: #FFF;
}

.m_menu{
	color: #00BCD4;
}

.w_name {
	color: cyan;
}

.asen_parts{
	background-color:#1A1A1A;
	border: 1px solid #006363;
}

.slot_log:hover{
	background-color:#666666;
}

.asen_spec{
	background-color:#222222;
}

.money_show{
	border-bottom: 1px solid #008888;
}

.clock{
	border: 1px solid cyan;
}

.stick {
	background-color: cyan;
}

.stick_min {
	background-color: cyan;
}

.stick_now {
	background-color: #999999;
}

.topline{
	border-top: 1px solid #008888;
}

.sort_w{
	border: 1px solid #008888;
}

.underline{
	border-bottom: 1px solid #008888;
}

.gr_under{
	border-bottom: 1px solid #333333;
}

.bk_under{
	border-bottom: 2px solid #010101;
}

.side_bar{
	border-left: 1px solid #008888;
}

.right_bar{
	border-right: 1px solid #008888;
}

.ene_spec_info{
	border-top: 1px solid #008888;
	border-bottom: 1px solid #008888;
}

.ene_palam{
	border-top: 1px solid #008888;
	border-bottom: 1px solid #008888;
}

.messe{
	background-image: url(../pic/messe_back.webp);
	color:#333333;
}


.slot_name{
	background: linear-gradient(to right, #666666 60px, #222222 200px);
	color: #33DDEE;
}

.parts_name{
	color: #FFF;
}

.mail_menu{
	border: 1px solid #006363;
}

.map{
	background-image: url(../pic/map.png);
}

.prof {
	background-image: url(../pic/noimgprof.png);
}

.time_box{
	border-top: 1px solid #666666;
}

.time_atk{
	border-top: 1px solid #666666;
	border-left: 2px solid #666666;
}

.scene {
	border: 1px solid #006363;
}

.atk_log {
	border-left: 4px solid salmon;
	background-color:#222222;
}

.buff_log {
	border-left: 12px solid #006363;
	border-top: 1px solid #006363;
	border-bottom: 1px solid #006363;
	border-right: 1px solid #006363;
	color: #AAA;
}

.def_log {
	border-left: 12px solid #555555;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	color: #AAA;
}

.pin_log {
	border-left: 12px solid #555555;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	color: #AAA;
}

.pin_log:hover {
	border-left: 12px solid cyan;
	border-top: 1px solid cyan;
	border-bottom: 1px solid cyan;
	border-right: 1px solid cyan;
	background: linear-gradient(to left, #1A1A1A, #006699);
	color: #FFF;
}

.red_color_bar {
	background-color:#AA2222;
	color: #FFF;
}

.blue_color_bar {
	background-color:#2222AA;
	color: #FFF;
}

.red_name {
	color: #FF9999;
}

.blue_name {
	color: #99EEFF;
}

.prof_box{
	border-top: 1px solid #666666;
}

.prof_main{
	border-top: 1px solid #666666;
	border-left: 2px solid #666666;
}

.item_void{
	background-color:#1A1A1A;
	border: 1px solid #006363;
}

.del_mark{
	color: #FF9999;
}

.ap_sup.hit::after { 
	background-color: #006363; 
} 

.ap_sup.break::after { 
	background-color: #AA2222; 
} 

.shoot{
	background-image: none;
}

.shoot.morph{
	background-image: url(../pic/sozai/bomb.png);
}

.shoot.morph_1{
	background-image: url(../pic/sozai/bomb_1.png);
}

.shoot.morph_2{
	background-image: url(../pic/sozai/bomb_2.png);
}

.slash{
	background-image: none;
}

.slash.morph{
	background-image: url(../pic/sozai/slash.png);
}

.slash.morph_1{
	background-image: url(../pic/sozai/slash_1.png);
}

.slash.morph_2{
	background-image: url(../pic/sozai/slash_2.png);
}


.w_spec_view{
	border: 2px solid #888888;
	background-color: #2A2A2A;
	color: #fff;
}

.menu {
	border-left: 3px solid #888888;
	color: #FFFFFF;
}

.menu.gr_log {
	border-left: 3px solid #888888;
	color: #666666;
}

.menu:hover {
	background-color: #006699;
	border-left: 3px solid cyan;
	color: #FFFFFF;
}

.slot_option_menu {
	border-left: 3px solid #008888;
	color: #FFFFFF;
}

.slot_option_menu:hover {
	background-color: #006699;
	border-left: 3px solid cyan;
	color: #FFFFFF;
}

.slot_option_back {
	border-left: 3px solid #008888;
	color: #FFFFFF;
}

.slot_option_back:hover {
	background-color: #006699;
	border-left: 3px solid cyan;
	color: #FFFFFF;
}

.slot_option_error {
	border-left: 3px solid #FF9999;
	color: #FF9999;
}

.rule_bigin_link {
	border-left: 6px solid #008888;
}

.rule_bigin_link:hover {
	border-left: 6px solid cyan;
}

.rule_bigin_link::before {
	background: linear-gradient(to top left, rgba(6, 6, 6, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

.rule_bigin_link:hover::before{
	background: linear-gradient(to top left, rgba(60, 60, 60, 0.5), rgba(255, 255, 255, 0));
}

.rule_bigin_link > h1 {
	background-color: #1A1A1A;
	color: #fff;
}

.rule_bigin_link > p {
	background-color: #1A1A1A;
	color: #fff;
}

.exist > .info{
	background-color: #1A1A1A;
}

#id_left {
	background-image: url(../pic/wall.png);
}

#id_parts_view > span{
	color: #fff;
}

#id_spec_view{
	border: 5px solid #008888;
	background-color: #2A2A2A;
}

#id_w_spec_view{
	border: 2px solid #888888;
	background-color: #2A2A2A;
	color: #fff;
}

#id_shop_spec_view{
	border: 1px solid #006363;
	background-color: #1A1A1A;
}

#id_asen_show{
	border-right: 1px solid cyan;
	border-bottom: 1px solid cyan;
}

#id_item_del_box > .icon{
	border: 1px solid #006363;
}

#id_mail_menu{
	border: 1px solid #006363;
}


#id_mail_open{
	border: 1px solid #006363;
}

#id_machine_atk_now{
	border-top: 1px solid #008888;
	border-bottom: 1px solid #008888;
	
}

#id_shop{
	background-image: url(../pic/npc/shop.webp);
}

#dark_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); /* 0.5 = 暗さ */
	pointer-events: none; /* クリックを下に通す */
	z-index: 9999;
	opacity: 0;
	transition: opacity 0.3s ease;
}

#id_foot_menu {
	border-top: 1px solid #008888;
	background-color:#1A1A1A;
}