@charset "utf-8";
/* CSS Document */

/* ===== Weaponnavi area ===== */

div#weaponnavi{
	clear:both;
	width:780;
	text-align:right;
	padding:10px 20px 0 0;
	color:#999999;
}

div#weaponnavi a{
	padding:0 5px 0 5px;
	text-decoration:none;
	font-weight:bold;
}

/* ===== 武器ページレイアウト area ===== */
#weapon-flow{
}
#weapon-flow table{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-collapse:collapse; border-spacing:0; empty-cells:show;
	width: 100%;
	background: #F0F0F0;
	line-height: 1.2;
    font-size: 11px;
}
#weapon-flow table th{
	padding: 3px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
    background: #888888 url(../../images/back_tdesign1.gif) left top no-repeat;
	border-right:1px solid #888888; border-bottom:1px solid #888888;
}

#weapon-flow table td{
	vertical-align: middle;
	line-height: 1;
}
#weapon-flow table td.w_name{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	padding: 5px 0 5px 1px;
	vertical-align: middle;
}
#weapon-flow table td.w_name2{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	padding: 3px 0 3px 1px;
}
#weapon-flow table td.w_atk{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: right;
	padding: 5px 3px 0 3px;
}
#weapon-flow table td.w_effect{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
	line-height: 1.2;
}
#weapon-flow table td.w_slot{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
}
#weapon-flow table td.w_kireaji{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat #CCC;
	padding: 3px 3px 3px 3px;
	white-space: nowrap;
}

#weapon-flow table td.w_etc_slot{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
	line-height: 1.2;
}
#weapon-flow table td.w_hue_slot{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat #999;
	text-align: center;
	line-height: 1.2;
	color: #eee;
}

#weapon-flow table td.w_bougan_atk{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
}
#weapon-flow table td.w_bougan_reload{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
}
#weapon-flow table td.w_bougan_syagamisokusya{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
}
#weapon-flow table td.w_bougan_kaisin{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
}
#weapon-flow table td.w_bougan_dansyu{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
}

#weapon-flow table td.w_bougan_dansyu table.dansyu{
	border: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
#weapon-flow table td.w_bougan_dansyu table.dansyu td{
	padding: 0 0 0 3px;
}

#weapon-flow table td.w_yumi_type{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
	line-height: 1.2;
}
#weapon-flow table td.w_yumi_tame{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat;
}

#weapon-flow table td.w_yumi_tame table.yumi_tame{
	border: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
#weapon-flow table td.w_yumi_tame table.yumi_tame th{
	text-align: center;
	padding: 1px;
	font-weight: normal;
}
#weapon-flow table td.w_yumi_tame table.yumi_tame td{
	border-right:1px solid #AAAAAA;
	text-align: center;
	padding: 2px;
}

table td.w_kireaji .ka1{ background: #e80404; color: #e80404;}
table td.w_kireaji .ka2{ background: #FF9900; color: #FF9900;}
table td.w_kireaji .ka3{ background: #FFCC00; color: #FFCC00;}
table td.w_kireaji .ka4{ background: #5CC507; color: #5CC507;}
table td.w_kireaji .ka5{ background: #3333FF; color: #3333FF;}
table td.w_kireaji .ka6{ background: #FFFFFF; color: #FFFFFF;}
table td.w_kireaji .ka7{ background: #a71cea; color: #a71cea;}
.sharpness1 { background: #555;}
.sharpness2 { background: #555;	margin-top: 5px;}
.sharpness3 { background: #555;	font-size: 14px; font-size: 1.4rem; margin-top: 3px;}


/* ===== Weapon kobetu area ===== */

.section table td.w_kireaji{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat #CCC;
	padding: 3px 3px 3px 3px;
	white-space: nowrap;
	font-size: 14px;
}

#weapon-flow table td.w_onpu{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat #666;
	text-align: center;
}
.tdesign1 td.w_onpu{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url(../images/back_tdesign2.gif) left top no-repeat #666;
	text-align: center;
}

/* ===== Hue onpu area ===== */

.on-red{ color:red;	font-size:18px;}
.on-blue{ color:blue; font-size:18px;}
.on-green{ color:#006400; font-size:18px;}
.on-yellow{	color:yellow; font-size:18px;}
.on-purple{ color:#9400d3; font-size:18px;}
.on-bluelight{ color:#99FFFF; font-size:18px;}
.on-white{ color:#FFFFFF; font-size:18px;}
.on-orange{	color:#FFAA00; font-size:18px;}


/* ===== Rare area ===== */

.rare2{	color:#CC44FF;}
.rare3{	color:#FFFF55;}
.rare4{	color:#FF99FF;}
.rare5{	color:#44FF44;}
.rare6{	color:#7788FF;}
.rare7{	color:#FF0000;}
.rare8{	color:#22AAFF;}
.rare9{	color:#FF9900;}
.rare10{ color:#FF44CC;}


/*
.rare123{ color:#AAAAAA;}
.rare4{	color:#5CC507;}
.rare5{	color:#FF99FF;}
.rare6{	color:#7788FF;}
.rare7{	color:#FF6600;}
.rare8{	color:#FF0000;}
.rare9{	color:#FFFF55;}
.rare10{ color:#CC44FF;}
 */

/* ===== Weaponnavi area ===== */

div#weaponnavi{
	clear:both;
	width:780;
	text-align:right;
	padding:10px 20px 0 0;
	color:#999999;
}

div#weaponnavi a{
	padding:0 5px 0 5px;
	text-decoration:none;
	font-weight:bold;
}
/* ===== search area ===== */

.search{
	width: 570px;
	margin: 5px 0 0 0;
	background-color:#999999;
	background: url("../images/back_search.jpg") no-repeat center left;
}
.searcha{
	float: left;
	padding: 11px 0 11px 5px;
}
.searcha img{
	margin: 0 0 0 5px;
	vertical-align: middle;
}
.searcha a{
	color: white;
	text-decoration: none;
}
.searcha a:link { color: white;}
.searcha a:visited { color: white;}
.searcha a:hover { color: white; text-decoration: underline;}
.searcha a:active { color: white;}

.searchb{
	float: right;
}
.searchb form{
	float: right;
	padding: 0 5px 0 0;
	margin: 5px 0 0 0;
}

/* ===== Hasei area ===== */

div#hasei{
	background-color:#EFEFEF;
	padding:5px;
}
div#hasei a{
	text-decoration:none;
}

div#hasei ul{
	margin:0;
	padding:8px 0 8px 14px;
	list-style:none;
}
div#hasei li{
	line-height:120%;
}

div#hasei-k{
	width:100%;
}
div#hasei-k table{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-collapse:collapse; border-spacing:0; empty-cells:show;
	width:100%;
	background: #F0F0F0;
	line-height: 115%;
}
div#hasei-k table th{
	padding: 3px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
    background: #888888 url( ../images/back_tdesign1.gif) left top no-repeat;
	border-right:1px solid #888888; border-bottom:1px solid #888888;
}
div#hasei-k table th.tokukou{ padding: 3px 1px 3px 1px;}

div#hasei-k table td{
	padding: 3px 3px 3px 3px;
	vertical-align: middle;
}
div#hasei-k table td.t1{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	padding: 3px 0 3px 1px;
	vertical-align: top;
white-space: nowrap;
}
div#hasei-k table td.t1b{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	padding: 3px 0 3px 1px;
}
div#hasei-k table td.t2{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	text-align: right;
}
div#hasei-k table td.t3{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	text-align: right;
}
div#hasei-k table td.t4{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
}
div#hasei-k table td.t4b{
	border-right:1px solid #999999; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat #CCCCCC;
	text-align: center;
}
div#hasei-k table td.t5{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	text-align: right;
}
div#hasei-k table td.t6{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
}
div#hasei-k table td.t7{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat #999999;
	padding: 3px 3px 3px 3px;
}
div#hasei-k table td.t8{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	text-align: center;
}
div#hasei-k table td.t8yumi{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat #DDDDDD;
	text-align: center;
}
div#hasei-k table td.t9{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
	background: #e6e6e6;
	text-align: center;
	color: #ff4646;
	padding: 3px 1px 3px 1px;
}
div#hasei-k table td.t9b{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
	background: #e6e6e6;
	text-align: center;
	color: green;
	padding: 3px 1px 3px 1px;
}
div#hasei-k table td.t9c{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
	background: #e6e6e6;
	color: #3D81EE;
	text-align: center;
	padding: 3px 1px 3px 1px;
}
div#hasei-k table td.t9d{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
	background: #e6e6e6;
	text-align: center;
	padding: 3px 1px 3px 1px;
}
div#hasei-k table td.t10{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
		-webkit-text-size-adjust: 100%;
}
div#hasei-k table td.t10b{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
    text-align: right;
    color: #FF6600;
		-webkit-text-size-adjust: 100%;
}
div#hasei-k table td.t11{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	vertical-align: top;
}
div#hasei-k table td.t12{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
    vertical-align: top;
    padding: 3px 0 3px 0;
}
div#hasei-k table td.t13{
	border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
    background: url( ../images/back_tdesign2.gif) left top no-repeat;
	vertical-align: top;
}

div#hasei-k table td.t7 .ka1{
	background: #e80404;
	color: #e80404;
}
div#hasei-k table td.t7 .ka2{
	background: #FF9900;
	color: #FF9900;
}
div#hasei-k table td.t7 .ka3{
	background: #FFCC00;
	color: #FFCC00;
}
div#hasei-k table td.t7 .ka4{
	background: #5CC507;
	color: #5CC507;
}
div#hasei-k table td.t7 .ka5{
	background: #0000FF;
	color: #0000FF;
}
div#hasei-k table td.t7 .ka6{
	background: #FFFFFF;
	color: #FFFFFF;
}
div#hasei-k table td.t7 .ka7{
	background: #a71cea;
	color: #a71cea;
}

div#hasei-k table table.dansyu{
	border: none;
	vertical-align: top;
}
div#hasei-k table table.dansyu th{
	border-right: #AAAAAA solid 1px;
	border-bottom: none;
	background: none;
	color: #333333;
	line-height: 115%;
	padding: 0;
}
div#hasei-k table table.dansyu td{
	line-height: 115%;
	padding: 0 0 0 2px;
}

/* ===== Hue onpu area ===== */

.on-red{
	color:red;
	font-size:14px;
}
.on-blue{
	color:blue;
	font-size:14px;
}
.on-green{
	color:#006400;
	font-size:14px;
}
.on-yellow{
	color:yellow;
	font-size:14px;
}
.on-purple{
	color:#9400d3;
	font-size:14px;
}
.on-bulelight{
	color:#99FFFF;
	font-size:14px;
}
.on-white{
	color:#FFFFFF;
	font-size:14px;
}
.on-orange{
	color:#FFAA00;
	font-size:14px;
}

/* ===== Rare area ===== */

.rare2{	color:#CC44FF;}
.rare3{	color:#FFFF55;}
.rare4{	color:#FF99FF;}
.rare5{	color:#44FF44;}
.rare6{	color:#7788FF;}
.rare7{	color:#FF0000;}

/* ===== Bugutama area ===== */

.tama1{	color:#44AAFF;}
.tama2{	color:#99EE99;}
.tama3{	color:#DD88EE;}
.tama4{	color:#FF0000;}
/* ===== Zokusei back area ===== */
.c-hi{
	color:#FF3300;
}
.c-mizu{
	color:#0066FF;
}
.c-kaminari{
	color:#FFAA00;
}
.c-koori{
	color:#3399FF;
}
.c-ryuu{
	color:#669900;
}
.c-doku{
	color:#996699;
}
.c-mahi{
	color:#b8860b;
}
.c-suimin{
	color:#9c9ee2;
}
.c-kyougeki{
	color: #ff4646;
}
.c-paint{
	color:#ff69b4;
}
.c-setugeki{
	color:#FF6600;
}
.c-genki{
	color:#cd853f;
}
.c-gray{
	color:#999999;
}

/* ===== 768px〜のCSS ===== */

/*768px*/
@media screen and (min-width : 768px){

#weapon-flow table{
	font-size: 16px; font-size: 1.6rem;
	}
.sharpness3 { font-size: 20px; font-size: 2rem;}
	
/* ===== Hue onpu area ===== */

.on-red{ color:red;	font-size: 18px; font-size: 1.8rem;}
.on-blue{ color:blue; font-size: 18px; font-size: 1.8rem;}
.on-green{ color:#006400; font-size: 18px; font-size: 1.8rem;}
.on-yellow{	color:yellow; font-size: 18px; font-size: 1.8rem;}
.on-purple{ color:#9400d3; font-size: 18px; font-size: 1.8rem;}
.on-bluelight{ color:#99FFFF; font-size: 18px; font-size: 1.8rem;}
.on-white{ color:#FFFFFF; font-size: 18px; font-size: 1.8rem;}
.on-orange{	color:#FFAA00; font-size: 18px; font-size: 1.8rem;}

}


/* ===== 1024pxからのCSS ===== */

/*1024px*/
@media screen and (min-width : 1024px){
.sharpness3 { font-size: 24px; font-size: 2.4rem;}
}