@charset "Shift-JIS";
/**/
/* 
------------------------------------------------------------
file name: common.css
Author: H.Kaito
create: 2013.12.10

======================= contents ===========================
   ■1: タグリセット Browser-style reset
   ■2: 共通レイアウト common layout

============================================================



/*■1タグリセット　Browser-style reset*/
/* Reset -------------------------------------------------------------------- */
* {
	font-size:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
img {
	border:none;
   	vertical-align: bottom;
}
li {
	list-style: none;
}
div {
    zoom:1;
}
a {
	outline:none;
}
/* Layout ------------------------------------------------------------------- */

#main {
	padding: 10px 20px 0;
	width:920px;
	overflow:hidden;
}
#main_inner  {
	 margin: 0 auto;
	 padding-bottom: 80px;
}
.layout_tw #side {
	margin-top:-8px;
	padding-top:18px;
	display: inline;
	float: left;
	width:230px;
	overflow:hidden;
	margin-bottom:80px;
}
.layout_tw #main {
	display: inline;
	float: right;
	width:730px;
	padding:10px 0 0;
}
.layout_tw #main_inner{
	padding: 0 20px 80px 20px;
}
.layout_tw #side_inner {
	padding: 0px 20px 100px 18px;
	padding-bottom:100px;
}

/* Utilities */
.clearfix:after,
#content_inner:after {
	content:"";
	display:block;
	clear: both;
}
.clearfix,
#content_inner {
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix,
* html #content_inner {
	height: 1%;
}
.clearfix,
#content_inner {
	display: block;
}
/* */


/* Content ---------------------------------------------------------------- */
/* Common --------------------------- */
div.guide{
	position:relative;
}
a.guide_button {
	display: block;
	width:38px;
	height:34px;
	overflow:hidden;
	cursor: pointer;
	text-indent: -9999px;
	position:absolute;
	top:-5px;
	right:-5px;
	z-index:100;
}
a.guide_button:hover {
	background-position:0 -34px;
}
/* Container ----------------------- */
#container {
}
*:first-child+html #container {
	padding-left: 1px;
}
*html #container {
	padding-left: 1px;
}
body:nth-of-type(1) #container {
	padding-left: 1px;
}
#main_inner h1{
	margin-bottom:30px;
}
#main_inner h2{
	margin-bottom:20px;
}
#content_inner .pagetop{
position: absolute;
bottom: 10px;
right: 20px;
}

/* ---- */

p.error {
	color:#F00;
}
p.success {
	color:#2cb93c;
}
p.attention{
	padding-left:18px;
	padding-top:2px;
	padding-bottom:2px;
}
/* beginners guide */
#beginners_guide{
	height:329px;
	display:none;
}
#beginners_guide .inner{
	width:962px;
	height:329px;
	margin:0 auto;
	position:relative;
}
#beginners_guide .beginner_mark{
	position:absolute;
	top  :110px;
	left :-45px;
}
#beginners_guide .button_moredetail{
	position:absolute;
	top  :245px;
	left :679px;
	width:62px;
	height:59px;
	border:0;
	text-indent: -9999px;
}
#beginners_guide .button_moredetail:hover{
}
#beginners_guide .button_close{
	position:absolute;
	bottom:8px;
	right:19px;
	width:80px;
	height:28px;
	border:0;
	text-indent: -9999px;
	cursor:pointer;
}
#beginners_guide .button_close:hover {
}

#beginners_guide_close{
	height:40px;
	margin:0 auto;
}
#beginners_guide_close .inner{
	width:962px;
	height:40px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
#beginners_guide_close .button_open{
	position:absolute;
	bottom:8px;
	right:19px;
	width:80px;
	height:28px;
	border:0;
	text-indent: -9999px;
	cursor:pointer;
}
#beginners_guide_close .button_open:hover {
}

/* members_invite */

#members_invite{
	width:920px;
	height:215px;
	position:relative;
	margin: 10px auto 20px;
}
        .w960{
            width:960px;
            margin-left:auto;
            margin-right:auto;
        }
        .w900{
            width:900px;
            margin-left:auto;
            margin-right:auto;
        }
        .w800{
            width:800px;
            margin-left:auto;
            margin-right:auto;
        }
        
        /* /リキッド上書き用 */
        #beginners_guide_close{
            height:32px;
        }
        #beginners_guide{
            height:321px;
        }
        div{
            zoom:1;
        }
        
        div:after{
            content:" ";
            display: block;
            height:0px;
            clear:both;
            visibility:hidden;
        }
        
        p {
            line-height: 150%;
        }
        
        #main-content{
            background: #FFF;
        }
        /* about_bitcash */
        .button_register{
            display:block;
            /*background-color:#ff7300;*/
            color:#ffffff;
            margin:0 auto 60px auto;
            font-size:24px;
            font-weight:bold;
            text-decoration:none;
            line-height:0px;
            padding:0px 0;
            color:#ffffff;
            text-align:center;
            width:500px;
			/*
            text-shadow: 0 1px 0 rgba(0,0,0,0.4);
            border-radius:4px;
            border:1px solid #fc5600;
            background: -webkit-gradient(linear, left top, left bottom, from(#ff9500), to(#ff5900));    
            background: -moz-linear-gradient(top, #ff9500, #ff5900);    
			*/
        }
        .button_register:hover{
            opacity: 0.9;
            filter: alpha(opacity=90);		
		
			/*
            background-color:#ff9933;
            background: -webkit-gradient(linear, left top, left bottom, from(#ffaa22), to(#ff7722));    
            background: -moz-linear-gradient(top, #ffaa22, #ff7722);
			*/
        }
        .login_text{
            font-size:18px;
            text-align:center;
            margin-bottom:0px;
            font-weight:bold;
			color:#0000FF;
        }
        .about_bitcash {
            background:repeat scroll center center #ffffff;
            /*background: url("http://image.mgame.jp/portal/event/bitcash2014/bitcash_img/bg_background.jpg") repeat scroll center center #ededed;*/
            padding-bottom: 10px;
            text-align: center;
            border-top: 1px solid #999999;
        }
        
        
        .about_bitcash h2{
            background-image: url("http://image.mgame.jp/portal/event/bitcash2014/bitcash_img/bg_title-bitcash.png");
            background-position: center top;
            background-repeat: repeat-x;
            margin-bottom: 20px;
            padding: 0;
            text-align: center;
        }
        
        .about_bitcash .box {
            margin: 30px auto 10px auto;
            background-color: #EEEEEE;
            width: 920px;
            padding: 20px 0;
            text-align: left;
			box-shadow: inset 1px 1px 1px #c2c2c2;
			-0-box-shadow: inset 1px 1px 1px #c2c2c2;
            -moz-box-shadow: inset 1px 1px 1px #c2c2c2;
            -webkit-box-shadow: inset 1px 1px 1px #c2c2c2;
            
			border-radius: 4px 4px 4px 4px;
			-o-border-radius: 4px 4px 4px 4px;
            -webkit-border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px 4px 4px 4px;
            
            
        }
        
        .about_bitcash  h3{
            margin-bottom: 20px;
        }
        
        .about_bitcash strong{
            color:#FF4800;
            font-weight:bold;
        }
        
        .about_bitcash .box div {
            float: left;
            margin-right: 20px;
        }
        .about_bitcash .merit {
            margin: 20px auto 40px;
            text-align: center;
            width:900px;
        }
        .about_bitcash .merit1 {
            float: left;
            margin-right:20px;
        }
        .about_bitcash .merit2 {
            float: left;
        }
        
		
        /* キャンペーンについて */
        .detail{
            background-repeat:center 0;
            background-color:#ffffff;
            padding:40px 0 30px;
            text-align:left;
            color:#545454;
        }
        .detail .detail_body span {
            color:#ff4900;
        }
        .detail .detail_body p {
            line-height:1.75;
        }
        .detail .detail_body h2 {
            font-size:15px;
            margin-bottom:40px;
            line-height:1.75;
        }
        .detail .detail_body h3 ,
        .detail .detail_body h4 {
            font-size:15px;
            font-weight:normal;
            margin-bottom:20px;
            line-height:1.75;
        }
        .detail .detail_body h5 {
            font-size:15px;
            margin-left:10px;
            line-height:1.75;
        }
        .detail .detail_body dl {
            margin-bottom:20px;
        }
        .detail .detail_body dt {
            float:left;
            width:150px;
        }
        .detail .detail_body dd {
            float:right;
            width:750px;
        }
        .detail .detail_body dd div {
            margin-bottom:60px;
        }
        .detail .detail_body dd div.item_image {

            margin-bottom:20px;
            padding-top:20px;
        }
        .detail .detail_body dd p {
            margin-bottom:20px;
        }
        .detail .detail_body li{
            padding-bottom:20px;
        }
        .detail .detail_body li div {
            padding-bottom:20px;
        }
        .detail .detail_body li div:last-child{
            padding-bottom:0;
        }
        .detail .detail_body li strong{
            font-size:15px;
        }
        .detail .detail_body li p{
            line-height:1.5;
            margin-bottom:20px;
        }
        .cp_end{
            margin:0 auto 20px;
            padding:10px;
            border:1px solid #ff0000;
            width:880px;
            text-align:center;
            font-size:24px;
            color:#ff3300;
            font-weight:bold;
            background-color:rgba(255,255,255,0.4);
        }
        /* キャンペーン固有CSS */
        
        .entry {
            text-align:center;
            width:600px;
            margin:20px auto;
        }
        .entry ul{
            margin:0 0 0 20px;
            text-align:left;
        }
        .entry ul li{
            display:inline;
            padding:0 30px;
            border-right:1px solid #dddddd;
        }
        .entry ul li:last-child{
            border-right:0;
        }
        .official_page_link{
			/*
            margin-top:50px;
			*/
            margin-bottom:50px;
			margin-left:40px;
			
        }
		
        .official_page_link ul{
		list-style:none;			
        }
				
        .official_page_link li{
            margin:0 20px;
			float:left;
			
        }
		
        .button_official_page{
            display:block;
            color:#ffffff;
			width:330px;
            font-size:20px;
            font-weight:bold;
            text-decoration:none;
			/*background-color:#999999;*/
            /*margin:0 auto 20px; */			
            /*line-height:30px;
            padding:20px 0;
            color:#ffffff;
            text-align:center;
            text-shadow: 0 1px 0 rgba(0,0,0,0.4);
			/*
            border-radius:4px;
            border:1px solid #333333;            
			background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#555555));
            background: -moz-linear-gradient(top, #999999, #555555);
			*/
        }		
		
        .button_official_page:hover{
            opacity: 0.9;
            filter: alpha(opacity=90);
        }				
		
        .rs_logo{
            width:960px;
            margin:0 auto;
            padding-top:20px;
        }
        .label{
            text-indent:-9999px;
        }
		
        .entry_flow_head{
            text-align:center;
        }
        .entry_flow_body{
			position:relative;
            background-color:#EEEEEE;
			/*background-color: rgba(255,255,255,0.5);*/
			-ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
            padding:50px 0px 0;
            box-shadow:0 1px 1px #BBBBAA;
        }		
		
		
        .entry_flow_item_head{
        }
        .entry_flow_item_body{
            padding:20px 0;
        }
        .entry_flow_item_body .entry_notice{
            width:650px;
            margin:30px auto 0;
            color:#000000;
			font-size:15px;
			background:#FFFFFF;
        }
		
        .entry_flow_item_body .entry_notice dl{
            margin:5px 0;
            color:#000000;
			font-size:14px;
			font-weight:bold;
        }		
        .entry_flow_item_body .entry_notice span{
            color:#000000;
			/*
            color:#EE3333;
			*/
        }
        .entry_flow_item_body .entry_notice2{
            width:650px;
            margin:30px auto 0;
			position:relative;
			left:25px;
            color:#000000;
			font-size:14px;
        }
		
        .entry_flow_item_body .entry_notice2 dl{
            margin:5px 0;
            color:#000000;
			font-size:16px;
			font-weight:bold;
        }		
        .entry_flow_item_body .entry_notice2 span{
            color:#000000;
			/*
            color:#EE3333;
			*/
        }		
	
        .entry_step{
            width:600px;
            background:red;
            margin:0 auto 0;
        }
        .entry_step dt{
            background-color:#AA0000;
            color:#ffffff;
            width:120px;
            height:60px;
            line-height:60px;
            text-align:center;
            float:left;
            border-bottom:1px solid #ffffff;
        }
        .entry_step dd{
        }
        .method1 .entry_step dd{
        }
        .entry_step dd.long_text{
            line-height:20px;
            font-size:12px;
            padding-top:10px;
            height:50px;
        }
        .entry .button_entry_mbc,
        .entry .button_entry{
            display:block;
        }
        .button_entry_mbc:hover,
        .button_entry:hover{
            opacity: 0.7;
            filter: alpha(opacity=70);
        }
        .button_entry_mbc strong,
        .button_entry strong{
            font-size:20px;
            font-weight:bold;
        }
        .bc_coupon{
            font-size:15px;
            font-weight:bold;
            color:#B71A5F;
            margin-top   :30px;
            margin-bottom:30px;
        }
        .bc_coupon a{
            color:#B71A5F;
        }
        .entry_lead{
            font-size:15px;
            font-weight:bold;
            margin-bottom:20px;
        }
        .campaign_notice{
            width:800px;
            margin:0 auto 30px;
            line-height:20px;
            text-shadow:0 1px 0 #ffffff;
        }
		
        .rs_copy{
            /*background:url(http://image.mgame.jp/portal/event/bitcash2014/bitcash_img/present_copylight.png) center no-repeat;*/
			height:48px;
            text-align:center;
			clear:both;
            margin:20px 0 20px 20px;
            /*color:#8C8154;*/
            font-size:12px;
            text-shadow:0 1px 0 #ffffff;
            font-family: "Segoe UI";
        }
      /*]]>*/
	  
	  /*追加CSS*/
		.button_register2{
            display:block;
            background-color:#ff7300;
            color:#ffffff;
            margin:0 auto 20px;
            font-size:24px;
            font-weight:bold;
            text-decoration:none;
            line-height:0px;
            padding:0px 0;
            color:#ffffff;
            text-align:center;
            width:500px;
			height:100px;
            text-shadow: 0 1px 0 rgba(0,0,0,0.4);
            border-radius:4px;
            border:1px solid #fc5600;
            background: -webkit-gradient(linear, left top, left bottom, from(#ff9500), to(#ff5900));    
            background: -moz-linear-gradient(top, #ff9500, #ff5900);    
			
        }
        .button_register2:hover{
			
            background-color:#ff9933;
            background: -webkit-gradient(linear, left top, left bottom, from(#ffaa22), to(#ff7722));    
            background: -moz-linear-gradient(top, #ffaa22, #ff7722);
			
        }