@charset "Shift-JIS";

html,
body
{
	font-family: sans-serif;
	/*font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	font-size : 12px;
	color : #000000;
	background-color : #718941;
	background-image : url( '/grp/cmn/cmn-dotgreen4.png' );
	background-repeat : repeat-all;
	background-position : 0px 20px;

	height: 100%;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

/* 背景色見本 */
.background-color-sample
{
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #E07692;	/* ピンク */
	background-color: #BF4C4C;	/* 赤 */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
}

body.cHeader
{
	font-size : 12px;
	background-color : #9CBA5A;
	background-image : url( grp/head/head-back.gif );
}

b.cBMark
{
	color : #006000;
}

b.cBTitle
{
	color : #a08000;
}

b.cBCaution	{
	color : #a00000;
}

a.cAUpd:link
{
	text-decoration : none;
	color : #D9F99C;
	font-weight: normal;
}

a.cAUpd:visited	{
	text-decoration:none;
	color:#D9F99C;
	font-weight: normal;
}

a.cAUpd:active
{
	text-decoration:none;
	color:#ffe020;
	font-weight: normal;
}

a.cAUpd:hover
{
	text-decoration:none;
	color:#ffe020;
	font-weight: normal;
}


.t9
{
	font-size:9px;
	line-height:12px;
}
.t10
{
	font-size:10px;
	line-height:13px;
}
.t12
{
	font-size:12px;
	line-height:16px;
}
.t18
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:18px;
	line-height:26px;
}
font.times-strong
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 3.0rem;
	color: #BF4C4C;	/* 赤 */
}
font.letter-strong
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 2.6rem;
}


	
/**************************************************************************************************/
/* ■sc_base ページ基礎部分 */
/**************************************************************************************************/

/* 全体コンテナ */
.basecontainer
{
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

/* 上部基礎 */
.basetop
{
	background-color: #604732;	/* 茶色 */
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #BF4C4C;	/* 赤 */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
	background-color: #E397A4;	/* ピンク */
	height: 70px;
	margin: 0;
	padding: 0;
}

/* 本体基礎 */
.basebody
{
	margin: 0;
	/*padding: 10px 0 20px 0;*/
	padding: 0 0 100px 0;
	padding: 0 0 84px 0;
}

/* 底部基礎 */
.basebottom
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 110px;
	height: 94px;
	background: url( '/grp/cmn/frame-x.png' );
}

/* 全体ボックス */
.basebox960,
.basebox900,
.basebox800,
.basebox640,
.basebox610,
.basebox2000,
.baseboxauto,
.basebox
{ 
	width: 720px;
	width: 728px;
	/*margin: 10px auto 16px auto;*/
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
	background-color: #fff2d4;
	border-color: #40521F;
	border-style: solid;
	border-width: 4px;
	border-width: 0px;
	/* 実験 */
	position: relative;
}
.basebox960
{
	width: 960px;
	padding: 0 0 0 0;
}
.basebox900
{
	width: 900px;
}
.basebox800
{
	width: 800px;
}
.basebox640
{
	width: 640px;
}
.basebox610
{
	width: 610px;
}
.basebox2000
{
	width: 2000px;
}
.baseboxauto
{
	width: auto;
}

/* 汎用フレーム */
.commonframe640,
.commonframe
{
	margin: 20px 20px 20px 20px;
	font-size: 14px;
	line-height: 20px;
}

img.page-title-image
{
	width: 100%;
	height: auto;
}

.ad_200x200
{
	width: 200px;
	height: 200px;
	margin: 10px 0 10px 0;
}



/**************************************************************************************************/
/* ■sc_common 汎用 */
/**************************************************************************************************/

/* 終了後にfloatがリセットされる汎用スタイル */
.afterreset
{
}
.afterreset:after
{
	content: "";
	display: block;
	clear: both;
}

.floatleft
{
	float: left;
}

.floatnone
{
	float: none;
}

.nobr
{
	display: inline-block;
	_display: inline;
}

/* aタグ文字列にデコレーションをつけない */
.plain-a a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

/* 汎用センタリング */
.commoncenter
{
	text-align: center;
}

/* 汎用右寄せ */
.commonright
{
	text-align: right;
}

/* 実験 */
.bottomchara
{
	position: absolute;
	bottom: 100px;
	left: -50px;
}

.commonbox540,
.commonbox
{
	margin: 0 auto 0 auto;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}
.commonbox540
{
	width: 500px;
	padding: 20px;
}

.commonsubtitle-left,
.commonsubtitle
{
	margin: 0 auto 0 auto;
	border-radius: 20px;
	padding: 0 10px 0 10px;
	background-color: #604732;	/* 茶色 */
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}
.commonsubtitle-left
{
	margin: 0 0 0 0;
}

div.basic
{
	padding-left: 20px;
	padding-right: 20px;
	line-height: 14px;
}

div.basic-middle
{
	padding-left: 40px;
	padding-right: 40px;
}

.window-head-green,
.window-head-pink,
.window-head-blue
{
	width: 100%;
	height: 78px;
	margin: 0 0 20px 0;
	padding: 12px 0 0 0;
	background: url( '/grp/cmn/window-head-blue.png' );
	text-align: center;
}
.window-head-green
{
	background: url( '/grp/cmn/window-head-green.png' );
}
.window-head-pink
{
	background: url( '/grp/cmn/window-head-pink.png' );
}


.window-head-title
{
	border-radius: 20px;
	padding: 0 10px 0 10px;
	background-color: #604732;	/* 茶色 */
	color: #ffffff;
	font-weight: bold;
	font-size: 28px;
	width: 70%;
	height: 40px;
	margin: 0 auto 0 auto;
	line-height: 40px;
}

.common-pagetitle
{
	border: none;
	background-color: #708942;
	background: url( /grp/cmn/background-201606.gif );
	width: 100%;
	color: #ffffff;
	text-align: center;
	padding: 6px 0 12px 0;
	margin-bottom: 6px;
	font-size: 1.5em;
	font-weight: bold;
}

div.title
{
	border: none;
	background-color: #708942;
	background: url( /grp/cmn/background-201606.gif );
	width: 100%;
	color: #ffffff;
	text-align: center;
	padding: 6px 0 12px 0;
	/*
	padding-top: 4px;
	padding-bottom: 4px;
	*/
	margin-bottom: 6px;
	font-size: 1.5em;
	font-weight: bold;
}

div.subtitle {
	border: none;					/* 枠線の装飾 */
	background-color: #708942;		/* 背景色 */
	width: 100%;
	border-radius: 4px;
	color: #ffffff;
	text-align: center;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 12px;
}


.subtitle-box
{
	width: 70%;
	margin: 6px auto 2px auto;
	border-radius: 30px;
	background-color: #0080c0;
	background: url( /grp/cmn/background-201606.gif );
	text-align: center;
	color: #ffffff;
}

div.subtitle-box-toppage
{
}


/**************************************************************************************************/
/* ■sc_header ページヘッダ部分 */
/**************************************************************************************************/

.header-top
{
	width: 920px;
	height: 50px;
	margin: 0 auto 0 auto;
	text-align: center;
	
}
.header-top:after
{
	content: "";
	display: block;
	clear: both;
}

.header-top-logo
{
	float: left;
	width: 140px;
	text-align: left;
}

.header-top-image
{
	float: left;
	width: 300px;
	text-align: left;
}

.header-top-userinfo
{
	float: left;
	width: 460px;
	height: 40px;
	border-radius: 6px;
	background-color: #C14362;
	color: #ffffff;
	text-align: left;
	margin-top: 2px;
	padding: 6px 0 0 12px;
	font-size: 14px;
	line-height: 18px;
}

.header-top-userinfo-name
{
	float: left;
	width: 120px;
	text-align: left;
}

.header-top-userinfo-debby
{
	float: left;
	width: 120px;
	text-align: left;
}

.header-top-userinfo-material
{
	float: left;
	width: 50px;
	text-align: center;
}

.header-top-userinfo-login,
.header-top-userinfo-logout
{
	float: left;
	width: 78px;
	text-align: right;
}

a.userinfo:link
{
	text-decoration : none;
	color : #ffffff;
	font-weight: normal;
}
a.userinfo:visited
{
	text-decoration:none;
	color : #ffffff;
}
a.userinfo:active
{
	text-decoration:none;
	color : #ffffff;
}
a.userinfo:hover
{
	text-decoration: underline;
	color : #781E34;
}

a.userlogout:link
{
	text-decoration : none;
	color : #E07692;
	font-weight: normal;
}
a.userlogout:visited
{
	text-decoration:none;
	color : #E07692;
}
a.userlogout:active
{
	text-decoration:none;
	color : #E07692;
}
a.userlogout:hover
{
	text-decoration: underline;
	color : #781E34;
}

.header-top-anime
{
	width: 728px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

.header-menu
{
	height: 20px;
	background-color: #4E3216;
	text-align: center;
}

.header-menu-button
{
	border: none;
	/*margin: 0 6px 0 6px;*/
	margin: 0 2px 0 2px;
}
.header-menu-button:hover
{
	background: url( '/grp/cmn/header-menu-hilight.png' );
}


/**************************************************************************************************/
/* ■sc_footer ページフッタ部分 */
/**************************************************************************************************/

.footer-top
{
	width: 800px;
	height: 32px;
	padding: 20px 0 0 0;
	margin: 0 auto 0 auto;
}
.footer-top:after
{
	content: "";
	display: block;
	clear: both;
}

.footer-left
{
	float: left;
	/*width: 400px;*/
	width: 520px;
}

.footer-right
{
	float: left;
	/*width: 380px;*/
	height: 32px;
	border-radius: 20px;
	padding: 0 14px 0 14px;
	background-color: #C9A97B;
}
.footer-right:after
{
	content: "";
	display: block;
	clear: both;
}

.footer-right-text
{
	float: left;
	margin-right: 10px;
	font-size: 12px;
	line-height: 32px;
}

.footer-right-button
{
	float: left;
}

.footer-minibutton
{
	width: 120px;
	margin: 0 6px 0 0;
}

/*
.footer-bottom
{
	height: 50px;
	margin: 4px auto 4px auto;
	text-align: center;
}
*/

.footer-bottom
{
	width: 800px;
	height: 32px;
	padding: 10px 0 0 0;
	margin: 0 auto 0 auto;
}
.footer-bottom:after
{
	content: "";
	display: block;
	clear: both;
}

.footer-bottom-text
{
	float: left;
	margin-top: 12px;
	color: #8F7249;
}
.footer-bottom-text a
{
	font-weight: normal;
	text-decoration: none;
	color: #78482A;
}
.footer-bottom-text a:hover
{
	text-decoration: underline;
	color: #ffffff;
}

.footer-bottom-logo
{
	float: left;
	width: 200px;
	text-align: center;
}

.debug-cookiebox
{
	width: 95%;
	margin: 20px 0 20px 0;
	padding: 2.5%;
	background-color: #c0c0c0;
	word-wrap: break-word;
}

.navigationbar
{
	/*
	width: 95%;
	padding: 5px 2.5% 5px 2.5%;
	*/
	width: 100%;
	margin: 0 0 5px 0;
	background-color: #7A5F48;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #ffffff;
}
.navigationbar a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #ffffff;
}
.navigationbar a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #604732;	/* 茶色 */
	border-radius: 2px;
	background-color: #fff2d4;
}

.navigationbar-inside
{
	width: 95%;
	padding: 5px 2.5% 5px 2.5%;
}


/**************************************************************************************************/
/* ■sc_hover ロールオーバー汎用スタイル */
/**************************************************************************************************/

.hover-trans90
{
	border: none;
}
.hover-trans90:hover
{
	filter: alpha( opacity=90 );
	opacity: 0.9;
}

.hover-trans80 > img
{
	border: none;
}
.hover-trans80:hover
{
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

.hover-trans70
{
	border: none;
}
.hover-trans70:hover
{
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

.hover-appear30
{
	filter: alpha( opacity=0 );
	opacity: 0.0;
}
.hover-appear30:hover
{
	filter: alpha( opacity=30 );
	opacity: 0.3;
}

.hover-bright90
{
}
.hover-bright90:hover
{
	filter: brightness( 0.9 );
	-webkit-filter: brightness( 0.9 );
	-moz-filter: brightness( 0.9 );
	-o-filter: brightness( 0.9 );
	-ms-filter: brightness( 0.9 );
}

.hover-bright110
{
}
.hover-bright110:hover
{
	filter: brightness( 1.1 );
	-webkit-filter: brightness( 1.1 );
	-moz-filter: brightness( 1.1 );
	-o-filter: brightness( 1.1 );
	-ms-filter: brightness( 1.1 );
}

.hover-bright120
{
}
.hover-bright120:hover
{
	filter: brightness( 1.2 );
	-webkit-filter: brightness( 1.2 );
	-moz-filter: brightness( 1.2 );
	-o-filter: brightness( 1.2 );
	-ms-filter: brightness( 1.2 );
}

.hover-bright130:hover
{
	filter: brightness( 1.2 );
	-webkit-filter: brightness( 1.2 );
	-moz-filter: brightness( 1.2 );
	-o-filter: brightness( 1.2 );
	-ms-filter: brightness( 1.2 );
}

.hover-white:hover
{
	background-color: #ffffff;
	color: #000000;
}

.hover-pink:hover
{
	background-color: #DB8CAA;
	/*color: #3F212D;*/
}

.hover-blue:hover
{
	background-color: #699AE0;
}

img.rollover:hover {
	filter: alpha( opacity=70 );
	opacity: 0.7;
}



/**************************************************************************************************/
/* ■sc_button */
/**************************************************************************************************/

/* 汎用aリンクボタン */
/*a.abutton-common-green,*/
.sbutton-common,
a.abutton-common
{
	display: inline-block;
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	font-family: inherit;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	padding: .5em 1em;
	color: #fff2ef;
	border: none;
/*	background-color: #40B3DD;*/
	background-color: #54A0C5;
	text-decoration: none;
	border-radius: 6px;
	margin: 4px;

    -webkit-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
    -moz-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
    -o-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
    -ms-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
    filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
}
.sbutton-common:hover,
a.abutton-common-green:hover,
a.abutton-common:hover
{
	filter: brightness( 1.2 ) drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	-webkit-filter: brightness( 1.2 ) drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	-moz-filter: brightness( 1.2 ) drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	-o-filter: brightness( 1.2 ) drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	-ms-filter: brightness( 1.2 ) drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
}

.sbutton-green,
a.abutton-green
{
	background-color: #597D41;	/* 緑 */
}
.sbutton-blue,
a.abutton-blue
{
	background-color: #4C6D9C;	/* 青 */
}
.sbutton-skyblue,
a.abutton-skyblue
{
	background-color: #3A84A9;	/* 水色 */
}
.sbutton-purple,
a.abutton-purple
{
	background-color: #645B8C;	/* 紫 */
}
.sbutton-orange,
a.abutton-orange
{
	#background-color: #BF5F19;	/* オレンジ */
	background-color: #F8A234;	/* オレンジ */
}
.sbutton-pink,
a.abutton-pink
{
	background-color: #B86595;	/* ピンク */
}
.sbutton-red,
a.abutton-red
{
	background-color: #BF4C4C;	/* 赤 */
}
.sbutton-lightgreen,
a.abutton-lightgreen
{
	background-color: #788033;	/* 黄緑 */
}
.sbutton-brown,
a.abutton-brown
{
	background-color: #604732;	/* 茶色 */
}


.abutton-disabled,
.abutton-disabled:hover,
.abutton-disabled:focus,
.abutton-disabled:active
{
	border: 0;
	background-image: none;
	filter: alpha(opacity=40);
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
	cursor: not-allowed;
	box-shadow: none
}
.abutton-hidden
{
	display: none
}
.abutton-primary,
.abutton-selected,
a.abutton-primary,
a.abutton-selected
{
	background-color: #0078e7;
	color: #fff;
}



/* aリンクボタン色別 */
a.abutton-return,
a.abutton-green
{
	background-color: #597D41;
}

/* aリンクボタン用途別 */
a.abutton-return
{
	font-size: 20px;
}

a.pure-button-top,
a.pure-button-blue {
	border-radius: 10px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-decoration:none;
}


a.pure-button-blue {
	background: rgb( 66, 184, 221 );
}


a.pure-button-top {
	background: rgb( 66, 184, 221 );
}


a.btn1 {
	width: 100px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #ffffff;
	text-decoration: none;
	border-radius: 10px; 
	border: none;
	font-weight: bold;
	background: #3687B0;
}



/**************************************************************************************************/
/* ■sc_purebutton */
/**************************************************************************************************/

.pure-button
{
	display: inline-block;
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.pure-button::-moz-focus-inner
{
	padding: 0;
	border: 0
}
.pure-button
{
	font-family: inherit;
	font-size: 100%;
	padding: .5em 1em;
	color: #444;
	color: rgba(0,0,0,.8);
	border: 1px solid #999;
	border: 0 rgba(0,0,0,0);
	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 2px
}
.pure-button-hover,
.pure-button:hover,
.pure-button:focus
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-image: -moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));
	background-image: -o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}
.pure-button:focus
{
	outline: 0
}
.pure-button-active,
.pure-button: active
{
	box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
	border-color: #000\9
}
.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active
{
	border: 0;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=40);
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
	cursor: not-allowed;
	box-shadow: none
}
.pure-button-hidden
{
	display: none
}
.pure-button::-moz-focus-inner
{
	padding: 0;
	border: 0
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected
{
	background-color: #0078e7;
	color: #fff;
}



/**************************************************************************************************/
/* ■sc_pagenation ページネーション用 */
/**************************************************************************************************/

/* ページ表示ボックス */
.disp-page-box
{
	width: 100px;
	margin: 6px auto 6px auto;
	padding: 2px 0;
	border-radius: 30px;
	background-color: #0080c0;
	background-color: #604732;	/* 茶色 */
	text-align: center;
	line-height: 1;
	color: #ffffff
}

/* 前のページ次のページフレーム */
.page-backnext
{
	padding: 0;
}
.page-backnext:after
{
	content: "";
	display: block;
	clear: both;
}

/* 次のページ */
.page-backnext-back
{
	float: left;
	width: 50%;
	text-align: left;
	margin: 0;
	padding: 0 0 0 5%;
}

/* 前のページ */
.page-backnext-next
{
	float: none;
	width: auto;
	text-align: right;
	margin: 0 0 0 50%;
	padding: 0 5% 0 0;
}

/* ページネーションフレーム */
.pagenation
{
	margin: 0 0 20px 0;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 1.25;
}

a.pure-button-page {
	border-radius: 6px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	background: rgb( 66, 184, 221 );
	padding: 6px 10px;
	margin: 4px 4px 0 0;
}



/**************************************************************************************************/
/* ■sc_toppage トップページ用 */
/**************************************************************************************************/

.topbody
{
	background: url( /grp/cmn/frame-y.png ) repeat-y 0 100%;
}

.topbody:after
{
	content: "";
	display: block;
	clear: both;
}

.topbody-space
{
	float: left;
	width: 20px;
	margin: 0px;
}

.topbody-avatar
{
	float: left;
	width: 220px;
	margin: 0px;
}

.topbody-left
{
	float: left;
	width: 220px;
	margin: 0px;
	/*background-color: #DBBC8D;*/
}

.topbody-right
{
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}

.topleft-timesanime
{
	margin: 10px 10px 10px 0;
	text-align: center;
}

.topleft-avatar
{
	margin: 10px 0px 10px 0px;
	text-align: center;
}

.topleft-avatar-image
{
	position: relative;
	width: 220px;		/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
	padding-top: 460px;	/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
	overflow: hidden;	/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
	margin: 0 auto;
	border-radius: 5px;
}
.topleft-avatar img
{
	/* 画像を上下左右に中央配置する（絶対指定） */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の1.5倍まで */
	max-width: 150%;
	max-height: 150%;
}

div.topleft-menubutton
{
	margin: 0 10px 6px 0;
	text-align: center;
}

img.topleft-menubutton {
	width: 180px;
	height: 48px;
	border: none;
}
img.topleft-menubutton:hover {
	width: 185px;
}

div.topleft-minibutton {
	margin: 6px 10px 6px 0;
	text-align: center;
}

img.topleft-minibutton {
	width: 150px;
	height: 36px;
	border: none;
}
img.topleft-minibutton:hover {
	width: 154px;
}

.topright-mainframe {
	margin: auto auto 8px auto;
}

.topright-mainframe:after {
	content: "";
	display: block;
	clear: both;
}

.topright-mainframe-left {
	float: left;
	width: 250px;
	margin: 0 0 0 20px;
}

.topright-mainframe-right {
	float: left;
	width: auto;
	margin: 0 20px 0 10px;
}


.topright-frame {
	margin: 10px 0 10px 25px;
}
.topright-frame:after {
	content: "";
	display: block;
	clear: both;
}

.topright-minibox {
	float: left;
	border-radius: 15px;
	width: 220px;
	height: 90px;
	margin: 0px 10px 0px 0px;
	color: #000000;
	font-weight: normal;
	background-color: #E397A4;
}

.topright-minibox-content {
	margin: 10px;
}

.topright-minibox-title {
	width: 100%;
	height: 1.6rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.topright-minibox-content:after {
	content: "";
	display: block;
	clear: both;
}

.topright-minibox-left {
	float: left;
	width: 60px;
}

.topright-minibox-image {
	border: none;
	border-radius: 5px;
}

.topright-minibox-right {
	float: left;
	width: 140px;
	line-height: 16px;
}

div.top-bottom {
}

div.top-bottom:after {
	content: "";
	display: block;
	clear: both;
}

div.top-bottom-left {
	float: left;
	width: 400px;
}

div.top-bottom-right {
	float: none;
	width: auto;
	margin: 0 0 0 400px;
}



/**************************************************************************************************/
/* ■sc_newyearcard */
/**************************************************************************************************/

.newyearcard-frame
{
	margin: 0 0 0 20;
}
.newyearcard-frame a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.newyearcard-box-white,
.newyearcard-box-red
{
	float: left;
	border-radius: 10px;
	width: 220px;
	height: 220px;
	margin: 0 10px 10px 0;
	text-align: center;
	background-color: #DE8B8B;
}
.newyearcard-box-white
{
	background-color: #ffffff;
}

.newyearcard-illust
{
	width: 180px;
	height: 180px;
	margin: 6px 0 6px 0;
}



/**************************************************************************************************/
/* ■sc_pedia ぽけペディア用 */
/**************************************************************************************************/

/* 種類ボタン */
a.abutton-pedia-kind
{
	padding: 10px 14px;
	margin: 4px 4px 12px 0px;
	font-size: 22px;
	background-color: #788033;	/* 黄緑 */
	color: white;
}

.pedialist-frame
{
	margin: 0 0 0 20;
}
.pedialist-frame a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.pedialist-box
{
	float: left;
	border-radius: 10px;
	width: 220px;
	background-color: #E5D7B7;
	margin: 0 10px 10px 0;
}

.pedialist-illust
{
	width: auto;
	margin: 6px 0 6px 0;
	line-height: 0;
	text-align: center;
}

img.pedialist-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

img.pedia-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

.pedialist-title
{
	width: 220px;
	height: 24px;
	background-color: #788033;	/* 黄緑 */
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}

.pedialist-body
{
	width: auto;
	padding: 6px 15px 5px 15px;
	line-height: 16px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pediaheadline
{
	border-radius: 10px;
	width: 200px;
	background-color: #E5D7B7;
	margin: 0 auto 8px auto;
}

.pediaheadline-illust
{
	float: left;
	width: 70px;
	padding: 5px 0 5px 10px;
	line-height: 0;
}

.pediaheadline-body
{
	float: none;
	width: auto;
	padding: 6px 10px 5px 0;
	line-height: 16px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* タイトル */
.pediaheadline-title
{
	margin: 0 0 6px 0;
	font-weight: bold;
}

.pediaheadline-date
{
	margin: 6px 0 0 0;
	text-align: right;
	color: #7B612C;
	text-size: 9px;
}

.pediachara
{
	width: 200px;
	margin: 0 auto 0 auto;
	/*
	border-radius: 10px;
	background-color: #E5D7B7;
	*/
}

.pediachara-illust
{
	width: auto;
	padding: 5px 0 5px 0;
	text-align: center;
}

.pediachara-body
{
	width: auto;
	margin-top: 4px;
	font-size: 16px;
	text-align: center;
}

.pedia-headline-subtitle
{
	width: 200px;
	height: 20px;
	margin: 10px auto 6px auto;
	padding-top: 6px;
	border-radius: 30px;
	background-color: #604732;	/* 茶色 */
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

.pedia-link-image
{
	max-width: 100%;
}


/**************************************************************************************************/
/* ■sc_times タイムズ用 */
/**************************************************************************************************/

/* リスト表示用ボックス */
.timeslist-large,
.timeslist
{
	border-radius: 10px;
	width: 640px;
	background-color: #E5D7B7;
	margin: 0 auto 10px auto;
}
.timeslist-large
{
	margin: 20px auto 15px auto;
}

/* リスト表示用ボックス イラスト部分 */
.timeslist-illust-large,
.timeslist-illust
{
	float: left;
	/*width: 80px;*/
	width: 160px;
	padding: 5px 0 5px 10px;
	line-height: 0;
}
.timeslist-illust-large
{
	width: 180px;
	/*padding: 10px 0 10px 40px;*/
	padding: 10px 0 10px 10px;
}

/* リスト表示用ボックス テキスト部分 */
.timeslist-body-large,
.timeslist-body
{
	float: none;
	width: auto;
	background: url( /sp/img/prop/list_mark1.png ) no-repeat 100% 50%;
	/*margin: 0 0 0 100px;*/
	margin: 0 0 0 160px;
	padding: 10px 30px 5px 0;
	font-size: 14px;
	line-height: 18px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.timeslist-body-large
{
	/*
	margin: 0 0 0 240px;
	padding: 60px 30px 5px 0;
	*/
	margin: 0 0 0 230px;
	padding: 30px 30px 5px 0;
	font-size: 16px;
	line-height: 24px;
}

/* ヘッドライン表示用ボックス */
.timesheadline,
.timesheadline-pc
{
	border-radius: 10px;
	width: 640px;
	background-color: #E5D7B7;
	margin: 0 auto 8px auto;
}
.timesheadline
{
	width: 300px;
}
.timesheadline-pc
{
	width: 240px;
	margin: 36px 0 0 0px;
}

/* ヘッドライン表示用ボックス イラスト部分 */
.timesheadline-illust
{
	width: auto;
	text-align: center;
}

/* ヘッドライン表示用ボックス テキスト部分 */
.timesheadline-body
{
	width: auto;
	padding: 10px 10px 6px 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 記事タイトル */
.timesheadline-title,
.timeslist-title
{
	width: 320px;
	height: 24px;
	border-radius: 10px;
	background-color: #645B8C;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.timesheadline-title
{
	width: 220px;
	padding: 0;
	margin: 0;
}

/* ヘッドライン サブタイトル */
.times-headline-subtitle
{
	width: 70%;
	height: 20px;
	margin: 10px auto 2px auto;
	padding-top: 6px;
	border-radius: 30px;
	background-color: #0080c0;
	background: url( /grp/cmn/background-201606.gif );
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

.timesheadline-date
{
	margin: 4px 0 0 0;
	text-align: right;
	color: #7B612C;
	text-size: 9px;
}

/* ヘッドライン ボタン */
.times-headline-button
{
	float: left;
	width: 240px;
	margin: 8px auto 6px auto;
	text-align: center;
}

img.timeslist-illust-image-social,
img.timeslist-illust-image
{
	border-radius: 5px;
}
img.times-image
{
	border-radius: 5px;
}

div.timesheadline strong,
div.timesheadline-pc strong,
div.timeslist strong
{
	font-size: 16px;
	color: #0080c0;
}

div.timesheadline a,
div.timesheadline-pc a,
div.timeslist-large a,
div.timeslist a
{
	display: block;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
}

a.times-title
{
	font-size:		20px;
}



/**************************************************************************************************/
/* ■sc_anime アニメ用 */
/**************************************************************************************************/

/* フレーム */
.anime-frame {
	margin: 0 20px 10px 20px;
}
.anime-frame a {
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}

/* ボックス */
.anime-largebox,
.anime-box
{
	width: 640px;
	height: 110px;
	margin: 10px 20px 20px 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
}
.anime-largebox {
	height: 220px;
	margin: 20px 20px 30px 20px;
}

/* ボックス内左 */
.anime-largebox-left,
.anime-box-left
{
	width: 160px;
	height: 110px;
	padding: 0 0 0 40px;
	display: table-cell;
	vertical-align: middle;
}
.anime-largebox-left
{
	width: 320px;
	height: 220px;
}

/* ボックス内右 */
.anime-largebox-right,  
.anime-box-right
{
	display: table-cell;
	width: 450px;
	padding: 6px 10px 0 0;
	font-size: 14px;
	line-height: 18px;
	position: relative;
}
.anime-largebox-right
{
	width: 320px;
	vertical-align: middle;
}

/* 再生時間 */
.anime-largebox-time,
.anime-box-time
{
	text-align: right;
	font-size: 12px;
	line-height: 14px;
	color: #3A84A9;
	position: absolute;
	top: 20px;
	right: 20px;
}
.anime-largebox-time
{
	top: 190px;
}

/* タイトル名 */
.anime-box-title {
	width: 240px;
	height: 22px;
	margin: 0 auto 10px 0;
	padding: 6px 0 0 20px;
	border-radius: 30px;
	background-color: #604732;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}


/**************************************************************************************************/
/* ■sc_ehon 絵本用 */
/**************************************************************************************************/

.ehon-frame
{
	margin: 0 20px 0 20px;
}
.ehon-frame a
{
	text-decoration: none;
}

.ehon-box
{
	float: left;
	width: 320px;
	height: 240px;
	margin: 10px 10px 0px 10px;
	border-radius: 10px;
	background-color: #E5D7B7;
}

.ehon-box-left
{
	width: 320px;
	height: 140px;
	padding: 0 0 0 10px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.ehon-box-right
{
	width: 280px;
	margin: 0 20px 10px 20px;
	font-size: 14px;
	line-height: 20px;
}

.ehon-box-title
{
	height: 24px;
	margin: 0 auto 4px auto;
	border-radius: 30px;
	/*background-color: #604732;*/
	background-color: #BF4C4C;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FCF0E5;
}


.ehonpage-detailbox
{
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 6px 5% 6px 5%;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 18px;
}




/**************************************************************************************************/
/* ■sc_userreg 獣民登録ページ用 */
/**************************************************************************************************/

.userreg-box-color
{
	background-color: #F9B6C1;
}

.userreg-reginfo-title
{
	width: 200px;
	margin: 0 auto 0 auto;
	padding: 8px 10px 8px 10px;
	border-radius: 20px;
	background-color: #604732;	/* 茶色 */
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
}

.userreg-attribute-title
{
	width: 120px;
	border-radius: 15px;
	margin: 10px 0 6px 0;
	padding: 4px 10px 4px 10px;
	background-color: #E07692;	/* ピンク */
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}

a.userreg-rule:link
{
	text-decoration : none;
	color : #597D41;
	font-weight: normal;
}

a.userreg-rule:visited	{
	text-decoration:none;
	color : #597D41;
}

a.userreg-rule:active
{
	text-decoration:none;
	color : #ffffff;
}

a.userreg-rule:hover
{
	text-decoration: underline;
	color : #781E34;
}


/**************************************************************************************************/
/* ■sc_debby デビーページ用 */
/**************************************************************************************************/

.debby-infobox
{
	width: 94%;
	background-color: #E5D7B7;
	padding: 10px 3% 10px 3%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.debby-balance-box
{ 
	width: 70%;
	height: 40px;
	margin: 0 auto 0px auto;
	padding: 8px 0 4px 0;
	border-radius: 30px;
	background-color: #604732;	/* 茶色 */
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
}


.debbylist-frame
{
	margin: 0 0 0 20;
}
.debbylist-frame a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.debbylist-box
{
	float: left;
	border-radius: 10px;
	width: 210px;
	background-color: #E5D7B7;
	margin: 0 10px 10px 0;
	text-align: center;
}

.debbylist-illust
{
	width: auto;
	margin: 6px 0 6px 0;
	line-height: 0;
	text-align: center;
}

img.debbylist-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

img.debby-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

.debbylist-title
{
	width: 210px;
	height: 24px;
	background-color: #000000;
	filter: alpha( opacity=70 );
	opacity: 0.5;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}

.debbylist-body
{
	width: auto;
	padding: 6px 15px 5px 15px;
	line-height: 16px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.debby-servicelogo-frame
{
	width: 400px;
	margin: 0 auto 0 auto;
	text-align: center;
}

.debby-servicelogo
{
	width: 200px;
	height: 60px;
	margin: 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

a.abutton-debbylist
{
	background-color: #F0BB2C;	/* 黄色 */
	width: 80%;
	color: #2E2306;
	font-size: 16px;
	font-weight: bold;
}

.debbyhow-box
{ 
	width: 95%;
	margin: 0 auto 0px auto;
	border-radius: 10px;
	background-color: #E5D7B7;
}

.debbyhow-box-str
{
	margin: 10px 20px 10px 20px;
	padding: 0 0 20px 0;
	font-size: 14px;
	line-height: 18px;
}

.debbyhow-subtitle-step1,
.debbyhow-subtitle-step2
{
	border-radius: 30px;
	background-color: #3A84A9;	/* 水色 */
	width: 320px;
	height: 50px;
	margin: 20px auto 0 auto;
}
.debbyhow-subtitle-step2
{
	background-color: #3A84A9;	/* 水色 */
}

.debbyhow-subtitle-service
{
	border-radius: 20px;
	background-color: #4C6D9C;	/* 青 */
	width: 320px;
	height: 30px;
	margin: 20px auto 0 auto;
	padding: 6px 0 2px 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}


/**************************************************************************************************/
/* ■sc_support サポートページ用 */
/**************************************************************************************************/

.support-box
{ 
	width: 640px;
	margin: 0 auto 0px auto;
	border-radius: 10px;
	background-color: #E5D7B7;
}

.support-box-str
{
	margin: 10px 20px 10px 20px;
	font-size: 14px;
	line-height: 18px;
}

.support-subtitle-mail,
.support-subtitle-faq
{
	border-radius: 30px;
	background-color: #69508C;
	width: 320px;
	height: 50px;
	margin: 20px auto 0 auto;
}
.support-subtitle-mail
{
	background-color: #8E73B3;
}



/**************************************************************************************************/
/* ■sc_faq 知恵袋ページ用 */
/**************************************************************************************************/

.faq-list-question
{
	margin: 1rem 1rem 1rem 1rem;
	font-size: 14px;
	line-height: 18px;
}


.faq-list-question a
{
	font-size: 1.2em;
	line-height: 1.4em;
	text-decoration: none;
}

.faq-list-question a:hover
{
	text-decoration: underline;
}





/**************************************************************************************************/
/* ■sc_mobile スマホ・ケータイページ用 */
/**************************************************************************************************/

/* 種類用ボックス */
.mobile-kindbox
{
	width: 640px;
	height: 240px;
	margin: 0 auto 0px auto;
	border-radius: 20px;
	background-color: #E5D7B7;
}

/* 種類用ボックス 左部分 */
.mobile-kindbox-left
{
	float: left;
	width: 250px;
}

/* 種類用ボックス 右部分 */
.mobile-kindbox-right
{
	float: left;
	width: 390px;
	height: 240px;
}

/* 種類用ボックス サブタイトル */
.mobile-kindbox-subtitle
{
	border-radius: 30px;
	background-color: #597D41;
	background-color: #BF5F19;
	width: 320px;
	height: 50px;
	margin: 10px auto 0 auto;
	text-align: center;
}

/* 種類用ボックス 文章部分 */
.mobile-kindbox-str
{
	float: left;
	width: 230px;
	margin: 16px 10px 0 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

/* 種類用ボックス QRコード部分 */
.mobile-kindbox-qrcode
{
	float: left;
	width: 120px;
	margin: 40px 0 0 0;
}

/* アプリボックス用フレーム */
.mobile-appframe
{
	margin: 0 auto 0 40px;
}

/* アプリ用ボックス */
.mobile-appbox-180,
.mobile-appbox
{
	float: left;
	width: 200px;
	height: 180px;
	margin: 10px 20px 0px 0px;
	border-radius: 10px;
	background-color: #E5D7B7;
	text-align: center;
}
.mobile-appbox-180
{
	float: none;
	width: 180px;
	margin: 10px auto 0px auto;
}

/* アプリ用ボックス イラスト部分 */
.mobile-appbox-illust
{
	height: 120px;
}

/* アプリ用ボックス タイトル部分 */
.mobile-appbox-title
{
	height: 18px;
	margin: 0 auto 4px auto;
	padding: 4px 0 0 0;
	border-radius: 30px;
	background-color: #604732;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}



/**************************************************************************************************/
/* ■sc_illust イラスト用 */
/**************************************************************************************************/

/* 種類ボックス */
.illust-kindbox-cursor,
.illust-kindbox-wallpaper
{
	border-radius: 30px;
	background-color: #A67444;
	width: 320px;
	height: 50px;
	margin: 30px auto 0 auto;
	text-align: center;
}
.illust-kindbox-cursor
{
	background-color: #915A3E;
}

/* かべがみボックス用フレーム */
.wallpaper-frame
{
	margin: 0 20px 0 20px;
}

/* かべがみ用ボックス */
.wallpaper-box
{
	float: left;
	width: 206px;
	height: 160px;
	margin: 10px 10px 0px 10px;
	border-radius: 10px;
	background-color: #E5D7B7;
	text-align: center;
}

/* かべがみ用ボックス イラスト部分 */
.wallpaper-box-illust
{
	/* 垂直センタリングのためにテーブルセルにする */
	display: table-cell;
	vertical-align: middle;
	width: 206px;
	height: 160px;
}

img.wallpaper-box-image
{
	border-radius: 5px;
}

/* イラストボックス用フレーム */
.illust-frame
{
	margin: 0 20px 0 20px;
}
.illust-frame a
{
	text-decoration: none;
}

/* イラスト用ボックス */
.illust-box
{
	width: 660px;
	height: 135px;
	margin: 10px auto 0px auto;
	border-radius: 10px;
	background-color: #E5D7B7;
}

/* イラスト用ボックス 左部分 */
.illust-box-left
{
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	height: 135px;
	padding: 0 0 0 30px;
}

/* イラスト用ボックス 右部分 */
.illust-box-right
{
	display: table-cell;
	width: 450px;
	padding: 6px 10px 0 0;
	font-size: 14px;
	line-height: 18px;
}

/* イラスト用ボックス タイトル */
.illust-box-title
{
	width: 240px;
	height: 22px;
	margin: 0 auto 4px 0;
	padding: 6px 0 0 20px;
	border-radius: 30px;
	background-color: #604732;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

/* 壁紙サイズ選択用ボタン */
a.illust-wallpaper-sizebutton
{
	width: 500px;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	background-color: #4C6D9C;	/* 青 */
}

.illust-wallpaper-sizedetail
{
	font-size: 12px;
	line-height: 16px;
	height: 24px;
}


/**************************************************************************************************/
/* ■sc_game ゲームページ用 */
/**************************************************************************************************/

.gamepage-body
{
	background: url( /grp/cmn/frame-y.png ) repeat-y 0 100%;
	min-height: 80%;
}
.gamepage-body:after
{
	content: "";
	display: block;
	clear: both;
}

.gamepage-left
{
	float: left;
	width: 200px;
	/*width: 320px;*/
	margin: 0px;
	padding: 0 20px 0 10px;
	text-align: center;
}

.gamepage-right
{
	float: left;
	width: 570px;
	margin: 0;
	padding: 0;
}

.gamepage-left-subtitle
{
	width: 80%;
	margin-top: 10px;
	background-color: #4C6D9C;	/* 青 */
}

.gamepage-left-minibox {
	border-radius: 10px;
	width: 200px;
	height: 90px;
	margin: 0 auto 0 auto;
	color: #000000;
	font-weight: normal;
	background-color: #E397A4;
	background-color: #E5D7B7;
	background-color: #FBE8CB;
}

.gamepage-left-minibox-title {
	width: 100%;
	height: 2.0rem;
	font-size: 1.2rem;
	line-height: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	color: #604732;	/* 茶色 */
	text-align: center;
}

.gamepage-left-minibox-content {
	margin: 10px 5px 0 5px;
}
.gamepage-left-minibox-content:after {
	content: "";
	display: block;
	clear: both;
}

.gamepage-left-minibox-left {
	float: left;
	width: 60px;
}

.gamepage-left-minibox-image {
	border: none;
	border-radius: 5px;
}

.gamepage-left-minibox-right {
	float: left;
	width: 120px;
	line-height: 16px;
	text-align: left;
}

.gamepage-left-kind
{
	float: left;
	width: 80px;
	height: 80px;
	margin: 10px 10px 0 0;
}

img.gamepage-left-kind-image
{
	width: 80px;
	height: 80px;
}

.gamepage-detailbox
{
	/*width: 540px;*/
	widht: 100%;
	background-color: #E5D7B7;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	font-size: 14px;
	line-height: 16px;
	line-height: 20px;
}

/* ゲーム種類用フレーム */
.game-kind-frame
{
	margin: 10px 0 0 25px;
}

/* ゲーム種類 */
.game-kind
{
	float: left;
	width: 160px;
	height: 160px;
	margin: 10px 10px 0 0;
}

/* ゲームボックス用フレーム */
.game-frame
{
	margin: 10px 20px 0 20px;
}
.game-frame a
{
	text-decoration: none;
}

/* ゲーム用ボックス */
.game-box
{
	float: left;
	width: 320px;
	height: 240px;
	margin: 10px 10px 0px 10px;
	border-radius: 10px;
	background-color: #E5D7B7;
}

/* ゲーム用ボックス 上部分 */
.game-box-up
{
	display: table-cell;
	vertical-align: middle;
	width: 320px;
	height: 140px;
	padding: 0 0 0 10px;
	text-align: center;
	/* 子要素を重ねるための宣言 */
	position: relative;
}

/* ランキングマーカー用 */
.game-box-ranking
{
	/* 重ねて表示する */
	position: absolute;
	bottom: 4px;
	right: 20px;
}

/* 人気！マーカー用 */
.game-box-popular
{
	/* 重ねて表示する */
	position: absolute;
	bottom: 4px;
	left: 20px;
}

/* ゲーム用ボックス 下部分 */
.game-box-downkids,
.game-box-down
{
	width: 280px;
	margin: 0 20px 10px 20px;
	font-size: 14px;
	line-height: 20px;
}
.game-box-downkids
{
	font-size: 20px;
	line-height: 28px;
}

/* ゲーム用ボックス タイトル */
.game-box-title
{
	height: 24px;
	margin: 0 auto 4px auto;
	border-radius: 30px;
	background-color: #604732;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FCF0E5;
}



/**************************************************************************************************/
/* ■sc_onecoco おねだりココアページ用 */
/**************************************************************************************************/

.onecoco-howbox
{
	width: 560px;
	margin: 10px auto 0 auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}

.onecoco-formbox
{
	width: 560px;
	margin: 10px auto 0 auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #CEE1E8;
	font-size: 14px;
	line-height: 20px;
}

a.onecoco-menubutton
{
	width: 160px;
	background-color: #B86595;	/* ピンク */
}


/**************************************************************************************************/
/* ■sc_momotype 桃太郎たいぴんぐページ用 */
/**************************************************************************************************/

.momotype-frame
{
	margin: 20px 20px 20px 20px;
	font-size: 14px;
	line-height: 20px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:16px;
	line-height:24px;
}

font.momotype-title
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 3.0rem;
	color: #BF4C4C;	/* 赤 */
}

img.momotype-image
{
	border-radius: 10px;
	width: 400px;
	margin: 10px 0 10px 0;
}

img.momotype-image-l
{
	border-radius: 10px;
	width: 540px;
	margin: 10px 0 10px 0;
}

.momotype-why-title
{
	width: 90%;
	margin: 0 0 8px 0;
	padding: 10px 5% 10px 5%;
	border-radius: 10px;
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #E07692;	/* ピンク */
	background-color: #BF4C4C;	/* 赤 */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
	text-align: left;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
}

.momotype-reason
{
	width: 60%;
	/*height: 18px;*/
	margin: 0 auto 8px 0;
	padding: 10px 0 8px 20px;
	border-radius: 30px;
	background-color: #3A84A9;	/* 水色 */
	text-align: left;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
}

.momotype-storybox
{
	width: 560px;
	margin: 0 auto 10px auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}



/**************************************************************************************************/
/* ■sc_release プレスリリースページ用 */
/**************************************************************************************************/

.release-frame
{
	margin: 10px 20px 20px 20px;
	font-size: 14px;
	line-height: 20px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:16px;
	line-height:24px;
}

font.release-title
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 3.0rem;
	color: #BF4C4C;	/* 赤 */
}

img.release-image
{
	border-radius: 5px;
	width: 400px;
	margin: 10px 0 10px 0;
}

img.release-image-l
{
	border-radius: 5px;
	width: 540px;
	margin: 10px 0 10px 0;
}

.release-title
{
	width: 90%;
	margin: 12px 0 12px 0;
	padding: 10px 5% 10px 5%;
	border-radius: 10px;
	background-color: #604732;	/* 茶色 */
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
}

.release-title-catch
{
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 8px 0;
}


.release-subtitle
{
	width: 60%;
	/*height: 18px;*/
	margin: 0 auto 8px 0;
	padding: 10px 0 8px 20px;
	border-radius: 30px;
	background-color: #3A84A9;	/* 水色 */
	text-align: left;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
}

.release-infobox
{
	width: 90%;
	margin: 0 auto 10px 0;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
}

.release-companybox
{
	width: 560px;
	margin: 0 auto 10px auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}



/**************************************************************************************************/
/* ■sc_letter 伝言板用 */
/**************************************************************************************************/

/* 伝言板ヘッドライン */
.letterheadline
{
	border-radius: 10px;
	width: 460px;
	margin: 0 auto 0 auto;
	background-color: #E5D7B7;
}
.letterheadline:after
{
	content: "";
	display: block;
	clear: both;
}

/* 伝言板ヘッドライン */
.letterheadline-left
{
	float: left;
	width: 200px;
	margin: 10px auto auto auto;
	text-align: center;
}

/* 伝言板ヘッドライン */
.letterheadline-right
{
	float: left;
	width: 230px;
	padding: 10px 10px 10px 10px;
	line-height: 16px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 伝言板 親メッセージ */
.letter-parent-box
{
	/*width: 560px;*/
	width: 80%;
	margin: 10px auto 0 10px;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
	background-color: #95BDC4;
	color: #000000;
	font-size: 16px;
	line-height: 20px;
}

.letter-parent-avatar
{
	float: left;
	width: 60px;
}

.letter-parent-comment
{
	float: left;
	width: 85%;
	padding-left: 20px;
}

.present-avatar
{
	float: left;
	width: 40px;
}

.present-avatar-comment
{
	float: left;
	width: 85%;
	padding-left: 20px;
}

a.present-avatar-name
{
	font-size: 1em;
	font-weight: normal;
}

/* 伝言板 子メッセージ */
.letter-child-box
{
	/*width: 520px;*/
	width: 80%;
	margin: 10px 10px 0 auto;
	padding: 10px 20px 10px 20px;
	border-radius: 10px;
	background-color: #AFD3D6;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
}

/* 伝言板 子メッセージ左側 */
.letter-child-left
{
	float: left;
	/*width: 120px;*/
	width: 24%;
	text-align: center;
}
.letter-child-left a
{
	font-weight: normal;
	text-decoration: none;
}

/* 伝言板 子メッセージ右側 */
.letter-child-right
{
	float: left;
	/*width: 400px;*/
	width: 76%;
}

/* 伝言板 キャラ画像部分 */
.letter-chara-illust
{
	width: 100px;
	height: 80px;
	border-radius: 10px;
	background-color: #8ACECE;
	background-image: url( '/grp/cmn/cmn-diamondblue.png' );
	text-align: center;
}

/* 伝言板 キャラ画像部分 */
.letter-chara-illust-image
{
	width: 100%;
	height: auto;
}
.letter-chara-illust-hams-image
{
	width: 34%;
	height: auto;
}

/* 伝言板 キャラ名前 */
.letter-chara-name
{
	width: 100px;
	margin: 4px 0 0 0;
	border-radius: 10px;
	background-color: #604732;	/* 茶色 */
	color: #fff2d4;
	font-size: 11px;
	text-align: center;
}

/* 伝言板 キャラコメント */
.letter-chara-comment
{
	margin: 20px 0 0 0;
	font-size: 16px;
	line-height: 24px;
}

/* 伝言板 ナレーション */
.letter-narration
{
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}


div.BackNumber	{
	padding-left:	20px;
	text-align:		left;
	line-height:	16px;
}

div.Intro	{
	color: 		#854000;
	padding-left:	12px;
	padding-right:	14px;
	padding-bottom: 8px;
	line-height:	16px;
}

div.Message	{
	font-size:		18px;
	color: 		#693609;
	/*
	width:			90%;
	padding-left:	8px;
	padding-right:	8px;
	padding-top:	8px;
	padding-bottom:	8px;
	*/
	margin:		40px 8px 0 8px;
	line-height:	24px;
}

div.LetterNarration	{
	font-size:		18px;
	font-weight:	bold;
	color: 		#5F148A;
}

div.Penname	{
	color: 		#fff2d4;
	padding-right:	20px;
	padding-top:	14px;
}

div.Window	{
	background-image:	url( "http://pokedebi.com/grp/park/letter/lt-cmt-window.gif" );
	width:			100px;
	height:			80px;
	vertical-align: bottom;
}

div.Comment	{
	font-size:		18px;
	color: 		#693609;
	padding-left:	12px;
	line-height:	24px;
}

div.CharaName {
	font-size:		10px;
	color: 		#FFFFFF;
	text-align:		center;
}

div.Text	{
	padding-left:	8px;
	padding-right:	8px;
	line-height:	16px;
}

div.Input	{
	padding-left:	16px;
	padding-right:	20px;
	line-height:	14px;
}

font.Mark {
	color:		#ff7b00;
	font-size:	11px;
}

font.Penname {
	color:		#0080c0;
}

font.Date {
	color:		#000000;
}



/**************************************************************************************************/
/* ■sc_puzzle パズルページ用 */
/**************************************************************************************************/

/* 説明用ボックス */
.puzzle-information-box
{
	width: 560px;
	height: 60px;
	margin: 10px auto 0 auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}

/* フッター用 */
.puzzle-footer
{
	width: 100%;
	height: 64px;
	padding: 6px 0 8px 0;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

/* ゲームボックス用フレーム */
.puzzle-frame
{
	margin: 0 0 0 20px;
}
.puzzle-frame a
{
	text-decoration: none;
}

/* ゲーム用ボックス */
.puzzle-box
{
	float: left;
	width: 128px;
	height: 130px;
	margin: 10px 10px 0px 0px;
	border-radius: 10px;
	background-color: #E5D7B7;
}

/* ゲーム用ボックス 上部分 */
.puzzle-box-up
{
	display: table-cell;
	vertical-align: middle;
	width: 128px;
	height: 100px;
	text-align: center;
	/* 子要素を重ねるための宣言 */
	position: relative;
}

/* ランキングマーカー用 */
.puzzle-box-ranking
{
	/* 重ねて表示する */
	position: absolute;
	/*
	bottom: 4px;
	right: 20px;
	*/
	top: -8px;
	left: 44px;
}

.puzzle-thumbnail-image
{
	border-radius: 5px;
}

/* ゲーム用ボックス 下部分 */
.puzzle-box-down
{
	margin: 0 10px 10px 10px;
	font-size: 14px;
	line-height: 20px;
}

/* ゲーム用ボックス タイトル */
.puzzle-box-title-jigsaw,
.puzzle-box-title-pochi,
.puzzle-box-title-oekaki,
.puzzle-box-title
{
	height: 24px;
	line-height: 24px;
	margin: 0 auto 0px auto;
	border-radius: 30px;
	background-color: #604732;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FCF0E5;
}
.puzzle-box-title-jigsaw
{
	background-color: #4C6D9C;
}
.puzzle-box-title-pochi
{
	background-color: #645B8C;
}
.puzzle-box-title-oekaki
{
	background-color: #597D41;
}


/**************************************************************************************************/
/* ■sc_tarot タロット占いページ用 */
/**************************************************************************************************/

.tarot-infobox
{
	width: 94%;
	background-color: #E5D7B7;
	padding: 10px 3% 10px 3%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.tarot-cautionbox
{
	width: 94%;
	background-color: #E5D7B7;
	padding: 10px 3% 10px 3%;
	font-size: 12px;
	line-height: 16px;
}

.tarot-card-full,
.tarot-card-small,
.tarot-card-thumb,
.tarot-card-design,
.tarot-card-frame
{
	border-radius: 5%;
}

.tarot-card-full
{
	width: 480px;
	height: auto;
}

.tarot-card-small
{
	width: 120px;
	height: auto;
}

.tarot-card-design
{
	width: 120px;
	height: auto;
}

.tarot-card-thumb
{
	width: 80px;
	height: auto;
}

/* 今日のタロット占い用ボックス */
.tarot-top-daily-box
{
	width: 90%;
	margin: 10px auto 0 auto;
	padding: 10px 0 10px 0;
	border-radius: 20px;
	background-color: #5E4771;
	background: #775A8F url( '/grp/tarot/tarot-topbox-daily.png' ) top center no-repeat;
	background-size: 100% 100%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.tarot-top-subtitle-daily
{
	width: 344px;
	height: 52px;
}

.tarot-top-button-daily
{
	width: 310px;
	height: 88px;
	margin: 20px auto 20px auto;
}

.tarot-top-button-daily-detail
{
	width: 170px;
	height: 50px;
}

.tarot-top-daily-result
{
	width: 100%;
	margin: 15px auto 15px auto;
	/*
	font-size: 60px;
	line-height: 60px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	*/
}

.tarot-top-daily-result-image
{
	width: 400px;
}

.tarot-top-frame
{
	width: 640px;
	margin: 0 auto 0 auto;
	/*background-color: #332143;*/
}

/* トップページ図鑑用ボックス */
.tarot-top-collection-box
{
	float: left;
	width: 300px;
	height: 220px;
	margin: 20px 10px 0 10px;
	padding: 15px 0 10px 0;
	border-radius: 20px;
	background-color: #A185B8;
	background: #A185B8 url( '/grp/tarot/tarot-topbox-collection.png' ) top center no-repeat;
	background-size: 100% 100%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.tarot-top-subtitle-collection
{
	width: 256px;
	height: 40px;
}

.tarot-top-button-collection
{
	width: 240px;
	height: 70px;
}

.tarot-top-collection-count
{
	width: 100%;
	padding: 20px 0 20px 0;
	font-size: 40px;
	line-height: 40px;
	color: #332143;
	text-align: center;
	font-weight: bold;
}

.tarot-top-news-box-cocoa,
.tarot-top-news-box
{
	width: 520px;
	margin: 10px auto 10px auto;
	padding: 10px 40px 10px 40px;
	border-radius: 10px;
	background-color: #5E4771;
	background-position: 30px bottom;
	background-repeat: no-repeat;
	background-size: 60px;
}
.tarot-top-news-box-cocoa
{
	background-image: url( '/grp/tarot/tarot-news-character.png' );
}

.tarot-top-news-box-avatar
{
	float: left;
	margin: 0;
	width: 15%;
}

.tarot-top-news-box-detail
{
	/*margin: 0 0 0 70px;*/
	float: left;
	margin: 0;
	width: 85%;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
}

.tarot-daily-frame
{
	margin: 0 auto 0 auto;
	padding: 20px 0px 40px 0px;
	border-radius: 10px;
	background-color: #5E4771;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.tarot-button-daily-confirm
{
	width: 240px;
	height: 70px;
}

.tarot-button-collection
{
	width: 240px;
	height: 70px;
}

.tarot-yours-frame
{
	height: 600px;
	margin: 0 auto 0 auto;
	padding: 30px 0px 30px 0px;
	border-radius: 10px;
	background-color: #CBB4DD;
	background: #CBB4DD url( '/grp/tarot/tarot-yoursbox-first.png' ) top center no-repeat;
	background-size: 100% 100%;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.tarot-yours-frame-explain
{
	width: 80%;
	margin: 40px auto 20px auto;
	color: #ffffff;
}

.tarot-yours-frame-subtitle
{
	margin: 0 auto 14px auto;
	text-align: center;
}

.tarot-yoursbox-card
{
	margin: 0 auto 0 auto;
	padding: 20px 0px 40px 0px;
	border-radius: 10px;
	background: #775A8F url( '/grp/tarot/tarot-yoursbox-card.png' ) top center no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.tarot-yoursbox-confirm
{
	min-height: 260px;
	margin: 0 auto 0 auto;
	padding: 20px 0px 40px 0px;
	border-radius: 20px;
	background-color: #5E4771;
	background: #775A8F url( '/grp/tarot/tarot-yoursbox-confirm.png' ) top center no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.tarot-yours-card-frame
{
	width: 540px;
	margin: 0 auto 0 auto;
}

.tarot-yours-card-box
{
	float: left;
	width: 160px;
	margin: 0 10px 0 10px;
	text-align: center;
}

.tarot-button-yours-next
{
	border: 0px;
	width: 240px;
	height: 70px;
	background: url( '/grp/tarot/tarot-button-yours-next.png' ) left top no-repeat;
	background-size: 100% 100%;
}

.tarot-button-yours-card
{
	border: 0px;
	width: 160px;
	height: 206px;
	background: url( '/grp/tarot/tarot-button-yours-card.png' ) left top no-repeat;
	background-size: 100% 100%;
}

.tarot-button-yours-confirm
{
	border: 0px;
	width: 240px;
	height: 70px;
	background: url( '/grp/tarot/tarot-button-daily-confirm.png' ) left top no-repeat;
	background-size: 100% 100%;
}

.tarot-cardname
{
	width: 90%;
	margin: 10px auto 10px auto;
	padding: 6px;
	border-radius: 30px;
	background-color: #5E4771;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
}

.tarot-carddesign
{
	width: 200px;
	margin: 4px auto 20px auto;
	/*
	padding: 6px;
	border-radius: 30px;
	background-color: #332143;
	*/
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
}

/* 説明用ボックス */
.tarot-information-box,
.tarot-information-box2
{
	width: 500px;
	height: 176px;
	margin: 10px auto 0 auto;
	padding: 10px 50px 10px 50px;
	border-radius: 17px;
	background-color: #A185B8;
	background: #A185B8 url( '/grp/tarot/tarot-detailbox-large.png' ) center top no-repeat;
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
}
.tarot-information-box2
{
	height: 90px;
	font-size: 24px;
	line-height: 28px;
	background: #A185B8 url( '/grp/tarot/tarot-detailbox-small.png' ) center top no-repeat;
	background-size: 100% 100%;
}

/* 説明用ボックス用タイトル */
.tarot-information-title
{
	margin: 0 auto 20px auto;
	text-align: center;
}

.tarot-power
{
	margin: 0 0 6px 0;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #FFD976;
}

.tarot-minus
{
	margin: 0 0 6px 0;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #99D2EA;
}

.tarot-collection-frame
{
	margin: 0 auto 0 auto;
	padding: 10px 0px 80px 14px;
	border-radius: 10px;
	background: #5E4771 url( '/grp/tarot/tarot-collectionbox-bottom.png' ) center bottom no-repeat;
	background-size: 100% auto;
}

.tarot-collection-blank,
.tarot-collection-box
{
	float: left;
	width: 100px;
	height: 154px;
	margin: 10px 5px 0px 5px;
	padding: 10px 0px 0px 0px;
	border-radius: 10px;
	background-color: #CBB4DD;	/* 紫 */
	text-align: center;
}
.tarot-collection-blank
{
	opacity: 0;
}

.tarot-detail-spec-box
{
	width: 520px;
	margin: 10px auto 10px auto;
	padding: 10px 40px 10px 40px;
	border-radius: 10px;
	background-color: #5E4771;
	color: #ffffff;
	*text-align: center;
	font-size: 16px;
	line-height: 20px;
}

.tarot-detail-spec-spec
{
	float: left;
	width: 260px;
	height: 30px;
	text-align: left;
	color: #ffffff;
	font-size: 24px;
	line-height: 24px;
}

.tarot-detail-spec-detail
{
	width: 100%;
	margin: 10px 0 10px auto;
}

.tarot-detail-color-frame
{
	width: 600px;
	margin: 0px auto 0px auto;
	*text-align: left;
}

.tarot-detail-color-box
{
	float: left;
	width: 140px;
	height: 184px;
	margin: 10px 5px 0px 5px;
	padding: 10px 0px 0px 0px;
	border-radius: 10px;
	background-color: #E5D7B7;
	text-align: center;
}



/**************************************************************************************************/
/* ■sc_ranking ランキングページ用 */
/**************************************************************************************************/

.rankdataname-frame,
.rankdata-frame
{
	margin: 0 auto 4px auto;
	border-collapse: separate;	/* セルの間隔を空ける */
	border-spacing: 4px 0;		/* 左右 上下で記述 */
}
.rankdataname-frame
{
	color: #ffffff;
}

.rankdata-blank-esper,
.rankdata-blank
{
	width: 72px;
	display: table-cell;
}
.rankdata-blank-esper
{
	width: 60px;
}

.rankdata-avatar
{
	width: 40px;
	height: 40px;
	margin: 0;
	display: table-cell;
}
a.rankdata-avatar-name
{
	font-weight: normal;
	/*
	color:#6F4D9E;
	color: #286EA4;
	*/
}
img.rankdata-avatar-image
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.rankdata-count,
.rankdata-cloth,
.rankdata-add,
.rankdata-date,
.rankdata-score,
.rankdata-name,
.rankdata-name-avatar,
.rankdata-ranktop3,
.rankdata-ranktop10,
.rankdata-rank
{
	width: 110px;
	height: 24px;
	/*margin: 10px 10px 0px 0px;*/
	padding: 0 10px 0 0;
	border-radius: 4px;
	background-color: #E5D7B7;
	display: table-cell;
	vertical-align: middle;
	color: #fff2d4;
	text-align: right;
}
.rankdata-ranktop3
{
	height: 40px;
	background-color: #645B8C;	/* 紫 */
}
.rankdata-ranktop10
{
	height: 40px;
	background-color: #BF4C4C;	/* 赤 */
}
.rankdata-name
{
	width: 180px;
	color: #000000;
}
.rankdata-name-avatar
{
	width: 180px;
	height: 40px;
	color: #000000;
	vertical-align: middle;
	position: relative;
}
.rankdata-score
{
	width: 90px;
	padding: 0 10px 0 0;
	text-align: right;
	color: #000000;
}
.rankdata-date
{
	width: 80px;
	padding: 0 0 0 0px;
	text-align: center;
	color: #000000;
}
.rankdata-add
{
	width: 140px;
	padding: 0;
	text-align: center;
	color: #000000;
}
.rankdata-count
{
	width: 80px;
	padding: 0;
	text-align: center;
	color: #000000;
}
.rankdata-cloth
{
	width: 60px;
	padding: 0;
	background-color: #BF4C4C;	/* 赤 */
	text-align: center;
	color: #000000;
}

.rankcountry-frame
{
	margin: 0 auto 4px auto;
	border-collapse: separate;	/* セルの間隔を空ける */
	border-spacing: 4px 0;		/* 左右 上下で記述 */
}

.rankcountry-score,
.rankcountry-name,
.rankcountry-cloth
{
	width: 40px;
	height: 24px;
	border-radius: 4px;
	background-color: #E5D7B7;
	background-color: #BF4C4C;	/* 赤 */
	display: table-cell;
	vertical-align: middle;
	color: #fff2d4;
	text-align: center;
}
.rankcountry-name
{
	width: 160px;
	padding: 0 0 0 10px;
	color: #ffffff;
	text-align: left;
}
.rankcountry-score
{
	width: 440px;
	padding: 0 0 0 10px;
	color: #ffffff;
	text-align: left;
}



/**************************************************************************************************/
/* ■sc_admin 管理ページ用 */
/**************************************************************************************************/

.adminlog-frame
{
	margin: 0 auto 4px auto;
	border-collapse: separate;	/* セルの間隔を空ける */
	border-spacing: 4px 0;		/* 左右 上下で記述 */
}

.adminlog-70,
.adminlog-200,
.adminlog-300,
.adminlog-40
{
	width: 40px;
	height: 20px;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	background-color: #E5D7B7;
	display: table-cell;
	vertical-align: middle;
	color: #000000;
	text-align: center;
}
.adminlog-70
{
	width: 70px;
}
.adminlog-200
{
	width: 200px;
	text-align: left;
}
.adminlog-300
{
	width: 300px;
	text-align: left;
}

a.adminlog-simplelink
{
	color: #000000;
	font-weight: normal;
}


/**************************************************************************************************/
/* ■sc_table */
/**************************************************************************************************/

table.cTMain760	{
	background-color : #FFF2D4;
	width : 760;
	line-height: 16px;
}

table.cTMain620	{
	background-color : #FFF2D4;
	width : 620;
	line-height: 16px;
}

table.cTMain	{
	background-color : #FFF3D6;
	width : 630;
}

table.cTSub	{
	background-color : #FFF3D6;
	width : 500;
}

table.cTTNew {
	background-color : #FFE3A5;
	width : 560;
}

table.cTBox {
	background-color : #FFE3A5;
	width : 560;
}

table.cTLetter {
	background-color : #739629;
	width : 500;
}

table.cTLetterIn {
	width : 460;
	color : #ffffff;
}


table.cTMsgBox {
	width : 540;
}


td			{
	font-size : 12px;
}

td.cTDLetter {
	background-color : #C5D4A7;
}

td.cTDMainBorder {
	background-color : #D4B561;
}


/**************************************************************************************************/
/* ■sc_social ソーシャル系 */
/**************************************************************************************************/

div.social-share-title
{
	width: 100%;
	background-color: #0080c0;
	background-color: #4C6D9C;	/* 青 */
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #B86595;	/* ピンク */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #BF4C4C;	/* 赤 */
	margin: 6px auto;
	padding: 12px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
}


div.social-share-box
{
	border-radius: 10px;
	width: 280px;
	background-color: #E5D7B7;
	margin: 6px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	color: #ffffff;
}


div.letter-please-box
{
	border-radius: 10px;
	width: 280px;
	background-color: #E5D7B7;
	margin: 6px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	font-size: 14px;
	color: #000000;
}


div.happy-birthday
{
	z-index: 101;
	background-image : url( '/grp/cmn/happy-birthday.png' );
	background-repeat : no-repeat;
	background-position : bottom;
	position: fixed;
	top: 0;
	left: 0;
	width: 720px;
	height: 640px;
	margin: 0 auto 0 auto;
	font-size: 48px;
	line-height: 64px;
	font-weight: bold;
	color: #ffffff;
}


.fullscreen-back
{
	z-index: 100;
	background-color: #E397A4;
	opacity: 1.0;
	width: 100%;
	height: 99999;
	position: fixed;
	top: 0;
	left: 0;
}


img.fullscreen-btn-close
{
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
}


div.fullscreen-btn-close
{
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	font-size: 2rem;
	font-weight: bold;
}


/**************************************************************************************************/
/* ■sc_avatar アバター */
/**************************************************************************************************/

.avatar-portrait
{
	z-index: 101;
	position: fixed;
	top: 0;
	left: 0;
	width: 280px;
	height: 460px;
	margin: 0 auto 0 auto;
	font-size: 48px;
}

.avatar-item-thumbnail
{
	z-index: 101;
	position: fixed;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	margin: 0 auto 0 auto;
	font-size: 48px;
}

.avatar-portrait-name
{
	z-index: 102;
	position: fixed;
	width: 200px;
	width: 180px;

	border-radius: 15px;
	margin-top: 10px;
	padding: 5px 0 5px 0;
	background-color: #604732;	/* 茶色 */

	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}

.avatar-portrait-skill
{
	color: #fff2d4;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
}

.avatar-portrait-btn-close
{
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	font-size: 1rem;
	font-weight: bold;
}

.mypage-subtitle
{
	margin: 0 auto 0 auto;
	border-radius: 20px;
	margin: 0px 0px 6px 0px;
	padding: 0 10px 0 10px;
	background-color: #604732;	/* 茶色 */
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.mypage-frame
{
}

.mypage-left
{
	float: left;
	width: 280px;
	height: 540px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	/*
	border-radius: 10px;
	background-color: #E5D7B7;
	*/
}

.mypage-right
{
	float: left;
	width: 270px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	/*
	border-radius: 10px;
	background-color: #E5D7B7;
	text-align: center;
	*/
}

.mypage-right-box
{
	margin: 0px 0px 0px 20px;
	font-size: 1.2em;
}



/**************************************************************************************************/
/* ■sc_parts パーツ系 */
/**************************************************************************************************/

.width680
{
	width: 680px;
}
.width640
{
	width: 640px;
}
.width600
{
	width: 600px;
}
.width540
{
	width: 540px;
}
.width500
{
	width: 500px;
}
.width400
{
	width: 400px;
}
.width300
{
	width: 300px;
}
.width200
{
	width: 200px;
}
.width100
{
	width: 100px;
}
.width50
{
	width: 50px;
}
.width50per
{
	width: 50%;
}
.width60per
{
	width: 60%;
}
.width70per
{
	width: 70%;
}
.width80per
{
	width: 80%;
}
.width90per
{
	width: 90%;
}

.height100
{
	height: 100px;
}
.height10
{
	height: 10px;
}

.tablecell
{
	display: table-cell;
}

.padding20
{
	padding: 20px;
}
.padding10
{
	padding: 10px;
}
.padding0
{
	padding: 0;
}
.bottom-space20
{
	padding-bottom: 20px;
}

.margin0
{
	margin: 0;
}
.margin10
{
	margin: 10;
}
.margin-right10
{
	margin-right: 10px;
}
.margin-top10
{
	margin-top: 10px;
}
.margin-bottom10
{
	margin-bottom: 10px;
}

.margin-center
{
	margin-left: auto;
	margin-right: auto;
}

.color-white
{
	color: #ffffff;
}
.color-blue
{
	color: #4C6D9C;	/* 青 */
}
.color-red
{
	color: #BF4C4C;	/* 赤 */
}

.borderradius5
{
	border-radius: 5px;
}
.borderradius10
{
	border-radius: 10px;
}
.borderradius15
{
	border-radius: 15px;
}
.borderradius20
{
	border-radius: 20px;
}


.background-color-black
{
	background-color: #000000;
}
.background-color-white
{
	background-color: #ffffff;
}
.background-color-green
{
	background-color: #597D41;	/* 緑 */
}
.background-color-blue
{
	background-color: #4C6D9C;	/* 青 */
}
.background-color-skyblue
{
	background-color: #3A84A9;	/* 水色 */
}
.background-color-purple
{
	background-color: #645B8C;	/* 紫 */
}
.background-color-orange
{
	background-color: #BF5F19;	/* オレンジ */
}
.background-color-pink
{
	background-color: #E07692;	/* ピンク */
}
.background-color-red
{
	background-color: #BF4C4C;	/* 赤 */
}
.background-color-lightgreen
{
	background-color: #788033;	/* 黄緑 */
}
.background-color-palegreen
{
	background-color: #D1D3A0;	/* 薄緑 */
}
.background-color-brown
{
	background-color: #604732;	/* 茶色 */
}
.background-color-silver
{
	background-color: #B3B3B3;
}
.background-color-gold
{
	background-color: #BFB279;
}

.alpha90
{
	filter: alpha( opacity=90 );
	opacity: 0.9;
}
.alpha80
{
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
.alpha70
{
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
.alpha60
{
	filter: alpha( opacity=60 );
	opacity: 0.6;
}
.alpha50
{
	filter: alpha( opacity=50 );
	opacity: 0.5;
}
.alpha40
{
	filter: alpha( opacity=40 );
	opacity: 0.4;
}
.alpha30
{
	filter: alpha( opacity=30 );
	opacity: 0.3;
}
.alpha20
{
	filter: alpha( opacity=20 );
	opacity: 0.2;
}
.alpha10
{
	filter: alpha( opacity=10 );
	opacity: 0.1;
}

.font-bold
{
	font-weight: bold;
}

a.font-9px,
.font-9px
{
	font-size: 9px;
}

a.font-10px,
.font-10px
{
	font-size: 10px;
}

a.font-11px,
.font-11px
{
	font-size: 11px;
}

a.font-12px,
.font-12px
{
	font-size: 12px;
}

a.font-14px,
.font-14px
{
	font-size: 14px;
}

a.font-16px,
.font-16px
{
	font-size: 16px;
}

a.font-18px,
.font-18px
{
	font-size: 18px;
}

a.font-24px,
.font-24px
{
	font-size: 24px;
}



/* 実験 */
.momo-guid,
.momo-password
{
	position: relative;
	bottom: 340px;
	left: 460px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	width: 160px;
	border: 0;
	padding: 8px;
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #000000;
	margin: 0 0 0px;
}

.momo-password
{
	bottom: 320px;
}

.momo-input
{
	width: 100%;
	background-color: #604732;	/* 茶色 */
}

.momo-input2
{
	margin-top: 10px;
	width: 100%;
	background-color: #788033;	/* 黄緑 */
}


#wrap
{
	width: 100%;
	height: 100%;
}


#MainCanvas
{
	diplay: block;
}