/* CSS Document */
@charset "shift_jis";

/******************共通******************/

/*--アイテム1個--*/
.itembox1 {
width:118px;
text-align:center;
}
.itembox1_R {
text-align:right;
}
/*--アイテム2個以上--*/
.FL_L {
float:left;
}
.FL_R {
float:right;
}
.FL_ML {
margin-left:10px;
float:left;
}
.FL_MR {
margin-right:10px;
float:right;
}

.itembox2 li{
text-align:center;
float:left;
margin-right:10px;
}

.box2 li {
float:left;
margin-right:10px;
}
.box2C li {
float:left;
text-align:center;
margin-right:10px;
}
/* システム紹介ページ対策 */
#EV-CP_template .box2 li {
float:left;
margin-right:10px;
}



/************************************ノーマル用************************************/

/*--ノーマルエリア定義--*/
.box_AreaNormal {
width:430px;
}

/*--アイテム+テキスト--*/
.NL_text {
width:290px;
padding-top:5px;
}

/*--SS+テキスト--*/
.SSbox li {
width:200px;
float:left;
margin-right:10px;
}

/*--アイテム3個幅143px--*/
.itembox3 {
width:143px;
text-align:center;
float:left;
}



/*--その他の画像--*/

/*--webmoney--*/
.WMC_Gbox1w_FL {
width:200px;
float:left;
}
.WMC_Gbox1w_FL_M10p {
width:200px;
float:left;
margin-right:10px;
}
.WMC_Gbox2h_FL_M10p {
width:132px;
text-align:center;
float:left;
margin-right:10px;
}
.WMC_Gbox2h_FL_M10p {
width:132px;
text-align:center;
float:left;
margin-right:10px;
}
/*--webmoney+テキスト--*/
.WMbox li {
width:135px;
text-align:center;
float:left;
margin-right:10px;
}

/***********記号***********/
.plus {
width:40px;
margin-top:39px;
float:left;
}


/*--エリア拡張アイテム4個配置用--*/
#EV-CP_template .contentsBoxEX {
width:492px;
margin-bottom:30px;
margin-left:60px;
}
.itembox4 li {
width:118px;
text-align:center;
float:left;
margin-right:5px;
}




/************************************キャンペーン対象枠内************************************/

/*------CPg568px------*/

/*--枠内真ん中のマージン値--*/

/*--アイテム4個用エリア--*/
.item_boxAreaSP4 {
width:472px;
margin-left:48px;
}
.item_boxAreaSP4 li {
text-align:center;
float:left;
}
/*--アイテム3個用エリア--*/
.item_boxAreaSP3 {
width:354px;
margin-left:107px;
}
.item_boxAreaSP3 li {
text-align:center;
float:left;
}
/*--アイテム2個用エリア--*/
.item_boxAreaSP2 {
width:236px;
margin-left:166px;
}
.item_boxAreaSP2 li{
text-align:center;
float:left;
}


/*------CPg448px------*/

/*テキスト+アイテム*/
.itemtextL {
width:320px;
margin-right:10px;
padding-top:5px;
float:left;
}

/*------CPg488px------*/

/*--アイテム1個用エリア--*/
.item_boxAreaSPM1 {
width:488px;
text-align:center;
}


/*--アイテム2個用エリア--*/
.item_boxAreaSPM2 {
width:236px;
margin-left:126px;
}
.item_boxAreaSPM2 li {
text-align:center;
float:left;
}

/*--アイテム3個用エリア--*/
.item_boxAreaSPM3 {
width:354px;
margin-left:67px;
}
.item_boxAreaSPM3 li {
text-align:center;
float:left;
}

/*--アイテム4個用エリア--*/
.item_boxAreaSPM4 {
width:472px;
margin-left:8px;
}
.item_boxAreaSPM4 li {
text-align:center;
float:left;
}

/******************調整用******************/
.mgt {
margin-top:10px;
}
.mgl {
margin-left:10px;
}
.mgr {
width:115px;
margin-right:10px;
}
.tac {
text-align:center;
}
.tar {
text-align:right;
}

.solidframe {
border:1px solid #0B2934;
padding:5px;
}

/******************Fieldset and Legend******************/
.randombox_contents legend{
font-weight:bold;
color:#ff0000;
}
.randombox_contents fieldset{
border:solid 1px #ff0000;
padding:15px;
margin:15px;
}
.campaignDetailBox legend{
font-weight:bold;
color:#ff0000;
}
.campaignDetailBox fieldset{
border:solid 1px #ff0000;
padding:15px;
margin:15px;
}

/******************attention Area******************/

.contentsBoxAT{
margin:0px;
padding:0px;
}
.contentsBoxAT li{
padding-left:0.5em;
text-indent:-0.5em;
margin-bottom:0.5em;
margin-top:0 !important;
}
.contentsBoxAT li .inner{
padding-left:0.5em;
text-indent:-0.5em;
}



/*cf*/
.cf {display: inline-block;}
/* Hides from IE5/Mac \*/
* html .EV-CPcf {height: 1px;}
.cf {display: block;}

.cf:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
/* End hide from IE5/Mac */

.cf2 {
display: block;
display: inline-block;
content: ".";
display: block;
font-size: 0;
clear: both;
/* visibility: hidden; */
/* height: 0; */
}

/****************** クエストコンプ用 ******************/
.qc_parts_main {
margin-left:28px;
}
.qc_parts_main p{
margin-bottom:1em;
}

/****************** Color Table ******************/

.field_dataDetail{
padding:10px 12px;
}
.field_dataDetail .stripedtable {
width:100%;
border:1px solid #236580;
}
.field_dataDetail .stripedtable thead th {
background:#236580;
color:white;
text-align:center;
white-space:nowrap;
}
.field_dataDetail .stripedtable th,
.field_dataDetail .stripedtable td{
border:1px solid #236580;
padding:3px 5px;
}
.field_dataDetail .stripedtable .evenline{
background:#f1f7fa;
}

/******************アイテム交換関係******************/
/* Item ChangeNeedGet */

/*　縦真ん中寄せ */
.Item_ChangeNeedGet .ItemNeed {
display:table-cell;
width:120px;
margin-right:10px;
vertical-align:middle;
}
.Item_ChangeNeedGet .ItemGet {
display:table-cell;
width:370px;
vertical-align:middle;
text-align:center;
}
/*IE6,7 Hacking need this for vertical align START*/
* html .Item_ChangeNeedGet .ItemNeed {/* IE 6 */
display:inline;
width:120px;
zoom:1;
}
* html .Item_ChangeNeedGet .ItemGet {/* IE 6 */
display:inline;
width:370px;
zoom:1;
}

*:first-child+html .Item_ChangeNeedGet .ItemNeed {/* IE 7 */
display:inline;
width:120px;
zoom:1;
}
*:first-child+html .Item_ChangeNeedGet .ItemGet {/* IE 7 */
display:inline;
width:370px;
zoom:1;
}
/*IE6,7 Hacking need this for vertical align END*/


/* アイテム交換用 */
.Itembox_temp{
width:370px;
}
.Itembox_temp .indivi_itemlist {
width:130px;
float:left;
}
.Itembox_temp .indivi_itemlist_acce {
width:50px;
padding-top:35px;
float:left;
}
.Itembox_temp .indivi_itemlist p{
padding-left:6px;
}
.Item_ChangeNeedGet {
border:1px solid #0B2934;
padding:5px 0px;
}
.Item_ChangeNeedGet_top {
background-color: #EFF7FF;
border:1px solid #0B2934;
border-bottom:none;
padding:5px 0px;
padding-left:5px;
}
.ItemBoxextCenter{
color:#0B2934;
font-weight:bold;
font-size:12px;
}
.ItemBoxAttention {
padding-left:12px;
padding-right:15px;
color:#FF0000;
}


/******************スキルアップデート用テーブル******************/
#EV-CP_template_contents_innersInner .contentsBoxSkillup {
width:560px;
margin:15px auto 45px 30px;
}
#EV-CP_template_contents_innersInner .contentsBoxSkillup table {
float:left;
margin-top:4px;
min-height:290px;
}
#EV-CP_template_contents_innersInner .contentsBoxSkillup #skillupSY {
margin-left:15px;
width: 350px;
border:solid #069F66 1px;
}
#EV-CP_template_contents_innersInner .contentsBoxSkillup #skillupSY th {
background-color:#ddffdd;
border:solid #069F66 1px;
text-align:center;
padding:0.5em;
}
#EV-CP_template_contents_innersInner .contentsBoxSkillup #skillupSY td {
text-align:center;
border:solid #069F66 1px;
padding:0.5em;
}
#EV-CP_template_contents_innersInner .contentsBoxSkillup #skillupSY .indentalign {
vertical-align:top;!important
}
#EV-CP_template_contents_innersInner .contentsBoxSkillup #skillupSY .indentalign p {
text-align:left;!important
}

/* ガチャアイテム+ＳＳ+説明をＣＰページ用にリサイズ */
.itemList li {
width:250px;
border:1px solid #236580;
margin:0 0 10px 10px;
padding:5px 15px 5px 10px;
float:left;
display:inline;
}







/******************ランダムボックス枠用******************/
.randombox_unit {
width:568px;
margin:0 10px;
background:url(../../../common/img/ms/mssy_unit_bottom.gif) left bottom no-repeat;
padding:0;
padding-bottom:27px;
margin-bottom:15px;
}
.boxWrappBase {
background:url(../img/ev-cp/cpTemp_campaignDetailBox_baseBg.gif);
}
.boxWrappBG {
background:url(../img/ev-cp/cpTemp_campaignDetailBox_bg.gif) 0 50% no-repeat;
padding:0;
}
.randombox_contents {
background:url(../../../common/img/ms/mssy_unit_bg.gif);
padding:0px 30px;
}

/* ランダムボックステーブルその他 */
#randombox .randombox_unit .randombox_contents p,
#randombox .randombox_unit .randombox_contents table {
/*margin-top:1em;*/
}
#randombox .randombox_unit .randombox_contents p img {
float:right;
margin-left:1em;
display:inline;
}
#randombox .randombox_unit .randombox_contents .field_dataDetail .stripedtable {
width:100%;
border:1px solid #236580;
}
#randombox .randombox_unit .randombox_contents .field_dataDetail .stripedtable thead th {
background:#236580;
color:white;
text-align:center;
white-space:nowrap;
}
#randombox .randombox_unit .randombox_contents .field_dataDetail .stripedtable th,
#randombox .randombox_unit .randombox_contents .field_dataDetail .stripedtable td{
border:1px solid #236580;
padding:3px 5px;
}
#randombox .randombox_unit .randombox_contents .field_dataDetail .stripedtable .evenline{
background:#f1f7fa;
}
.randombox_itemareaA {
width:259px;
float:left;
}
.randombox_itemareaB {
width:241px;
margin-left:8px;
float:left;
}

/* ランダムボックスアニメgif */
#randombox #randombox_header {
position:relative;
}
#randombox #randombox_header #white{
position:absolute;
top:338px;
left:175px;
}
#randombox #randombox_header #black{
position:absolute;
top:354px;
left:31px;
}
#randombox #randombox_header #gray{
position:absolute;
top:340px;
left:95px;
}
#randombox #randombox_header #next{
position:absolute;
top:339px;
left:14px;
}



/* アイテム交換用 */
.Itembox_temp{
width:370px;
}
.Itembox_temp .indivi_itemlist {
width:130px;
float:left;
}
.Itembox_temp .indivi_itemlist_acce {
width:50px;
padding-top:35px;
float:left;
}
.Itembox_temp .indivi_itemlist p{
padding-left:6px;
}
.Item_ChangeNeedGet {
border:1px solid #0B2934;
padding:5px 0px;
}
.Item_ChangeNeedGet_top {
background-color: #EFF7FF;
border:1px solid #0B2934;
border-bottom:none;
padding:5px 0px;
padding-left:5px;
}
.ItemBoxextCenter{
color:#0B2934;
font-weight:bold;
font-size:12px;
}
.ItemBoxAttention {
padding-left:12px;
padding-right:15px;
color:#FF0000;
}

/* 080624_newuserSY */
.newuser_item2 {
margin-left:240px;
}

#EV-CP_template #mgrnot {
margin-right:-10px;
}

/* 080624_arumaCP */
.aruma_gif {
margin-left:40px;
}

/* 080624_chibitauCP */
.tau_gif {
margin-left:205px;
}
.tau_mgt {
margin-top:20px;
}
#check {
display:none;
}