@charset "utf-8";
/* header*/
.headerSky {background: none repeat scroll 0 0 #4726AB;}

/* title */
 #bgLp {width:100%; text-align:center; margin:0 auto; background:url(/images/contents/yagirace/campaign/lp/cp/cp002_7thAnniversary/bg_header.png) repeat-x 0 0;}
 #titleHeaderContainer {width:100%; height:188px; margin: 0 auto; background:url(/images/contents/yagirace/campaign/lp/cp/cp002_7thAnniversary/bg_title.png) no-repeat center top;}
 #titleHeader {margin:10px 0 0 -100px;}

/* mainContainer */
#cpMainContainer {width:960px; margin:0 auto; text-align:left;}
#cpMainContainer h3{height:40px;}
#aboutCpContainer {height:379px; margin: 10px 0 40px; padding:88px 0 0 40px; box-sizing: border-box; -web-box-sizing:border-box; background:url(/images/contents/yagirace/campaign/lp/cp/cp002_7thAnniversary/bg_aboutCP.png) no-repeat 0 0;}
#aboutCpTerm{width:283px; height:246px; float:left; background:url(/images/contents/yagirace/campaign/lp/cp/cp002_7thAnniversary/obj_cpTerm.png) no-repeat 0 0;}
#aboutCpLink{float: left; margin:85px 0 0 35px;}
#aboutCpContainer a {display:block; margin:2px 0 12px; line-height:180%; color:#734331; font-weight:bold;}
#aboutCpContainer a:hover {color:#a77b6b;}
#cpMainContainer h4 {margin:25px 0 0 20px;}
.cpTerm {width:930px; height:30px; margin:25px auto; padding:20px 0 20px; background-color:#f2e9f8; border-radius:10px; position: relative;}
.cpTerm img{margin-left:23px;}
#cpCaution {width:915px; padding:10px 0 0 45px; margin:15px 0 15px 0; text-align: left; list-style-image: url(/images/contents/yagirace/campaign/lp/lp_common/icon_list.png);}
#cpCaution ul li {padding:3px 0;}

/* cp1&2 */
.prize{text-align:center;}
.prize img{margin:auto;}

/* cp2 */
a#btnCharge {display:block; position: absolute; top:15px; right:23px; width:300px; height:40px; margin:0 auto; background:url(/images/contents/yagirace/campaign/lp/cp/cp001_6thAnniversary/btn_charge.png) repeat 0 0;}
a#btnCharge:hover {background-position:0 -40px;}
#aboutYagiCoin {width:930px; margin:0 auto 20px; box-sizing: border-box; -web-box-sizing:border-box; padding:20px 0 20px 30px; border:3px solid #e6e6e6; border-radius:10px;}
#aboutNobunaga:hover {opacity:0.8; cursor: pointer;}
#aboutNobunaga{width:924px; height:326px; margin:0 auto; border:2px solid #efe4c2; border-radius: 7px; overflow: hidden; background:url(/images/contents/yagirace/campaign/lp/cp/cp002_7thAnniversary/obj_aboutNobunaga.png) no-repeat -1px -1px;}

/* cp3 */
#cp1,#cp2,#cp3,#cp4 {margin:50px auto 0;}
#balloon {position:absolute; top: -109px; right:2px;}
#saleItemContainer {width:930px; margin:15px auto 0; box-sizing: border-box; -web-box-sizing:border-box; padding:25px 18px; position:relative; text-align:center; border-radius:10px; background:url(/images/contents/yagirace/campaign/lp/cp/cp002_7thAnniversary/bg_pattern.png) repeat 0 0;}
.saleItem {margin:0 7px; display:block; float:left; width:135px;}
a#btnGoShop {display:block; width:628px; height:40px; margin:25px auto 0; background:url(/images/contents/yagirace/campaign/lp/cp/cp002_7thAnniversary/btn_goShop.png) repeat 0 0;}
a#btnGoShop:hover {background-position:0 -40px;}

/* cp4 */
#royalKnightsBox{margin: 0 0 0 20px;}
.marL15{margin-left:15px;}
.marTop15{margin-top:15px;}
.marTop25{margin-top:25px;}
.marTop30{margin-top:30px;}
.gray {opacity:0.8; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);}
.prize a:hover {opacity:0.8;}