.setnav {
	margin-top: 70px;
	overflow-x: auto;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/* Top 移動ボタン */
.pagetop {
		display: none;
		position: fixed;
		bottom: 50px;
		text-decoration: none;
		right: 10px;
		z-index: 2;
}

@media (min-width: 992px) {

	#Info div.panel-body { height: 250px; overflow-y: auto; }

}

@media (min-width: 600px) {

	/* Top 移動ボタン */
	.pagetop {
			display: none;
			position: fixed;
			bottom: 50px;
			text-decoration: none;
			right: 30px;
	}

	#MonsterList { overflow-x: auto; white-space: nowrap; }

/*
	#Info div.panel-body { height: 150px; overflow-y: auto; }
*/
}

/* Top 移動ボタン用 */
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
		border-radius: 6px;
}

.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}

/*戦闘力用*/
.boss { background-color: #FFD5EC; }
.awful { background-color: #FFDBC9; }
.strong { background-color: #D7EEFF; }
.weak { background-color: #E6FFE9; }
.weakest { background-color: #F3FFD8; }
.equal { background-color: #ffffff; }

.boss,
.awful,
.strong,
.equal,
.weak,
.weakest { border-radius: 6px; }

h4 {
		font-weight: bolder;
		text-align: center;
}
h5 {
		font-weight: bolder;
		padding-left: 10px;
}

/* テキストを省略せずに表示する */
.ui-header .ui-title,            /* ヘッダー */
.ui-footer .ui-title,            /* フッター */
.ui-btn-inner,                /* ボタン */
.ui-li-heading,                /* リスト見出し */
.ui-li .ui-btn-text a.ui-link-inherit,    /* リンクリスト */
.ui-li-desc                /* リスト詳細 */
{
    overflow: visible;
    white-space: normal;
}

input.number,
input.stat { text-align: right; }

.cp,
/*
.max-R { color: red; }
*/
.red { color: red; }
.font-color-white { color: white; }
.blue { color: blue; }

.note {
		margin: 0;
		padding: 5px 15px;
		color: red;
}

#MonsterList div
{
		vertical-align: top;
		padding: 10px 0;
}
#MonsterList ul
{
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
/*
		white-space: normal;
*/
}
#MonsterList div ul { white-space: warp; }
#MonsterList ul li.uladh,
#MonsterList ul li.iria,
#MonsterList ul li.avon,
#MonsterList ul li.scathach
{
		vertical-align: top;
}
#MonsterList li ul { white-space: normal; }
#Adjustment dl dt { text-align: center; }
#footer p.copyright { padding: 10px; }
.large { font-size: large; }

:valid, :in-range {
/*
		border: 2px solid lightgreen;
*/
}
input:invalid { border: 2px solid #ff0000; }

table td.title { width: 50%; }

#setting { vertical-align: middle; }
#setting b.subtitle { font-size: large; }
ul {
/*
		margin: 0;
		padding: 0 10px;
*/
		list-style-type: none;
		list-style-image: none;
}

label { padding-top: 5px; }

#setting ul { display: table; }
#setting ul li { display: table-cell; vertical-align: middle; }
#setting .subtitle { font-size: large; font-weight: bold; }

#form1 div.input-group { padding: 5px 0; } 

hr {
   border:solid #000;
   border-width:1px 0 0 0;
}

/*
#SkillList { overflow-x: auto; white-space: nowrap; }
*/

table th,
table td,
table.table th,
table.table td,
#tableBody td {
		text-align: center;
		vertical-align: middle;
}

#TalentList th,
#TalentList td {
		text-align: center;
		vertical-align: middle;
}

.graph { width: 30%; }

div.progress { margin-top: 18px; }

#history td {
		text-align: left;
		vertical-align: middle;
}

.rank { font-size: 2em; }

/*
#selectList div {
		font-size: 16px;
		text-align: center;
		vertical-align: middle;
}
*/

#age11,
#age12,
#age13,
#age14,
#age15,
#age16,
#age17,
#age18,
#age19,
#age20,
#age21,
#age22,
#age23,
#age24,
#age25,
#age26 { display: none; }

#SecretTitleList dd {
		padding-left: 1em;
		text-indent: 0em;
}