@charset "UTF-8";

[v-cloak] {
	display: none;
}

/* 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,
#contentAreaPlain a:link {
	color:#7d2c1c;
	text-decoration: none;
}
#contentArea a:visited,
#contentAreaPlain a:visited {
	color:#885d47;
	text-decoration: none;
}
#contentArea a:hover,
#contentAreaPlain a:hover {
	color:#C93;
	text-decoration: underline;
}
#contentArea a:active,
#contentAreaPlain 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;
}
div.noafter:after {
	display: none;
}

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

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

.block {
	display: block;
}

.wordbreak {
	word-wrap: break-word;
	word-break: break-all;
}

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

Base Stylesheet

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

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


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

#container {
	position: relative;
	width: 1120px;
	margin: 0 auto;
	background-image: url(../img/common/bg_container.png);
}

/* ヘッダー */
#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: 500;
}
#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: 330px;
	margin: 9px 0 0 0;
	text-align: right;
}
#globalHeaderArea #navi_globalHeader li {
	box-sizing: border-box;
	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_5th.jpg?var=20180320) no-repeat 0 0;
	position: relative;
}
#lightTitle .logo_top_link {
	position: absolute;
	top:0;
	left:25px;
	width:165px;
	height:115px;
	display:block;
}
#lightTitle p {
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
/* #leaf */
#wrapper #leaf {
	padding: 0;
	background:url(../img/common/bg_band_5th.png) 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_5th.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,
.dqbtn-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,
	#contentAreaPlain {
		float: left;
		width: 654px;
		margin: 16px 0 0 17px;
		padding-bottom: 15px;
	}
	#contentAreaPlain {
		font-size: 12px;
	}

	/* 右メニュー */
	#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: 1017px;
	margin: 0 auto;
	padding-top: 3px;
}
.mainNavi ul li {
	float: left;
	width: 167px;
	margin: 0 0 0 3px;
	position: relative;
}
	.mainNavi ul li:first-child {
		margin: 0 0 0 0;
	}
.mainNavi .navi_shop {
	margin-right: 0;
}
.mainNavi li a {
	display: block;
	width: 167px; height: 50px;
	background: url(../img/common/btn_globalnavi_5th.png?ver=20180410) 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_news a { background-position: 0 0; }
.mainNavi .navi_news a:hover { background-position: 0 -50px; }
.mainNavi .navi_playguide a { background-position: -170px 0; }
.mainNavi .navi_playguide a:hover { background-position: -170px -50px; }
.mainNavi .navi_community a { background-position: -340px 0; }
.mainNavi .navi_community a:hover { background-position: -340px -50px; }
.mainNavi .navi_ranking a { background-position: -510px 0; }
.mainNavi .navi_ranking 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_5th.png?20171102);
	}
	#character-navi {/* 他人のページ */
		background-image: url(../img/subnavi/character/bg_5th.png?20171102);
	}
	#team-character-navi {/* 他人のチーム */
		background-image: url(../img/subnavi/team/character_5th.png?20171102);
	}
	#team-leader-navi {/* チームリーダー */
		background-image: url(../img/subnavi/team/leader_5th.png?20171102);
	}
	#team-member-navi {/* チームメンバー */
		background-image: url(../img/subnavi/team/member_5th.png?20171102);
	}
		#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_5th.png);
			}
			#character-navi li a {/* 他人ページのボタン背景 */
				background-image: url(../img/subnavi/character/bg_5th.png);
			}
			#team-leader-navi li a {/* チームリーダーのボタン背景 */
				background-image: url(../img/subnavi/team/leader_5th.png);
			}
			#team-member-navi li a {/* チームメンバーのボタン背景 */
				background-image: url(../img/subnavi/team/member_5th.png);
			}
			#team-character-navi li a {/* 他人チームのボタン背景 */
				background-image: url(../img/subnavi/team/character_5th.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?20191009);
			}
			/* ----- 仲間モンス ----- */
			#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-yarkotolist-button {
	display: block;
	width: 178px;
	height: 46px;
	margin: auto;
	background-image: url(../img/common/btn_goto_yarukotolist.png);
}

/* 冒険スタンプへボタン */
#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,
	#goto-yarkotolist-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.is-green {
				background-image: url(../img/subnavi/children/button_green.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;
			}

/* ===== 各ボタンのアクティブ状態 ===== */
#battlePencil #sub-child-navi-battlePencil,
#battletrinity #sub-child-navi-battletrinity,
#pharaoh #sub-child-navi-pharaoh,
#casinoRaid #sub-child-navi-casinoRaid,
#fishingContest #sub-child-navi-fishingContest,
#pub_top #sub-child-navi-diary,
#defenceRanking #sub-child-navi-defenceRanking,
#bossRanking #sub-child-navi-bossRanking,
#dannisenRanking #sub-child-navi-dannisenRanking,
#banmaRanking #sub-child-navi-banmaRanking,
#colosseumRanking #sub-child-navi-colosseumranking,
#slimeracing #sub-child-navi-slimeracingranking,
#limitedRanking #sub-child-navi-limitedRanking,
#dressupTop #sub-child-navi-dressup,
#playerevent #sub-child-navi-playerevent,
#openhouse #sub-child-navi-opunhouse,
#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_tarot #sub-child-navi-tarot,
.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,
.navi_rewardkeep #sub-child-navi-rewardkeep,
.ashiato-is-settings #sub-child-navi-preference,
.ashiato-is-charabg #sub-child-navi-preferencelocation,
.ashiato-is-emotemsg #sub-child-navi-preferenceemotemsg,
.ashiato-is-friendinvsetting #sub-child-navi-friendinvsetting,
.monstermercenarylist #sub-child-navi-monstermercenarylist,
.monstermercenarydetail #sub-child-navi-monstermercenarylist,
.monstermercenarymeathis #sub-child-navi-monstermeathistory,
.monsterbattleroad #sub-child-navi-monsterbattleroad,
#hirobabbs #sub-child-navi-hirobabbs,
#mycoord #sub-child-navi-mycoord,
.tab_myBazaar #sub-child-navi-bazaar, .snavi_senreki_chagana #sub-child-navi-chagana {
	cursor: default;
	color: #c2a28e !important;
	background-position: 0 bottom;
}

/* グローバルメニュー */
/* ---------------------------------------------------------------------- */
.global-select {
	display: none;
	position: absolute;
	top: 40px;
	z-index: 2000 !important;
	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_5th.jpg?20191008) repeat-y 30px 0;
}
#wrapper #leaf_l {
	/*background:url(../img/common/bg_wrapper_leaf_l_4th.png) repeat-y left top;*/
}
#wrapper #leaf_r {
	/*background:url(../img/common/bg_wrapper_leaf_r_4th.png) repeat-y right top;*/
}
#superTop .btn_pagetop a { margin-bottom: 20px; }


/* 左メニュー
------------------------------ */
/* ベース */

#userArea #conceptBtn a ,
#userArea .myMenuBtn 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;
}

/* ウェルカムギフト フレーム */
#welcomeGiftFrame {
	position: relative;
	width: 210px;
	height:auto;
	font-size:12px;
	text-align:center;
	margin-bottom:20px;
	color:#fff;
}
	/**
	 * 2019版
	 */
	.welcomgift-campaign,
	.welcomgift-campaign-with-shoppoint {
		display: block;
		width: 210px;
	}
	.welcomgift-campaign {
		height: 82px;
		background-image: url(../img/welcomegifts/btn/campaign.png);
	}
	.welcomgift-campaign-with-shoppoint {
		height: 105px;
		background-image: url(../img/welcomegifts/btn/campaign_with_shoppoint.png);
	}

	#welcomeGiftFrame .wgc-frame-head {
		width:210px;
		height:69px;
		background:url(../img/welcomegifts/frame/frame_head.png) no-repeat;
	}
		#welcomeGiftFrame .wgc-frame-head-date {
			width:210px;
			height:21px;
			font-weight:bold;
			background:url(../img/welcomegifts/frame/frame_head_date.png) no-repeat;
		}
		#welcomeGiftFrame .wgc-frame-head-date p {
			padding-top:1px;
		}
	#welcomeGiftFrame .wgc-frame-head-bottom {
		width:210px;
		height:8px;
		background:url(../img/welcomegifts/frame/frame_head_bottom.png) no-repeat;
	}
	#welcomeGiftFrame .wgc-frame-main {
		padding-top:3px;
		width:210px;
		background:url(../img/welcomegifts/frame/frame_bg.png) repeat-y;
	}

	#welcomeGiftFrame .wgc-frame-line {
		width:202px;
		height:4px;
		background-color:#ffe868;
		margin: 3px auto 0 auto;
	}
	#welcomeGiftFrame .wgc-frame-foot {
		width:210px;
		height:9px;
		background:url(../img/welcomegifts/frame/frame_foot.png) no-repeat;
	}

/* 未ログインバナー */
#welcomeGiftFrame .wgc-banner {
	width:194px;
	height:165px;
	margin:0 auto 0 auto;	background:url(../img/welcomegifts/banner_welcomegift.png) no-repeat;
}
/* ギフト見出し */
#welcomeGiftFrame .wgc-gift-head {
	width:198px;
	height:24px;
	margin:3px auto 0 auto;
}
	/* 今日 */
	#welcomeGiftFrame .wgc-gift-head.wgc-today {
		background:url(../img/welcomegifts/txt_today.png) no-repeat;
	}
	/* 未受領 */
	#welcomeGiftFrame .wgc-gift-head.wgc-unclaimed {
		margin:10px auto 0 auto;
		background:url(../img/welcomegifts/txt_unclaimed.png) no-repeat;
	}
	/* 明日 */
	#welcomeGiftFrame .wgc-gift-head.wgc-tomorrow {
		margin:10px auto 0 auto;
		background:url(../img/welcomegifts/txt_tomorrow.png) no-repeat;
	}

#welcomeGiftFrame .wgc-gift-main {
	width:170px;
	margin:0 auto;
}
#welcomeGiftFrame .wgc-gift-main table {
	width:170px;
}
#welcomeGiftFrame .wgc-gift-main td {
	height:36px;
	text-align:left;
	vertical-align: middle;
}
/* アイコン */
#welcomeGiftFrame .wgc-gift-main .wgc-gift-icon {
	width:30px;
	height:30px;
	vertical-align: middle;
	margin-right:10px;
}
	#welcomeGiftFrame .wgc-gift-main .wgc-gift-icon img {
		width:30px;
		height:30px;
	}

/* 交換期限の帯 */
#welcomeGiftFrame .wgc-period {
	position: relative;
	width:210px;
	height:34px;
	margin:10px auto 0 auto;
	background:url(../img/welcomegifts/period.png) no-repeat;
	background-size:100% auto;
}
	#welcomeGiftFrame .wgc-period p {
		font-weight:bold;
		padding-top:8px;

	}


/* ウェルカムギフト　ボタン */
#welcomeGiftFrame a.wgc-btn {
	position: relative;
	width:194px;
	height:75px;
	margin:3px auto 0 auto;
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration: none;
}
	#welcomeGiftFrame .wgc-btn div {
		position: absolute;
		left:0;
		right:0;
		line-height:1.3;
	}
	/* 未達成 */
	#welcomeGiftFrame .wgc-btn-beforeAchieved {
		background:url(../img/welcomegifts/btn/btn_before.png) no-repeat;
	}
		#welcomeGiftFrame .wgc-btn-beforeAchieved div {
			top:15px;
		}
	/* 達成 */
	#welcomeGiftFrame .wgc-btn-achievement {
		background:url(../img/welcomegifts/btn/btn_achievement.png) no-repeat;
	}
		#welcomeGiftFrame .wgc-btn-achievement div {
			top:34px;
		}
	/* 受取済 */
	#welcomeGiftFrame .wgc-btn-received {
		background:url(../img/welcomegifts/btn/btn_received.png) no-repeat;
	}



/* ログイン */
#loginBtn {
	position: relative;
	height: 74px;
}
#userArea #btn_no_login ,
#userArea a#btn_login {
	display: block;
	background: url(../img/user_area/btn_login.png?20200131) no-repeat 0 0;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
#userArea a#btn_login,
#userArea #btn_no_login {
	position: absolute;
	top: -3px;
	left: -6px;
	width: 218px;
	height: 76px;
	text-indent: -9999em;
}
#userArea a#btn_login { background-position: 0 0; }
#userArea a#btn_login:hover { background-position: 0 -76px; }
#userArea #btn_no_login { background-position: 0 bottom }

/* 運営コンセプト */
#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 {
		display: flex;
		justify-content: center;
		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: 32px;
		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: 170px;
			height: 34px; }
			#userArea .myMenuBtn a:hover {
				background-position: 0 bottom;
			}
			#userArea .myMenuBtn .btn_l_charachange a {
				background-image: url(../img/user_area/btn_chnage_caharcter.png);
			}
			#userArea .myMenuBtn .btn_l_diary a {
				background-image: url(../img/user_area/btn_goto_diary.png);
			}
			#userArea .myMenuBtn .btn_l_mypage a {
				background-image: url(../img/user_area/btn_goto_mypage.png);
			}
			#userArea .myMenuBtn .btn_l_itemcode a {
				background-image: url(../img/user_area/btn_goto_itemcode.png);
			}
			#userArea .myMenuBtn .btn_l_proposal a {
				background-image: url(../img/user_area/btn_goto_proposal_history.png);
			}
			#userArea .logoutBtn {
				position: absolute;
				left:0;
				bottom:-26px;
				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 {
				display: block;
				font-size: 0;
				width: 90px; height: 26px; margin: 0 auto;
				background-image: url(../img/common/btn_logout.png);
			}
			#userArea .logoutBtn a:hover { background-position: 0 bottom;}
			/* 他人の投稿記録 */
			#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; }



/* 右メニュー
------------------------------ */
.right-menu {
	width: 146px;
}
	.right-menu * {
		box-sizing: border-box;
	}
	/* ----- メニューメインエリア ---- */
	.right-menu__main {
		background-image: url(../img/common/right/navi/main/header.png), url(../img/common/right/navi/main/loop.png);
		background-repeat: no-repeat, repeat-y;
	}
	.right-menu__loop {

	}
	.right-menu__footer {
		width: 146px;
		height: 32px;
		margin-top: -3px;
		background-image: url(../img/common/right/navi/main/footer.png);
	}
	/* ----- サーバーステータス ----- */
	.server-status {
		cursor: default;
		position: relative;
		width: 146px;
	}
		.server-status img {
			display: block;
		}
		/* アクティブなサーバーステータス＝メンテ以外 */
		.server-status.is-active {
			cursor: pointer;
		}
		.server-status.is-active img:nth-of-type(2) {
			display: none;
		}
		/* ホバー */
		.server-status.is-active:hover img:nth-of-type(1) {
			display: none;
		}
		.server-status.is-active:hover img:nth-of-type(2) {
			display: block;
		}
	/* ------ 特殊エリア ----- */
	.right-menu__ex {
	}
	/* ------ メインボタンエリア ----- */
	.right-menu__buttons {
		padding-top: 4px;
		margin-left: 4px;
	}
		.right-menu__button {
			cursor: pointer;
			display: inline-block;
		}
			.right-menu__button img:first-child,
			.right-menu__button:hover img:last-child {
				display: block;
			}
			.right-menu__button img:last-child,
			.right-menu__button:hover img:first-child {
				display: none;
			}
			.right-menu__buttons .right-menu__button:nth-of-type(n+2) {
				margin-top: -1px;
			}

/** お問い合わせ */
.irght-menu-inquiries {
	box-sizing: border-box;
	padding-top: 39px;
	padding-left: 4px;
	width: 146px;
	height: 210px;
	background-image: url(../img/common/right/inquiries/frame.png);
}
	.irght-menu-inquiries a {
		display: block;
		width: 136px;
		height: 51px;
	}
	.irght-menu-inquiries a:hover {
		background-position: 0 bottom;
	}
	.irght-menu-inquiries a.dqx {
		height: 41px;
		background-image: url(../img/common/right/inquiries/dqx.png);
	}
	.irght-menu-inquiries a.ios-3ds {
		background-image: url(../img/common/right/inquiries/ios_3ds.png);
	}
	.irght-menu-inquiries a.android {
		background-image: url(../img/common/right/inquiries/android.png);
	}



#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;
}


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

.border-box {
	box-sizing: border-box;
}

/* 要素スタイル
------------------------------ */
#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,
	.common-table .common-th-em-2 {
		border-bottom: 1px solid #777;
		background-color: #a79873;
		color: #FFF;
	}
	.common-table .common-th-em {
		background-color: #816940;
	}
	.common-table .common-th-em-2 {
		background-color: #51422c;
	}
	.common-table .common-th-em-2.is-deco {
		background-image:
			url(../img/common/ico_thdeco_l.png),
			url(../img/common/ico_thdeco_r.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left top, right top;
	}
	.common-table .common-td,
	.common-table .common-td-em {
		border-bottom: 1px dotted #a7a7a7;
		background-color: #fff;
	}
	.common-table .common-td.is-gray {
		background-color: #d7d7d7;
	}
	.common-table .common-td.is-yellow {
		background-color: #fffcd0;
	}
	.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-th-em-2:first-child,
	.common-table .common-td:first-child,
	.common-table .common-td-em:first-child {
		border-left: none;
	}

/* わりと共通で使うテーブル2 */
.common-table2 {
	border: 1px solid #777777;
}

	.common-table2 .common-th,
	.common-table2 .common-th-em {
		color: #000;
		border-bottom: 1px solid #777;
		background-color: #e1caac;
	}
	.common-table2 .common-th-em {
		background-color: #816940;
	}
	.common-table2 .common-th-em.is-light {
		background-color: #a79773;
	}
	.common-table2 .common-th-em
	.common-table2 .common-td,
	.common-table2 .common-td-em {
		border-bottom: 1px dotted #a7a7a7;
		background-color: #f9f5ef;
	}
	.common-table2 .common-td-em {
		background-color: #f9eeda;
	}
	.common-table2 .common-td,
	.common-table2 .common-td-em,
	.common-table2 .common-th,
	.common-table2 .common-th-em {
		border: 1px solid #777;
		padding: 5px 10px 3px 10px;
		text-align: left;
	}

/* 共通コンテンツ領域 */
.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;
}

/* ----- 汎用ツールチップ ----- */
.common-tooltip {
	box-sizing: border-box;
	position: absolute;
	padding-bottom: 5px;
	width: 272px;
	color: #fff;
	background-image: url(../img/mypage/bg_tooltip.png?var=20140417);
	background-position: left bottom;
}
	.common-tooltip:after {
		position: absolute;
		top: -3px;
		left: 0;
		width: 100%;
		min-height: 15px;
		background-image: url(../img/mypage/bg_tooltip_h.png?var=20140417);
	}
	.common-tooltip-main {
		position: relative;
		z-index: 1;
	}
/* 半分サイズのツールチップ */
.common-tooltip.half-size {
	width: 180px;
	background-image: url(../img/mypage/bg_tooltip_2.png?var=20140417);
}
	.common-tooltip.half-size:after {
		background-image: url(../img/mypage/bg_tooltip_h_2.png?var=20140417);
	}
/* CSS版汎用ツールチップ */
.common-tooltip2 {
	box-sizing: border-box;
	position: absolute;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: #fff;
	font-size: 12px;
	border: 1px solid #000;
	border-radius: 6px;
	background-color: #000;
	box-shadow: 2px -2px #fff inset, 2px 2px #fff inset, -2px -2px #fff inset, -2px 2px #fff inset;
}

/* 角丸ボタン */
.round-button {
	width: 150px;
	height: 27px;
}

/* ボタンのホバー */
.button-hover:hover, .button-hover a:hover {
	background-position: 0 bottom;
}

/* input buttonのスタイルリセット */
.button-reset {
	background-color: transparent;
	border: none !important;
	cursor: pointer;
	outline: none;
	padding: 0 !important;
	appearance: none;
}

/* 汎用ボタンベース */
.basic-button-1 {
	cursor: pointer;
	display: block;
	width: 240px;
	height: 40px;
	background-color: #75664f;
	border: 1px solid #6f5e22 !important;
	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;
	}

.img-button.goto-html5 {
	margin-left: -8px;
	margin-bottom: 20px;
	height: 106px;
}


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

.show { display: block !important; }

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

.pointer-events-none { pointer-events: none; }
.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }

/* 余白
------------------------------ */
.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;}

.y0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.y1 {margin-top: 1px !important;margin-bottom: 1px !important;}
.y2 {margin-top: 2px !important;margin-bottom: 2px !important;}
.y3 {margin-top: 3px !important;margin-bottom: 3px !important;}
.y4 {margin-top: 4px !important;margin-bottom: 4px !important;}
.y5 {margin-top: 5px !important;margin-bottom: 5px !important;}
.y6 {margin-top: 6px !important;margin-bottom: 6px !important;}
.y7 {margin-top: 7px !important;margin-bottom: 7px !important;}
.y8 {margin-top: 8px !important;margin-bottom: 8px !important;}
.y9 {margin-top: 9px !important;margin-bottom: 9px !important;}
.y10 {margin-top: 10px !important;margin-bottom: 10px !important;}
.y11 {margin-top: 11px !important;margin-bottom: 11px !important;}
.y12 {margin-top: 12px !important;margin-bottom: 12px !important;}
.y13 {margin-top: 13px !important;margin-bottom: 13px !important;}
.y14 {margin-top: 14px !important;margin-bottom: 14px !important;}
.y15 {margin-top: 15px !important;margin-bottom: 15px !important;}
.y16 {margin-top: 16px !important;margin-bottom: 16px !important;}
.y17 {margin-top: 17px !important;margin-bottom: 17px !important;}
.y18 {margin-top: 18px !important;margin-bottom: 18px !important;}
.y19 {margin-top: 19px !important;margin-bottom: 19px !important;}
.y20 {margin-top: 20px !important;margin-bottom: 20px !important;}
.y25 {margin-top: 25px !important;margin-bottom: 25px !important;}
.y30 {margin-top: 30px !important;margin-bottom: 30px !important;}
.y35 {margin-top: 35px !important;margin-bottom: 35px !important;}
.y40 {margin-top: 40px !important;margin-bottom: 40px !important;}
.y45 {margin-top: 45px !important;margin-bottom: 45px !important;}
.y50 {margin-top: 50px !important;margin-bottom: 50px !important;}
.y55 {margin-top: 55px !important;margin-bottom: 55px !important;}
.y60 {margin-top: 60px !important;margin-bottom: 60px !important;}
.y65 {margin-top: 65px !important;margin-bottom: 65px !important;}
.y70 {margin-top: 70px !important;margin-bottom: 70px !important;}
.y75 {margin-top: 75px !important;margin-bottom: 75px !important;}
.y80 {margin-top: 80px !important;margin-bottom: 80px !important;}
.y85 {margin-top: 85px !important;margin-bottom: 85px !important;}
.y90 {margin-top: 90px !important;margin-bottom: 90px !important;}
.y95 {margin-top: 95px !important;margin-bottom: 95px !important;}
.y100 {margin-top: 100px !important;margin-bottom: 100px !important;}

.x0 {margin-left: 0 !important;margin-right: 0 !important;}
.x1 {margin-left: 1px !important;margin-right: 1px !important;}
.x2 {margin-left: 2px !important;margin-right: 2px !important;}
.x3 {margin-left: 3px !important;margin-right: 3px !important;}
.x4 {margin-left: 4px !important;margin-right: 4px !important;}
.x5 {margin-left: 5px !important;margin-right: 5px !important;}
.x6 {margin-left: 6px !important;margin-right: 6px !important;}
.x7 {margin-left: 7px !important;margin-right: 7px !important;}
.x8 {margin-left: 8px !important;margin-right: 8px !important;}
.x9 {margin-left: 9px !important;margin-right: 9px !important;}
.x10 {margin-left: 10px !important;margin-right: 10px !important;}
.x11 {margin-left: 11px !important;margin-right: 11px !important;}
.x12 {margin-left: 12px !important;margin-right: 12px !important;}
.x13 {margin-left: 13px !important;margin-right: 13px !important;}
.x14 {margin-left: 14px !important;margin-right: 14px !important;}
.x15 {margin-left: 15px !important;margin-right: 15px !important;}
.x16 {margin-left: 16px !important;margin-right: 16px !important;}
.x17 {margin-left: 17px !important;margin-right: 17px !important;}
.x18 {margin-left: 18px !important;margin-right: 18px !important;}
.x19 {margin-left: 19px !important;margin-right: 19px !important;}
.x20 {margin-left: 20px !important;margin-right: 20px !important;}
.x25 {margin-left: 25px !important;margin-right: 25px !important;}
.x30 {margin-left: 30px !important;margin-right: 30px !important;}
.x35 {margin-left: 35px !important;margin-right: 35px !important;}
.x40 {margin-left: 40px !important;margin-right: 40px !important;}
.x45 {margin-left: 45px !important;margin-right: 45px !important;}
.x50 {margin-left: 50px !important;margin-right: 50px !important;}
.x55 {margin-left: 55px !important;margin-right: 55px !important;}
.x60 {margin-left: 60px !important;margin-right: 60px !important;}
.x65 {margin-left: 65px !important;margin-right: 65px !important;}
.x70 {margin-left: 70px !important;margin-right: 70px !important;}
.x75 {margin-left: 75px !important;margin-right: 75px !important;}
.x80 {margin-left: 80px !important;margin-right: 80px !important;}
.x85 {margin-left: 85px !important;margin-right: 85px !important;}
.x90 {margin-left: 90px !important;margin-right: 90px !important;}
.x95 {margin-left: 95px !important;margin-right: 95px !important;}
.x100 {margin-left: 100px !important;margin-right: 100px !important;}

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

.w100 {width: 100% !important;}
.w95 {width: 95% !important;}
.w90 {width: 90% !important;}
.w80 {width: 80% !important;}
.w70 {width: 70% !important;}
.w60 {width: 60% !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;
}
.f-normal {
	font-weight: normal;
}
/* 角丸ボックス */
.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;
	}

/* Flex系
-------------------------------------------------- */
.u-flex {
	display: flex;
}
.u-justify-start {
	justify-content: start;
}
.u-justify-end {
	justify-content: end;
}
.u-justify-center {
	justify-content: center;
}
.u-align-items-center {
	align-items: center;
}



/* 見出し
--------------  ---------------- */
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;
}
	/* クリアアイコンつき */
	.tit_compass.is-clear {
		padding-left: 107px;
		width: 471px;
		background-image:
			url(../img/common/ico_clear.png),
			url(../img/title/bg_title_compass.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 34px center, 0 0;
	}


/* 装飾ヘッダ */
.c-head--b
.c-head--g {
	box-sizing: border-box;
	padding-left: 30px;
	width: 590px;
	height: 39px;
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: bold;
	font-size: 13px !important;
	background-image: url(../img/common/c_head_g.png);
}
.c-head--b {
	background-image: url(../img/common/c_head_b.png);
}　


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

/* ボックス
------------------------------ */
/* メインボックス */
.cttBox {/* IEの背景画像設定はcommon_ie.jsで設定 */
	clear: both;
	min-height: 650px;
	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,
	#defenceRanking .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;
}
hr.lineTypeDotted1 {
	margin: 0;
	padding: 0;
	height: 1px;
	border: none;
	border-bottom: 1px dotted #9f9272;
}
hr.lineTypeDotted2 {
	margin: 0;
	padding: 0;
	height: 5px;
	border: none;
	background-image: url(../img/common/line_dotted_type2.png);
}

/* ボタン ～スプライト～
------------------------------ */
/* 角丸 ---------- */
#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-add-house 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-house 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?20200120);}
.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?20170721);}
.btn-clover-kessai a, .btn-clover-kessai input {background-image: url(../img/common/btn_clover_kessai.png?20170721);}
.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,
.btn-add-house {
	width: 299px;
	height: 40px;
}
	.btn-add-event a {
		background-image: url(../img/bg_btn_square/btn_add_event.png);
	}
	.btn-add-house a {
		background-image: url(../img/bg_btn_square/btn_add_house.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,
.ico_4th,
.ico_5th {
	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_4th { background-image:url(../img/common/ico_4th.gif); width:20px; }
.ico_5th { background-image:url(../img/common/ico_5th.gif); width:20px; }
.ico_smt { background-image:url(../img/common/ico_smt.gif); width:20px; }
.img_new,
.img_1st,
.img_2nd,
.img_3rd,
.img_4th,
.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;}
#error_closed .bg_mainboxpin {
	display: flex;
	width: 553px;
	height: 239px;
	align-items: center;
	justify-content: center;
}


/* トピックス運営用 */
.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;
}

/**
 * ドラクエ風フレーム
 */
.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;
	}

/* ヘッダにつける開閉トグルアイコン */
.headtoggle-ico,
.headtoggle-ico-2 {
	cursor: pointer;
	display: inline-block;
	width: 92px;
	height: 26px;
	background-image: url(../img/common/head/head_toggle.png);
}
.headtoggle-ico-2 {
	width: 88px;
	background-image: url(../img/common/head/head_toggle_2.png);
}

	.headtoggle-ico.is-closed,
	.headtoggle-ico-2.is-closed {
		background-position: 0 bottom;
	}

/* 詳しくはこちらつきヘッダ */
.head-base,
.head-base-mini,
.head-base-mid,
.head-withinfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 600px;
	height: 37px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/common/head/head_withinfo.png);
}
	.head-base {
		background-image: url(../img/common/head/head_base.png);
	}
	.head-base-mini {
		width: 561px;
		background-image: url(../img/common/head/head_base_mini.png);
	}
	.head-base-mid {
		width: 578px;
		background-image: url(../img/common/head/head_base_mid.png);
	}
	.head-withinfo::after {
		display: none;
	}
	.head-withinfo span,
	.head-base span,
	.head-base-mini span {
		display: inline-block;
		margin-left: 10px;
		line-height: 1.0;
	}
	.head-withinfo a {
		display: inline-block;
		width: 120px;
		height: 37px;
	}

/* アイコンつき見出し
------------------------------ */
.withico {
	position: relative;
}
	.withico:before {
		content: '';
		display: inline-block;
		background-repeat: no-repeat;
	}
	.withico.is-caution {
		 color: #c16060;
	}
	.withico.is-caution:before {
		position: relative;
		top: 2px;
		width: 19px;
		height: 14px;
		background-image: url(../img/common/ico_caution.png);
	}

/* エコボタン
------------------------------ */
.ecobtn-container {
	display: flex;
	justify-content: center;
}
	.ecobtn-container .ecobtn {
		margin-right: 4px;
		margin-left: 4px;
	}
.ecobtn {
	user-select: none;
	cursor: pointer !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 154px !important;
	height: 30px !important;
	color: #444 !important;
	font-size: 12px !important;
	font-weight: bold !important;
	font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN W3','HiraKakuProN-W3','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','游ゴシック体','YuGothic','Yu Gothic M','游ゴシック Medium','Yu Gothic Medium' !important;
	text-decoration: none !important;
	text-shadow: 1px 1px #FFF;
	line-height: 1.0;
}
	.ecobtn:hover {
		background-position: 0 bottom;
	}
	.ecobtn:before,
	.ecobtn:after {
		content: '';
		display: block;
		height: 17px;
	}
	.ecobtn:before {
		margin-right: 2px;
		margin-bottom: 1px;
		width: 17px;
	}
	.ecobtn:after {
	}
	.ecobtn span {
		display: flex;
		align-items: center;
	}
	.ecobtn.is-disabled {
		cursor: default !important;
		opacity: .5;
		filter: grayscale(1);
		pointer-events: none;
	}
		.ecobtn.is-disabled:hover {
			background-position: 0 0;
		}
	/* 黄：アイコンなし */
	.ecobtn.is-plain::before {
		display: none;
	}
	.ecobtn.is-ok,
	.ecobtn.is-plain  {/* 黄 */
		background-image: url(../img/common/eco/button/ok.png);
	}
	.ecobtn.is-ng {/* 青 */
		background-image: url(../img/common/eco/button/ng.png);
	}
	.ecobtn.is-warning {/* 赤 */
		background-image: url(../img/common/eco/button/warning.png);
	}
	.ecobtn.is-close:before {/* ☓ボタン */
		background-image: url(../img/common/eco/button/ico/close.png);
	}
	.ecobtn.is-okarrow:before {/* ok用矢印 */
		background-image: url(../img/common/eco/button/ico/ok.png);
	}
	.ecobtn.is-ngarrow:before {/* ng用矢印 */
		background-image: url(../img/common/eco/button/ico/ng.png);
	}
	.ecobtn.is-pencil:before {/* 鉛筆 */
		width: 18px;
		background-image: url(../img/common/eco/button/ico/pencil.png);
	}
	.ecobtn.is-lock:before {/* 錠前 */
		width: 16px;
		height: 18px;
		background-image: url(../img/common/eco/button/ico/lock.png);
	}
	.ecobtn.is-update:before {/* リロードマーク */
		height: 19px;
		background-image: url(../img/common/eco/button/ico/update.png);
	}
	.ecobtn.is-checked:before {/* チェックマーク */
		background-image: url(../img/common/eco/button/ico/checked.png);
	}
	.ecobtn.is-selected {
		cursor: default;
		pointer-events: none;
		background-image: url(../img/common/eco/button/selected.png);
	}
	.ecobtn.is-orange {/* オレンジの大きいボタン */
		width: 200px !important;
		height: 32px !important;
		color: #fff !important;
		text-shadow: 1px 1px 2px black;
		background-image: url(../img/common/eco/button/orange.png);
	}
		.ecobtn.is-orange:before {
			display: none;
		}

/**
 * アイテム表示カラー
 */
.item-color[data-color='1'] {
	color: #00a6e3;
}

/* 行間
------------------------------ */
.leading-3	{ line-height: .75rem; }
.leading-4	{ line-height: 1rem; }
.leading-5	{ line-height: 1.25rem; }
.leading-6	{ line-height: 1.5rem; }
.leading-7	{ line-height: 1.75rem; }
.leading-8	{ line-height: 2rem; }
.leading-9	{ line-height: 2.25rem; }
.leading-10	{ line-height: 2.5rem; }

.text-white { color: #fff; }
.text-red { color: #cc0000 }