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

.clearfix {
  min-height: 1px;
}

.komidasi {
	height: 30px;
	line-height:2.3em;
	width:93%;
	border: solid white 2px;
	border-left: none;
	border-right: none;
	margin: 15px 0 15px 0;
	padding-left: 26px;
	background: #937;
	text-align: center;
	position:relative;
}

.komidasi img{
	position: absolute;
	top:-8px;
	left:0px;
}


.wordTitle {
	height:42px;
	line-height:44px;
	font-size:100%;
	text-align:left;
	width:98%;
	margin:auto;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	border-top:solid #fff 1px;
	border-bottom:solid #999 1px;
	border-right:solid #ccc 1px;
	border-left:solid #ccc 1px;
}

.wordTitle span{
	margin-left:38px;
}

.sytemMenuBTN01{
	color:#333;
	background:url(../img/system/arrow.png) 1% no-repeat, -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background:url(../img/system/arrow.png) 1% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
	background:url(../img/system/arrow.png) 1% no-repeat, -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background:url(../img/system/arrow.png) 1% no-repeat, -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	text-shadow:none;
	background-size:26px 26px, contain, 100%;
}

/* アコーディオンOpen */
.CollapsiblePanelOpen .sytemMenuBTN01 {
	background:url(../img/system/arrowOpen.png) 1% no-repeat, -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background:url(../img/system/arrowOpen.png) 1% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
	background:url(../img/system/arrowOpen.png) 1% no-repeat, -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background:url(../img/system/arrowOpen.png) 1% no-repeat, -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background-size:26px 26px, contain, 100%;
}

.BTN05radius{border-radius: 0 0 6px 6px;}


.MenuDetail{
	width:100%;
	padding-bottom:5px
}

.blackBoxSysBG{/* 背景ブラック透過用 */
	width:93%;
	margin:10px auto 0px;
	background:rgba(0,0,0,0.7);
	box-shadow:0px 0px 2px rgba(255,255,255,0.6);
	border-radius:6px;
	padding:4px;
	text-align:left;
	font-size:80%;
	line-height:120%;
}

.Boxexplanation{
	width:90%;
	margin:12px auto 0px;
}

.ImgCenter{
	text-align:center;
	margin:20px 0 14px;
}

.ImgCenter2{
	text-align:center;
	margin:10px auto 10px;
	width:90%;
}

.Txtexplanation{
	width:100%;
	margin-bottom:10px;
}

.whiteBox{/* 背景ホワイトコメント用 */
	color:#000;
	width:76%;
	margin:18px auto;
	text-align:center;
	padding:16px 20px;
	background:url(../img/system/LTcommentBG.gif) left top no-repeat,url(../img/system/RTcommentBG.gif) right top no-repeat,url(../img/system/LBcommentBG.gif) left bottom no-repeat,url(../img/system/RBcommentBG.gif) right bottom no-repeat;
	background-color:#FFF;
	box-shadow:0px 0px 2px rgba(255,255,255,0.6);
	border-radius:10px;
}


.Boxsummon{/* 召喚 */
	width:100%;
	margin:16px auto 20px;
}

.summonBoxexplanation{
	font-size:80%;
	width:83%;
	margin:0 auto 10px;
}

.BoxsummonLeft{
	width:60%;
	height:100%;
	float:left;
}


.BoxsummonRight{
	width:40%;
	float:right;
}

.BoxsummonRight img{
	margin-top:20px;
}

.BoxsoulWord{/* 言霊攻背景 */
	padding-bottom:56px;
	background:url(../img/system/summonIcon.png) right bottom no-repeat;
	background-size:30%;
}

.BoxMonster{/* フィールドモンスター背景 */
	background:url(../img/system/monster01.png) 80% 0 no-repeat,url(../img/system/monster02.png) 100% 16% no-repeat,url(../img/system/monster03.png) 86% 48% no-repeat;
	background-size:13%;
}

.BoxDungeon{/* ダンジョン背景 */
	background:url(../img/system/dungeon.png) 98% 0% no-repeat;
	background-size:18%;
}



/* メニューアコーディオン */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab {
	margin: 0px;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
}

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
}


.wordTitle_b {
	font-size:130%;
	font-style:italic;
	text-align:left;
	font-weight:bold;
	line-height:2em;
	padding-left:50px;
	position:relative;
	color:#FF0;
	margin:10px 0;
}

.wordTitle_b img{
	position: absolute;
	top:-8px;
	left:4px;
}

.sysTop {
	text-align:center;
	font-size:80%;
	line-height:1.2em;
}