@charset "utf-8";
@import url("../up.css");

* { 
	margin: 0;
	padding: 0;
	font-family: Meiryo, "メイリオ","ＭＳ Ｐゴシック";
	font-size: 9pt;
	line-height: 1.2;
} 

a {
	font-weight: normal;
	text-decoration: none;
	color: #df3d8d;
}
a:hover {
	background-color: #FFD680;
}

img {
	border: none;
}


table {
	border-collapse: collapse;
	border: 0px;
}

table th ,
table td {
	vertical-align: top;
	line-height: 1.8;
	border-bottom: 1px solid #ddd;
}

th {
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
}



/* ---------------------------------------------------------------------------
 背景 */
html { width:100%; overflow-y: scroll; background: #000;}
}

body { 
	width:100%;
	text-align: center;
}


#header {
	height: 7px;
	background: #6138b7 url('bg_header.gif') repeat-x;
	overflow-y: hidden;
}



#wrap1 {
	width: 100%;
	background:#fff url('bg_wrap1.jpg') no-repeat center top;
}


#wrap2 {
	margin: 0 auto;
	width: 900px;
	background: url('bg_wrap2.gif') repeat-y center top;
}

#wrap3 {
	height: auto !important; height: 585px;
	min-height: 585px;
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background: url('bg_wrap3.jpg') no-repeat center top;
}
#top #wrap3 {
	background: url('bg_wrap3_top.jpg') no-repeat center top;
}


#top #wrap3 {
	height: 592px;
	min-height: 592px;
}


#wrap h1 ,
#wrap span { display: none;}



#toTop {
	z-index: 3;
	position: relative;
	left: 40px;
	top: 15px;
	display: block;
	width: 160px;
	height: 60px;

	text-indent: -9999px;
	overflow-x: hidden;
}

a#toTop:hover {background: none;}


/* ---------------------------------------------------------------------------
 グローバルナビ */
#globalNavi {
	position: absolute;
	left: 40px;
	top: 11px;
}
#globalNavi ul {
	width: 181px;
	height: 359px;
	padding-left: 3px;
	padding-top: 85px;
	list-style: none;
}


#globalNavi li {
	position: relative;
	float: left;
}

#globalNavi li p {
	display: none;/*NEW*/
	position: absolute;
	right: -21px;
	top: -11px;
	width: 41px;
	height: 39px;
	text-indent: -9999px;
	background: url('new.png');
}

* html #globalNavi li p { background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/new.png",sizingMethod="crop");}/*IE*/


#localNavi li p {background:none\9 !important;}/*IE全てに適用*/

#globalNavi span ,
#globalNavi a {
	display: block;
	width: 155px;
	height: 31px;
	margin-bottom: 3px;
	background-image: url('globalNavi.gif');
	background-repeat: no-repeat;
	background-position: 155px 0px;
	text-indent: -9999px;
	overflow-x: hidden;
}

#gn-top a:hover , #top #gn-top a { background-position: 0px    0px; }
#gn-sto a:hover , #sto #gn-sto a { background-position: 0px  -31px; }
#gn-chr a:hover , #chr #gn-chr a { background-position: 0px  -62px; }
#gn-sys a:hover , #sys #gn-sys a { background-position: 0px  -93px; }
#gn-prd a:hover , #prd #gn-prd a { background-position: 0px -124px; }
#gn-pub a:hover , #pub #gn-pub a { background-position: 0px -155px; }
#gn-spe a:hover , #spe #gn-spe a { background-position: 0px -186px; }
#gn-gds a:hover , #gds #gn-gds a { background-position: 0px -217px; }

#gn-top span { background-position: -155px    0px; }
#gn-sto span { background-position: -155px  -31px; }
#gn-chr span { background-position: -155px  -62px; }
#gn-sys span { background-position: -155px  -93px; }
#gn-prd span { background-position: -155px -124px; }
#gn-pub span { background-position: -155px -155px; }
#gn-spe span { background-position: -155px -186px; }
#gn-gds span { background-position: -155px -217px; }



/* ---------------------------------------------------------------------------
 グローバルナビ（トップ） */
#top #globalNavi {
	left: 39px;
	top: 287px;
}

#top #globalNavi ul {
	width: 181px;
	height: 298px;
	padding-left: 4px;
	padding-top: 29px;
/*	background: url('bg_globalNavi_top.png') no-repeat; */
}

/* html #top div#globalNavi ul {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/bg_globalNavi_top.png",sizingMethod="crop");
}*/



/* ---------------------------------------------------------------------------
 ローカルナビ（システム／スペシャル） */
#localNavi {
	position: absolute;
	left: -2px;
	top: 60px;
	padding: 0px;
	display: block;
	width: 590px;
	height: 66px;
	list-style: none;
	background: url('localNaviBg.gif') center 35px repeat-x;
}


#localNavi li {
	position: relative;
	float: right;
}

/*NEW*/
#localNavi li p {
	display: none;/*NEW*/
	z-index: 3;
	position: absolute;
	right: -33px;
	top: -4px;
	width: 41px;
	height: 39px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url('new.png');
}
* html #localNavi li p  {
	background-image: none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/new.png",sizingMethod="crop");/*IE6*/
}


#localNavi a {
	display: block;
	width: 114px;
	height: 35px;
	margin-left: 5px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow-x: hidden;
}

#localNavi a:hover { background-color: transparent; }


#sys #localNavi a { background-image: url('localNaviSys.gif'); }
#spe #localNavi a { background-image: url('localNaviSpe.gif'); }


#ln-01 a {
	margin-left: 0px;
}
#ln-01 a { background-position:    0px 0px; }
#ln-02 a { background-position: -114px 0px; }
#ln-03 a { background-position: -228px 0px; }
#ln-04 a { background-position: -342px 0px; }
#ln-05 a { background-position: -456px 0px; }


#ln-01 a:hover , .s01 #ln-01 a { background-position:    0px -35px; }
#ln-02 a:hover , .s02 #ln-02 a { background-position: -114px -35px; }
#ln-03 a:hover , .s03 #ln-03 a { background-position: -228px -35px; }
#ln-04 a:hover , .s04 #ln-04 a { background-position: -342px -35px; }
#ln-05 a:hover , .s05 #ln-05 a { background-position: -456px -35px; }



/* ---------------------------------------------------------------------------
 タイトル */
h2 {
	z-index: 2;
	position: absolute;
	left: 223px;
	top: 20px;
	text-indent: -9999px;
	width: 640px;
	height: 57px;
	background-repeat: no-repeat;
}

#sto h2 { background-image: url('h2_sto.gif'); }
#chr h2 { background-image: url('h2_chr.gif'); }
#sys h2 { background-image: url('h2_sys.gif'); }
#prd h2 { background-image: url('h2_prd.gif'); }
#pub h2 { background-image: url('h2_pub.gif'); }
#spe h2 { background-image: url('h2_spe.gif'); }
#gds h2 { background-image: url('h2_gds.gif'); }


h2 span {
	display: block;
	height: 1em;
	width: 400px; 
	position: absolute;
	right: 10px;
	top: 30px;
	text-align: right;
	color: #df3d8d;
}

#tweet { position: absolute; right: 40px; top: 25px; z-index: 3;}



/* ---------------------------------------------------------------------------
 フッター */

#footer {
	width: 100%;
	background: #000 url('bg_footer.gif') repeat-x;
	color: #fff;
}

#top #footer { background-position: 0 -161px;}

#footer * { font-size: 8pt; }


#ftWrap1 {
	position: relative;
	width: 900px;
	height: 280px;
	margin: 0 auto;
	background: url('bg_ftWrap1.gif') center top no-repeat;
}
#ft1 { position: absolute; top: 174px; left:  35px; margin: 0; text-align: left;}
#ft2 { position: absolute; top: 228px; left: 190px; text-align: center; }

#top #ftWrap1	{ height: 119px;  background: url('bg_ftWrap1_top.jpg') center top no-repeat; }
#top #ft1		{ top: 14px; }
#top #ft2		{ top: 68px; }

#aquaplus ,
#cero {
	position: absolute;
	bottom: 12px;
	height: 46px;
	text-indent: -9999px;
	overflow-x: hidden;
}
#aquaplus	{ width: 42px; left:  35px; background: url('aquaplus.gif') no-repeat; }
#cero 		{ width: 36px; left: 100px; background: url('cero_d.gif') no-repeat; }



/* ---------------------------------------------------------------------------
 明細 */
#areaDetail {
	position: relative;
	margin-left: 250px;
	padding-top: 41px;
	padding-bottom: 17px;
	width: 587px;
}
* html #areaDetail { padding-top: 58px; }/*IE6*/
*:first-child+html #areaDetail { padding-top: 58px; }/*IE7*/



.det2_body {
	width: 523px !important;
	padding: 5px 32px;
	line-height: 1.8;
}

h3 ,
h4 ,
.det2_header ,
.det2_body ,
.det2_footer ,
.det2_between {
	width: 587px;
}

h3 {
	margin-top: 17px;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	height: 18px;
	text-indent: -9999px;
}

h3#h3_prd01			{ background-image: url('h3_prd01.gif'); }
h3#h3_prd02			{ background-image: url('h3_prd02.gif'); }
h3#h3_prd03			{ background-image: url('h3_prd03.gif'); }
h3#h3_spe_apnf		{ background-image: url('h3_spe_apnf.gif'); }
h3#h3_spe_twicon	{ background-image: url('h3_spe_twicon.gif'); }
h3#h3_spe_bn		{ background-image: url('h3_spe_bn.gif'); }
h3#h3_spe_pv		{ background-image: url('h3_spe_pv.gif'); }
h3#h3_spe_shop_priv	{ background-image: url('h3_spe_shop_priv.gif'); }
h3#h3_spe_trial		{ background-image: url('h3_spe_trial.gif'); }

h3.text				{ background-image: url('h3_text.gif'); text-indent: 22px !important; color: #e24391; font-size: 10pt; line-height: 1.5; }

h4 {
	text-indent: -9999px;
}

h4#h4_prd02a { background: url('h4_prd02a.gif') no-repeat; height: 46px;}
h4#h4_prd02b { background: url('h4_prd02b.gif') no-repeat; height: 49px;}
h4#h4_prd02c { background: url('h4_prd02c.gif') no-repeat; height: 49px;}

.det2_header ,
.det2_footer {
	height: 16px;
	overflow-y: hidden;
}

.det2_between {
	height: 22px;
	overflow-y: hidden;
}

.det2_header	{ background: url('det2_header.gif') no-repeat; }
.det2_body		{ background: url('det2_body.gif') repeat-y; zoom:100%; text-align: left; }
.det2_footer	{ background: url('det2_footer.gif') no-repeat; }
.det2_between	{ background: url('det2_between.gif') no-repeat; }
.det2_body:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


h5 {
	font-weight: bold;
	color: #df3d8d;
	margin-top: 1em;
	margin-bottom: 2px;
}

strong { font-weight: bold; }
strong.red { font-weight: normal; color: #df3d8d; }


.det2_body ul { padding-left: 16px; }
.det2_body li { line-height: 1.8; }



/* トップ --------------------------------------------------------------------*/
#bnPsvita {
	z-index: 3;
	position: absolute;
	left: 330px;
	top: 0px;
	display: block;
	background-color: transparent;
}
a#bnPsvita:hover {
	top: -2px;
}

#trialBtn {
	position: absolute;
	left: 90px;
	top: 245px;
	display: block;

	width: 271px;
	height: 47px;
/*	background: url('trialBtn.jpg') no-repeat;*/
	background: none;

	text-indent: -9999px;
	overflow-x: hidden;
}

#release {display: none;}

/*
	position: absolute;
	left: 107px;
	top: 242px;*-12*
	width: 240px;
	height: 30px;
	text-indent: -9999px;
	background: url('release.png') no-repeat;
}
* html div#release { background:none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/release.png",sizingMethod="crop");	*IE6用*}
*/

#whatsnew {
	position: absolute;
	left: 230px;
	top: 352px;
	width: 175px;
	height: 192px;
	overflow-y: scroll;
}


#whatsnew th { padding-right: 5px; color:#df3d8d; }
#whatsnew td { padding: 0; }
#whatsnew th ,
#whatsnew td {	font-size: 8pt; border-bottom: 1px dashed #df3d8d;}



/* ストーリー --------------------------------------------------------------*/
#sto #areaDetail * {
	display: none !important;
}

#sto #wrap3 {
	height: 580px;
	min-height: 588px;
}

/* in #footer #ftWrap1 */
#stoImg {
	position: absolute;
	top: -491px;
	left: 225px;
	width: 632px;
	height: 502px;
	padding: 0;
	background: url('story.jpg') no-repeat;;
}


/* システムー --------------------------------------------------------------*/
#sys #areaDetail		{padding-top: 120px}
html*#sys #areaDetail	{ padding-top: 137px;} /*IE7/8*/

#sys #areaDetail p {
	margin: 0 1em 1em;
}


#sys img.imgRight ,
#spe img.imgRight {
	 float: right;
	 margin-left: 1em;
}



h3#h3_sys01			{ background-image: url('h3_sys01.gif'); }
h3#h3_sys02a		{ background-image: url('h3_sys02.gif'); }
h3#h3_sys02b		{ background-image: url('h3_sys02b.gif'); }
h3#h3_sys02c		{ background-image: url('h3_sys02c.gif'); }
h3#h3_sys03a		{ background-image: url('h3_sys03a.gif'); }
h3#h3_sys03b		{ background-image: url('h3_sys03b.gif'); }
h3#h3_sys03c		{ background-image: url('h3_sys03c.gif'); }
h3#h3_sys04a		{ background-image: url('h3_sys04a.gif'); }
h3#h3_sys04b		{ background-image: url('h3_sys04b.gif'); }
h3#h3_sys04c		{ background-image: url('h3_sys04c.gif'); }
h3#h3_sys04d		{ background-image: url('h3_sys04d.gif'); }
h3#h3_sys05a		{ background-image: url('h3_sys05a.gif'); }
h3#h3_sys05b		{ background-image: url('h3_sys05b.gif'); }

h4#h4_sys01a { background: url('h4_sys01a.gif') no-repeat; height: 46px;}
h4#h4_sys01b { background: url('h4_sys01b.gif') no-repeat; height: 49px;}
h4#h4_sys01c { background: url('h4_sys01c.gif') no-repeat; height: 49px;}
h4#h4_sys01d { background: url('h4_sys01d.gif') no-repeat; height: 49px;}
h4#h4_sys02a { background: url('h4_sys02a.gif') no-repeat; height: 46px;}
h4#h4_sys02b { background: url('h4_sys02b.gif') no-repeat; height: 49px;}
h4#h4_sys04a { background: url('h4_sys04a.gif') no-repeat; height: 46px;}
h4#h4_sys04b { background: url('h4_sys04b.gif') no-repeat; height: 49px;}
h4#h4_sys05a { background: url('h4_sys05a.gif') no-repeat; height: 46px;}
h4#h4_sys05b { background: url('h4_sys05b.gif') no-repeat; height: 49px;}



.areaSkill {
	zoom: 100%;
	width: 522px;
	margin-top: 1em;
	margin-bottom: 1em;
	background: url('areaSkill_bg.gif') 0 bottom no-repeat;
}



.areaSkill h5 ,
.areaSkill table {
}

.areaSkill h5 {
	width: 522px;
	height: 30px;
	background: url('areaSkill_top.gif') no-repeat;
	margin: 0;

	text-align: left;
	text-indent: -9999px;
}

.areaSkill table {
	width: 516px;
	margin: 0 3px 7px;
}
.areaSkill th {
	background-color: #eaeaea; 
}
.areaSkill th.split {
	border-left: 1px solid #fff; 
}
.areaSkill th ,
.areaSkill td {
	border-top: 1px solid #df3d8d;
	border-bottom: none;
	padding-left: 1em;
}



/* キャラクター --------------------------------------------------------------*/
#cv ,
#chrImg ,
#chrScr ,
#chrNav {
	position: absolute;
}

#cv {
	display: block;
	left: 155px;
	top: 198px;
	width: 27px;
	height: 27px;

	background-image: url('cv.gif');
	background-repeat: no-repeat;

	text-indent: -9999px;
	overflow-x: hidden;
}

a#cv:hover {
	background-position: -27px 0px;
	background-color: transparent;
}

#chrImg {
	top: -25px;
	right: -20px;
	width: 632px;
	height: 480px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
*html #chrImg {right: -21px;}

.c01 #chrImg { background-image: url('chr01.jpg'); }
.c02 #chrImg { background-image: url('chr02.jpg'); }
.c03 #chrImg { background-image: url('chr03.jpg'); }
.c04 #chrImg { background-image: url('chr04.jpg'); }
.c05 #chrImg { background-image: url('chr05.jpg'); }
.c06 #chrImg { background-image: url('chr06.jpg'); }
.c07 #chrImg { background-image: url('chr07.jpg'); }
.c08 #chrImg { background-image: url('chr08.jpg'); }
.c09 #chrImg { background-image: url('chr09.jpg'); }
.c10 #chrImg { background-image: url('chr10.jpg'); }
.c11 #chrImg { background-image: url('chr11.jpg'); }
.c12 #chrImg { background-image: url('chr12.jpg'); }
.c13 #chrImg { background-image: url('chr13.jpg'); }
.c14 #chrImg { background-image: url('chr14.jpg'); }
.c15 #chrImg { background-image: url('chr15.jpg'); }
.c16 #chrImg { background-image: url('chr16.jpg'); }
.c17 #chrImg { background-image: url('chr17.jpg'); }
.c18 #chrImg { background-image: url('chr18.jpg'); }
.c19 #chrImg { background-image: url('chr19.jpg'); }


#chrScr {
	left: 19px;
	top: 332px;
	background-position: 3px 3px;
	background-repeat: no-repeat;
}
#chrScr span ,
#chrScr a {
	display: block;
	width: 180px;
	height: 104px;
}

#chrScr a		{ background: url('chrScr.png') no-repeat; }
#chrScr a:hover	{ background: url('chrScr_hover.png') no-repeat; }


.c01 #chrScr { background-image: url('chrScr01.jpg'); }
.c02 #chrScr { background-image: url('chrScr02.jpg'); }
.c03 #chrScr { background-image: url('chrScr03.jpg'); }
.c04 #chrScr { background-image: url('chrScr04.jpg'); }
.c05 #chrScr { background-image: url('chrScr05.jpg'); }
.c06 #chrScr { background-image: url('chrScr06.jpg'); }
.c07 #chrScr { background-image: url('chrScr07.jpg'); }
.c08 #chrScr { background-image: url('chrScr08.jpg'); }
.c09 #chrScr { background-image: url('chrScr09.jpg'); }
.c10 #chrScr { background-image: url('chrScr10.jpg'); }
.c11 #chrScr { background-image: url('chrScr11.jpg'); }
.c12 #chrScr { background-image: url('chrScr12.jpg'); }
.c13 #chrScr { background-image: url('chrScr13.jpg'); }
.c14 #chrScr { background-image: url('chrScr14.jpg'); }
.c15 #chrScr { background-image: url('chrScr15.jpg'); }
.c16 #chrScr { background-image: url('chrScr16.jpg'); }
.c17 #chrScr { background-image: url('chrScr17.jpg'); }
.c18 #chrScr { background-image: url('chrScr18.jpg'); }
.c19 #chrScr { background-image: url('chrScr19.jpg'); }

#prd #chrScr { position: relative !important; left:0; top:0; float: right; margin-left: 10px;}
#prd #chrScr { background-image: url('f11_ss.jpg'); }

object { display: none; }
#MB_content { padding: 0 !important; overflow: hidden !important;}
#MB_content object { display: block; }
#MB_caption {
	font-family: mairyo, "メイリオ" !important;
	font-size: 9pt !important;
}


/**/
.btnPV {
	float: left;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	line-height: 20px;
	margin-right: 1em;
}
.btnPV a {
	display: block;
	width: 180px;
	height: 104px;
	text-align: left;
	text-indent: -9999px;
	overflow-x: hidden;
}

.btnPV a		{ background: url('chrMov.png') no-repeat; }
.btnPV a:hover	{ background: url('chrMov_hover.png') no-repeat; }
*html .btnPV a {
	background:none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/chrMov.png",sizingMethod="crop");	/*IE6用*/
}
*html .btnPV a:hover {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/chrMov_hover.png",sizingMethod="crop");	/*IE6用*/
}


.pv01 { background-image: url('th2dt_tn.jpg'); }
.pl01 { background-image: url('th2dt_pl01_tn.jpg'); }
.pl02 { background-image: url('th2dt_pl02_tn.jpg'); }
.pl03 { background-image: url('th2dt_pl03_tn.jpg'); }
.pl04 { background-image: url('th2dt_pl04_tn.jpg'); }
.pl05 { background-image: url('th2dt_pl05_tn.jpg'); }





/* in #footer #ftWrap1 */
#chrNav {
	padding: 0px;
	display: block;
	width: 637px;
	height: 88px;
	right: 43px;
	top: -73px;
	list-style: none;
	background: url('chrNav.jpg') 5px 0px no-repeat;
	text-align: left;
	text-indent: -9999px;
}

#chrNav li {
	float: left;
}

#chrNav a {
	display: block;
	width: 86px;
	height: 25px;
	margin-left: 5px;
	margin-top: 1px;
	margin-bottom: 3px;
	background-image: url('chrNav_hover.jpg');
	background-repeat: no-repeat;
	background-position: 0px 25px;
}

#cn-01 a {
	margin-left: 187px;
}

#cn-01 a:hover , .c01 #cn-01 a { background-position: 0px    0px; }
#cn-02 a:hover , .c02 #cn-02 a { background-position: 0px  -25px; }
#cn-03 a:hover , .c03 #cn-03 a { background-position: 0px  -50px; }
#cn-04 a:hover , .c04 #cn-04 a { background-position: 0px  -75px; }
#cn-05 a:hover , .c05 #cn-05 a { background-position: 0px -100px; }
#cn-06 a:hover , .c06 #cn-06 a { background-position: 0px -125px; }
#cn-07 a:hover , .c07 #cn-07 a { background-position: 0px -150px; }
#cn-08 a:hover , .c08 #cn-08 a { background-position: 0px -175px; }
#cn-09 a:hover , .c09 #cn-09 a { background-position: 0px -200px; }
#cn-10 a:hover , .c10 #cn-10 a { background-position: 0px -225px; }
#cn-11 a:hover , .c11 #cn-11 a { background-position: 0px -250px; }
#cn-12 a:hover , .c12 #cn-12 a { background-position: 0px -275px; }
#cn-13 a:hover , .c13 #cn-13 a { background-position: 0px -300px; }
#cn-14 a:hover , .c14 #cn-14 a { background-position: 0px -325px; }
#cn-15 a:hover , .c15 #cn-15 a { background-position: 0px -350px; }
#cn-16 a:hover , .c16 #cn-16 a { background-position: 0px -375px; }
#cn-17 a:hover , .c17 #cn-17 a { background-position: 0px -400px; }
#cn-18 a:hover , .c18 #cn-18 a { background-position: 0px -425px; }
#cn-19 a:hover , .c19 #cn-19 a { background-position: 0px -450px; }



/* 製品情報 ------------------------------------------------------------------*/
.nendr {
	float:left;
}

.nendr a ,
.tokuten a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}

.nendr a:hover ,
.tokuten a:hover { border: 1px solid #ec8fbd;}

.nendr img,
.tokuten img { margin: 2px; vertical-align: bottom;}


#prd th ,
#prd td { padding: 0 0.5em 0 0.5em; }
#prd td.items { border-left: 1px solid #dfdfdf; }
#prd #jan td {line-height: 1em;}


/* 雑誌掲載 ------------------------------------------------------------------*/
#pub table {
	width: 100%;
	margin-top: 1.5em;
}

#pub th {
	border-color: #888;
}

#pub tr.new td {
	background-color: #FFF5DF;
}

#pub td {
	white-space: nowrap;
	margin-right: 1em !important;
}

#pub td.data {
	white-space: normal;
}

#pub a {line-height: 1.8;}


/* スペシャル ------------------------------------------------------------------*/
#spe.s01 #areaDetail ,
#spe.s02 #areaDetail ,
#spe.s03 #areaDetail ,
#spe.s04 #areaDetail ,
#spe.s05 #areaDetail {padding-top: 120px}

/*#spe #areaDetail ul { margin: 0; padding: 0; list-style: none;}*/
#spe #areaDetail li { margin-bottom:1px !important; padding: 0;}
#spe #areaDetail h4 { text-indent:0; border-bottom: 1px solid #d3d3d3; width: 100%;padding-bottom: 2px;margin: 0.5em 0;}


#spe textarea {
	border:none;
	overflow-y: hidden;
	font-size: 8pt;
	margin-bottom: 1em;
	background: #eee;
}

#spe h4 { clear: both; }
#spe li { line-height: 1.2; }

ul.w260 h4 { width: 230px !important;}


ul.w120,
ul.w180,
ul.w200,
ul.w260,
ul.w650 { margin: 0; padding: 0; list-style: none; }

.w180 img { width:162px;}
.w650 img { width:520px; }


.w260 li ,
.w200 li ,
.w180 li ,
.w120 li { display: block; float: left; }

.w260 li { width: 260px; }
.w200 li { width: 200px; }
.w180 li { width: 173px; }
.w120 li { width: 130px; }

.w180 img {display: block;}

.w180 textarea { width: 162px; height: 140px; }
.w120 textarea { width: 120px; height: 210px; }
.w650 textarea { width: 520px; height: 45px; }

/*.w120 img  { margin-bottom: 15px; }*/



/*wordpress フィード*/
#spe #h3_spe_apnf {position: relative;}
#spe #h3_spe_apnf a {
	position: absolute;
	right: 0; top: 0;
	text-indent: 0;
	border: 1px solid  #e03d8e;
	padding: 2px 10px;
	font-size: 8pt;
}

#spe #feedNf div {
	border-bottom: 1px solid #eee;
	padding: 2px;
}
#spe #feedNf div.new {
	background: #fff8f8;
}
#spe #feedNf p			{ width: 74px; float: left; }	/*日付*/
#spe #feedNf .new p		{ }	/*日付*/
/*#spe #feedNf span.year	{ display: none; }	/*年*/
#spe #feedNf span.time	{ display: none; }	/*時間 margin: 0 5px; color: #888;*/


/*Twitterアイコン*/
.twicon {
	float: left;
	margin: 0 8px 8px 0;
}


/*体験版 STEP*/
#trialStep {
	display: block;
	overflow: hidden;
	height: 48px;
}
#trialStep li {
	float: left;
	display: block;
	height: 33px;
	text-align: left;
	text-indent: -9999px;
	background-image: url('trial_step.gif');
	background-repeat: no-repeat;
	margin-top: 3px;
}

#ts-01		{ width: 136px; background-position:    0px 0px; margin-left: 30px; }
#ts-02		{ width: 136px; background-position: -136px 0px; }
#ts-03		{ width: 136px; background-position: -272px 0px; }
#ts-04		{ width: 116px; background-position: -408px 0px; }

#ts-01.on	{ background-position:    0px -33px; }
#ts-02.on	{ background-position: -136px -33px; }
#ts-03.on	{ background-position: -272px -33px; }
#ts-04.on	{ background-position: -408px -33px; }


a.imgBtn { background: none; }

.trialDL { text-align: center; }
.trialDL h4 { margin-top: 1.2em !important; border-color: #e03d8e !important; }



/* ---------------------------------------------------------------------------
 関連商品 */
#gds #areaDetail { padding-top: 56px; }

#gds .detail {
	padding: 5px 0px 5px 5px;
	width: 582px;
	text-align: center;
}

#gds #feedNf * {
	line-height: 1.2;
}

/*投稿日（掲載日）*/
#gds #feedNf p {
	display: block;
	position: absolute;
	right: 4px;
	bottom: 1px;
}

#gds #feedNf a {
	text-decoration: none;
}

/*サムネイル*/
#gds #feedNf a img {
	float: left;
	width: 60px;
	margin-right: 5px;
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #d6cdcf;
	background-color: #fff;
}

#gds #feedNf a:hover img {
	border-color: #c00;
}

#gds #feedNf span {
	display: block;
}

#gds #feedNf div {
	zoom: 100%;
	position: relative;
	width: 280px;
	float: left;
	margin: 0 6px 6px 0; 
	padding: 3px;
	background: #f8f8f8;
}

#gds #feedNf div:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#gds div#feedNf:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#gds #feedNf div.new { background: #fff0f0; }
#gds #feedNf div.new p { color: #DB2681; font-weight: bold;} /*投稿日*/

/*[EOF]*/