body{
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}

#container{
	margin: 10px;
}

.text{
	font-size: 10px;
	line-height: 1.8em;
}

.kokuti{
	font-size: 10px;
	line-height: 1.8em;
	height: 80px;
	border-bottom: 1px solid #0054A6;
}

.pankuzu{
	font-size: 10px;
	line-height: 1.5em;
	border-bottom: 1px solid #0054A6;
	padding: 10px;
	margin-bottom: 15px;
}

.pankuzu2{
	font-size: 10px;
	line-height: 1.5em;
	border-bottom: 1px solid #0054A6;
	border-top: 1px solid #0054A6;
	padding: 5px;
	padding: 10px;
	margin-bottom: 15px;
}

.totop{
	text-align: right;
	padding:0 0 15px 0;


}

.center {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.first{
	font-weight: bold;
	background: linear-gradient(transparent 60%, rgba(220,20,60,0.3) 100%);
}

.open-text{
	font-size: 10px;
	margin: 15px;
}


h1{
	font-size: 18px;
	color:#0054A6;
}

.line{
	margin: 30px 0;
}

.space{
	height: 40px;
	font-size: 10px;
}
.rank{
	font-size: 11px;
	color: #cc0000;
	font-weight: bold;
	padding-right: 20px;
}

.org_name{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

.war,.recapture, .war-policy, .recapture-policy{
	font-size: 10px;
}

.war-policy,.recapture-policy,.policy, .txt-orange{
	font-weight: bold;
	background: linear-gradient(transparent 60%, rgba(255, 215, 0, 0.5) 100%);
}

.txt-red{
	font-weight: bold;
	background: linear-gradient(transparent 60%, rgba(220,20,60,0.3) 100%);
}

.txt-blue{
	font-weight: bold;
	background: linear-gradient(transparent 60%, rgba(0, 255, 255, 0.3) 60%);
}

.txt-brown{
	font-weight: bold;
	background: linear-gradient(transparent 60%, rgba(222, 184, 135, 0.3) 60%);
}

.menu_body{
	line-height: 2.8em;
}

table.org,table.org2{
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	border: 0;
}

table.org th,table.org td{
	font-size: 11px;
	width: 20%;
	text-align: center;
	border: 1px solid #000000;
}

table.org2 th,table.org2 td{
	font-size: 11px;
	text-align: center;
	border: 1px solid #000000;
}

.pl{
	width: 14%;
}

.str, .rookie{
	width: 16%;
}

.char, .tool{
	width: 18%;
}

.back{
	background-color: rgba(220,20,60,0.07);
}

th.essentials{
	background-color:rgba(220,20,60,0.3);
}

.comment-title{
	font-size: 10px;
	font-weight: bold;
}

.comment{
	font-size: 10px;
}

.details{
	position: relative;
	width: 80%;
	height: 50px;
	background-color: rgba(100,149,237,0.5);
	margin: 10px auto;
	text-align: center;
	vertical-align: middle;
	line-height: 3.3em;
}

.details-link{
	desplay: block;
	position: absolute;
	text-decoration: none;
	/*border: 1px solid #666666;*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #333333;
	font-weight: bolder;
}

.intro{
	position: relative;
	width: 300px;
	height: 40px;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
}

.intro-link{
	desplay: block;
	position: absolute;
	text-decoration: none;
	/*border: 1px solid #666666;*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	padding:10px;
	background-color:#cccccc;
	color: #000000;
}

span.redboss{
	background: linear-gradient(transparent 60%, rgba(255, 0, 0, 1) 100%);
}
span.blueboss{
	background: linear-gradient(transparent 60%, rgba(0, 0, 255, 1) 100%);
}
span.greenboss{
	background: linear-gradient(transparent 60%, rgba(0, 128, 0, 1) 100%);
}
span.yellowboss{
	background: linear-gradient(transparent 60%, rgba(255, 255, 0, 1) 100%);
}
span.purpleboss{
	background: linear-gradient(transparent 60%, rgba(128, 0, 128, 1) 100%);
}
span.selectboss{
	background: linear-gradient(transparent 60%, rgba(64, 64, 64, 1) 100%);
}

/*
img.day1 {
	background-image: url("../img/2309_day1.png");
	background-repeat: no-repeat;
}

img.day2 {
	background-image: url("../img/2309_day2.png");
	background-repeat: no-repeat;
}

img.day3 {
	background-image: url("../img/2309_day3.png");
	background-repeat: no-repeat;
}

img.day4 {
	background-image: url("../img/2309_day4.png");
	background-repeat: no-repeat;
}
img.day5 {
	background-image: url("../img/2309_day5.png");
	background-repeat: no-repeat;
}
*/

.form{
	position: relative;
	width: 200px;
  height: 40px;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
}

.form-link{
	desplay: block;
	position: absolute;
	text-decoration: none;
	border: 1px solid #666666;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #ffffff;
	font-weight: bolder;
	padding:10px;
	background-color: rgba(10, 84, 166, 1);
}

.form-link1{
	desplay: block;
	position: absolute;
	text-decoration: none;
	border: 1px solid #666666;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #000000;
	font-weight: bolder;
	padding:10px;
	background-color: #66b7ef;
}


.form-link2{
	desplay: block;
	position: absolute;
	text-decoration: none;
	border: 1px solid #666666;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #000000;
	font-weight: bolder;
	padding:10px;
	background-color: #66b7ef;
}

.form-link3{
	desplay: block;
	position: absolute;
	text-decoration: none;
	border: 1px solid #666666;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #000000;
	font-weight: bolder;
	padding:25px 10px 0px 10px;
	background-color: #66b7ef;
}

.gazou {
	width: 100%;
}

.form a:hover {
  color: #ef857d;
}

#copyright{
	font-size: 10px;
	text-align: center;
}


/*　キャラクター詳細の中身 */
table.chara td{
	line-height: 1.5em;
}

td.img {
	width: 100px;
}

td.img img {
	width: 100px;
}

td.char {
	padding-left: 1em;
	width: 100%;
	line-height: 1.5em;
}

.chara_get {
	font-size:10px;
}
.chara_name {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

.chara_spec{
	font-size: 12px;
	font-weight: bold;
}

.red{
	background: linear-gradient(transparent 60%, rgba(255, 0, 0, 1) 100%);
}
.blue{
	background: linear-gradient(transparent 60%, rgba(0, 0, 255, 1) 100%);
}
.green{
	background: linear-gradient(transparent 60%, rgba(0, 128, 0, 1) 100%);
}
.yellow{
	background: linear-gradient(transparent 60%, rgba(255, 255, 0, 1) 100%);
}
.purple{
	background: linear-gradient(transparent 60%, rgba(128, 0, 128, 1) 100%);
}

td.exp {
	font-size:12px;
	line-height: 1.5em;
	padding:0.5em 0;
	border-bottom:#CCCCCC solid 1px;
}

.skill, .senzai{
	font-weight: bold;
	margin-right: 0.5em;
}

.skill {
	color: #cc0000;
}

.senzai{
	color:#0000cc;
}


/*　フィルター作るテーブル */
.filters li {
	text-align: left;
	font-size:12px;
	color:#000000;
}

.filters li.select-title {
	text-align: right;
	padding: 0 0.5em;
	font-weight: bold;
}

.filters li.chara {
	color:#0054A6;
}

.filters li.ult{
	color:#00cc00;
}

.filters li.skill {
	color: #cc0000;
}

ol.filters {
	border-bottom:1px solid #cccccc;
}

ol {
  list-style: none;
  padding-left: 0;
}
a {
  text-decoration: none;
  color: inherit;
}

a.menu {
	text-decoration: underline;
}
 
input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.filters {
  text-align: left;
}
.filters * {
  display: inline-block;
}
.filters label {
  text-align: center;
  line-height: normal;
  cursor: pointer;
  color: #000;
  padding: 0.5em 1em;
}
.filters label:hover {
  background: #0054A6;
  color: #fff;
}