@charset "UTF-8";

/* ==================================================================
CSS information
style info :「howtoplay」 用
================================================================== */



#contents { background: url(../_img/howtoplay/bg_r.png) top center repeat;}
#contents .contents-inner { width: 910px; margin: 0 auto;}

/* --------------------------------------------------------
#ttl-block
-------------------------------------------------------- */
#ttl-block { background: url(../_img/howtoplay/ttl_bg.png) top center repeat-x; }
#ttl-block .inner-cont { padding-bottom: 40px; }


#ttl-block #tf { top: -8px; left: 50%; margin-left: -255px; }
#ttl-block #category { margin-bottom: 12px;}




/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 { padding-top: 0px; padding-bottom: 30px; }
#c1 .inner-cont { width: 910px; margin: 0 auto;background: url(../_img/howtoplay/c1_bg.png) top center no-repeat; height: 658px; position: relative; }

#c1 .pic { position: absolute; top: -46px; left: 539px; }
#c1 .pic img { position: relative;}
#c1 .subttl { margin-left: 39px; padding-top: 21px;}
#c1 .text { margin-left: 39px; padding-top: 37px;}

#c1 .pic-list { position: absolute; top: 0; left: 0;}
#c1 .pic-list li { position: absolute; }
#c1 .pic-list .p1 { top: 375px; left: 38px;}
#c1 .pic-list .p2 { top: 375px; left: 495px;}

#video-box { position: absolute; top: 32px; left: 65px;}

/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { padding-top: 0px; padding-bottom: 25px; float: left; }
#c2 .inner-cont { width: 440px; margin: 0 auto;background: url(../_img/howtoplay/c2_bg.png) top center no-repeat; height: 323px; position: relative; }

#c2 .pic { position: absolute; top: -20px; left: 253px; }
#c2 .pic img { position: relative;}
#c2 .subttl { margin-left: 30px; padding-top: 31px;}
#c2 .text { margin-left: 30px; padding-top: 39px;}
#c2 .btn { margin-left: 30px; padding-top: 27px;}
#c2 .btn a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }



/* --------------------------------------------------------
#c3
-------------------------------------------------------- */
#c3 { padding-top: 0px; padding-bottom: 25px; float: right; }
#c3 .inner-cont { width: 440px; margin: 0 auto;background: url(../_img/howtoplay/c3_bg.png) top center no-repeat; height: 323px; position: relative; }

#c3 .pic { position: absolute; top: -25px; left: 214px; }
#c3 .pic img { position: relative;}
#c3 .subttl { margin-left: 30px; padding-top: 31px;}
#c3 .text { margin-left: 30px; padding-top: 39px;}