@charset "UTF-8";

body{
	background-color: #060606;
	color:#00BCD4;
}

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;
}

.nav ul li a {
	color: #fff;
}

.nav ul li a:hover {
	background-color: #00F5FF;
	color: #1A1A1A;
}

.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: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;
}

.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;
}

.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;
}

.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_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;
}

.logintable{
	background-color:#666666;
}

.eq_tag{
	color: #999999;
}


.box_flat{
	background-color:#222222;
	border: 1px solid #00BCD4;
}

.box_flat > h2{
	color: #fff;
}

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

.box_flat::before {
	background: #060606;
	border-top: 1px solid #00BCD4;
}

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


.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:#CCCCCC;
	border: 1px solid #006363;
}

.messe.morph{
	
}

.noimgicon{
	background-image: url(../PIC/noimgicon.png);
}

.noimgparts{
	background-image: url(../PIC/w_noimage.png);
}

.void_slot{
	background-image: url(../PIC/noequipicon.png);
}

.st_icon_hp{
	background-image: url(../PIC/sozai/hp.png);
}

.st_icon_abl{
	background-image: url(../PIC/sozai/abl.png);
}

.st_icon_time{
	background-image: url(../PIC/sozai/time.png);
}

.st_icon_parts{
	background-image: url(../PIC/sozai/parts.png);
}

.st_icon_swd{
	background-image: url(../PIC/sozai/sword.png);
}

.st_icon_amo{
	background-image: url(../PIC/sozai/ammo.png);
}

.st_icon_vit{
	background-image: url(../PIC/sozai/vit.png);
}

.st_icon_hit{
	background-image: url(../PIC/sozai/hit.png);
}

.st_icon_spd{
	background-image: url(../PIC/sozai/spd.png);
}

.st_icon_rec{
	background-image: url(../PIC/sozai/rec.png);
}

.st_icon_def{
	background-image: url(../PIC/sozai/def.png);
}

.st_icon_en{
	background-image: url(../PIC/sozai/en.png);
}

.st_icon_money{
	background-image: url(../PIC/sozai/money.png);
}

.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);
}

#id_top_login{background: url(../PIC/top.png) no-repeat right bottom;}

#id_left{
	background: url(../PIC/title.webp) no-repeat right bottom;
	border-right: 1px solid #008888;
}

.menu {
	border-left: 3px solid #008888;
	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;
}

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

.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;
}


#id_parts_view > span{
	color: #fff;
}

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

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

#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);
}

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

@media (min-width: 1505px) {
	#id_right {
		background-color: #060606;
		background-image: url(../PIC/cy_bar.webp);
	}
}