@charset "UTF-8";

/* reset & base style CSS */

/* --------------------------------------------------

Reset Stylesheet v0.3 2012

-------------------------------------------------- */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
embed,object {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}
table,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

body{
	color:#343434;
	font-family: MS UI Gothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Helvetica, Arial, HiraKakuProN-W3;
	font-size:62.5%; /* 10px */
	line-height:1.8;
	-webkit-text-size-adjust: none;/* iPhone、iPod touchなどでフォントサイズが変わる対応 */
}

/* ----- link ----- */
#contentArea a:link {
	color:#7d2c1c;
	text-decoration: none;
}
#contentArea a:visited {
	color:#885d47;
	text-decoration: none;
}
#contentArea a:hover {
	color:#C93;
	text-decoration: underline;
}
#contentArea a:active {
	color:#930;
	text-decoration: none;
}

/* ----- other ----- */
ul, ol {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
th, td {
	border-collapse:collapse;
}
img {
	border:0;
	vertical-align:bottom;
}
address {
	font-style:normal;
}

/* ----- clearfix ----- */
.clearfix {zoom:1;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}
ul, ol, dl {zoom:1;}
ul:after, ol:after, dl:after {
	content: ""; 
	display: block; 
	/* clear: both; */
}
div {zoom:1;}
div:after{
	content: ""; 
	display: block; 
	clear: both;
}

.m-auto,
.margin-auto,
.margin-a {
	margin: auto;
}

.visible {
	visibility: visible;
}
.invisible {
	visibility: hidden;
}

.block {
	display: block;
}

/* --------------------------------------------------

Base Stylesheet

-------------------------------------------------- */

body {
	background: url(../img/common/bg_body_3rd.jpg) #fefefe repeat-x;
}


/* 基本構造
-------------------------------------------------- */

#container {
	position: relative;
	width: 1120px;
	margin: 0 auto;
}

/* ヘッダー */
#globalHeader {
	/* position: relative; *//* IE7でロゴリンクに不具合 */
	min-width: 1120px;
	height: 46px;
	background: #000 url(../img/common/bg_globalline.png) repeat-x left bottom;
}
#wrapper_header {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 46px;
	z-index: 100;
}
#globalHeaderArea {
	position: relative;
	width: 1120px;
	margin: 0 auto;
}
#globalHeaderArea #logo_square_enix {
	position: absolute;
	width:132px;
	left: 45px;
	top: 13px;
	z-index: 1000;
}
#globalHeaderArea #logo_square_enix a {
	display: block;
	width:132px;
	height:14px;
	background: url(../img/common/parts_globalheader.png) no-repeat 0 -27px;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}

#globalHeaderArea .btnArea_g {
	position: absolute;
	top:0;
	right:0;
	width: 710px;
	padding-right: 30px;
	z-index:500;
}
#globalHeaderArea #navi_globalHeader {
	float: right;
	width: 280px;
	margin: 9px 0 0 0;
	text-align: right;
}
#globalHeaderArea #navi_globalHeader li {
	display: inline;
	padding: 4px 15px 0 43px;
	border-left: 1px solid #FFF;
	background: url(../img/common/parts_globalheader.png) no-repeat 12px 0px;
}
#globalHeaderArea #navi_globalHeader li:first-child {
	border-left: none;
}
#globalHeaderArea #navi_globalHeader li a {
	color:#FFF;
	font-size: 1.2em;
	text-decoration: none;
}
#globalHeaderArea ul li a:hover {
	text-decoration: underline;
}
#globalHeaderArea .goMypage a,
#globalHeaderArea .logout a {
	float: right;
	display: block;
	width: 84px;
	height: 22px;
	margin: 9px 5px 0 0;
	background: url(../img/common/parts_globalheader.png) no-repeat 0 -115px;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
#globalHeaderArea .goMypage a:hover {
	background: url(../img/common/parts_globalheader.png) no-repeat 0 -147px;
}
#globalHeaderArea .logout a {
	width: 61px;
	margin-right: 0;
	background: url(../img/common/parts_globalheader.png) no-repeat 0 -51px;
}
#globalHeaderArea .logout a:hover {
	background: url(../img/common/parts_globalheader.png) no-repeat 0 -83px;
}

/* タイトル基本 */
.title {
	width: 1060px;
	margin: 0 auto;
}

/* 簡易タイトル */
#lightTitle {
	width: 1060px;
	height: 124px;
	background: url(../img/common/bg_lightTitle_3rd.jpg) no-repeat 0 0;
}
#lightTitle p {
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
/* #leaf */
#wrapper #leaf {
	padding: 0;
	background:url(../img/common/bg_band_3rd.png?1) no-repeat 30px 0;
}
.myPage #wrapper #leaf { background: none; }

/* グローバルナビ */
#globalNavi, #lightNavi {
	position: relative;
	width: 1060px;
	height: 56px;
	margin: 0 auto;
	background: url(../img/common/bg_globalnavi_3rd.png) no-repeat 0 0;
}

/* グローバルナビのプルダウンアイコン */
.globalnavi-down {
	position: absolute;
	margin-top: -18px;
	margin-left: 66px;
	width: 34px;
	height: 15px;
	background-image: url(../img/common/global_select/ico_down.png?d=20141225);
}
/* メインナビ＆交流酒場のニュー表示 */
.globalnavi-new,
.pubnavi-new {
	display: block;
	width: 31px;
	height: 13px;
	position: absolute;
	background-image: url(../img/common/ico_new.png);
}

/* メインナビのニュー表示 */
.globalnavi-new {
	margin: -47px 0 0 5px;
}

/* 交流酒場のニュー表示 */
.pubnavi-new {
	margin: -42px 0 0 8px;
}

/* マイページ、フレンド用ナビ */
#mypageNavi,
#friendNavi {
	clear: both;
	margin-top: 10px;
}

/* 左メニュー */
#userArea {
	float: left;
	width: 210px;
	margin: 18px 0 0 47px;
	padding-bottom: 15px;
}

/* 左メニュー　フォーラム */
#userArea_forum {
	float: left;
}
#userArea_forum #userArea {
	float: none;
}

/* 左メニュー　フォーラム～今日コメントした掲示板～ */
#foram_commentArea {
	margin: 5px 0 20px 47px;
}
#foram_commentToday,
#foram_commentPost,
#foram_bbsListCtt {
	padding: 10px 18px;
	color:#FFF;
}
#foram_commentArea a,
#foram_bbsList a {
	color: #D6D2A2 ;
	text-decoration: none;
}

#foram_commentToday {
	border-bottom: none;
/* -moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0; */
}
#foram_commentPost {
	margin: 0 auto;
	border-top: 2px solid #FFF;
/* -moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px; */
}
#userArea_forum #foram_bbsList {
	margin: 0 0 0 47px;
}

#foram_commentToday h2,
#foram_commentPost h2,
#userArea_forum #foram_bbsList h2 {
	margin-bottom: 8px;
	font-size: 1.2em;
	line-height: 1.4;
}
#foram_commentArea a {
	padding-left: 10px;
	background: url(../img/common/bg_ico.png) no-repeat 0 -243px;
	font-size: 1.2em;
}

#foram_commentArea a:hover {
	text-decoration: underline;
}

#foram_commentArea .txt_categoryName {
	color: #8F8B88;
	font-size: 1.0em;
	line-height: 1.4;
}
#userArea_forum .threadTitle {
	margin-top: 8px;
	line-height: 1.4;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
.comCount {
	width: 177px;
	height: 43px;
	margin: 20px auto 0;
	background: url(../img/user_area/bg_comCount.png) no-repeat 0 0;
	text-align: center;
}
.comCount img {
	margin-top: 4px;}
	.comCount strong {
		padding-right: 3px;
		color: yellow;
		font-size: 1.4em;
		line-height: 1.4;
	}
	#foram_bbsList ul {
		width: 175px;
		margin: 0 auto;
	}
	.btn_maintop a,
	.btn_pretop a,
	.btn_pasttop a,
	.btn_close a {
		display: block;
		width: 175px;
		height: 27px;
		margin-top: 8px;
		background: url(../img/common/bg_btn_square.png) no-repeat top left;
		text-indent: -9999em;
		white-space:nowrap;
		overflow:hidden;
	}
	.btn_maintop a { background-position: 0 -265px; }
	.btn_maintop a:hover { background-position: -175px -265px; }
	.btn_pretop a { background-position: 0 -297px; }
	.btn_pretop a:hover { background-position: -175px -297px; }
	.btn_pasttop a { background-position: 0 -329px; }
	.btn_pasttop a:hover { background-position: -175px -329px; }
	.btn_close a {background-position: 0 -1430px;width: 150px; height: 27px; }
	.btn_close a:hover {background-position: 0 -1470px;}
	.btn_close {width:150px;}

	/* メインコンテンツ　1カラム */
	#contentArea_oneColumn {
		width: 1060px;
		margin: 0 auto;
		padding-bottom: 15px;
	}

	/* メインコンテンツ */
	#contentArea {
		float: left;
		width: 654px;
		margin: 16px 0 0 17px;
		padding-bottom: 15px;
	}

	/* 右メニュー */
	#extraArea {
		position: absolute;
		right: 44px;
		width: 148px;
		padding: 16px 0;
	}

	/* フッター */

/*----------------------------------------------------
=div#sqexFooter
----------------------------------------------------*/
div#sqexFooter {
	margin-top: 0px;
	min-width: 1120px;
	background:url( ../img/common/bg_footer.jpg) center top repeat-x;
	font-size: 12px;
	clear: both;
	text-align: center;
	font-family:Verdana,Arial,Meiryo,"Hiragino Kaku Gothic Pro",Osaka,"MS P Gothic",sans-serif;
	font-weight:normal!important;
}
div#sqex-footer-contents {
	clear: both;
	border-bottom: 1px solid #333;
}
div#sqexFooter dl.sqex-footer-shares img {
	vertical-align: top;
}
div#sqexFooter div.sqex-footer-links {
	position: absolute;
	right: 10px;
	padding-top: 11px;
	height: 54px;
	text-align: right;
}
/* div#sqexFooter div.sqex-footer-links a {
margin-left: 20px;
} */
div#sqexFooter dl.sqex-footer-shares {
	margin: 0 auto;
	padding-top: 20px;
	height: 46px;
	text-align: center;
	z-index:1000;
}
div#sqexFooter dl.sqex-footer-shares dt,
div#sqexFooter dl.sqex-footer-shares dd {
	display: inline;
	margin-right: 15px;
}
div#sqexFooter dl.sqex-footer-shares dt {
	margin-left: 15px;
}
div#sqexFooter div.sqex-footer-logos ,
div#sqexFooter div.sqex-footer-logos2 {
	position: absolute;
	left: 10px;
	top: 0;
	width: 40%;
}
div#sqexFooter p.sqex-footer-copyright {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	z-index:1000;
	width:70%;
}

/*----------------------------------------------------
=div.sqex-footer-white
----------------------------------------------------*/
div.sqex-footer-white {
	color: #333;
	background: #FFF;
}


/* 各構造の詳細設定
-------------------------------------------------- */

/* グローバルナビ＆簡易ナビ
------------------------------ */
.mainNavi ul {
	width: 1023px;
	margin: 0 auto;
	padding: 3px 0 0;
}
.mainNavi ul li {
	float: left;
	width: 165px;
	margin: 0 3px;
	position: relative;
}
.mainNavi .navi_shop {
	margin-right: 0;
}
.mainNavi li a {
	display: block;
	width: 165px; height: 50px;
	background: url(../img/common/btn_globalnavi_3rd.png?var=20140718) no-repeat 0 0;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
#superTop .mainNavi .navi_superTop a,
.body_news .mainNavi .navi_news a,
.body_playguide .mainNavi .navi_playguide a,
.body_community .mainNavi .navi_community a,
.body_forum .mainNavi .navi_forum a,
.body_other .mainNavi .navi_shop a {
	display: block;
}
.mainNavi .navi_superTop a { background-position: 0 0; } 
.mainNavi .navi_superTop a:hover { background-position: 0 -50px; } 
.mainNavi .navi_news a { background-position: -170px 0; } 
.mainNavi .navi_news a:hover { background-position: -170px -50px; } 
.mainNavi .navi_playguide a { background-position: -340px 0; } 
.mainNavi .navi_playguide a:hover { background-position: -340px -50px; } 
.mainNavi .navi_community a { background-position: -510px 0; }
.mainNavi .navi_community a:hover { background-position: -510px -50px; }
.mainNavi .navi_forum a { background-position: -680px 0; } 
.mainNavi .navi_forum a:hover { background-position: -680px -50px; } 
.mainNavi .navi_shop a { background-position: -850px 0; }
.mainNavi .navi_shop a:hover { background-position: -850px -50px; }

/* 簡易ナビ
------------------------------ */
.subNaviArea {
	position: absolute;
	width: 1060px;
	top: 9px;
	left:0;
}

/* ====================================================================== */
/* サブナビゲーション */
/* ====================================================================== */
.sub-navi {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 1059px;
	height: 60px;
	background-repeat: no-repeat;
}
	.sub-navi li {
		position: relative;
		float: left;
	}
		.sub-navi li a,
		#sub-navi-goto-mypage {
			display: block;
			overflow: hidden;
			height: 72px;
			text-indent: -9999em;
		}
	/* ===== サブナビ用マイページボタン ===== */
	#sub-navi-goto-mypage {
		position: absolute;
		top: 12px;
		left: 15px;
		width: 119px;
		height: 35px;
		background-image: url(../img/subnavi/button/goto_mypage.png);
	}
	/* ===== 各ページ用 ===== */
	#mypage-navi {/* マイページ */
		background-image: url(../img/subnavi/mypage/bg.png);
	}
	#character-navi {/* 他人のページ */
		background-image: url(../img/subnavi/character/bg.png);
	}
	#team-character-navi {/* 他人のチーム */
		background-image: url(../img/subnavi/team/character.png);
	}
	#team-leader-navi {/* チームリーダー */
		background-image: url(../img/subnavi/team/leader.png);
	}
	#team-member-navi {/* チームメンバー */
		background-image: url(../img/subnavi/team/member.png);
	}
		#mypage-navi ul,
		#character-navi ul,
		#team-leader-navi ul,
		#team-member-navi ul,
		#team-character-navi ul {
			position: absolute;
			padding-left: 149px;
		}
		#team-member-navi ul {
			padding-left: 213px;
		}
		#team-character-navi ul {
			padding-left: 276px;
		}
		#mypage-navi li,
		#character-navi li {
			width: 96px;
		}
		#team-character-navi li,
		#team-leader-navi li,
		#team-member-navi li {
			width: 127px;
		}
			/* ○○○のページ */
			#sub-navi-character {
				width: 185px !important;
			}
			#mypage-navi li a {/* マイページのボタン背景 */
				background-image: url(../img/subnavi/mypage/bg.png);
			}
			#character-navi li a {/* 他人ページのボタン背景 */
				background-image: url(../img/subnavi/character/bg.png);
			}
			#team-leader-navi li a {/* チームリーダーのボタン背景 */
				background-image: url(../img/subnavi/team/leader.png);
			}
			#team-member-navi li a {/* チームメンバーのボタン背景 */
				background-image: url(../img/subnavi/team/member.png);
			}
			#team-character-navi li a {/* 他人チームのボタン背景 */
				background-image: url(../img/subnavi/team/character.png);
			}
			/* ===== マイページ用 ===== */
			/* ----- マイページ ----- */
			#mypage-navi #sub-navi-mytop a { background-position: -149px 0; }
				#mypage-navi #sub-navi-mytop a:hover { background-position: -149px -72px; }
				.tab_mytop #mypage-navi #sub-navi-mytop a { background-position: -149px -144px; }
			/* ----- 冒険日誌 ----- */
			#mypage-navi #sub-navi-diary a { background-position: -245px 0; }
				#mypage-navi #sub-navi-diary a:hover { background-position: -245px -72px; }
				.tab_footprints #mypage-navi #sub-navi-diary a { background-position: -245px -144px; }
			/* ----- つよさ ----- */
			#mypage-navi #sub-navi-status a { background-position: -341px 0; }
				#mypage-navi #sub-navi-status a:hover { background-position: -341px -72px; }
				.tab_status #mypage-navi #sub-navi-status a { background-position: -341px -144px; }
			/* ----- せんれき ----- */
			#mypage-navi #sub-navi-senreki a { background-position: -437px 0; }
				#mypage-navi #sub-navi-senreki a:hover { background-position: -437px -72px; }
				.tab_senreki #mypage-navi #sub-navi-senreki a { background-position: -437px -144px; }
			/* ----- 仲間モンス ----- */
			#mypage-navi #sub-navi-mercenarylist a { background-position: -533px 0; }
				#mypage-navi #sub-navi-mercenarylist a:hover { background-position: -533px -72px; }
				.tab_f_nakamamonster #mypage-navi #sub-navi-mercenarylist a { background-position: -533px -144px; }
			/* ----- マイバザー ----- */
			#mypage-navi #sub-navi-bazzar a { background-position: -629px 0; }
				#mypage-navi #sub-navi-bazzar a:hover { background-position: -629px -72px; }
				.tab_myBazaar #mypage-navi #sub-navi-bazzar a { background-position: -629px -144px; }
			/* ----- フレンド ----- */
			#mypage-navi #sub-navi-friendlist a { background-position: -725px 0; }
				#mypage-navi #sub-navi-friendlist a:hover { background-position: -725px -72px; }
				.tab_friendlist #mypage-navi #sub-navi-friendlist a { background-position: -725px -144px; }
			/* ----- 設定 ----- */
			#mypage-navi #sub-navi-preference a { background-position: -821px 0; }
				#mypage-navi #sub-navi-preference a:hover { background-position: -821px -72px; }
				.tab_setup #mypage-navi #sub-navi-preference a { background-position: -821px -144px; }

			/* ===== 他人ページ用 ===== */
			/* ----- ○○○のページ ----- */
			#character-navi #sub-navi-character a { 
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				text-indent: 0;
				text-decoration: none;
				text-align: center;
				text-shadow: 0 1.0px 0 #000;
				line-height: 4.4; 
				background-position: -149px 0; 
			}
				#character-navi #sub-navi-character a:hover { 
					color: #000;
					text-shadow: 0 1.0px 0 #fff;
					background-position: -149px -72px;
				}
				.tab_f_friendtop #character-navi #sub-navi-character a { 
					
					color: #ffec85;
					text-shadow: 0 1.0px 0 #000;
					background-position: -149px -144px; 
				}
			/* ----- 冒険日誌 ----- */
			#character-navi #sub-navi-diary a { background-position: -334px 0; }
				#character-navi #sub-navi-diary a:hover { background-position: -334px -72px; }
				.tab_f_footprints #character-navi #sub-navi-diary a { background-position: -334px -144px; }
			/* ----- つよさ ----- */
			#character-navi #sub-navi-status a { background-position: -430px 0; }
				#character-navi #sub-navi-status a:hover { background-position: -430px -72px; }
				.tab_f_status #character-navi #sub-navi-status a { background-position: -430px -144px; }
			/* ----- せんれき ----- */
			/* 
			#character-navi #sub-navi-senreki a { background-position: -526px 0; }
				#character-navi #sub-navi-senreki a:hover { background-position: -526px -72px; }
				.tab_senreki #character-navi #sub-navi-senreki a { background-position: -526px -144px; }
				*/
			#character-navi #sub-navi-senreki a {/* せんれきのマスク */
				cursor: default;
				background-image: url(../img/subnavi/character/mask.png);
			}
			/* ----- 仲間モンス ----- */
			#character-navi #sub-navi-mercenarylist a { background-position: -622px 0; }
				#character-navi #sub-navi-mercenarylist a:hover { background-position: -622px -72px; }
				.tab_f_nakamamonster #character-navi #sub-navi-mercenarylist a { background-position: -622px -144px; }
			/* ----- マイバザー ----- */
			#character-navi #sub-navi-bazzar a { background-position: -718px 0; }
				#character-navi #sub-navi-bazzar a:hover { background-position: -718px -72px; }
				.tab_f_myBazaar #character-navi #sub-navi-bazzar a { background-position: -718px -144px; }
			/* ----- フレンド ----- */
			#character-navi #sub-navi-friendlist a { background-position: -814px 0; }
				#character-navi #sub-navi-friendlist a:hover { background-position: -814px -72px; }
				.tab_f_friendlist #character-navi #sub-navi-friendlist a { background-position: -814px -144px; }
			/* ----- 設定 ----- */
			#character-navi #sub-navi-preference a { background-position: -910px 0; }
				#character-navi #sub-navi-preference a:hover { background-position: -910px -72px; }
				.tab_setup #character-navi #sub-navi-preference a { background-position: -910px -144px; }

			/* ===== チームリーダー用 ===== */
			/* ----- チームトップ ----- */
			#team-leader-navi #sub-navi-teamtop a { background-position: -149px 0; }
				#team-leader-navi #sub-navi-teamtop a:hover { background-position: -149px -72px; }
				.tab_t_teamtop #team-leader-navi #sub-navi-teamtop a { background-position: -149px -144px; }
			/* ----- メンバー一覧 ----- */
			#team-leader-navi #sub-navi-member a { background-position: -276px 0; }
				#team-leader-navi #sub-navi-member a:hover { background-position: -276px -72px; }
				.tab_t_teammember #team-leader-navi #sub-navi-member a { background-position: -276px -144px; }
			/* ----- チーム掲示板 ----- */
			#team-leader-navi #sub-navi-bbs a { background-position: -403px 0; }
				#team-leader-navi #sub-navi-bbs a:hover { background-position: -403px -72px; }
				.tab_t_teambbs #team-leader-navi #sub-navi-bbs a { background-position: -403px -144px; }
			/* ----- 活動記録 ----- */
			#team-leader-navi #sub-navi-history a { background-position: -530px 0; }
				#team-leader-navi #sub-navi-history a:hover { background-position: -530px -72px; }
				.tab_t_history #team-leader-navi #sub-navi-history a { background-position: -530px -144px; }
			/* ----- チームクエスト ----- */
			#team-leader-navi #sub-navi-quest a { background-position: -657px 0; }
				#team-leader-navi #sub-navi-quest a:hover { background-position: -657px -72px; }
				.tab_t_quest #team-leader-navi #sub-navi-quest a { background-position: -657px -144px; }
			/* ----- 設定 ----- */
			#team-leader-navi #sub-navi-preference a { background-position: -784px 0; }
				#team-leader-navi #sub-navi-preference a:hover { background-position: -784px -72px; }
				.tab_t_setup #team-leader-navi #sub-navi-preference a { background-position: -784px -144px; }
			/* ===== チームメンバー用 ===== */
			/* ----- チームトップ ----- */
			#team-member-navi #sub-navi-teamtop a { background-position: -213px 0; }
				#team-member-navi #sub-navi-teamtop a:hover { background-position: -213px -72px; }
				.tab_t_teamtop #team-member-navi #sub-navi-teamtop a { background-position: -213px -144px; }
			/* ----- メンバー一覧 ----- */
			#team-member-navi #sub-navi-member a { background-position: -340px 0; }
				#team-member-navi #sub-navi-member a:hover { background-position: -340px -72px; }
				.tab_t_teammember #team-member-navi #sub-navi-member a { background-position: -340px -144px; }
			/* ----- チーム掲示板 ----- */
			#team-member-navi #sub-navi-bbs a { background-position: -467px 0; }
				#team-member-navi #sub-navi-bbs a:hover { background-position: -467px -72px; }
				.tab_t_teambbs #team-member-navi #sub-navi-bbs a { background-position: -467px -144px; }
			/* ----- 活動記録 ----- */
			#team-member-navi #sub-navi-history a { background-position: -594px 0; }
				#team-member-navi #sub-navi-history a:hover { background-position: -594px -72px; }
				.tab_t_history #team-member-navi #sub-navi-history a { background-position: -594px -144px; }
			/* ----- チームクエスト ----- */
			#team-member-navi #sub-navi-quest a { background-position: -721px 0; }
				#team-member-navi #sub-navi-quest a:hover { background-position: -721px -72px; }
				.tab_t_quest #team-member-navi #sub-navi-quest a { background-position: -721px -144px; }
			/* ===== 他のチーム用 ===== */
			/* ----- チームトップ ----- */
			#team-character-navi #sub-navi-teamtop a { background-position: -276px 0; }
				#team-character-navi #sub-navi-teamtop a:hover { background-position: -276px -72px; }
				.tab_t_teamtop #team-character-navi #sub-navi-teamtop a { background-position: -276px -144px; }
			/* ----- メンバー一覧 ----- */
			#team-character-navi #sub-navi-member a { background-position: -403px 0; }
				#team-character-navi #sub-navi-member a:hover { background-position: -403px -72px; }
				.tab_t_teammember #team-character-navi #sub-navi-member a { background-position: -403px -144px; }
			/* ----- チーム掲示板 ----- */
			#team-character-navi #sub-navi-bbs a { background-position: -530px 0; }
				#team-character-navi #sub-navi-bbs a:hover { background-position: -530px -72px; }
				.tab_t_teambbs #team-character-navi #sub-navi-bbs a { background-position: -530px -144px; }
			/* ----- 活動記録 ----- */
			#team-character-navi #sub-navi-history a { background-position: -657px 0; }
				#team-character-navi #sub-navi-history a:hover { background-position: -657px -72px; }
				.tab_t_history #team-character-navi #sub-navi-history a { background-position: -657px -144px; }

/* マイページへ、ミニボタン */
.goto-mypage-mini {
	width: 63px;
	height: 18px;
	display: block;
	background-image: url(../img/common/btn_mypage_mini.png);
}
	.goto-mypage-mini:hover {
		background-position: 0 bottom;
	}


/* 冒険スタンプへボタン */
#goto-boukenstamp-button {
	display: block;
	margin: 0 auto 14px auto;
	width: 173px;
	height: 32px;
	background-image: url(../img/common/btn_goto_boukenstamp.png);
}
	#goto-boukenstamp-button:hover {
		background-position: 0 bottom;
	}

/* 冒険スタンプへボタン */
#goto-boukenstamp-navi {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 9px;
	width: 178px;
}
	/* 開閉ボタン */
	#goto-boukenstamp-navi-switch {
		cursor: pointer;
		width: 178px;
		height: 34px;
	}
	#goto-boukenstamp-navi-arrow {
		position: absolute;
		top: 13px;
		left: 24px;
		width: 12px;
		height: 12px;
	}
		.boukenstamp-navi-arrow-close {
			background-image: url(../img/boukenstamp/login/icon/right_arrow.png);
		}
		.boukenstamp-navi-arrow-open {
			background-image: url(../img/boukenstamp/login/icon/down_arrow.png);
		}
	/* ナビメニュー */
	#goto-boukenstamp-navi-menu {
		margin-right: auto;
		margin-left: auto;
		overflow: hidden;
		width: 172px;
		height: 0;
		background-image: url(../img/boukenstamp/login/menu/bg.jpg);
	}
	#goto-boukenstamp-navi-menu ul {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	/* ホバー */
	#goto-boukenstamp-navi-menu li {
		margin-left: 3px;
		overflow: hidden;
		width: 166px;
		height: 21px;
		line-height: 1.0;
	}
		#goto-boukenstamp-navi-menu li:hover {
			background-image: url(../img/boukenstamp/login/label/hover.png);
		}
	#goto-boukenstamp-navi-menu a {
		outline: none;
		display: block;
		padding-top: 2px;
		background-repeat: no-repeat;
		background-position: 98px 3px;
	}
		#goto-boukenstamp-navi-menu a.stamp-cleared {
			background-image: url(../img/boukenstamp/login/icon/clear.png);
		}

/* ====================================================================== */
/* サブナビ子ページ用ナビ */
/* ====================================================================== */
.sub-child-navi {
	margin-top: 2px;
	width: 654px;
}
	.sub-child-navi-header {
		height: 9px;
		background-image: url(../img/subnavi/children/bg/header.png);
	}
	.sub-child-navi-footer {
		height: 6px;
		background-image: url(../img/subnavi/children/bg/footer.png);
	}
	.sub-child-navi-main {
		background-image: url(../img/subnavi/children/bg/main.png);
	}
		.sub-child-navi-main ul {
			padding-top: 3px;
			padding-bottom: 1px;
			padding-left: 12px;
		}
		.sub-child-navi-main li {
			position: relative;
			float: left;
			margin-bottom: 3px;
			margin-right: 3px;
			width: 208px;
		}
			.sub-child-navi-main li a {
				display: block;
				width: 208px;
				height: 34px;
				font-size: 13px;
				font-weight: bold;
				text-align: center;
				text-shadow: 0 1.0px 0 #000;
				text-decoration: none !important;
				line-height: 2.8;
				background-image: url(../img/subnavi/children/button.png);
			}
			.sub-child-navi-main li a,
			.sub-child-navi-main li a:hover {
				color: #fff !important;
			}
			.sub-child-navi-main li a:hover {
				background-position: 0 center;
			}
			.sub-child-navi-main li a:active {
				color: #c2a28e !important;
				background-position: 0 bottom;
			}

/* ===== 各ボタンのアクティブ状態 ===== */
#pub_top #sub-child-navi-diary,
#bossRanking #sub-child-navi-ranking,
#colosseumRanking #sub-child-navi-ranking,
#dressupTop #sub-child-navi-dressup,
#playerevent #sub-child-navi-playerevent,
#bulletinBoard #sub-child-navi-bulletinboard,
.snavi_status #sub-child-navi-status,
.snavi_skillpoint #sub-child-navi-statusdetail,
.snavi_orb #sub-child-navi-orb,
.snavi_renkingama #sub-child-navi-renkingama,
.snavi_anlucea #sub-child-navi-anlucea,
.snavi_maumet #sub-child-navi-maumet,
.snavi_map #sub-child-navi-map,
.snavi_senreki_stamp #sub-child-navi-stampcard,
.snavi_senreki_quest #sub-child-navi-quest,
.snavi_senreki_monster #sub-child-navi-monster,
.snavi_senreki_mahou_meikyu #sub-child-navi-mahou-meikyu,
.snavi_senreki_memorandum #sub-child-navi-memorandum,
.playlog #sub-child-navi-diary,
.picture #sub-child-navi-picture,
.mercenaryhistory #sub-child-navi-mercenaryhistory,
.partyhistory #sub-child-navi-partyhistory,
.mail_attach_hist #sub-child-navi-mailattachrecv,
.navi_lottery #sub-child-navi-lottery,
.navi_exppool #sub-child-navi-exppool,
.ashiato-is-settings #sub-child-navi-preference,
.ashiato-is-charabg #sub-child-navi-preferencelocation,
.ashiato-is-emotemsg #sub-child-navi-preferenceemotemsg,
.monstermercenarylist #sub-child-navi-monstermercenarylist,
.monstermercenarydetail #sub-child-navi-monstermercenarylist,
.monstermercenarymeathis #sub-child-navi-monstermeathistory,
.monsterbattleroad #sub-child-navi-monsterbattleroad,
.tab_myBazaar #sub-child-navi-bazaar {
	cursor: default;
	color: #c2a28e !important;
	background-position: 0 bottom;
}

/* グローバルメニュー */
/* ---------------------------------------------------------------------- */
.global-select {
	display: none;
	position: absolute;
	top: 40px;
	z-index: 1;
	border: 1px solid #533f19;
}
	/* 明るめフチ */
	.global-select-border {
		border: 1px solid #ccc496;
	}
	/* 黒フチ */
	.global-select-main {
		padding: 10px 8px;
		border: 1px solid #533f19;
		background-image: url(../img/common/global_select/main.png);
	}
	/* ボタン部分 */
	.global-select-main a {
		margin-top: 1px;
		width: auto !important;
		height: auto !important;
		min-width: 165px;
		overflow: visible !important;
		text-indent: 0 !important;
		text-decoration: none;
		background-color: #0c1a2e !important;
		background-image: none !important;
		border: 2px solid transparent;
		border-radius: 6px;
	}
	.global-select-main a:first-child {
		margin-top: 0;
	}
	* html .global-select-main a {
		width: 165px;
	}
	.global-select-main a:hover {
		background-color: #23688c !important;
		border: 2px solid #938334;
	}
	/* NEWアイコンの表示 */
	.global-select-main a.is-new {
		background-image: url(../img/common/global_select/ico_new.png) !important;
		background-repeat: no-repeat;
		background-position: right center;
	}
	.global-select-main a:hover.is-new {
		background-position: right center;
	}
		/* ラベル */
		.global-select-main a span {
			margin-left: -2px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 5px;
			padding-bottom: 3px;
			display: block;
			color: #fff;
			font-weight: bold;
			font-size: 12px;
			letter-spacing: 0.1em;
			background-image: url(../img/common/global_select/icon.png) !important;
			background-repeat: no-repeat;
			background-position: 0 center !important;
		}

		.global-select-main a:hover span {
			background-position: -403px center !important;
		}
		/* NEWつきのラベル */
		.global-select-main a.is-new span {
			padding-right: 46px;
		}

/* wrapper
------------------------------ */
#wrapper {
	background: url(../img/common/bg_wrapper_3rd.jpg) repeat-y 30px 0;
}
#wrapper #leaf_l {
	background:url(../img/common/bg_wrapper_leaf_l_3rd.png) repeat-y left top;
}
#wrapper #leaf_r {
	background:url(../img/common/bg_wrapper_leaf_r_3rd.png) repeat-y right top;
}
#superTop .btn_pagetop a { margin-bottom: 20px; }


/* 左メニュー
------------------------------ */
/* ベース */
#userArea a#btn_login,
#userArea #btn_no_login,
#userArea #conceptBtn a ,
#userArea .myMenuBtn a,
#userArea .logoutBtn a,
#userArea .btn_threadlist a,
#userArea .btn_viewdiary a,
#addTeammember .btn_addTeammember a {
	display: block;
	background: url(../img/user_area/bg_btn_userarea.png?var=20140227) no-repeat 0 0;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}

/* ログイン */
#loginBtn {
	position: relative;
	height: 74px;
}
#userArea a#btn_login,
#userArea #btn_no_login {
	position: absolute;
	top: -3px;
	left: -8px;
	width: 219px;
	height: 76px;
	text-indent: -9999em;
} 
#userArea a#btn_login { background-position: 0 0; } 
#userArea a#btn_login:hover { background-position: 0 -81px; } 
#userArea #btn_no_login { background-position: 1px -1030px; } 

/* 運営コンセプト */
#userArea #conceptBtn {
	margin-top: 86px;}
	#userArea #conceptBtn a { background-position: 0 -878px; width: 213px; height: 52px; } 
	#userArea #conceptBtn a:hover { background-position: 0 -940px; } 


	/* ログインユーザパネル */
	.lupBox {
		position: relative;
		width: 211px;
		padding-top: 10px;
		background: url(../img/user_area/bg_loginUserPanel_h.png?d=20150805) no-repeat 0 0;
	}
	.lupBox_f {
		padding-bottom: 10px;
		background: url(../img/user_area/bg_loginUserPanel_f.png?d=20150805) no-repeat left bottom;
	}
	.lupBox_b {
		background: url(../img/user_area/bg_loginUserPanel_b.png) repeat-y 0 0;
	}
	.lupBox_other {
		width: 211px;
		background: url(../img/user_area/bg_loginUserPanel_other.png) no-repeat 0 0;
	}

	#loginUserPanel a:link { color:#d9d390; }
	#loginUserPanel a:visited { color:#b1ad70; }
	#loginUserPanel a:hover { color:#fff77d; }
	#loginUserPanel a:active { color:#fff77d; }

	/* キャラクターデータボックス */
	#myCharacterRadius {
		font-size: 1.2em;
		padding: 0 8px;
	}
	#myCharacterTitle {
		color:#FFF;
		text-align: center;
		padding: 12px 0 5px;
	}
	#tit_CharacterName {
		height: 35px;
		color:#FFF;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		line-height: 3.2;
	}
	#myCharacterImg {
		margin: 0 auto 15px;
		width: 188px;
		height: 158px;
		background: url(../img/user_area/bg_myCharacterImg.png) no-repeat 0 0;
		text-align: center;
	}
	#myCharacterImg img {
		width: 166px;
		margin-top: 9px;
		border: 1px solid #FFF;
	}
	#myCharacterStatus {
		color:#fff;
	}
	#myCharacterName {
		margin-left: 10px;
		font-size:1.0em;
		font-weight: normal;
	}
	#myCharacterStatusList {
		margin-left:10px;
		margin-bottom: 9px;
		text-align: left;
	}
	#myCharacterStatusList dl dt {
		margin: 0;
	}
	#myCharacterStatusList dl dd {
		margin: -21px 0 -4px 85px;
	}
	#myCharacterStatusList dl dd strong,
	#myCharacterStatus dl dd strong {
		color:#FF0;
		font-weight: normal;
	}

	/* 自宅の場所 */
	#myHouseStage {
		margin: 0 12px 18px;
	}
	#myHouseStage h2 {
		border-bottom: 1px dotted #FFF;
		font-size:1.0em;
		font-weight: normal;
	}
	.ico_myHouseWelcome {
		margin-top: 6px;
		padding-left: 8px;
		background: url(../img/common/bg_ico.png) no-repeat -30px -508px;
	}
	.txt_myHouseWelcome {
		line-height: 1.2;
	}

	/* チーム情報 */
	#myTeam {
		margin: 18px 0 10px;
	}
	#myTeamImg {
		float: right;
		width: 65px;
		margin: 0 8px 0 0;
		padding: 3px;
		background: url(../img/user_area/bg_myTeamImg.png) no-repeat 0 0;
	}
	#myTeamImg img {
		width: 61px;
		height: 61px;
	}
	#myTeamStatusList {
		float: left;
		width: 98px;
		margin-left: 12px;
	}
	#myTeamStatusList dt {
		color:#FFF;
		margin-bottom: 5px;
		border-bottom: 1px dotted #FFF;
	}
	#myTeamStatusList dd a {
		color:#d8ca8b;
		text-decoration: none;
	}
	#myTeamStatusList dd a:hover {
		text-decoration: underline;
	}

	/* ライブカメラ */
	#liveArea {
		position: relative;
		width: 210px;
		height: 163px; 
		margin-top: 20px;
		background: url(../img/live/bg_liveArea.png) no-repeat 0 0;
	}
	#liveArea h2 {
		width: 76px;
		height: 21px;
		margin: 0 auto;
		background: url(../img/live/tit_live.png) no-repeat 0 1px;
		overflow: hidden;text-indent: -9999em;white-space: nowrap;
	}
	/* btn注意文言 */
	.btn_caution a {
		display: block;
		width: 211px;
		height: 17px;
		margin-top: 3px;
		background: url(../img/live/btn_caution.png) no-repeat 0 0;
		overflow: hidden;text-indent: -9999em;white-space: nowrap;
	}
	.btn_caution a:hover { background-position:0 -20px; }
	/* 切り替えボタン */
	#toggleLive {
		width: 190px;
		margin: 0 auto;
	}
	.toggleLiveBtn,
	.toggleLiveBtnOff {
		display: block;
		float: left;
		width: 64px;
		height: 21px;
		background: url(../img/live/btn_live.png) no-repeat 0 0;
		overflow: hidden;text-indent: -9999em;white-space: nowrap;
	}
	.toggleLiveBtnOff {
	}
	.toggleLiveBtnOff:hover {
		background-position: 0 -25px;
	}
	.toggleLiveBtn {
		background-position: 0 -50px;
	}
	.toggleLiveBtnOff:active {
	}
	#toggleMovie2d { width: 62px; }
	#toggleMovie3d { background-position: -62px 0; }
	#toggleMovie3d:hover { background-position: -62px -25px; }
	#toggleMovie3d.toggleLiveBtn { background-position: -62px -50px; }
	#togglePicture { background-position: -126px 0; }
	#togglePicture:hover { background-position: -126px -25px; }
	#togglePicture.toggleLiveBtn { background-position: -126px -50px; }

	/* ライブ静止画 */
	#liveMovie,
	#livePicBox {
		padding-bottom: 5px;
		background: url(../img/live/bg_liveArea.png) no-repeat left bottom;
	}
	#livePicBox a {
		display: block;
		width: 200px;
		margin: 3px auto 0;
	}
	#livePicBox a {
		display: block;
		width: 200px;
		height: 113px;
		overflow: hidden;
		text-align: center;
	}
	#livePicBox a img { margin-top: -3px; }
	.movieError #livePicBox {
	}
	/* ライブ動画 */
	#liveMovie iframe {
		display: block;
		width: 200px;
		margin: 3px auto 0;
		border:none;
		padding: 0px;
	}
	#console { margin-top: 24px; font-size: 9pt; width: 211px; height: 200px; }
	.underMaintenance {
		width:200px;
		height:113px;
		margin: 3px auto 0;
		background: url(../img/live/bg_underMaintenance.jpg) no-repeat 0 0;
	}
	.underMaintenanceTxt {
		width: 176px;
		margin: 0 auto;
		padding-top: 35px;
	}
	.movieError #liveMovie {
		height: 200px;
	}

	/* ----- ライブモーダル ----- */
	#live-modal {
		cursor: default;
	}
		#live-modal-hl,
		#live-modal-hr {
			width: 125px !important;
		}
		#live-modal-hc {
			vertical-align: top;
			background-image: url(../img/common/modal/live/frame/header_c.png);
		}
		#live-modal-fc {
			background-image: url(../img/common/modal/live/frame/footer_c.png);
		}
		#live-modal-ml div,
		#live-modal-mr div {
			width: 20px;
		}
		#live-modal-ml {
			background-image: url(../img/common/modal/live/frame/main_l.png);
		}
		#live-modal-mr {
			background-position: right top;
			background-image: url(../img/common/modal/live/frame/main_r.png);
		}
		#live-modal-mc {
			background-color: #f1e9dc;
		}
		#live-modal-head {/* 見出し */
			padding-top: 18px;
			color: #fff;
			font-size: 16px;
			font-weight: bold;
			text-align: center;
		}
		#live-modal-close,
		#live-modal-goto {
			cursor: pointer;
			display: block;
			overflow: hidden;
			text-indent: -9999em;
			text-decoration: none !important;
		}
			#live-modal-close:hover,
			#live-modal-goto:hover {
				background-position: 0 bottom;
			}
		#live-modal-close {/* 閉じるボタン */
			width: 154px;
			height: 30px;
			background: url(../img/common/modal/button/close.png);
		}
		#live-modal-goto {/* 遷移ボタン */
			width: 178px;
			height: 31px;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			text-indent: 0em;
			line-height: 2.7;
			background-image: url(../img/common/modal/live/button/goto.png);
		}
		.live-modal-content {/* ライブモーダルの中身 */
		}
			#live-modal-manga {/* マンガコンテスト */
				width: 570px;
			}
				#live-modal-manga ul {
					margin-right: auto;
					margin-left: auto;
					width: 410px;
				}
			#live-modal-photo,
			#live-modal-contest {/* 写真コン&ライブ */
				padding-left: 20px;
				padding-right: 20px;
			}
				#live-modal-photo-frame {/* 写真フレーム */
					margin-bottom: 10px;
					padding: 10px;
					background-color: #fff;
				}
					#live-modal-photo-frame img {
						display: block;
						margin-right: auto;
						margin-left: auto;
						width: 853px;
						height: 480px;
					}
				#live-modal-photo-info {/* ライブ画像の情報エリア */
					padding-top: 10px;
					font-size: 12px;
				}
					#live-modal-photo-info table {
						margin-right: auto;
						margin-left: auto;
					}

		/* ４コママンガコンテスト */
		/* ------------------------------------------------------------ */
		/* ----- ４コマビュー ----- */
		#photocontest-4koma-view,
		.photocontest-4koma-view {
			width: 410px;
		}
			#photocontest-4koma-view-main,
			.photocontest-4koma-view-main {
				border: 3px solid #000;
				background-color: #fff;
			}
			#photocontest-4koma-view-main dt,
			.photocontest-4koma-view-main dt,
			#photocontest-4koma-view-main dd,
			.photocontest-4koma-view-main dd {
				margin-bottom: 10px;
			}
			/* 4コマタイトル */
			#photocontest-4koma-view-main dt,
			.photocontest-4koma-view-main dt {
				color: #fff;
				font-size: 16px;
				text-align: center;
				background-color: #590916;
			}
			/* 4コマ中身 */
			#photocontest-4koma-view-main dd,
			.photocontest-4koma-view-main dd {
			}
				/* 1コマ */
				#photocontest-4koma-view-main dd div,
				.photocontest-4koma-view-main dd div {
					margin-right: auto;
					margin-left: auto;
					width: 388px;
				}
				#photocontest-4koma-view-main dd div img,
				.photocontest-4koma-view-main dd div img {
					width: 384px;
					border: 2px solid #000;
				}
				#photocontest-4koma-view-main dd div span,
				.photocontest-4koma-view-main dd div span {
					display: block;
					margin-top: 2px;
					padding-top: 2px;
					padding-bottom: 1px;
					font-size: 14px;
					text-align: center;
					line-height: 1.5;
					background-color: #e6e6e6;
				}

	/* 拡大表示時 */
	#livePicLarge h2 {
		position: absolute;
		top: 13px;
		left: 0;
		width: 950px;
		background-position: top center;
		background-repeat: no-repeat;
		text-align: center;
		overflow: hidden;text-indent: -9999em;white-space: nowrap;
	}
	#livePicLarge h2 { background-image:url(../img/common/tit_live_zoom.png); }
	/* 写真コンテストスライドショー */
	#eventArea {
		position: relative;
		width: 211px; 
		height: 157px;
		margin-top: 20px;
		padding-top: 8px;
		background: url(../img/common/live.png) no-repeat 0 0;
	}
	/* 写真コンテストプリンセスコン */
	#eventArea.eventAreaPrincessContest {
		background: url(../img/event/photocontest_princess/live.png) no-repeat 0 0;
	}
	/* 写真コンテストプリンスコン */
	#eventArea.eventAreaPrinceContest {
		background: url(../img/event/photocontest_prince/live.png) no-repeat 0 0;
	}
		/* 見出し */
		#eventArea.eventAreaPrincessContest h2,
		#eventArea.eventAreaPrinceContest h2 {
			visibility: hidden;
		}
	/* 七夕日誌イベント */
	#eventArea.eventAreaNataFestival h2 {
		background: url(../img/common/tit_natafes.png) no-repeat center 0;

	}
	/* 写真イベントサムネ */
	#eventArea a {
		display: block;
		position: absolute;
		bottom: 15px;
		left: 8px;
		width: 195px;
		height: 117px;
		overflow: hidden;
		text-align: center;
	}
		#eventPicCaption,
		#eventPicCaptionMask {
			display: none;
			position: absolute;
			top: 0;
		}
		#eventPicCaption {
			padding-top: 30px;
			width: 195px;
			color: #fff !important;
			font-weight: bold;
			font-size: 16px;
			line-height: 1.3;
			text-decoration: none !important;
			text-align: center;
		}
		#eventPicCaptionMask {
			width: 195px;
			height: 117px;
			background-color: #000;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
	#eventArea h2 {
		height: 12px;
		background-position: top center;
		background-repeat: no-repeat;
		overflow: hidden;text-indent: -9999em;white-space: nowrap;
	}
	/* 外枠 */
	#eventPicLarge {
	}
		#eventPicLarge.livePrincess {/* プリンセス用 */
			background: url(../img/event/photocontest_princess/bg_live.jpg) no-repeat 0 0;
		}
		#eventPicLarge.livePrince {/* プリンセス用 */
			background: url(../img/event/photocontest_prince/bg_live.jpg) no-repeat 0 0;
		}
		#eventPicLarge.liveNataFes {/* 七夕イベント */

		}
	#eventPicLarge h2 {
		position: absolute;
		top: 13px;
		left: 0;
		width: 950px;
		background-position: top center;
		background-repeat: no-repeat;
		text-align: center;
		overflow: hidden;text-indent: -9999em;white-space: nowrap;
	}
	/* 通常版 */
	#eventArea h2 { background-image:url(../img/event/common/tit_event.png); }
	#eventPicLarge h2 { background-image:url(../img/event/common/tit_event_zoom.png); }
	#eventPicLarge.liveHousing h2 { background-image:url(../img/event/common/tit_housing_zoom.png); }
	#eventPicLarge.liveNataFes h2 { background-image:url(../img/common/tit_natafes_zoom.png); }
	#eventPicLarge.liveNataFes .entryBox {display: none;}
	/* プリンセス＆プリンス用 */
	#eventPicLarge.livePrincess h2,
	#eventPicLarge.livePrince h2 {background-image: none;}
	#eventPicLarge .btn_square {
		position: absolute;
		left: 0;
		bottom: 78px;
		width: 890px;
		text-align: right;
	}
	#eventPicLarge .btn_square a {
		text-decoration: none;
	}

	#eventPicLarge .btn_square { z-index: 1500 !important; }

	/* 冒険者の広場　データベース */
	#searchBoxArea h2,
	p.btn_searchBox,
	p.btn_SearchBoxForm input {
		display: block;
		margin: 0 auto;
		background: url(../img/user_area/bg_database.png) no-repeat 0 0;
		text-indent: -9999em;
		white-space:nowrap;
		overflow:hidden;
	}
	#searchBoxArea {
		width: 211px;
		height: 185px;
		margin-top: 20px;
		padding-top: 7px;
		background: url(../img/user_area/bg_database_box.jpg) no-repeat 0 0;
	}
	#searchBoxArea h2 {
		width: 161px;
		height: 59px;
		margin-bottom: 4px;
		background-position:0 0;
	}
	p.txt_description {
		margin-bottom: 8px;
		color: #fff;
		font-size: 12px;
		text-align: center;
		line-height: 1.2;
		text-shadow: 2px 0px 0px #000, 
			0px 2px 0px #000, 
			-2px 0px 0px #000, 
			0px -2px 0px #000;
	}
	.searchBoxWin {
		width:180px;
		margin: 0 auto;
		margin-bottom: 12px;
	}
	.searchBoxWin input {
		width:168px;
		padding: 7px 5px;
		border: 1px solid #C3BDBD;
		font-size: 1.2em;
	}
	p.btn_SearchBoxForm input {
		width: 95px;
		height: 31px;
		background-position:0 -90px;
		cursor: pointer;
	}
	/* 検索ボックス下部のリンクエリア */
	#searchBoxBottom {
		width: 209px;
		height: 33px;
	}
		#searchBoxBottom a {
			display: block;
			width: 100%;
			height: 100%;
			color: #9d2100;
			font-size: 12px;
			text-decoration: none;
			text-indent: 20px;
			line-height: 2.8;
			background-image: url(../img/user_area/bg_database_bottom.png);
		}
			#searchBoxBottom a:hover {
				text-decoration: underline;
				background-position: right 0;
			}

	/* 新着情報 */
	.whatsNew {
		clear: both;
		width: 170px;
		margin: 0 auto 8px;
		border: 1px solid #a09a91;
		background: url(../img/user_area/bg_whatsnew.png) repeat 0 0;
	}
	.whatsNew ul.list {
		margin: 12px 10px 10px;
		font-size: 1.0em;
		line-height: 1.8;
	}
	.whatsNew ul.list  a {
		color: #1a23d7;
		text-decoration: none;
	}
	.whatsNew ul.list  a:hover {
		color: #308dff;
		text-decoration: underline;
	}
	/* ボタン */
	#userArea .myMenuBtn {
		clear: both;
		width: 170px;
		margin: 15px auto 0;
		padding-bottom: 7px;
	}
	#userArea .myMenuBtn li {
		margin-bottom: 8px;}
		#myMenu {
			clear: both;
			width: 207px;
			margin: 0 auto;
			border-top: 2px solid #FFF;
		}
		/* .myMenuBtnエリア */
		#userArea .myMenuBtn a {
			width: 171px; }
			#userArea .btn_l_mypage a { height: 27px; background-position: 0 -1480px; } 
			#userArea .btn_l_mypage a:hover { background-position: 0 -1520px; } 
			#userArea .btn_l_diary a { height: 37px; background-position: 0 -1390px; } 
			#userArea .btn_l_diary a:hover { background-position: 0 -1430px; } 
			#userArea .btn_l_characange a { height: 27px; background-position: 0 -358px; } 
			#userArea .btn_l_characange a:hover { background-position: 0 -395px; } 
			#userArea .btn_l_itemcode a { height: 27px; background-position: 0 -1699px; } 
			#userArea .btn_l_itemcode a:hover { background-position: 0 -1734px; } 
			#userArea .logoutBtn {
				position: absolute;
				left:0;
				bottom:-17px;
				width: 211px;
				margin: 0 auto;
			}
			/* 自分の投稿一覧 */
			#userArea #myThreadList {
				clear: both;
				width: 207px;
				margin: 0 auto 0;
				border-top: 2px solid #FFF;
			}
			#userArea #myThreadList p {
				width: 170px;
				margin: 0 auto;
				padding: 15px 0 8px;
			}
			#userArea #myThreadList a {
				width: 170px;
				height: 27px;
			}
			#userArea .btn_threadlist a { background-position: 0 -1150px; }
			#userArea .btn_threadlist a:hover { background-position: 0 -1190px; }
			/* ログアウト */
			#userArea .logoutBtn a { width: 63px; height: 17px; margin: 0 auto; background-position: 0 -1560px;}
			#userArea .logoutBtn a:hover { background-position: 0 -1580px;}
			/* 他人の投稿記録 */
			#container #userArea .otherThreadList {
				margin: 10px auto 0;
			}
			#container #userArea .otherThreadList ul {
				margin-top:15px;
				padding-bottom: 1px;
			}
			#container #userArea .otherThreadList li {
				width: 170px;
				margin: 0 auto 0;
			}
			#container #userArea .otherThreadList .btn_threadlist a {
				width: 170px;
				height: 27px;
				margin-bottom:8px;
				background-position: 0 -1230px;
			}
			#container #userArea .otherThreadList .btn_threadlist a:hover {
				background-position: 0 -1270px;
			}
			/* 他人の冒険日誌を見る */
			#container #myThreadList .btn_viewdiary a { margin-bottom: 7px;height:37px; background-position: 0 -1610px; }
			#container #myThreadList .btn_viewdiary a:hover { background-position: 0 -1655px; }
			/* フレンドにさそう */
			#userArea #myThreadList .btn_friend a { background-position: 0 -1310px; }
			#userArea #myThreadList .btn_friend a:hover { background-position: 0 -1350px; }



/* 右メニュー
------------------------------ */
/* サーバーステータス */
#serverStatus {
	background: url(../img/extra_area/bg_dqbox_hf.png) no-repeat 0 0;
}
.serverStatusBtn {
	display: block;
	width: 130px;
	height: 100px;
	margin-left: 15px;
	background: url(../img/extra_area/serverstatus.png?d=20150519) no-repeat 0 0;
}
/* 稼働中 */
#serverStatusLabelRunning { background-position: 0 0; }
#serverStatusLabelRunning:hover { background-position: -130px 0; }
/* 一部メンテナンス中 */
#serverStatusLabelPartMainte { background-position: 0 -100px; }
#serverStatusLabelPartMainte:hover { background-position: -130px -100px; }
/* メンテナンス中 */
#serverStatusLabelMainte { background-position: 0 -200px; }
/* 一部ログイン不可 */
/*#serverStatusLabelPartRunning { background-position: 0 -300px; }
#serverStatusLabelPartRunning:hover { background-position: -130px -300px; }*/
/* ログイン不可 */
/*#serverStatusLabelStop { background-position: 0 -400px; }
#serverStatusLabelStop:hover { background-position: -130px -400px; }*/
/* 一部停止中 */
#serverStatusLabelPartRunning { background-position: 0 -500px; }
#serverStatusLabelPartRunning:hover { background-position: -130px -500px; }
/* 停止中 */
#serverStatusLabelStop { background-position: 0 -600px; }
#serverStatusLabelStop:hover { background-position: -130px -600px; }
/* 障害発生中 */
#serverStatusLabelProblem { background-position: 0 -700px; }
#serverStatusLabelProblem:hover { background-position: -130px -700px; }
/* DQ Box */
.dqBox_body {
	padding-left: 14px;
	background: url(../img/extra_area/bg_dqbox.png) repeat-y 0 0;
}
.dqBox_body a,
.dqBox_body input {
	display: block;
	width: 131px;
	height: 42px;
	background: url(../img/extra_area/btn_dqbox.png?var=201) no-repeat 0 0;
	overflow: hidden;text-indent: -9999em;white-space: nowrap;
	cursor: pointer;
}
.dqBox_body .dqbtn01 input { background-position:0 0; }

.dqBox_body .dqbtn02 a { background-position:0 -42px; }
.dqBox_body .dqbtn02 a:hover { background-position:-131px -42px; }
.dqBox_body .dqbtn03 a { background-position:0 -84px; }
.dqBox_body .dqbtn03 a:hover { background-position:-131px -84px; }
.dqBox_body .dqbtn04 a { background-position:0 -126px; }
.dqBox_body .dqbtn04 a:hover { background-position:-131px -126px; }
.dqBox_body .dqbtn05 a { background-position:0 -168px; }
.dqBox_body .dqbtn05 a:hover { background-position:-131px -168px; }

.dqBox_body .dqbtn06 a { background-position:0 -210px; }
.dqBox_body .dqbtn06 a:hover { background-position:-131px -210px; }

.dqBox_body .dqbtn07 a { background-position:0 -252px; }
.dqBox_body .dqbtn07 a:hover { background-position:-131px -252px; }



.dqBox_f {
	min-height: 33px;
	margin-bottom: 15px;
	background: url(../img/extra_area/bg_dqbox_hf.png) no-repeat right bottom;
}
.dqBox_f p {
	display: block;
	width: 128px;
	margin-left: 16px;
}
.dqBox_f p img {
	margin: 1px 0 4px;
}
#extraBox {
	width: 128px;
	margin-left: 15px;
	text-align: center;
}
#extraBox .banner {
	margin-bottom: 5px;
}
#extraBox .frame {
	padding: 3px 0;
	border:1px solid #333;
	background-color:#FFF;
}


/* メインコンテンツ
-------------------------------------------------- */

/* 要素スタイル
------------------------------ */
#contentArea input,
#contentArea textarea {
	padding: 5px;
	border: 1px solid #c3bdbd;
	font-size: 12px;
}

.common-select {
	padding: 2px;
	border: 1px solid #c3bdbd;
	font-size: 12px;
}

.common-text {
	border: 1px solid #c3bdbd;
	font-size: 12px;
}

/* わりと共通で使うテーブル */
.common-table {
	border: 1px solid #777;
}
	.common-table .common-th,
	.common-table .common-th-em {
		border-bottom: 1px solid #777;
		background-color: #a79873;
		color: #FFF;
	}
	.common-table .common-th-em {
		background-color: #816940;
	}
	.common-table .common-td,
	.common-table .common-td-em {
		border-bottom: 1px dotted #a7a7a7;
		background-color: #fff;
	}
	.common-table .common-td-em {
		background-color: #e4e3c9;
	}
	.common-table .common-td,
	.common-table .common-td-em,
	.common-table .common-th,
	.common-table .common-th-em {
		border-left: 1px solid #d6cfbd;
		padding: 5px 10px 3px 10px;
		text-align: left;
	}
	.common-table .common-th:first-child,
	.common-table .common-th-em:first-child,
	.common-table .common-td:first-child,
	.common-table .common-td-em:first-child {
		border-left: none;
	}

/* 共通コンテンツ領域 */
.common-width {
	width: 598px;
}

/* 共通で使うボーダーで枠をつけた白背景エリア */
.common-box {
	border: 1px solid #777;
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* 共通ボックスと対になったタブ */
.common-box-tab {
}
	.common-box-tab li {
		float: left;
		cursor: pointer;
		line-height: 1.0;
		border-top: 1px solid #d5d5d5 !important;
	}
	.common-box-tab li:first-child {
		border-left: 1px solid #d5d5d5 !important;
	}
	/* タブ選択状態とホバー状態 */
	.common-box-tab li.selected,
	.common-box-tab li:hover {
		cursor: default;
		border-top: 1px solid #d5d5d5 !important;
		border-right: 1px solid #d5d5d5 !important;
	}
	.common-box-tab a {
		color: #4a4a4a !important;
		cursor: pointer;
		display: block;
		border-bottom: 1px solid #ddd8a4;
		border-right: 1px solid #ddd8a4;
		background-color: #f6f9c4;
	}
	.common-box-tab a:hover {
		color: #4a4a4a !important;
		text-decoration: none !important;
		background-color: none;
		background-image: url(../img/common/box_tab_hover.png);
		background-repeat: repeat-x;
	}
	/* タブ選択状態 */
	.common-box-tab li.selected a {
		cursor: default;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		background-color: #fff;
		background-image: none;
	}
	.common-box-tab span,
	.common-box-tab li.selected:hover span {
		display: block;
		padding-top: 8px;
		padding-bottom: 6px;
		padding-left: 29px;
		padding-right: 30px;
		font-size: 12px;
		text-align: center;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;

	}
	/* リストにホバーすると左右に1pxの罫線が現れるので、
	 * パディングを左右1pxずつつめて、親のサイズを保つ */
	.common-box-tab li:hover span {
		padding-right: 29px;
	}

/* 共通で使う罫線つきエリア */
.common-border {
	border: 1px solid #777;
	background-color: #fff;
}

/* 矢印アイコンつきのPC名 */
.common-pc-name {
	padding-left: 8px;
	background-image: url(../img/common/ico_pc_name.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

/* 共通警告ダイアログ */
.common-caution-dialog {
	width: 421px;
	height: 238px;
	background-image: url(../img/chat/bg_error.png);
}
	.common-caution-dialog table {
		width: 100%;
	}
	/* 見出し */
	.common-caution-dialog-head {
		width: 100%;
		height: 48px;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		vertical-align: middle;
	}
	/* 中身 */
	.common-caution-dialog-main {
		padding-top: 32px;
		height: 79px;
		text-align: center;
		font-size: 12px;
		vertical-align: middle;
	}
	/* OKボタン */
	.common-caution-dialog-ok {
		margin: 21px auto 0 auto;
		width: 134px;
		height: 28px;
		display: block;
		cursor: pointer;
	}

/* ----- 汎用モーダル ----- */
.common-nextprev-modal {
	zoom:1;
}
.common-nextprev-modal:after {
	content: ""; 
	display: block; 
	clear: both;
}
.common-nextprev-modal,
.common-nextprev-modal-main {
	border-radius: 6px;
}
	.common-nextprev-modal {
		background-color: #222;
	}
	/* ローディングアイコンつき */
	.common-nextprev-modal-main {
		padding: 12px 6px;
		border: 2px solid #f3f3f3;
		background-image: url(../img/common/nextprev_modal_loading.gif);
		background-repeat: no-repeat;
		background-position: center;
	}
	/* 次へ前へ */
	.common-nextprev-modal-next,
	.common-nextprev-modal-prev {
		cursor: pointer;
		width: 30px;
		background-repeat: no-repeat;
		background-position: 0 center;
		background-color: #c7c7b3;
	}
	.common-nextprev-modal-next {
		background-image: url(../img/dressup/btn_arrow_r.png);
	}
	.common-nextprev-modal-prev {
		background-image: url(../img/dressup/btn_arrow_l.png);
	}
		.common-nextprev-modal-next:hover,
		.common-nextprev-modal-prev:hover {
			background-color: #d9d9aa;
			background-position: -30px center;
		}
		.common-nextprev-modal-next.disabled,
		.common-nextprev-modal-prev.disabled {
			cursor: default;
			background-image: none;
			background-color: #222;
		}
		.common-nextprev-modal-next a,
		.common-nextprev-modal-prev a {
			display: block;
			cursor: pointer;
			width: 100%;
		}
		.common-nextprev-modal-next.disabled a,
		.common-nextprev-modal-prev.disabled a {
			cursor: default;
		}

/* ----- 汎用確認ダイアログ ----- */
.common-confirm-dialog {
	width: 330px;
	height: 162px;
	background-image: url(../img/dressup/bg_nicedialog.jpg);
	font-size: 12px;
	line-height: 1.0;
}
	/* メインテキスト */
	.common-confirm-dialog-text {
		color: #970027;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}
	/* 注釈 */
	.common-confirm-dialog-note {
		color: #000;
		font-size: 10px;
		text-align: center;
	}
	/* いいね */
	.common-confirm-good {
	}
		.common-confirm-good:hover {
			background-position: -130px 0;
		}
	/* 超いいね */
	.common-confirm-super {
		background-position:0 -30px;
	}
		.common-confirm-super:hover {
			background-position: -130px -30px;
		}
	/* キャンセル */
	.common-confirm-cancel {
		background-position:0 -60px;
	}
		.common-confirm-cancel:hover {
			background-position: -130px -60px;
		}
	.common-confirm-good,
	.common-confirm-super,
	.common-confirm-cancel {
		display: block;
		width: 121px;
		height: 27px;
		overflow: hidden;
		text-indent: -9999em;
		white-space: nowrap;
		cursor: pointer;
		background-image: url(../img/dressup/btn_good.png);
	}
	/* ナビ */
	.common-confirm-dialog-navi {
		margin-right: auto;
		margin-left: auto;
	}
		.common-confirm-dialog-navi td:first-child {
			padding-right: 3px;
		}
		.common-confirm-dialog-navi td:first-child + td {
			padding-left: 3px;
		}

/* ----- 飾りのついたボックス ----- */
.common-deco-box {
	margin-right: auto;
	margin-left: auto;
	width: 602px;
	background-image: url(../img/common/decobox/main.png);
}
	.common-deco-box .deco-box-header,
	.common-deco-box .deco-box-footer {
		background-repeat: no-repeat;
	}
	.common-deco-box .deco-box-header {
		background-image: url(../img/common/decobox/header.png);
	}
	.common-deco-box .deco-box-footer {
		background-image: url(../img/common/decobox/footer.png);
		background-position: left bottom;
	}
	.common-deco-box .deco-box-main {
	}
	/* 通常分割線 */
	.common-deco-box .deco-box-solid,
	.common-deco-box .deco-box-dotted {
		height: 1px;
		background-repeat: repeat-x;
	}
	.common-deco-box .deco-box-solid {
		background-image: url(../img/common/decobox/solid_line.png);
	}
	.common-deco-box .deco-box-dotted {
		background-image: url(../img/common/decobox/solid_line.png);
	}


/* ----- アイコンつき見出し ----- */
.common-ico-head {
	padding-left: 13px;
	color: #968876;;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../img/senreki/list_ico.png);
	background-repeat: no-repeat;
}


/* 角丸ボタン */
.round-button {
	width: 150px;
	height: 27px;
}
	
/* ボタンのホバー */
.button-hover:hover, .button-hover a:hover {
	background-position: 0 bottom;
}

/* 汎用ボタンベース */
.basic-button-1 {
	cursor: pointer;
	display: block;
	width: 240px;
	height: 40px;
	background-color: #75664f;
	border: 1px solid #6f5e22;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 2.9;
	overflow: hidden;
}
	.basic-button-1:hover {
		color: #fff !important;
		background-color: #b39f15;
		text-decoration: none !important;
	}

* html .basic-button-1 {
	width: 240px;
}

/* IMGタグを使用して、ホバーの表現をさせるボタン */
.img-button {
	position: relative;
	z-index: 0;
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: 0;
}
	.img-button img {
		position: absolute;
	}
	.img-button:hover img {
		bottom: 0;
	}



/* 表示状態
------------------------------ */
.hide {
	display: none !important;
}

/* 行間 */
.lh1 {
	line-height: 1.0;
}

/* 余白
------------------------------ */
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mr05 { margin-right:5px !important; }

.mt0 {margin-top: 0 !important;}
.mt1 {margin-top: 1px !important;}
.mt2 {margin-top: 2px !important;}
.mt3 {margin-top: 3px !important;}
.mt4 {margin-top: 4px !important;}
.mt5 {margin-top: 5px !important;} 
.mt6 {margin-top: 6px !important;} 
.mt7 {margin-top: 7px !important;} 
.mt8 {margin-top: 8px !important;} 
.mt9 {margin-top: 9px !important;} 
.mt10 {margin-top:10px !important;} 
.mt11 {margin-top: 11px !important;}
.mt12 {margin-top: 12px !important;}
.mt13 {margin-top: 13px !important;}
.mt14 {margin-top: 14px !important;}
.mt15 {margin-top: 15px !important;}
.mt16 {margin-top: 16px !important;} 
.mt17 {margin-top: 17px !important;} 
.mt18 {margin-top: 18px !important;} 
.mt19 {margin-top: 19px !important;}  
.mt20 {margin-top: 20px !important;} 
.mt25 {margin-top: 25px !important;} 
.mt30 {margin-top: 30px !important;} 
.mt35 {margin-top: 35px !important;} 
.mt40 {margin-top: 40px !important;} 
.mt45 {margin-top: 45px !important;} 
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}
.mra {margin-right: auto !important;}
.mr0 {margin-right: 0 !important;}
.mr1 {margin-right: 1px !important;}
.mr2 {margin-right: 2px !important;}
.mr3 {margin-right: 3px !important;}
.mr4 {margin-right: 4px !important;}
.mr5 {margin-right: 5px !important;} 
.mr6 {margin-right: 6px !important;} 
.mr7 {margin-right: 7px !important;} 
.mr8 {margin-right: 8px !important;} 
.mr9 {margin-right: 9px !important;} 
.mr10 {margin-right:10px !important;} 
.mr11 {margin-right: 11px !important;}
.mr12 {margin-right: 12px !important;}
.mr13 {margin-right: 13px !important;}
.mr14 {margin-right: 14px !important;}
.mr15 {margin-right:15px !important;}
.mr16 {margin-right: 16px !important;} 
.mr17 {margin-right: 17px !important;} 
.mr18 {margin-right: 18px !important;} 
.mr19 {margin-right: 19px !important;}  
.mr20 {margin-right: 20px !important;} 
.mr25 {margin-right: 25px !important;} 
.mr30 {margin-right: 30px !important;} 
.mr35 {margin-right: 35px !important;} 
.mr40 {margin-right: 40px !important;} 
.mr45 {margin-right: 45px !important;} 
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr65 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb1 {margin-bottom: 1px !important;}
.mb2 {margin-bottom: 2px !important;}
.mb3 {margin-bottom: 3px !important;}
.mb4 {margin-bottom: 4px !important;}
.mb5 {margin-bottom: 5px !important;} 
.mb6 {margin-bottom: 6px !important;} 
.mb7 {margin-bottom: 7px !important;} 
.mb8 {margin-bottom: 8px !important;} 
.mb9 {margin-bottom: 9px !important;} 
.mb10 {margin-bottom:10px !important;} 
.mb11 {margin-bottom: 11px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb13 {margin-bottom: 13px !important;}
.mb14 {margin-bottom: 14px !important;}
.mb15 {margin-bottom:15px !important;}
.mb16 {margin-bottom: 16px !important;} 
.mb17 {margin-bottom: 17px !important;} 
.mb18 {margin-bottom: 18px !important;} 
.mb19 {margin-bottom: 19px !important;}  
.mb20 {margin-bottom: 20px !important;} 
.mb25 {margin-bottom: 25px !important;} 
.mb30 {margin-bottom: 30px !important;} 
.mb35 {margin-bottom: 35px !important;} 
.mb40 {margin-bottom: 40px !important;} 
.mb45 {margin-bottom: 45px !important;} 
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}
.mla {margin-left: auto !important;} 
.ml0 {margin-left: 0 !important;}
.ml1 {margin-left: 1px !important;}
.ml2 {margin-left: 2px !important;}
.ml3 {margin-left: 3px !important;}
.ml4 {margin-left: 4px !important;}
.ml5 {margin-left: 5px !important;} 
.ml6 {margin-left: 6px !important;} 
.ml7 {margin-left: 7px !important;} 
.ml8 {margin-left: 8px !important;} 
.ml9 {margin-left: 9px !important;} 
.ml10 {margin-left:10px !important;} 
.ml11 {margin-left: 11px !important;}
.ml12 {margin-left: 12px !important;}
.ml13 {margin-left: 13px !important;}
.ml14 {margin-left: 14px !important;}
.ml15 {margin-left:15px !important;}
.ml16 {margin-left: 16px !important;} 
.ml17 {margin-left: 17px !important;} 
.ml18 {margin-left: 18px !important;} 
.ml19 {margin-left: 19px !important;}  
.ml20 {margin-left: 20px !important;} 
.ml25 {margin-left: 25px !important;} 
.ml30 {margin-left: 30px !important;} 
.ml35 {margin-left: 35px !important;} 
.ml40 {margin-left: 40px !important;} 
.ml45 {margin-left: 45px !important;} 
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}
.pt0 {padding-top: 0 !important;}
.pt1 {padding-top: 1px !important;}
.pt2 {padding-top: 2px !important;}
.pt3 {padding-top: 3px !important;}
.pt4 {padding-top: 4px !important;}
.pt5 {padding-top: 5px !important;} 
.pt6 {padding-top: 6px !important;} 
.pt7 {padding-top: 7px !important;} 
.pt8 {padding-top: 8px !important;} 
.pt9 {padding-top: 9px !important;} 
.pt10 {padding-top:10px !important;} 
.pt11 {padding-top: 11px !important;}
.pt12 {padding-top: 12px !important;}
.pt13 {padding-top: 13px !important;}
.pt14 {padding-top: 14px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top: 16px !important;} 
.pt17 {padding-top: 17px !important;} 
.pt18 {padding-top: 18px !important;} 
.pt19 {padding-top: 19px !important;}  
.pt20 {padding-top: 20px !important;} 
.pt25 {padding-top: 25px !important;} 
.pt30 {padding-top: 30px !important;} 
.pt35 {padding-top: 35px !important;} 
.pt40 {padding-top: 40px !important;} 
.pt45 {padding-top: 45px !important;} 
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}
.pr0 {padding-right: 0 !important;}
.pr1 {padding-right: 1px !important;}
.pr2 {padding-right: 2px !important;}
.pr3 {padding-right: 3px !important;}
.pr4 {padding-right: 4px !important;}
.pr5 {padding-right: 5px !important;} 
.pr6 {padding-right: 6px !important;} 
.pr7 {padding-right: 7px !important;} 
.pr8 {padding-right: 8px !important;} 
.pr9 {padding-right: 9px !important;} 
.pr10 {padding-right:10px !important;} 
.pr11 {padding-right: 11px !important;}
.pr12 {padding-right: 12px !important;}
.pr13 {padding-right: 13px !important;}
.pr14 {padding-right: 14px !important;}
.pr15 {padding-right:15px !important;}
.pr16 {padding-right: 16px !important;} 
.pr17 {padding-right: 17px !important;} 
.pr18 {padding-right: 18px !important;} 
.pr19 {padding-right: 19px !important;}  
.pr20 {padding-right: 20px !important;} 
.pr25 {padding-right: 25px !important;} 
.pr30 {padding-right: 30px !important;} 
.pr35 {padding-right: 35px !important;} 
.pr40 {padding-right: 40px !important;} 
.pr45 {padding-right: 45px !important;} 
.pr50 {padding-right: 50px !important;}
.pr55 {padding-right: 55px !important;}
.pr60 {padding-right: 60px !important;}
.pr65 {padding-right: 65px !important;}
.pr70 {padding-right: 70px !important;}
.pr75 {padding-right: 75px !important;}
.pr80 {padding-right: 80px !important;}
.pr85 {padding-right: 85px !important;}
.pr90 {padding-right: 90px !important;}
.pr95 {padding-right: 95px !important;}
.pr100 {padding-right: 100px !important;}
.pb0 {padding-bottom: 0 !important;}
.pb1 {padding-bottom: 1px !important;}
.pb2 {padding-bottom: 2px !important;}
.pb3 {padding-bottom: 3px !important;}
.pb4 {padding-bottom: 4px !important;}
.pb5 {padding-bottom: 5px !important;} 
.pb6 {padding-bottom: 6px !important;} 
.pb7 {padding-bottom: 7px !important;} 
.pb8 {padding-bottom: 8px !important;} 
.pb9 {padding-bottom: 9px !important;} 
.pb10 {padding-bottom:10px !important;} 
.pb11 {padding-bottom: 11px !important;}
.pb12 {padding-bottom: 12px !important;}
.pb13 {padding-bottom: 13px !important;}
.pb14 {padding-bottom: 14px !important;}
.pb15 {padding-bottom:15px !important;}
.pb16 {padding-bottom: 16px !important;} 
.pb17 {padding-bottom: 17px !important;} 
.pb18 {padding-bottom: 18px !important;} 
.pb19 {padding-bottom: 19px !important;}  
.pb20 {padding-bottom: 20px !important;} 
.pb25 {padding-bottom: 25px !important;} 
.pb30 {padding-bottom: 30px !important;} 
.pb35 {padding-bottom: 35px !important;} 
.pb40 {padding-bottom: 40px !important;} 
.pb45 {padding-bottom: 45px !important;} 
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb65 {padding-bottom: 65px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb75 {padding-bottom: 75px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb85 {padding-bottom: 85px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb95 {padding-bottom: 95px !important;}
.pb100 {padding-bottom: 100px !important;}
.pl0 {padding-left: 0 !important;}
.pl1 {padding-left: 1px !important;}
.pl2 {padding-left: 2px !important;}
.pl3 {padding-left: 3px !important;}
.pl4 {padding-left: 4px !important;}
.pl5 {padding-left: 5px !important;} 
.pl6 {padding-left: 6px !important;} 
.pl7 {padding-left: 7px !important;} 
.pl8 {padding-left: 8px !important;} 
.pl9 {padding-left: 9px !important;} 
.pl10 {padding-left:10px !important;} 
.pl11 {padding-left: 11px !important;}
.pl12 {padding-left: 12px !important;}
.pl13 {padding-left: 13px !important;}
.pl14 {padding-left: 14px !important;}
.pl15 {padding-left:15px !important;}
.pl16 {padding-left: 16px !important;} 
.pl17 {padding-left: 17px !important;} 
.pl18 {padding-left: 18px !important;} 
.pl19 {padding-left: 19px !important;}  
.pl20 {padding-left: 20px !important;} 
.pl25 {padding-left: 25px !important;} 
.pl30 {padding-left: 30px !important;} 
.pl35 {padding-left: 35px !important;} 
.pl40 {padding-left: 40px !important;} 
.pl45 {padding-left: 45px !important;} 
.pl50 {padding-left: 50px !important;}
.pl55 {padding-left: 55px !important;}
.pl60 {padding-left: 60px !important;}
.pl65 {padding-left: 65px !important;}
.pl70 {padding-left: 70px !important;}
.pl75 {padding-left: 75px !important;}
.pl80 {padding-left: 80px !important;}
.pl85 {padding-left: 85px !important;}
.pl90 {padding-left: 90px !important;}
.pl95 {padding-left: 95px !important;}
.pl100 {padding-left: 100px !important;}

.fs12 {font-size: 12px !important;}
.lh1 {line-height: 1.0 !important;}
.dpi { display: inline !important; }

.w100 {width: 100% !important;}
.w50 {width: 50% !important;}
.w600 {width: 600px !important;}

/* float */
.float-left,
.f-left,
.float-l {
	float: left !important;
}
.float-right,
.f-right,
.float-r {
	float: right !important;
}
.float-end,
.f-end,
.float-clear,
.f-clear,
.float-c {
	clear: both !important;
}
/* text-align */
.text-left,
.t-left,
.text-l {
	text-align: left !important;
}
.text-right,
.t-right,
.text-r {
	text-align: right !important;
}
.text-center,
.t-center,
.text-c {
	text-align: center !important;
}
/* テキスト汎用注釈色 */
.notice-text {
	color: #6e680a;
}
/* テキスト汎用警告色 */
.caution-text {
	color: #d50000;
}
/* 汎用注釈赤系 */
.notice-text-em {
	color: #970027;
}
/* ぶら下がり */
.hang-indent,
.h-indent {
	text-indent: -1em;
	padding-left: 1em;
}
.bold {
	font-weight: bold;
}
/* 角丸ボックス */
.roundcorner-box {
	padding: 5px 10px;
	border: 4px solid #e6aca8;
	border-radius: 4px;
	background-color: #fffdfb;
}
/* ディスプレイ */
.d-block {
	display: block !important;
}
.d-inline {
	display: inline !important;
}
.d-iblock {
	display: inline-block !important;
}
/* float横並びのセンタリング */
.list-centering,
.list-centering ul,
.list-centering li {
	position: relative;
}
.list-centering {
	overflow: hidden;
}
	.list-centering ul {
		left: 50%;
		float: left;
	}
	.list-centering li {
		left: -50%;
		float: left;
	}

/* 基本パーツ
-------------------------------------------------- */


/* 見出し
------------------------------ */
h1#cttTitle {
	width: 644px;
	height: 50px;
	margin: 0 0 15px;
	background-image: url(../img/title/bg_cttTitle_general.png);
	color: #FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6em;
	text-align: center;
	line-height: 2.8;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 5px #000;
}
/* マイページ */
.myPage h1#cttTitle {
	background: url(../img/title/bg_cttTitle_mypage.png) no-repeat 0 0;
}
/* マイページ　他人 */
.othersPage h1#cttTitle {
	background: url(../img/title/bg_cttTitle_others.png) no-repeat 0 0;
}
/* チーム */
.team_ie h1#cttTitle {
	background: url(../img/title/bg_cttTitle_team.png) no-repeat 0 0;
}
/* チーム　他人 */
.othersTeam h1#cttTitle {
	background: url(../img/title/bg_cttTitle_team_others.png) no-repeat 0 0;
}
.tit_friend {
	clear: both;
	width: 546px;
	height: 35px;
	margin: 0 auto 10px;
	padding: 0 12px;
	background: url(../img/title/title_friend.png) no-repeat 0 0;
	color:#FFF;
	font-size: 1.4em;
	line-height: 2.6;
}

/* 小さなアイコン付 */
.iconTitle {
	clear: both;
	margin: 0 22px 8px;
	padding-left: 21px;
	color: #4b3232;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
}
.writeArea .iconTitle {
	margin: 0 18px 5px;
	padding-top: 5px;
	background-position: -40px -164px;
}


/* ちゃいろのリボン */
h2.ribbonBrown {
	clear: both;
	width: 570px;
	height: 27px;
	margin: 0 auto 8px;
	padding-left: 30px;
	background: url(../img/title/titlebar_darkbrown.png) no-repeat 0 0;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.0;
}
/* ちゃいろのリボンw559 */
h2.ribbonBrown_w559 {
	clear: both;
	width: 570px;
	height: 27px;
	margin: 0 auto 8px;
	padding-left: 30px;
	background: url(../img/title/titlebar_darkbrown.png) no-repeat 0 0;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.0;
}

/* アイコン付タイトル基本 ----- */
.tit_icon {
	clear: both;
	position: relative;
	width: 580px;
	height: 47px;
	margin: 20px auto 10px;
	padding-left: 20px;
	color:#FFF;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 3.0;
	letter-spacing: 0.1em;
	background: url(../img/common/bg_newsBox_h.png) no-repeat 0 0;
}

/* タイトルコンパス */
.tit_compass {
	clear: both;
	position: relative;
	width: 545px;
	height: 32px;
	margin: 15px auto;
	padding-left: 33px;
	background: url(../img/title/bg_title_compass.png) no-repeat 0 0;
	font-size: 1.2em;
	line-height: 2.8;
	color:#473511;
}


/* テーブル
------------------------------ */
/* セルの上揃え */
.vaTop {
	vertical-align: top;
}

/* ボックス
------------------------------ */
/* メインボックス */
.cttBox {/* IEの背景画像設定はcommon_ie.jsで設定 */
	clear: both;
	min-height: 410px;
	padding: 5px 5px 30px 5px;
	background: url(../img/common/bg_contentarea_box_f.png) no-repeat left bottom,
		url(../img/common/bg_contentarea_box_h.png) no-repeat 0 0,
		url(../img/common/bg_contentarea_box_b.png) repeat-y 0 0;
}
	.cttBox_h.add-bg {
		background: url(/dq_resource/img/common/bg_contentarea_box_h.png) no-repeat 0 0;
	}
	.cttBox_b.add-bg {
		background: url(/dq_resource/img/common/bg_contentarea_box_b.png) repeat-y 0 0;
	}
	/* ----- サブメニューをもつボックスのヘッダー画像を削除する ----- */
	#pub_top .cttBox,
	#bossRanking .cttBox,
	#colosseumRanking .cttBox,
	#dressupTop .cttBox,
	#playerevent .cttBox,
	#bulletinBoard .cttBox,
	.snavi_status .cttBox,
	.snavi_skillpoint .cttBox,
	.snavi_orb .cttBox,
	.snavi_renkingama .cttBox,
	.snavi_anlucea .cttBox,
	.snavi_map .cttBox,
	.snavi_senreki_stamp .cttBox,
	.snavi_senreki_quest .cttBox,
	.snavi_senreki_monster .cttBox,
	.playlog .cttBox,
	.picture .cttBox,
	.mercenaryhistory .cttBox,
	.partyhistory .cttBox,
	.mail_attach_hist .cttBox,
	.navi_lottery .cttBox,
	.navi_exppool .cttBox,
	.ashiato-is-settings .cttBox,
	.ashiato-is-charabg .cttBox,
	.ashiato-is-emotemsg .cttBox,
	.monstermercenarymeathis .cttBox,
	.monstermercenarydetail .cttBox,
	.monsterbattleroad  .cttBox,
	.cttBox.myCttBox {
		padding: 0 5px 30px 5px;
		background: url(../img/common/bg_contentarea_box_f.png) no-repeat left bottom,
			url(../img/common/bg_contentarea_box_b.png) repeat-y 0 0
	}

/* ボーダー付1 */
.bdBox1 {
	border: 1px solid #777;
	background-color:#FFF;
}

/* おしらせ系 */
.newsBox,
.newsBoxWithoutHead {
	clear: both;
	position: relative;
	width: 600px;
	margin: 20px auto;
	background: url(../img/common/bg_newsBox.png) repeat-y left bottom;
	border-bottom: 1px solid #423729;
}
.newsBoxWithoutHead {
	border-top: 1px solid #423729;
}

.noRepeat {
	background: url(../img/common/bg_newsBox_norepeat.png) repeat-y left bottom;
}
.newsBox_f {
	margin-bottom: -1px;
	padding-top: 0;
	padding-bottom: 43px;
	background: url(../img/common/bg_newsBox_f.png) no-repeat left bottom;
}
.newsBox .tit_icon {
	margin-top:0;
	padding-top:0;
	position: relative;
	margin-bottom: 10px;
}

/* 茶色のボックス */
#postBox {
	clear: both;
	width: 600px;
	margin: 0 auto 40px;
	padding-top: 8px;
	background: url(../img/common/bg_writeBox_h_f.png) no-repeat 0 0;
}
#postBox_f {
	padding-bottom: 8px;
	background: url(../img/common/bg_writeBox_h_f.png) no-repeat -600px bottom;
}
#postBox_b {
	width: 100%;
	background: url(../img/common/bg_writeBox_b.png) repeat-y 0 0;
}


/* ライン
------------------------------ */
.lineType1 {
	clear: both;
	width:568px;
	margin: 15px auto;
	border: 0;
	height: 12px;
	background: url(../img/common/line_type1.png) repeat-x 0 0;
}
hr.lineType2 {
	clear: both;
	width:600px;
	margin: 10px auto;
	border: 0;
	height: 3px;
	background: url(../img/common/line_type2.png) repeat-x 0 0;
}

/* ボタン ～スプライト～
------------------------------ */
/* 角丸 ---------- */
#contentArea .btn_bazaar_search a,
.btn_delete_choice a,
#contentArea .btn_form_check a,#contentArea .btn_form_check input,
.btn_r_delete a,
.btn_form_public a,
#contentArea .btn_write input,
.btn_lock_choice a,
.btn_m_back a,
.btn_pictu_top a,
.btn_quotation a,
.btn_report a,
#formBack a, #formBack input, #contentArea #historyBack a,#contentArea #historyBack input,
.btn_s_cancel a,
.btn_s_change a,
#btn_change input,#btn_change a,
.btn_s_change_out a,
.btn_s_ok a, #contentArea .btn_s_ok input,
.btn_s_ok a:hover,
.btn_sys_delete a,
.btn_sys_ok a,
.btn_sys_reload a,
.chara_choice a,
#contentArea .btn_consent a,
#contentArea .btn_toThem a,
#contentArea .btn_success a,#contentArea .btn_success input,
#contentArea .btn_backMytop a,#contentArea .btn_backMytop input,
#contentArea .btn_submit input,
#contentArea .btn_gotoST a,
#contentArea .btn_gotoItemcodeTop a,
#contentArea .btn_mailEntry a,
#contentArea .btn_comment input {
	display: block;
	border: none;
	background: url(../img/common/bg_btn_round.png) no-repeat top left;
	text-align: center;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
}

#contentArea .btn_bazaar_search a { background-position: 0 0; width: 150px; height: 27px; } 
#contentArea .btn_bazaar_search a:hover { background-position: 0 -28px; width: 160px; height: 27px; } 
.btn_delete_choice a { background-position: 0 -56px; width: 160px; height: 23px; } 
.btn_delete_choice a:hover { background-position: 0 -84px; width: 160px; height: 23px; } 
.btn_delete_choice_out a { background-position: 0 -112px; width: 160px; height: 23px; } 
#contentArea .btn_form_check a,#contentArea .btn_form_check input { background-position: 0 -140px; width: 150px; height: 27px; } /* 確認する h:27px */
#contentArea .btn_form_check a:hover { background-position: 0 -172px; width: 150px; height: 27px; } 
.btn_r_delete a,#footprint .btn_r_delete { background-position: 0 -204px; width: 150px; height: 27px; } 
.btn_r_delete a:hover { background-position: 0 -236px; width: 150px; height: 27px; } 
.btn_form_public a { background-position: 0 -268px; width: 150px; height: 27px; } 
.btn_form_public a:hover { background-position: 0 -300px; width: 150px; height: 27px; } 
#contentArea .btn_write input { background-position: 0 -332px; width: 150px; height: 27px; } 
.btn_lock_choice a { background-position: 0 -396px; width: 160px; height: 23px; } 
.btn_lock_choice a:hover { background-position: 0 -424px; width: 160px; height: 23px; } 
.btn_lock_choice_out a { background-position: 0 -452px; width: 160px; height: 23px; } 
#formBack a,#formBack input,#contentArea #historyBack a,#contentArea #historyBack input { background-position: 0 -480px; width: 150px; height: 27px; } /* 戻る */
#contentArea #formBack a:hover,#contentArea #historyBack a:hover { background-position: 0 -512px; width: 150px; height: 27px; } 
.btn_pictu_top a { background-position: 0 -544px; width: 208px; height: 27px; } 
.btn_pictu_top a:hover { background-position: 0 -576px; width: 208px; height: 27px; } 
.btn_quotation a { background-position: 0 -608px; width: 123px; height: 21px; } /* 引用してコメント */
.btn_quotation a:hover { background-position: 0 -634px; width: 123px; height: 21px; } 
.btn_report a { background-position: 0 -660px; width: 79px; height: 21px; } /* 通報する */
.btn_report a:hover { background-position: 0 -686px; width: 79px; height: 21px; } 
.btn_s_cancel a { background-position: 0 -796px; width: 150px; height: 27px; } 
.btn_s_cancel a:hover { background-position: 0 -828px; width: 150px; height: 27px; } 
.btn_s_change a { background-position: 0 -860px; width: 161px; height: 23px; } 
#btn_change input,#btn_change a { background-position: 0 -888px; width: 150px; height: 27px; } 
#btn_change input:hover, #btn_change a:hover { background-position: 0 -920px; } 
.btn_s_change a:hover { background-position: 0 -952px; width: 161px; height: 23px; } 
.btn_s_change_out a { background-position: 0 -980px; width: 161px; height: 23px; } 
.btn_s_ok a, #contentArea .btn_s_ok input { background-position: 0 -1008px; width: 150px; height: 27px; } 
.btn_s_ok a:hover { background-position: 0 -1040px; width: 150px; height: 27px; } 
.btn_sys_delete a { background-position: 0 -1072px; width: 162px; height: 23px; } 
.btn_sys_delete a:hover { background-position: 0 -1100px; width: 162px; height: 23px; } 
.btn_sys_ok a { background-position: 0 -1128px; width: 150px; height: 27px; } 
.btn_sys_ok a:hover { background-position: 0 -1160px; width: 150px; height: 27px; } 
.btn_sys_reload a { background-position: 0 -1192px; width: 162px; height: 23px; } 
.btn_sys_reload a:hover { background-position: 0 -1220px; width: 162px; height: 23px; } 
.change2_out a { background-position: 0 -1248px; width: 160px; height: 23px; } 
.chara_choice a { background-position: 0 -1276px; width: 150px; height: 27px; } 
.chara_choice a:hover { background-position: 0 -1318px; width: 150px; height: 27px; } 
#contentArea .btn_consent a { background-position: 0 -1340px; width: 150px; height: 27px; } 
#contentArea .btn_consent a:hover { background-position: 0 -1372px; width: 150px; height: 27px; } 
#contentArea .btn_success a,#contentArea .btn_success input { background-position: 0 -1532px; width: 150px; height: 27px; } 
#contentArea .btn_success a:hover { background-position: 0 -1564px; width: 150px; height: 27px; } 
#contentArea .btn_backMytop a,#contentArea .btn_backMytop input { background-position: 0 -1596px; width: 150px; height: 27px; } 
#contentArea .btn_backMytop a:hover { background-position: 0 -1628px; } 
#contentArea .btn_submit input { background-position: 0 -1008px; width: 150px; height: 27px; } 
#contentArea .btn_gotoST a { background-position: 0 -2224px; width: 150px; height: 27px; } 
#contentArea .btn_gotoST a:hover { background-position: 0 -2256px; } 
#contentArea .btn_gotoItemcodeTop a { background-position: 0 -2288px; width: 150px; height: 27px; } 
#contentArea .btn_gotoItemcodeTop a:hover { background-position: 0 -2320px; } 
#contentArea .btn_mailEntry a { background-position: 0 -2352px; width: 150px; height: 27px; } 
#contentArea .btn_mailEntry a:hover { background-position: 0 -2384px; } 
#contentArea .btn_comment input { background-position: 0 -1724px; width: 150px; height: 27px; } 

/* スプライト その他 ---------- */
.btn_arrow_first,
.btn_arrow_last,
.btn_arrow_next,
.btn_arrow_prev,
.btn_back_top,
.btn_back_top_on,
.btn_delete a,
.btn_more01,
.btn_more01_on,
.btn_more02,
.btn_more02_on,
.btn_sort,
.btn_sort_on,
.btn_quote a,
.btn_invalid_s a,
.btn_delete_bbs a ,
.btn_pickup_migration a,
.btn_edit a {
	display: block;
	background: url(../img/common/bg_btn_other.png) no-repeat top left;
	text-align: center;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
.btn_arrow_first{ background-position: 0 0; width: 13px; height: 13px; } 
.btn_arrow_last{ background-position: 0 -18px; width: 13px; height: 13px; } 
.btn_arrow_next{ background-position: 0 -36px; width: 12px; height: 14px; } 
.btn_arrow_prev{ background-position: 0 -55px; width: 12px; height: 14px; } 
.btn_back_top{ background-position: 0 -74px; width: 143px; height: 29px; } 
.btn_back_top_on{ background-position: 0 -108px; width: 143px; height: 29px; } 
.btn_delete a{ background-position: 0 -142px; width: 56px; height: 18px; }  /* ちいさい削除 */
.btn_delete a:hover{ background-position: 0 -163px; } 
.btn_more01{ background-position: 0 -184px; width: 85px; height: 22px; } 
.btn_more01_on{ background-position: 0 -211px; width: 85px; height: 22px; } 
.btn_more02{ background-position: 0 -238px; width: 85px; height: 22px; } 
.btn_more02_on{ background-position: 0 -265px; width: 85px; height: 22px; } 
.btn_sort{ background-position: 0 -334px; width: 103px; height: 28px; } 
.btn_sort_on{ background-position: 0 -367px; width: 103px; height: 28px; } 
.btn_quote a { background-position: 0 -400px; width: 67px; height: 13px; } 
.btn_quote a:hover { background-position: 0 -418px; width: 67px; height: 13px; } 
.btn_invalid_s a { background-position: 0 -435px; width: 60px; height: 17px; } 
.btn_invalid_s a:hover { background-position: 0 -455px; } 
.btn_delete_bbs a { background-position: -72px -435px; width: 16px; height: 17px; } 
.btn_delete_bbs a:hover { background-position: -72px -455px; } 
.btn_pickup_migration a{ background-position: 0 -518px; width: 121px; height: 16px; }
.btn_pickup_migration a:hover{ background-position: 0 -539px; }
.btn_edit a{ background-position: 0 -560px; width: 56px; height: 16px; }
.btn_edit a:hover{ background-position: 0 -581px; }

.btn-add-playerevent,
.btn-agree-and-reg,
.btn-edit-input,
.btn-goto-playerevent,
.btn-playerevent-top,
.btn-update-image,
.btn-senditem-confirm,
.btn-senditem-submit,
.btn-reg,
.btn-koukan,
.btn-clover-kessai,
.btn-haifu-sentaku,
.btn-crysta-kessai,
.btn-report,
.btn-lottery-result,
.btn-lottery-purchased,
.btn-get-reward,
.btn-more-kaimono,
.btn-received,
.btn-back {
	width: 150px;
	height: 27px;
}
.btn-crysta-kessai {
	width: 190px;
}
.btn-ok-mini,
.btn-ng-mini {
	padding-left: 15px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 28px;
	height: 23px;
	font-size: 10px;
	color: #595757 !important;
	line-height: 2.3;
	text-align: left !important;
}
	.btn-ok-mini:hover,
	.btn-ng-mini:hover {
		text-decoration: none !important;
		background-position: 0 bottom;
	}
/* タブ */
.btn-tab {
	cursor: pointer;
	display: block;
	overflow: hidden;
	width: 116px;
	height: 38px;
	color: #343434 !important;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-decoration: none !important;
	line-height: 3.4;
	background-image: url(../img/common/btn_tab.png);
}
	.btn-tab:hover {
		color: #343434 !important;
		background-position: 0 center;
	}
	.btn-tab.disabled {
		cursor: default;
		background-position: 0 bottom;
	}

.round-button a,
.btn-add-playerevent a,
.btn-add-playerevent input,
.btn-agree-and-reg a,
.btn-edit-input a,
.btn-goto-playerevent a,
.btn-playerevent-top a, 
.btn-back a, .btn-back input,
.btn-tweet a,
.btn-join-event a,
.btn-add-event a,
.btn-kanrikyoku1 a,
.btn-kanrikyoku1-l a,
.btn-update-image a, .btn-update-image input,
.btn-senditem-confirm a, .btn-senditem-confirm input,
.btn-senditem-submit a, .btn-senditem-submit input,
.btn-reg a, .btn-reg input,
.btn-run-search a,
.btn-koukan a, .btn-koukan input,
.btn-clover-kessai a, .btn-clover-kessai input,
.btn-haifu-sentaku a, .btn-haifu-sentaku input,
.btn-crysta-kessai a, .btn-crysta-kessai input,
.btn-report a, .btn-report input,
.btn-lottery-result a,
.btn-lottery-purchased a,
.btn-get-reward a, .btn-get-reward input,
.btn-received a, .btn-received input,
.btn-more-kaimono a, .btn-more-kaimono span {
	width: 100%;
	height: 100%;
	display: block;
	border: none !important;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
	background-color: transparent !important;
}
.btn-add-playerevent a:hover,
.btn-add-playerevent input:hover,
.btn-agree-and-reg a:hover,
.btn-edit-input a:hover,
.btn-goto-playerevent a:hover,
.btn-playerevent-top a:hover,
.btn-tweet a:hover,
.btn-join-event a:hover,
.btn-add-event a:hover,
.btn-kanrikyoku1 a:hover
.btn-kanrikyoku1-l a:hover,
.btn-update-image a:hover,
.btn-update-image input:hover,
.btn-senditem-confirm a:hover,
.btn-senditem-confirm input:hover,
.btn-senditem-submit a:hover,
.btn-senditem-submit input:hover,
.btn-ok-mini a:hover, .btn-ok-mini input:hover,
.btn-ng-mini a:hover, .btn-ng-mini input:hover,
.btn-reg a:hover, .btn-reg input:hover,
.btn-run-search a:hover,
.btn-koukan a:hover, .btn-koukan input:hover,
.btn-clover-kessai a:hover, .btn-clover-kessai input:hover,
.btn-haifu-sentaku a:hover, .btn-haifu-sentaku input:hover,
.btn-crysta-kessai a:hover, .btn-crysta-kessai input:hover,
.btn-report a:hover, .btn-report input:hover,
.btn-lottery-result a:hover,
.btn-lottery-purchased a:hover,
.btn-get-reward a:hover, .btn-get-reward input:hover,
.btn-more-kaimono a:hover,
.btn-received a:hover, .btn-received input:hover {
	background-position: 0 bottom;
}
.btn-add-playerevent a,
.btn-add-playerevent input {background-image: url(../img/bg_btn_round/btn_add_playerevent.png);}
.btn-agree-and-reg a {background-image: url(../img/bg_btn_round/btn_agree_and_reg.png);}
.btn-edit-input a {background-image: url(../img/bg_btn_round/btn_edit_input.png);}
.btn-goto-playerevent a {background-image: url(../img/bg_btn_round/btn_goto_playerevent.png);}
.btn-playerevent-top a {background-image: url(../img/bg_btn_round/btn_playerevent_top.png);}
.btn-update-image a, .btn-update-image input {background-image: url(../img/common/btn_update_image.png);}
.btn-senditem-confirm a, .btn-senditem-confirm input {background-image: url(../img/common/btn_senditem_confirm.png);}
.btn-senditem-submit a, .btn-senditem-submit input {background-image: url(../img/common/btn_senditem_submit.png);}
.btn-reg a, .btn-reg input {background-image: url(../img/common/btn_reg.png);}
.btn-koukan a, .btn-koukan input {background-image: url(../img/common/btn_koukan.png);}
.btn-haifu-sentaku a, .btn-haifu-sentaku input {background-image: url(../img/common/btn_haifu_sentaku.png);}
.btn-crysta-kessai a, .btn-crysta-kessai input {background-image: url(../img/common/btn_crysta_kessai.png);}
.btn-clover-kessai a, .btn-clover-kessai input {background-image: url(../img/common/btn_clover_kessai.png?d=20150425);}
.btn-report a, .btn-report input {background-image: url(../img/common/btn_report.png)}
.btn-lottery-result a {background-image: url(../img/common/btn_lottery_result.png);}
.btn-lottery-purchased a {background-image: url(../img/common/btn_lottery_purchased.png);}
.btn-get-reward a, .btn-get-reward input {background-image: url(../img/common/btn_get_reward.png);}
.btn-more-kaimono a, .btn-more-kaimono span {background-image: url(../img/common/btn_more_kaimono.png);}
.btn-more-kaimono span { cursor:default; opacity: 0.5; filter: (alpha=50); }
.btn-received a, .btn-received input {background-image: url(../img/common/btn_received.png);}
.btn-clover-kessai.disabled a, .btn-clover-kessai.disabled input,
.btn-clover-kessai.disabled a:hover, .btn-clover-kessai.disabled input:hover,
.btn-disabled, .btn-disabled:hover {
	cursor: default;
	opacity: 0.5;
	filter: (alpha=50);
	background-position: 0 top !important;
}


.btn-back a, .btn-back input {
	background: url(../img/common/bg_btn_round.png) no-repeat top left;
	background-position: 0 -480px; width: 150px; height: 27px;	
}
.btn-back a:hover,
.btn-back input:hover {
	background-position: 0 -512px; width: 150px; height: 27px;
}
.btn-backtolist {
	background-image: url(../img/common/btn_backtolist.png);
}

/* つぶやきボタン */
.btn-tweet {
	width: 231px;
	height: 35px;
}
	.btn-tweet a {
		background-image: url(../img/bg_btn_square/btn_tweet.png);
	}
/* イベントに参加する */
.btn-join-event {
	width: 223px;
	height: 42px;
}
	.btn-join-event a {
		background-image: url(../img/bg_btn_square/btn_join_event.png);
	}
/* 新しいイベントを登録する */
.btn-add-event {
	width: 299px;
	height: 40px;
}
	.btn-add-event a {
		background-image: url(../img/bg_btn_square/btn_add_event.png);
	}

/* 実行ボタン */
.btn-run-search {
	width: 79px;
	height: 32px;
}
	.btn-run-search a {
		background-image: url(../img/common/btn_run_search.png);
	}

/**
 * ミニボタン
 */
.btn-ok-mini {
	background-image: url(../img/common/btn_ok_mini.png);
}
.btn-ng-mini {
	background-image: url(../img/common/btn_ng_mini.png);
}

/**
 * 左メニュートップ１０導線
 */
#btn-top10-shortcut {
	display: block;
	width: 210px;
	height: 48px;
	background-image: url(../img/common/btn_top10_shortcut.png);
}
	#btn-top10-shortcut:hover {
		background-position: left bottom;	
	}

/* 戻る */
#historyBack {
	clear: both;
	width: 150px;
	margin: 15px auto 0;
}

/* 一つ並びボタン */
.oneBtnArea {
	clear: both;
	width:150px;
	margin: 15px auto 0;
}

/* 二つ並びボタン */
.twoBtnArea {
	clear: both;
	width:310px;
	margin: 15px auto 0;
}
table.twoBtnArea {
	width: auto !important;
}
table.twoBtnArea td {
	padding: 0  8px !important;
	border: none !important;
}
#formBack,
.btn_left {
	float: left;
	width: 150px;
}
#contentArea .btn_submit,
.btn_right {
	float: right;
	width: 150px;
}
#contentArea .btn_submit input,
#contentArea .btn_submit #submit {
	display: block;
	width: 150px;
	height: 27px;
	border: none;
	text-align: center;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
}
#contentArea .btn_submit input { text-indent: -9999em;}
#formBack a {
	margin-right: 10px;
}

/* もっとみる */
.btn_more {
	clear: both;
	width: 600px;
	margin: 12px auto 0;
}
.btn_more_auto {
} 
.btn_more a,
.btn_more_auto a {
	display: block;
	float: right;
	width: 100px;
	height: 22px;
	margin-bottom: 20px;
	border: none;
	background: url(../img/common/btn_more02.png) no-repeat 0 0;
	text-align: center;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
.btn_more_auto a {
	margin-bottom: 0;
	float: none;
}
.btn_more a:hover,
.btn_more_auto a:hover {
	background: url(../img/common/btn_more02_on.png) no-repeat 0 0;
}

/* もっとみる…見出し内 */
.newsBox .btn_more,
.newsBoxWithoutHead .btn_more,
.newsBox .btn_backnum {
	position: absolute;
	bottom: -13px;
	right: 8px;
	width: 101px;
}
.tit_compass .btn_more{
	bottom: -16px;
}
.newsBox .btn_more a,
.newsBoxWithoutHead .btn_more a,
.btn_backnum a {
	display: block;
	float: right;
	width: 101px;
	height: 22px;
	margin-bottom: 20px;
	border: none;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
.newsBox .btn_more a {
	background: url(../img/common/btn_more02.png) no-repeat 0 0;
}
.newsBox .btn_more a:hover {
	background: url(../img/common/btn_more02_on.png) no-repeat 0 0;
}
.btn_backnum a {
	background: url(../img/super_top/btn_backnum.png) no-repeat 0 0;
}
.btn_backnum a:hover {
	background: url(../img/super_top/btn_backnum_on.png) no-repeat 0 0;
}

/* ページトップへ戻る */
.btn_pagetop {
	width: 654px;
	margin: 10px auto 0;
}
.btn_pagetop a {
	display: block;
	float: right;
	width: 143px;
	height: 29px;
	background: url(../img/bg_btn_other/btn_back_top.png) no-repeat 0 0;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
.btn_pagetop a:hover {
	display: block;
	float: right;
	width: 143px;
	height: 29px;
	background: url(../img/bg_btn_other/btn_back_top_on.png) no-repeat 0 0;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
/* ソーシャルボタン */
#social_btn {
	width: 170px;
	height: 28px;
	padding: 3px 0 0 80px;
	background: url(../img/common/bg_snsbutton.png) no-repeat 0 0;
}
#superTop #social_btn {
	margin: 0 auto;
}
#myTop #social_btn,
#status #social_btn,
#topicsDetail #social_btn,
#friendTop #social_btn,
#friendStatus #social_btn,
#shopItem #social_btn {
	float: right;
	margin: -10px 10px 10px 0;
}
#myTop #social_btn {
	margin: 0 22px 10px 0;
}
#social_btn .facebook {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 40px;
}
#social_btn .twitter {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 40px;
}
#social_btn .mixi {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 40px;
}
#social_btn .google {
	display: block !important;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 50px;
}
.social_btnArea {
	padding:15px;
	border-bottom:#333333 solid 1px;
}

/* シンプルな四角いボタン */
.btn_square {
	font-size: 12px;
}
.btn_square a {
	margin-top: 8px;
	padding-left: 2px;
	display: inline-block;
	background:url(../img/playguide/btn_playguide_l.png) no-repeat 0 0;
	color:#3B390E !important;
}
.btn_square a:hover {
	color:#534903 !important;
	text-decoration: none !important;
}
.btn_square a span {
	display: inline-block;
	height: 20px;
	padding: 0 12px 0 10px;
	background:url(../img/playguide/btn_playguide_r.png) no-repeat top right;
	line-height: 1.8;
}
.btn_square a:hover span {
	background:url(../img/playguide/btn_playguide_r.png) no-repeat bottom right;
	text-decoration: none;
	cursor: pointer;
}

/* PC-スマートフォン切り替えボタン */


#changeSP a {
	display: block;
	width: auto;
	padding: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#E46A67),
		color-stop(0.45, #F49996),
		color-stop(0.5, #F1928C),
		color-stop(0.55, #F27C7C),
		to(#8C2E24));
	border-bottom: 2px solid #BAB9A9;
	color:#FFF;
	font-size: 21px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-shadow:-1px -1px rgba(0, 0, 0, 0.1);
}


/* アイコン
------------------------------ */
.btn_arrow_first, 
.btn_arrow_last, 
.btn_arrow_next, 
.btn_arrow_prev, 
.ico_comment, 
.ico_hukidashi, 
.ico_list, 
.ico_lock, 
.ico_new, 
.ico_subhead, 
.renew_icon a, 
.team_th_san,
.iconTitle,
.iconTitle_Leader,
#contentArea .quoteBox .charaName a {
	display: block;
	background: url(../img/common/bg_ico.png) no-repeat top left;
}
.renew_icon a,
.ico_new {
	text-align: center;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
.btn_arrow_first{ background-position: 0 0; width: 13px; height: 13px; } 
.btn_arrow_last{ background-position: 0 -18px; width: 13px; height: 13px; } 
.btn_arrow_next{ background-position: 0 -36px; width: 12px; height: 14px; } 
.btn_arrow_prev{ background-position: 0 -55px; width: 12px; height: 14px; } 
.ico_comment{ background-position: 0 -74px; width: 16px; height: 17px; } 
.ico_hukidashi{ background-position: 0 -96px; width: 16px; height: 16px; } 
.ico_list{ background-position: 0 -117px; width: 10px; height: 10px; } 
.ico_lock{ background-position: 0 -131px; width: 16px; height: 17px; } 
.ico_new{ background-position: 0 -153px; width: 31px; height: 13px; } 
.ico_subhead{ background-position: 0 -171px; width: 18px; height: 18px; } 
.renew_icon a { background-position: 0 -194px; width: 14px; height: 17px; } 
.team_th_san{ background-position: 0 -212px; } 
.iconTitle { background-position: -40px -171px; } 
.iconTitle_Leader { background-position: 0 -275px; } 
#contentArea .quoteBox .charaName a { background-position: 0 -240px; } 
/* newアイコン　1st,2ndアイコン */
.ico_newsystem,
.ico_1st,
.ico_2nd,
.ico_3rd {
	display: inline-block;
	height: 13px;
	margin: 0 3px;
	background-repeat: no-repeat;
	background-position:0 0;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
	vertical-align: -2px;
	/vertical-align: middle;
}
.ico_newsystem { background-image:url(../img/common/ico_new.png);width: 31px; }
.ico_1st { background-image:url(../img/common/ico_1st.gif); width:20px; }
.ico_2nd { background-image:url(../img/common/ico_2nd.gif); width:20px; }
.ico_3rd { background-image:url(../img/common/ico_3rd.gif); width:20px; }
.ico_3ds { background-image:url(../img/common/ico_3ds.gif); width:20px; }
.ico_smt { background-image:url(../img/common/ico_smt.gif); width:20px; }
.img_new,
.img_1st,
.img_2nd,
.img_3rd,
.img_3ds,
.img_smt,
.img_ico {
	margin: 0 3px;
	vertical-align: text-bottom;
}
.ico_new_s {
	position: absolute;
	display: block;
	width: 26px;
	height: 13px;
	font-size: 0;
	background-image: url(../img/common/ico_new_s.png);
}
.sub-navi li .ico_new_s {
	top: 8px;
	left: 2px;
	margin-left: 1px;
}
.sub-child-navi li .ico_new_s {
	top: 5px;
	left: 5px;
}


/* コメント変更完了
------------------------------ */
#pictureCommentSuccess .txt {
	margin: 15px;
	padding: 15px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}


/* テキスト
------------------------------ */
/* 注意 */
.caution {
	clear: both;
	width: 600px;
	margin: 0 auto 10px;
	color: #d50000;
	font-size: 1.2em;
	font-weight: bold;
}
/* 確認 */
.txt_check {
	clear: both;
	margin: 15px;
	padding: 15px;
	font-size: 1.2em;
	text-align: center;
}
/* このコメントは削除されました系 */
.infoDelete {
	clear: both;
	width: 502px;
	height:29px;
	margin: 0 auto 10px;
	padding:10px 0 0 100px;
	background:url(../img/common/bg_infoDelete.png) no-repeat;
	color:#f0e8db;
	font-size: 1.2em;
}
.delete_txt {
	display:block;
	float:left;
	width:350px;
	height:20px;
}
.delete_date{
	display:block;
	float:left;
	width:120px;
	height:20px;
	color:#f0e8db;
	font-size: 1.0em;
	text-align:right;
}
/* Lvキャップ時 */
.lvcap { color: #afaa22 !important; font-weight: bold !important; }
/* できのよさ */
.starArea { color: #DCDCDC; }
.starArea .star { color: #9E8C0C; }

/* 状態
------------------------------ */
/* データがない */
#notFoundBox {
	margin: 15px;
	padding: 15px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	background-color:#FFF;
}
/* データがない　枠付き（大） */
.notFoundBox_b {
	position: relative;
	width: 553px;
	height: 247px;
	margin: 0 auto;
	border: 1px dotted #595656;
	background: #FFF url(../img/error/img_nodata.png) no-repeat 0 7px;
	color: #535250;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.notFoundBox_b .txt_error {
	position: absolute;
	left: 0;
	top:50%;
	width: 553px;
	height: 30px;
	margin-top: -15px;
}
/* データがない　枠付き（小） */
.notFoundBox_b_s {
	position: relative;
	width: 553px;
	height: 100px;
	margin: 0 auto;
	border: 1px dotted #595656;
	background: #FFF url(../img/error/img_nodata_s.png) no-repeat 0 5px;
	color: #535250;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.notFoundBox_b_s .txt_error {
	position: absolute;
	left: 0;
	top:50%;
	width: 553px;
	height: 30px;
	margin-top: -15px;
	font-size: 14px;
}

/* ナビ
------------------------------ */
/* 検索結果の件数 */
.searchResult {
	float: left;
	width: 200px;
	margin: 0 0 20px 25px;
	font-size: 1.2em;
	line-height: 1.3;
}
/* ページ送り */
.pageNavi{
	float: right;
	width: 390px;
	margin-right: 25px;
	text-align: right;
}
.pageNavi li{
	display: inline;
	margin-right: -4px;
	border-left: 1px solid #d2d2d2;
	font-weight: bold;
	line-height: 1.4;
}
.pageNavi li.first,
.pageNavi li.last{
	zoom: 1;
	*margin-right: 0;
	border-left: none;
}
.pageNavi li.prev{
	zoom: 1;
	*margin-right: 1px;
	border-left: none;
}
.pageNavi li.next{
	zoom: 1;
	*margin-right: 1px;
}
#contentArea .pageNavi li a:link,
#contentArea .pageNavi li a:visited{
	padding: 0 7px;
	zoom: 1;
	color: #676767;
	text-decoration: none;
}
#contentArea .pageNavi li.first a:link,
#contentArea .pageNavi li.first a:visited,
#contentArea .pageNavi li.last a:link,
#contentArea .pageNavi li.last a:visited {
	padding: 0 1px;
}
#contentArea .pageNavi li.prev a:link,
#contentArea .pageNavi li.prev a:visited,
#contentArea .pageNavi li.next a:link,
#contentArea .pageNavi li.next a:visited {
	padding: 0 5px;
}
#contentArea .pageNavi li a:hover{
	padding: 0 6px;
	border-left: 1px solid #F1E9DC;
	border-right: 1px solid #F1E9DC;
	background-color: #f3f3f3;
	text-decoration: none;
}
#contentArea .pageNavi li.first a:hover,
#contentArea .pageNavi li.last a:hover{
	padding: 0;
	background-color: transparent;
	border-left: 1px solid #F1E9DC;
	border-right: 1px solid #F1E9DC;
}
#contentArea .pageNavi li.prev a:hover,
#contentArea .pageNavi li.next a:hover{
	background-color: transparent;
	border-left: none;
	border-right: none;
}
.pageNavi li img {
	vertical-align: -3px;
}
.pageNavi li a:hover img {
	background-color: transparent;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.pageNavi li.location {
	padding: 0 10px;
	zoom: 1;
	color: #f90;
	font-weight: bold;
}
.pageNavi li.first a img,
.pageNavi li.prev a img,
.pageNavi li.next a img,
.pageNavi li.last a img{
	margin: 0;
}

/* jsでコントロールするページャ */
.jsPageNavi {
}
	.jsPageNavi .float-left {
		font-size: 12px;
	}
	.jsPageNavi li {
		margin-right: 0;
	}
	.jsPageNavi .pageNavi {
		margin-right: 0;
	}

/* ページリスト */
ul#pageList {
	clear: both;
	width: 600px;
	margin: 0 auto 12px;
	font-size: 1.2em;
	color:#2a2a2a;
}
ul#pageList li {
	display: inline;
	padding-right: 8px;
	background: url(../img/common/bg_ico.png) no-repeat right -230px;
}
ul#pageList li.last {
	background: none;
} 

/* 各ページの設定
-------------------------------------------------- */

/* マイページTOP
------------------------------ */
#eventBanner {
	height: 30px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
}
#togetherAdventure {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
}
#togetherAdventure img {
	width: 40px;
}
#whatsNew {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
}
#recentComments {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
}
#recentComments img {
	width: 40px;
}

	/* 並び替えエリア */
	.sortArea {
		clear: ;
		width: 250px;
		margin: 0 auto;
	}
	.sort {
		float: left;
		width: 140px;
		padding-top: 3px;
		margin-bottom: 10px;
	}
	.sort select {
		padding: 2px;
		border: 1px solid #c3bdbd;
	}
	.sort select option {
		padding: 0 10px 0 0;
	}
	.btn_sort {
		float: right;
		width: 103px;
		margin-bottom: 10px;
	}
	.btn_sort a {
		display: block;
		width: 103px;
		height: 28px;
		background: url(../img/common/btn_sort.png) no-repeat 0 0;
		text-indent:-9999em;
		white-space:nowrap;
		overflow:hidden;
	}
	.btn_sort a:hover {
		background: url(../img/common/btn_sort_on.png) no-repeat 0 0;
	}


/* 各掲示板基本
------------------------------ */
/* リスト引用 */
.quoteBox {
	margin: 6px 6px 8px 6px;
	padding: 10px;
	border:1px solid #bcbcb4;
	background:#e7e7de url(../img/common/bg_quoteBox.png) repeat-y top right;
}
#contentArea .quoteBox .charaName a {
	padding-left: 10px;
	color:#777737;
	font-size: 1.2em;
	font-weight: bold;
}
#forumCommentcheck #contentArea .charaName {
	padding-left: 10px;
	background: url(../img/common/bg_ico.png) no-repeat 0 -241px;
	color:#777737;
	font-size: 1.2em;
}
#forumCommentcheck #contentArea .quoteTxt {
	font-size: 1.2em;
}
.quoteBox .commentText {
	font-size: 1.2em;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
.btn_quote {
	float: right;
	width: 67px;
}

/* 非公開設定用画面 */

#error_closed{width:600px; background:#fff; margin:0 auto; border:#999 dotted 1px;}
#error_closed .bg_mainbox{ background:url(../img/error/img_common.jpg); width:553px; height:239px; margin:30px auto; text-align:center;}
#error_closed .bg_mainboxtxt{ font-size:1.6em; font-weight:bold;}


/* トピックス運営用 */
.contentsTable1 th,
.contentsTable1 td{
	border: 1px solid #948B54;
	background: #F9F5EF;
	text-align:center;
	padding:2px;
}
.contentsTable1 .ct_bg01{ background:#e1caac;}
.contentsTable1 .ct_bg02{ background:#f9eeda;}

/* for Android */
ul,li,p { background-image: url(../img/common/space.gif); }

/* 広場内検索 */
#hirobaSearch {
	float: right;
	width: 252px;
	margin: 8px 4px 0 20px;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor .gsc-cursor-page:after {
	content: normal;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	text-decoration: none;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	text-decoration: underline;
}
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
	text-shadow: none;
}

/* メンバーズCSS */
div#___gcse_0 {
	width:213px;
	margin:0 0 0 0;
}

div#___gcse_0 .gsc-control {width:220px;}
div#___gcse_0 .gsc-control-cse {
	background:none;
	border:none;
	padding:0;
}
.gsib_a{
	padding:1px 0 0 0 !important;
}
.gsib_b{
	width:5px;
}
#hd .gscb_a{
	display:none;
	font-size:0;
	color:#ffffff;
}
#hd .gsst_b{
	padding:0;
	font-size:0;
	display:none;
}
.gsc-completion-container td.gssb_a div{
	margin:0 !important;
	background:none !important;
	font-size:12px;
}
.gsc-completion-container tr:last-child td.gssb_a div{
	height:0 !important;
	line-height:0 !important;
	font-size:0 !important;
}


div#___gcse_0 form {margin:0; padding:0;}

div#___gcse_0 form table.gsc-search-box {
	margin-bottom:0;
}
.gsc-input-box{
	border:none !important;
}
#hd input.gsc-input, #hd .gsc-input-box, #hd .gsc-input-box-hover, #hd .gsc-input-box-focus{
	border:none !important;
	box-shadow:none;
}
div#___gcse_0 form td.gsc-input {
	padding-right:0;
}
div#___gcse_0 form input#gsc-i-id1 {
	width:150px !important;
	height:21px !important;
	padding:0 0 0 5px !important;
	line-height:21px !important;
	border: 1px solid #dbdbdb !important;
	font-size:12px;
	color:#333;
}

div#___gcse_0 form input#gsc-i-id1.gsc-input {
	/*background:url(../img/common/bg_hd_input.png) 4px 3px no-repeat #fff !important;*/
}
div#___gcse_0 form input#gsc-i-id1.gsc-input-focus { background-image: none !important; }
table.gstl_50 table.gsc-completion-container {color:#333!important;}
table.gstl_50 table.gsc-completion-container td {color:#333!important;}
table.gstl_50 table.gsc-completion-container td span {color:#333!important;}

div#___gcse_0 form input.gsc-search-button,
div#___gcse_0 form input.gsc-search-button-v2,
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2{
	display:block;
	width:0 !important;
	min-width:0;
	height:0;
	cursor:pointer;
	font-size:0;
	line-height:0;
	padding:12.5px 41px 12.5px;
	margin:0;
	border-radius:0;
	border:none;
	background-image:url(../img/common/btn_gcs_search.png) !important;
	background-repeat:no-repeat !important;
	background-position:left top !important;
	background-color:transparent  !important;
	overflow:hidden;
}

*:first-child+html div#___gcse_0 form input.gsc-search-button,
*:first-child+html div#___gcse_0 form input.gsc-search-button-v2,
*:first-child+html .cse .gsc-search-button input.gsc-search-button-v2,
*:first-child+html input.gsc-search-button-v2{
	width: 82px !important;
	height: 25px;
}

div#___gcse_0 form input.gsc-search-button:hover,
div#___gcse_0 form input.gsc-search-button-v2:hover,
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2{
	background-position:left bottom !important;
}

div#___gcse_0 form td.gsc-clear-button {
	display:none;
}
.gsc-modal-background-image-visible{
	opacity:0.5 !important;

}
*:first-child+html .gsc-modal-background-image-visible{
	filter:alpha(opacity=50) !important;
}
.gsc-modal-background-image{
	background-color:#000000 !important;
}
.gsc-wrapper{
	padding-top:30px;
}
.gsc-results{
	width:100% !important;
}
div#___gcse_0 div.gsc-results-wrapper-overlay {
	background:#fff;
}
div#___gcse_0 div.gsc-results-wrapper-overlay #resInfo-0{
	color:#333;
}
.gsc-orderby{
	display: none !important;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-orderby-label {
	color:#333;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-selected-option-container {
	border:1px solid #999;
	color:#606060;
	padding:10px 10px 10px 10px;
	height:12px;
	line-height:12px;
	background:#ffffff;
	white-space:nowrap;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gcsc-branding {
	color:#999;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor-box {
	text-align:center;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor .gsc-cursor-page {
	background-color:#fff;
	color:#999;
	padding:0 4px;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
	background-color: #999;
	color:#fff;
}

div#___gcse_0 div.gsc-webResult.gsc-result {
	background-color: #efefef;
	border: none;
	padding:10px;
	border-left:10px solid #efefef;
	margin:0 0 13px 0;
}
div#___gcse_0 div.gsc-webResult.gsc-result:hover {
	background:#fcfaf1;
	border-left:10px solid #a68200;
}
div#___gcse_0 div.gsc-webResult.gsc-result:hover div.gs-title a {
	color:#a68200;
}

div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title {
	margin-bottom:10px;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	line-height:20px;
}

div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a {
	color: #7d2c1c;
	text-decoration:none;
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a:hover,
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a:hover em {
	color:#a68200;
	text-decoration:underline;
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title b,
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title em {
	color: #a60000;
	font-size:16px!important;
}
div#___gcse_0 div.gsc-webResult.gsc-result .gs-snippet {
	color:#606060;
}

div#___gcse_0 div.gsc-webResult.gsc-result .gs-no-results-result .gs-snippet,
div#___gcse_0 div.gsc-webResult.gsc-result .gs-error-result .gs-snippet {
	background: none;
	border: none;
	padding:10px;
}

div#___gcse_0 div.gsc-webResult.gsc-result .gs-visibleUrl {
	color:#606060;
	font-weight:bold;
	font-size:12px;
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title.gs-bidi-start-align a em {
	text-decoration:underline;
	color:#000;
}

/**
 * ドラクエ風フレーム
 */
.dq-frame {
	font-size: 12px;
	border: 1px solid #000;
	border-radius: 3px;
	background-color: #fff;
	padding: 2px;
}
	.dq-frame-inside {
		color: #fff;
		background-color: #000;
	}

/* 外側の白ボーダーが太目、内側の背景が黒い */
.dq-frame-2 {
	font-size: 12px;
	border: 2px solid #fff;
	border-radius: 6px;
	background-color: #000;
}

/* 基本コンテンツ幅 */
.content-size {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/* 基本テキスト */
.basic-text {
	font-size: 12px;
	line-height: 1.5;
}

/* チャンスとくぎカラー */
.chance-tokugi {
	color: #c601dd;
}
/* ひっさつカラー */
.hissatsu-tokugi {
	color: #198ee0;
}

/* =============== */
/* ツイッター枠 */
/* =============== */
#left-navi-twitter {
	width: 212px;
}
	#left-navi-twitter-body {
		padding-top: 1px;
		background-image: url(../img/common/twitter/body.png);
	}
	#left-navi-twitter-main {
		margin-right: auto;
		margin-left: auto;
		width: 200px;
		background-color: #fff;
	}