@charset "utf-8";

em {font-style:normal; font-weight:bold;}

.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}

.floatLeft {float:left;}
.floatRight {float:right;}

.clearLeft {clear:left; margin:0; padding:0; line-height:0; font-size:0;}
.clearRight {clear:right; margin:0; padding:0; line-height:0; font-size:0;}
.clearBoth {clear:both; margin:0; padding:0; line-height:0; font-size:0;}

.coinStyle {color: #FF0000; font-family: 'Arial Black'; font-size: 150%; line-height:100%;}
.coinStylesmall {color: #FF0000; font-family: 'Arial Black'; font-size: 130%; line-height:135%;}

/* fontSize */
.L2 {font-size: 80%;line-height: 160%;}
.L3 { font-size: 95%; line-height: 160%}
.F1 {font-size: 75%; line-height: 100%;}

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

div#coinDetailContainer {width:980px; margin:25px auto;}
div#wcoinDetailSidebar {width:220px; margin:0px; padding:0 20px 0 0; float:left;}
div#wcoinDetailMain {width:740px; margin:0px auto; text-align:left; float:right;}
div#ycoinDetailSidebar {width:220px; margin:0px; padding:0 20px 0 0; float:left;}
div#ycoinDetailMain {width:740px; margin:0px auto; text-align:left; float:right;}

/* sidebar */
div.sidebarMenuTitle , div.sidebarMenuTitleYagi {width:205px; height:23px; padding:9px 0 0 15px; text-align:left; font-weight:bold; background-color:#fbfbfb; border-top:1px solid #8dcee6; border-left:1px solid #8dcee6; border-right:1px solid #8dcee6; border-radius:5px 5px 0 0; }

ul.sidebarMenuList,
ul.sidebarContentsMenuList,
ul.sidebarMenuListYagi {list-style-type:none; width:100%; margin:0 0 10px 0; border-bottom:1px solid #8dcee6; border-left:1px solid #8dcee6; border-right:1px solid #8dcee6; border-radius:0 0 5px 5px; }

ul.sidebarContentsMenuList li {width:200px; height:102px; text-align:left; padding:5px 10px; border-top:1px dotted #8dcee6;}
a.contentsMenuImg {width:50px; height:55px; padding:20px 0 10px 8px;}

ul.sidebarMenuList li , ul.sidebarMenuListYagi li {width:220px; height:32px; text-align:left; border-top:1px dotted #8dcee6;}
ul.sidebarMenuList li a , ul.sidebarMenuListYagi li a {display: block; padding:10px 0 0 25px; position: relative;}

a.menuIconArrow {background:url(/images/contents/game_recomme/service/wcoin/icon_menuArrow.png) no-repeat 10px 10px;}

.sidebarMenuTitleYagi{background-color:#f7fbf1 !important; border-top:1px solid #bad487 !important; border-left:1px solid #bad487 !important; border-right:1px solid #bad487 !important;}
ul.sidebarMenuListYagi{border-bottom: 1px solid #bad487 !important; border-left: 1px solid #bad487 !important; border-right: 1px solid #bad487 !important;}
ul.sidebarMenuListYagi li {border-top:1px dotted #bad487 !important;}

.sidebarContentsMenuBase {display:block; height:100%; width:100%; background-repeat: no-repeat; background-position:144px 28px;}
.yagirace {background-image:url(/images/contents/game_recomme/service/wcoin/obj_yagiraceImg.png);}
.avatar {background-image:url(/images/contents/game_recomme/service/wcoin/obj_avatarImg.png);}
.royalKnights {background-image:url(/images/contents/game_recomme/service/wcoin/obj_royalKnightsImg.png);}
.sidebarContentsTitle {font-weight:bold; font-size:13px;}
.sidebarContentsCaption {display:block; width:135px; font-size:12px; }


/* main */
.listArticleTitleYagi{text-align: left; border-bottom: 2px solid #91C44B; padding: 0 0 10px 0; margin: 0 0 10px 0;}
div#wcoinSummaryContainer {width:708px; height:43px; padding:15px; margin:20px 0 15px 0; border:1px dotted #bfbfbf; border-radius:5px;}
div#wcoinSummaryTitle {width:180px; padding:10px 0 0 0; text-align:left; font-weight:bold; color:#333333;}
div#wcoinSummary {width:360px; padding:8px 0 0 0; text-align:left;}
a#chargeBtnContainer {display: block; margin:0; padding:0; border:0; text-align:right;}
a#chargeBtnContainer:hover{opacity: 0.8;}

h3 {width:721px; height:27px; margin:17px 0 0 2px; padding:9px 5px 0 10px; border-radius:3px; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #d4d4d4; background:url(/images/contents/game_recomme/service/wcoin/bg_drop.png) repeat 0 0; background-color:#f4f4f4; position:relative; line-height:0;}
#iconDetailUse {position:absolute; top:7px; left:11px;}
#titleDetailUse {margin:0 0 0px 30px;}
#iconDetailCharge {position:absolute; top:7px; left:9px;}
#titleDetailCharge {margin:0 0 0px 38px;}
.coinExplanation{margin-top: 15px;}

/* table */
table.wcoinDetailList {width:738px; border:1px solid #8dcee6; margin:12px 0; border-collapse:separate; border-spacing:0;}
table.wcoinDetailList th {padding:7px 0; text-align:center; font-weight:bold;  background:#f1f9fc; color:#333333; list-style:none; border-collapse:separate; border-bottom:1px dotted #8DCEE6; }
table.wcoinDetailList td {padding:12px 0; border-collapse:separate;}
table.wcoinDetailList .boderRight1 {border-right:1px dotted #c8dfe8;}
table.wcoinDetailList .itemColor1 {background:#FFFFFF;}
table.wcoinDetailList .itemColor2 {background:#f6fbfe;}

table.ycoinDetailList {width:738px; border:1px solid #bad487; margin:12px 0; border-collapse:separate; border-spacing:0;}
table.ycoinDetailList th {padding:7px 0; text-align:center; font-weight:bold;  background:#ebf5d8; color:#333333; list-style:none; border-collapse:separate; border-bottom:1px dotted #b0db5a; }
table.ycoinDetailList td {padding:12px 0; border-collapse:separate;}
table.ycoinDetailList .boderRight1 {border-right:1px dotted #b0db5a;}
table.ycoinDetailList .itemColor1 {background:#FFFFFF;}
table.ycoinDetailList .itemColor2 {background:#f4fbe6;}

ul.listItem {list-style-type:none; margin:0; padding:0;}
ul.listItem li {float:left; margin:0; padding:15px 0;}

.fontMonospace {font-family: monospace; font-size:95%;}

/* pager & sorting */
div.pager a,div.pager span {margin:0 3px;}
div.pagerTop {margin:8px auto 0 auto;}
div.pagerBottom {margin:0px auto;}
.searchMenu ,
.sortingMenu{margin-top: 15px; float: left;}
.sortingMenu{margin-left: 25px}
.searchMenu a,
.sortingMenu a {background-color:#F9F9F9; border:1px solid #CCCCCC; text-decoration:none;}
.searchMenu a:hover ,
.sortingMenu a:hover {border:1px solid #006699;}
.searchMenu a,
.sortingMenu a,
.searchMenu span,
.sortingMenu span {color:#006699; margin:0 3px; padding:1px 6px; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";display: inline-block;}
.searchMenu span.current,
.sortingMenu span.current {background-color:#006699; border:1px solid #006699; color:#FFFFFF; font-weight:bold; display: inline-block;}
.sortingMenu:after{ content: ""; clear: left; width: 0; height: 0; margin: 0;}
.balloon{ position: relative; background: #7d7d7d; margin:0 10px 0 0; padding: 2px 3px; width: 66px; text-align: center; color: #FFFFFF; box-sizing: border-box; float: left;}
.balloon:after{ content: ""; position: absolute; right: -60px; bottom: 1px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #7d7d7d transparent transparent transparent; border-width: 8px 0 8px 8px; transform: rotate(45deg);}

#dependListCaution {padding:20px 0px 0px 0px; width:800px;}


/* footer bunner */
#pointDetail_footer {margin:40px auto;}