@charset "utf-8";
/*--百神メインスタイル--*/

/*--▼▼▼　スタイルリセット　▼▼▼--*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent; color:#663300;line-height:120%;font-style:normal;
	}
	body {
		line-height:1;
		}
    form{
        margin:0;padding:0;border:0;outline:0;font-size:16px;vertical-align:baseline;background:transparent; color:#663300;line-height:120%;font-style:normal;
    }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
	}
	nav ul,li {
		list-style:none;
		}
blockquote, q {
	quotes:none;
	}
blockquote:before, blockquote:after,q:before, q:after {
	content:'';content:none;
	}
a {
	margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;
}
ins {
	background-color:#ff9;color:#000;text-decoration:none;}mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;
	}
	del {
		text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;
			}
table {
	border-collapse:collapse;border-spacing:0;
}
hr {
	display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;
}
input, select {
	vertical-align:middle;
}
td, th {
	vertical-align:top;
}


/*--▼▼▼　共通スタイル　▼▼▼--*/
html, body{ height: 100%;}
body {
width:100%;
background-color:#666666;
font-family:'Droid Sans', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif';
}
body article:first-child {
width:320px;
margin:0 auto;
min-height:100%;
background-color:#ffffff;
}
.clearLine {
float:none;
clear:both;
margin:0;
padding:0;
height:0;
}
.buildImgBtn div[class] ,
.buildImgBtn a[class] {
display:block;
text-indent:-9999em;
background-repeat:no-repeat;
}
a.bannerLink {
display:block;
margin:0;
padding:0;
}
a:active.bannerLink img {
opacity:0.7;
border-radius: 5px;
-webkit-border-radius : 5px;
}
.mainBtnCenter {
text-align:center;
margin:10px 0 0;
}

/*-- 区切り --*/
.partition {
height:1px;
padding:10px 0;
font-size:0;
line-height:0;
background:url(/img/material/common/partition_line.png) 0 50% no-repeat;
}


/*-- 注意事項 --*/
ul.attentionText {
padding:8px;
}
ul.attentionText li {
color:#666666;
font-size:12px;
text-indent:-1em;
padding-left:1em;
}

/*-- text --*/
.textC {
text-align:center;
}
.textR {
text-align:right;
}
.textL {
text-align:left;
}

/*-- margin,padding --*/
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }

/*-- テキスト色指定 --*/
.colorW { color:#ffffff !important; }
.colorWB { color:#ffffff !important; font-weight:bold; font-size:16px; }
.colorG { color:#336600 !important; }
.colorGB { color:#336600 !important; font-weight:bold; font-size:16px; }
.colorR { color:#990000 !important; }
.colorRB { color:#990000 !important; font-weight:bold; font-size:16px; }
.colorY { color:#ffffcc !important; }
.colorYB { color:#ffffcc !important; font-weight:bold; font-size:16px; }
.colorB { color:#4b80f8 !important;  }
.colorBB { color:#4b80f8 !important; font-weight:bold; font-size:16px; }
/*
.colorY { color:#ceb98e !important; }
.colorYB { color:#ceb98e !important; font-weight:bold; }
*/
.colorP { color:#ffcccc !important; }
.colorPB { color:#ffcccc !important; font-size:16px; font-weight:bold; }
.statusUp { color:#99ffff !important; font-weight:bold; font-size:16px; }
.statusDown { color:#ff6666 !important; font-weight:bold; font-size:16px; }

/*-- フォントサイズ指定 --*/
.font16 { font-size:16px !important; }
.font18 { font-size:18px !important; }


/*--　左右に並べるときに使うテーブル　--*/
table.sectionPause {
display:inline-block;
}
table.sectionPause td {
text-align:left;
}
.minusNum {
color:#cc3333;
}
.plusNum {
color:#009999;
}


/*--　.pageWholeContent　--*/
.pageWholeContent {
padding:0 0 1px;
}

/*--　.gNavi　--*/
.gNavi {
}
.gNavi li {
float:left;
}
.gNavi li a[class] {
width:64px;
height:53px;
background-image:url(/img/material/cssSpriteImg/spriteImgForMainBtn.jpg);
background-size:412px 475px;
text-indent:0em;
text-decoration:none;
}
.gNavi li a:active {
opacity:0.7;
}
.gNavi li a span {
display:block;
font-size:10px;
color:#ffffff;
/*text-shadow: 1px 1px 2px #000;*/
position:relative;
top:37px;
text-align:center;
}
.gNavi li a.titleLogo {
background-position:0 -81px;
text-indent:-9999em;
}
.gNavi li a.toMyPageBtn {
background-position:-64px -81px;
}
.gNavi li a.toShopPageBtn {
background-position:-128px -81px;
}
.gNavi li a.toAdventurePageBtn {
background-position:-192px -81px;
}
.gNavi li a.toFriendPageBtn {
background-position:-256px -81px;
}


/*--▼▼▼　ページメインタイトル　▼▼▼--*/
.pageMainTitleSec {
padding:1px 0 0;
background: -webkit-gradient(linear, left top, left bottom, from(#241913), to(#57473a));
}
.pageMainTitleSec .nameSt {
margin:-8px 0 4px;
color:#ffffff;
text-align:center;
font-weight:bold;
}
.pageMainTitleSec .guildSt {
margin:-5px 0 -3px;
color:#ffffff;
text-align:center;
}


/*--▼▼▼　フレームスタイル　▼▼▼--*/
/*--　spriteImgBase:spriteImgForFrame　--*/
div[class^="spFrame"] {
display:block;
width:100%;
background-image:url(/img/material/cssSpriteImg/spriteImgForFrame.png);
background-repeat:no-repeat;
background-size:320px 500px;
position:relative;
z-index:0;
}
.spFrame01Top {
height:15px;
background-position:0 0;
}
div.spFrame01Bottom {
height:2px;
background-image:none;
background: -webkit-gradient(linear, left top, right top, from(#cb8e28), color-stop(0.25, #af770c), color-stop(0.5, #ffd373), color-stop(0.75, #af770c), to(#cb8e28));
}
.spFrame02Top {
height:29px;
background-position:0 -15px;
}
.spFrame02Bottom {
height:29px;
background-position:0 -45px;
margin:0;
}
.spFrame03Top {
height:24px;
background-position:0 -74px;
}
.spFrame03Bottom {
height:25px;
background-position:0 -99px;
}
.spFrame04Top {
height:28px;
background-position:0 -125px;
}
.spFrame05Top {
height:20px;
background-position:0 -153px;
}
.spFrame05Bottom {
height:20px;
background-position:0 -173px;
}
.spFrame06Top {
height:11px;
background-position:0 -193px;
}
.spFrame07Top {
height:5px;
background-position:0 -204px;
}
.spFrame08Bottom {
height:10px;
background-position:0 -209px;
}
.spFrame09Top {
height:8px;
background-position:0 -219px;
}
.spFrame10Bottom {
height:12px;
background-position:0 -227px;
}
.spFrame11Bottom {
height:12px;
background-position:0 -241px;
}
div.spFrame12Top {
height:21px;
background-position:-10px -261px;
width:300px;
}
div.spFrame12Bottom {
height:21px;
background-position:-10px -283px;
width:300px;
}

/*--▼▼▼　アイコンスタイル　▼▼▼--*/
ul.iconLink {margin:0 0 5px 8px;}
ul.iconLink li {display:inline-block;}
ul.iconLink li.linkSt {}
ul.iconLink li.linkSt a {color:#ffee00;}
ul.iconLink li.linkSt a:hover {color:#ffffff;}

div[class^="icon"] ,
li[class^="icon"] {
display:inline-block;
background-image:url(/img/material/cssSpriteImg/spriteImgForOthers.png);
background-repeat:no-repeat;
height:19px;
margin-right:-2px;
margin-bottom:-5px;
text-indent:-9999em;
}
div[class^="icon"] {margin-right:2px;}
.iconFlag {
background-position:-306px 0;
width:14px;
}
.iconMemo {
background-position:-291px 0;
width:15px;
}
.iconPencil {
background-position:-259px 0;
width:15px;
}
.iconArrUp {
background-position:-227px 0;
width:12px;
}
.iconArrDown {
background-position:-247px 0;
width:12px;
}
.iconArrRight {
background-position:-239px 0;
width:8px;
}
.iconArrLeft {
background-position:-219px 0;
width:8px;
}
.iconArrUpWhite {
background-position:-151px -19px;
width:12px;
}
.iconArrDownWhite {
background-position:-171px -19px;
width:12px;
}
.iconArrRightWhite {
background-position:-163px -19px;
width:8px;
}
.iconArrLeftWhite {
background-position:-143px -19px;
width:8px;
}
.iconClock {
background-position:-274px 0;
width:17px;
}
.iconBag {
background-position:-149px 0;
width:17px;
}
.iconCompanion {
background-position:-199px 0;
width:20px;
}
.iconFriend {
background-position:-182px 0;
width:17px;
}
.iconCommunity {
background-position:-166px 0;
width:16px;
}
.iconHelp {
background-position:-135px 0;
width:13px;
}
.iconShop {
background-position:-299px -19px;
width:20px;
}
.iconAction {
background-position:-281px -19px;
width:19px;
}
.iconAttack {
background-position:-265px -19px;
width:16px;
}
.iconDefense {
background-position:-249px -19px;
width:16px;
}
.iconHP {
background-position:-217px -19px;
width:17px;
}
.iconLevel {
background-position:-235px -19px;
width:14px;
}
.iconGem {
background-position:-201px -19px;
width:16px;
}
.iconExp {
background-position:-129px -19px;
width:14px;
}
div.iconExpBlink {
width:14px;
background-position:0 0;
background-image:url(/img/material/cssSpriteImg/iconExpBlink.gif);
}
.iconJewel {
background-position:-305px -38px;
width:15px;
}
.iconRing {
background-position:-289px -38px;
width:16px;
}
.iconGodskill {
background-position:-271px -38px;
width:18px;
}
.iconDurable {
background-position:-183px -19px;
width:17px;
}
.iconRestore {
background-position:-257px -38px;
width:14px;
}
.iconDown {
background-position:-151px -38px;
width:14px;
}
.iconMap {
background-position:-237px -38px;
width:19px;
}
.iconGod {
background-position:-165px -38px;
width:18px;
}
.iconNoFriend {
background-position:-183px -38px;
width:17px;
}
.iconQuest {
background-position:-200px -38px;
width:18px;
}
.iconCooperate {
background-position:-218px -38px;
width:19px;
}
.iconAttention {
background-position:-137px -38px;
width:14px;
}
.iconCrown {
background-position:-120px -38px;
width:17px;
}
.iconPikohan {
background-position:-300px -55px;
width:20px;
}
.iconGodEquip {
background-position:-282px -55px;
width:21px;
}
.iconCombine {
background-position:-261px -56px;
width:20px;
}


/*--▼▼▼　ナビィコメントスタイル　▼▼▼--*/
div.iconNavi {
background-position:0px -23px;
width:40px;
height:40px;
margin:0;
}
.naviCommentSec {
background:url(/img/material/common/bg_navi.gif) 0 0 repeat;
background-color:#a67253;
text-align:center;
}
.naviCommentSec .sectionPause {
position:relative;
z-index:2;
width:290px;
margin:0 !important;
}
.naviCommentSec .sectionPause td {
color:#ffffff;
line-height:130%;
}
.naviCommentSec .sectionPause td em {
color:#3a1a00;
font-weight:bold;
}
.naviCommentSec .sectionPause div.iconNavi {
margin-right:8px;
}
.naviCommentSec .spFrame05Top {
margin-bottom:-6px;
}
.naviCommentSec .spFrame05Bottom {
margin-top:-8px;
}

.buttonCommon{
    -webkit-box-sizing:border-box !important;
    padding:0.5em !important;
    border:1px solid #cfcfcf !important;
    border-radius:5px !important;
    -webkit-border-radius:5px !important;
    background: -webkit-gradient(linear, left top, left bottom,
        from(#f0f0f0),
        color-stop(0.03, #f0f0f0),
        color-stop(0.48, #f0f0f0),
        color-stop(0.50, #cfcfcf),
        to(#cfcfcf)
    ) !important;
    color:#fff !important;
    font-weight:bold !important;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px !important;
    text-align:center !important;
    text-decoration:none !important;
    display:block !important;
}


/*--▼▼▼　メインボタンスタイル　▼▼▼--*/
ul.buildMainBtnLink {margin:5px 0 0 6px;}
ul.buildMainBtnLink li {display:inline-block;}
ul.buildMainBtnLink li.linkSt {padding:2px 5px 0 0;}

div[class$="NoClickMainBtn"] ,
a[class$="MainBtn"] {
display:inline-block;
height:30px;
border-radius: 5px;
-webkit-border-radius : 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#eee6d7), to(#ddcfb1));
border:2px solid #eee6d7;
text-decoration:none;
margin:0 6px;
}
a:hover[class$="MainBtn"] {
background: -webkit-gradient(linear, left top, left bottom, from(#ddcfb1), to(#eee6d7));
}




.modSubmitButton form input[type=submit],
input.redLSizeInputBtn,
input.inputBtnRed,
input.inputBtn
{
font-size:16px;
display:inline-block;
height:30px;
border-radius: 5px;
-webkit-appearance: none;
-webkit-border-radius : 5px;
border:2px solid #eee6d7;
text-decoration:none;
margin:10px 0 0 0;
}

.modSubmitButton form input[type=submit],
form>input.inputBtnRed {
background: -webkit-gradient(linear, left top, left bottom, from(#eee6d7), to(#ddcfb1));
border:2px solid #eee6d7;
color:#630;
}

.modSubmitButton form input[type=submit]:hover,
form>input.inputBtnRed:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ddcfb1), to(#eee6d7));}

form>input.inputBtn { background: -webkit-gradient(linear, left top, left bottom, from(#eee6d7), to(#ddcfb1)); }
form>input.inputBtn:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ddcfb1), to(#eee6d7)); }

form>input.redLSizeInputBtn {
  background: -webkit-gradient(linear, left top, left bottom, from(#ef7677), to(#c2393b));
  padding: 0 30px 0 30px;
  color:white;
  font-weight:bold;
  border-width:2px;
  border-color:#fff;
  border-style:solid;
}
form>input.redLSizeInputBtn:hover {background: -webkit-gradient(linear, left top, left bottom, from(#c2393b), to(#ef7677));}

a.toPageTopMainBtn {
margin:16px 0 20px;
}
div[class$="NoClickMainBtn"] {
border:2px solid #74a1bb;
background:transparent;
}
div[class$="NoClickMainBtn"] ul.buildMainBtnLink li.linkSt {color:#74a1bb;}
div.brownNoClickMainBtn {
border:2px solid #b8a06e;
}
div.brownNoClickMainBtn ul.buildMainBtnLink li.linkSt {color:#b8a06e;}

a[class$="LSizeMainBtn"] {
height:38px;
border-radius: 8px;
-webkit-border-radius : 8px;
border:2px solid #ffffff;
font-weight:bold;
}
a[class$="LSizeMainBtn"] ul.buildMainBtnLink {margin:8px 0 0 34px;}
a[class$="LSizeMainBtn"] ul.buildMainBtnLink li[class^="icon"] {margin-bottom:-3px;}
a[class$="LSizeMainBtn"] ul.buildMainBtnLink li.linkSt {padding:0 34px 0 6px; color:#ffffff;}

a.buyLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#e7a931), to(#cd7d00));}
a:hover.buyLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#cd7d00), to(#e7a931));}

a.redLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#ef7677), to(#c2393b));}
a:hover.redLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#c2393b), to(#ef7677));}

a.blueLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#5699bc), to(#2d619b));}
a:hover.blueLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#2d619b), to(#5699bc));}

a.godMeetLSizeMainBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#ef7677), to(#c2393b));
height:26px;
}
a.godMeetLSizeMainBtn ul.buildMainBtnLink {margin:0;}
a.godMeetLSizeMainBtn ul.buildMainBtnLink li.linkSt {padding:5px 8px 4px 8px; color:#ffffff;}
a:hover.godMeetLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#c2393b), to(#ef7677));}

a.toMyPageLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#e7a931), to(#cd7d00));}
a:hover.toMyPageLSizeMainBtn {background: -webkit-gradient(linear, left top, left bottom, from(#cd7d00), to(#e7a931));}
a.toMyPageLSizeMainBtn ul.buildMainBtnLink {margin:8px 0 0 20px;}
a.toMyPageLSizeMainBtn ul.buildMainBtnLink li.linkSt {padding:0 20px 0 0; color:#ffffff;}



/*--▼▼▼　画像ボタンスタイル　▼▼▼--*/

ul.mainImgBtnList {margin:4px 0 0 5px;}
ul.mainImgBtnList li {float:left; margin:4px 8px;}
a.friendInviteImgBtnBgBlack ,
a.friendInviteImgBtnBgBrown ,
ul.mainImgBtnList li div ,
ul.mainImgBtnList li a {
width:138px;
height:40px;
background-image:url(/img/material/cssSpriteImg/spriteImgForMainBtn.jpg);
background-repeat:no-repeat;
background-size:412px 475px;
}
ul.mainImgBtnList li a.adventureBtn {
background-position:0 0;
}
ul.mainImgBtnList li a.friendRequestBtn {
background-position:-138px 0;
}
ul.mainImgBtnList li div.friendRequestBtnDisabled {
background-position:-138px -395px;
}
ul.mainImgBtnList li a.friendRequestBtnBlink {
background-image:url(/img/material/cssSpriteImg/friendRequestBtnBlink.gif);
background-size:138px 40px;
background-position:0 0;
}

ul.mainImgBtnList li a.adventureBtnBlink {
background-image:url(/img/material/cssSpriteImg/adventureBtnBlink.gif);
background-size:138px 40px;
background-position:0 0;
}



ul.mainImgBtnList li a.meetMyGodBtn {
background-position:0 -40px;
}
ul.mainImgBtnList li div.meetMyGodBtnDisabled {
background-position:0 -434px;
}
ul.mainImgBtnList li a.toShopPageBtn {
background-position:-138px -40px;
}
a.friendInviteImgBtnBgBlack ,
a.friendInviteImgBtnBgBrown {
width:195px;
background-position:0 -261px;
}
a.friendInviteImgBtnBgBlack {
background-position:0 -301px;
}



/*--▼▼▼　テーブルスタイル　▼▼▼--*/
table[class^="profileList"] {}
table[class^="profileList"] th {
padding:4px 5px;
color:#ffffff;
background-color:#a07e50;
border-bottom:2px solid #ceb98e;
}
table[class^="profileList"] td {
padding:4px 5px 4px 6px;
text-align:left;
vertical-align:middle;
}
table.profileList02 th {
color:#e5dac4;
background-color:#745837;
border-bottom:2px solid #8b6f4b;
text-align:center;
}
table.profileList02 td {
color:#ffffff;
}
table.profileList02 td a {
color:#ffee00;
}
table.profileList03 {margin:12px 0 0 0; display:inline-block;}
table.profileList03 th {
color:#e5dac4;
background-color:#745837;
border-right:2px solid #8b6f4b;
border-left:2px solid #8b6f4b;
border-bottom:none;
width:90px;
text-align:center;
}
table.profileList03 td {
text-align:center;
color:#ffffff;
padding:4px 0 8px;
}


/*--▼▼▼　区切りヘッダー　▼▼▼--*/
.middlePauseStyle {
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#632f05), to(#7b4d1a));
padding:0 0 1px 0;
margin:0;
}
.middlePauseStyle .firstLine {
height:2px;
background: -webkit-gradient(linear, left top, right top, from(#ffd800), color-stop(0.5, #ffeb00), to(#ffd800));
}
.middlePauseStyle h1 {
margin:6px 0 4px;
color:#ffffff;
}




/*--▼▼▼　履歴リストスタイル　▼▼▼--*/
ul.historyInfoList {}
ul.historyInfoList>li {
padding:6px 8px;
border-bottom:1px dotted #ffffff;
}


/*--▼▼▼　百神メニュー　▼▼▼--*/
.hyakukamiFootMenu {
background-color:#ceb98e;
padding:1px 0 10px;
}
/*--bg変更--*/
#bossFight .hyakukamiFootMenu {
background-color:#000000;
}
.hyakukamiFootMenu h1 a {
color:#ffffff;
}
.hyakukamiFootMenu #hyakukamiFootMenuBtnListSec {
}
.hyakukamiFootMenu #hyakukamiFootMenuBtnListSec {margin-left:6px; margin-top:4px;}
.hyakukamiFootMenu ul.buildMainBtnLink {margin:0;text-align:center;}
.hyakukamiFootMenu ul.buildMainBtnLink li {text-align:center;}
.hyakukamiFootMenu ul.buildMainBtnLink li.linkSt {padding:2px 0 0 0; font-weight:bold;}
.hyakukamiFootMenu ul.buildMainBtnLink li[class^="icon"] {display:block; margin:5px auto 0;}
.hyakukamiFootMenu a.menuBtn {
display:inline-block;
width:88px;
height:48px;
border-radius: 5px;
-webkit-border-radius : 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#eee6d7), to(#ddcfb1));
border:2px solid #eee6d7;
text-decoration:none;
margin:4px;
}
.hyakukamiFootMenu a.menuBtn:nth-child(1n+7){/*神装備用ボタンの色を変える*/
background: -webkit-gradient(linear, left top, left bottom, from(#ad946f), to(#866842));
border:2px solid #e0d8d0;
}
.hyakukamiFootMenu a.menuBtn:nth-child(1n+7) li{
color:#f7f3ec;
}
.hyakukamiFootMenu a:hover.menuBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#ddcfb1), to(#eee6d7));
}
.hyakukamiFootMenu a:hover.menuBtn:nth-child(1n+7){/*神装備用ボタンの色を変える*/
background: -webkit-gradient(linear, left top, left bottom, from(#866842), to(#ad946f));
}
.introduceTagSec {/*-自己紹介タグ非表示-*/
display:none;
}
.hyakukamiFootMenu #hyakukamiFootMenuBtnListSec div.spFrame12Top,
.hyakukamiFootMenu #hyakukamiFootMenuBtnListSec div.spFrame12Bottom{
margin:3px 4px 3px 4px;/*-メニュー内のセパレーターにマージンを付ける-*/
}
.hyakukamiFootMenu h1.godEquipTitleImg{
text-indent:-9999em;
background-image:url(/img/material/cssSpriteImg/spriteImgForOthers.png);
background-repeat:no-repeat;
width:38px;
height:14px;
margin:0 auto 0;
background-position:-139px -177px;
position:relative;
top:7px;
}

/*--▼▼▼　ボス戦メインボタン　▼▼▼--*/
.bossFightMainBtn {
padding:6px 0 10px;
margin-left:6px;
}
.bossFightMainBtn ul.buildMainBtnLink {margin:0;text-align:center;}
.bossFightMainBtn ul.buildMainBtnLink li {text-align:center;}
.bossFightMainBtn ul.buildMainBtnLink li.linkSt {padding:0; font-weight:bold; color:#ffffff;}
.bossFightMainBtn ul.buildMainBtnLink li[class^="icon"] {display:block; margin:4px auto 0;}
.bossFightMainBtn a[class^="bossFight"] {
display:inline-block;
width:88px;
height:44px;
border-radius: 5px;
-webkit-border-radius : 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#eee6d7), to(#ddcfb1));
border:2px solid #eee6d7;
text-decoration:none;
margin:0 4px;
}
.bossFightMainBtn a:hover[class^="bossFight"] {
background: -webkit-gradient(linear, left top, left bottom, from(#ddcfb1), to(#eee6d7));
}
.bossFightMainBtn a.bossFightRestoreBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#4cac70), to(#257844));
}
.bossFightMainBtn a:hover.bossFightRestoreBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#257844), to(#4cac70));
}
.bossFightMainBtn a.bossFightAttackBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#ef7677), to(#c2393b));
}
.bossFightMainBtn a:hover.bossFightAttackBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#c2393b), to(#ef7677));
}
.bossFightMainBtn a.bossFightGodskillBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#5699bc), to(#2d619b));
}
.bossFightMainBtn a:hover.bossFightGodskillBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#2d619b), to(#5699bc));
}
/* ﾋﾟｺﾊﾝを使う */
.bossFightMainBtn a.bossFightPikohanBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#f9f004), to(#f68811));
}
.bossFightMainBtn a:hover.bossFightPikohanBtn {
background: -webkit-gradient(linear, left top, left bottom, from(#f68811), to(#f9f004));
}

.bossFightMainBtn div.bossFightGodskillBtnNoClick {
  opacity:0.5;
background: -webkit-gradient(linear, left top, left bottom, from(#5699bc), to(#2d619b));
display:inline-block;
width:88px;
height:44px;
border-radius: 5px;
-webkit-border-radius : 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#2d619b), to(#5699bc));
border:2px solid #eee6d7;
text-decoration:none;
margin:0 4px;
}

/*--▼▼▼　自己紹介タグ　▼▼▼--*/
.introduceTagSec {
width:300px;
margin:16px auto 2px;
}
.introduceTagSec #introduceTagText {
width:280px;
height:14px;
}
.introduceTagSec .capText {
text-align:center;
font-size:12px;
margin:2px 0 0;
}


/*--▼▼▼　フォーム機能デフォルトスタイル　▼▼▼--*/
.formTimesSelectPullDown {
min-width:80px;
height:24px;
}
.formBuyBtn {
width:80px;
height:24px;
}
.formListSortPullDown {
min-width:80px;
height:24px;
}



/*--▼▼▼　ボス戦闘アニメ用スタイル　▼▼▼--*/
.inlineBattleAnime {
margin:0;
padding:0;
width:320px;
height:173px;
position:relative;
}
.inlineBattleAnime .nowLoadingStyle ,
.inlineBattleAnime .whiteOutAnimeSec ,
.inlineBattleAnime .motionImgSec ,
.inlineBattleAnime .bgImgSec ,
.inlineBattleAnime .frameImgSec ,
.inlineBattleAnime .monsterImgSec {
margin:0;
padding:0;
width:320px;
height:173px;
position:absolute;
-webkit-background-size: 100% 100%;
background-repeat:no-repeat;
}
.inlineBattleAnime .nowLoadingStyle {
line-height:173px;
background-color:#000000;
text-align:center;
color:#ffff66;
z-index:9998;
}


/*--▼▼▼　神様属性アイコン　▼▼▼--*/
div[class^="godAttrIcon"] {
display:inline-block;
background-image:url(/img/material/cssSpriteImg/spriteImgForOthers.png);
background-repeat:no-repeat;
width:65px;
height:65px;
text-indent:-9999em;
}
div.godAttrIconSun {
background-position:0 -63px;
}
div.godAttrIconMoon {
background-position:-65px -63px;
}
div.godAttrIconStar {
background-position:0 -128px;
}

.textAttention
{
 color:#ff0000;
}

/*--▼▼▼　pageChangeSec　リストページング　▼▼▼--*/
.pageChangeSec {
text-align:center;
margin:10px auto;
}
.pageChangeSec span {
color:#ffffff;
}
.pageChangeSec div ,
.pageChangeSec a {
margin:0 12px;
}

.pageChangeSec .pageNumInfo {
display:inline-block;
margin:0 14px;
}


/* comment text input */
input.commentInput{
  -webkit-appearance: none;
  width: 260px;
  padding: 5px;
  height: 20px;
  -webkit-border-radius: 8px;
  font-size: 16px;
  color:#630;
  border:2px solid #EEE6D7;
}

input.commentInput:focus,
input.commentInput:hover {
	border:2px solid #3399FF;
}

/* for swf animation */
body>table {
 background-color:#000;
}

#bossFight b.damage {
  color:red !important;
}

#myPage .campaginLinkSec,
.hyakukamiFootMenu .campaginLinkSec {
 margin:5px 0 0 -5px;
}


/* for super mazins */

/*--▼▼▼　区切りヘッダー　▼▼▼--*/
.superMazins .middlePauseStyle {
  background:-webkit-gradient(linear, left top, left bottom, from(#640000), to(#360505));
  color:#fff!important;
}

.superMazins .eventFreeSec{
 background:#000!important;
 color:#fff!important;
}

/*--▼▼▼ボイス表示用ー　▼▼▼--*/
table.voiceTable{
  margin:0 0 0 0;
  padding:0;
}
table.voiceTable td.commentArea{
  vertical-align:middle;
  width:100%;
  color:#ffffff;
}
table.voiceTable td.imgArea{
  vertical-align:middle;
}

/*--▼▼▼マーキー表示用ー　▼▼▼--*/
.marqueeBgRed {
  background: -webkit-gradient(linear, left top, left bottom, from(#680000), to(#d00000));
  position: relative;
  overflow: hidden;
  padding: 2px 0 2px;
}
.marqueeBgOrange {
  background: -webkit-gradient(linear, left top, left bottom, from(#883000), to(#d08400));
  position: relative;
  overflow: hidden;
  padding: 2px 0 2px;
}
.marqueeBgYellow {
  background: -webkit-gradient(linear, left top, left bottom, from(#555500), to(#b1b123));
  position: relative;
  overflow: hidden;
  padding: 2px 0 2px;
}
.marqueeBgPink {
  background: -webkit-gradient(linear, left top, left bottom, from(#663320), to(#e9628a));
  position: relative;
  overflow: hidden;
  padding: 2px 0 2px;
}
.marqueeBgBlue {
  background: -webkit-gradient(linear, left top, left bottom, from(#0f2a55), to(#3f3fd5));
  position: relative;
  overflow: hidden;
  padding: 2px 0 2px;
}
.marqueeBgGreen {
  background: -webkit-gradient(linear, left top, left bottom, from(#0e472b), to(#23a123));
  position: relative;
  overflow: hidden;
  padding: 2px 0 2px;
}
.marqueeTextWhite {
/*
  overflow: -webkit-marquee;
  overflow-style: auto;
  -webkit-marquee-direction: auto;
  marquee-play-count: infinite;
  -webkit-marquee-repetition: infinite;
*/
  font-size: 14px;
  color: #ffffff;
  top: 0px;
/*
  white-space: nowrap;
*/
}

/*--▼▼▼バナーサイズを固定　▼▼▼--*/

/*イベント*/
.bnEventBanner01{
	width: 300px;
	height:	60px;
}
.bnEventHeader01{
	width: 320px;
	height:	100px;
}
.bnEventOutline01{
	width: 320px;
	height:	300px;
}

/*ガチャ*/
.bnGachaBanner01{
	width: 300px;
	height:	50px;
}
.bnGachaBanner02{
	width: 106px;
	height:	158px;
}
.bnGachaBanner03{
	width: 120px;
	height:	130px;
}
.bnGachaBanner04{
	width: 320px;
	height:	100px;
}
.bnGachaGodinfo01{
	width: 320px;
	height:	133px;
}
.bnGachaIteminfo01{
	width: 320px;
	height:	330px;
}