@charset "utf-8";
/* CSS Document */


/* Common Style */

/*Common*/

/*clearfix*/
.clearfix { zoom:1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }

.white{
	color:#FFF;
}

.red{color:red;}


a:hover{
	text-decoration:none;
	
}
.note dt {
  position: relative;
}
.note dt span {
  position: absolute;
}
.note dd {
  padding-left: 1em;
}


html{
	height: 100%;/* #containerのmin-heightに対して必要なもの */
	margin: 0;

	padding: 0;
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;


}

img{
	max-width:100%;
	
}

area{
  border:none;
  outline:none;
}
body{
	color:#FFFFFF;
	background-color:#000;	
}

#preview{
	position: absolute;
	border: 3px solid #333;
	background: #444;
	padding: 5px;
	display: none;
	color: #FFF;
	text-align: center;
}

li{
	list-style:none;
	
}




/*pc_sp*/
@media screen and ( max-width:640px )
{

.pc{
	display:none;
	
	
}
.sp{
	display:block
	
}
}
@media screen and ( min-width:641px )
{
.pc{
	display:block
}

.sp{
	display:none;
	
}

}

#wrap{
	margin:0 auto;
	background-image: url(images/bg.gif);
	background-repeat:repeat;
	width:960px;
}



header{
	height:252px;
	
}


/*content*/


#content{
	padding:10px;
	
}

/*card*/
#card{
	padding:0 5%;
	
}

#card li{
	width:50%;
	float:left;
	text-align:center;
    padding: 2% 0;
}


#card li img{
	width:85%;
	
}

.sp_card{
	margin:5% auto;
	float: none !important;
	clear:both;
	
}


/*footer*/

footer{
	background-image: url(images/footer_bg.jpg);
	background-size:cover;
	padding:10px 10px 0;
	
}

#footerInner{
	border-radius:6px;
	background-color:#021007;
	padding:7px;
	font-size:0.8em;
/* box-shadow */
box-shadow:0px 0px 6px -2px #000000 inset;
-moz-box-shadow:0px 0px 6px -2px #000000 inset;
-webkit-box-shadow:0px 0px 6px -2px #000000 inset;
}


#back{

	text-align:center;
	padding:10px 0;
	background-image:url(images/back_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0 -10px;
	
	
}
#back a{
	color:#364eaa;

	
}

#copy{

	text-align:center;
	padding:10px 0;
	color:#000;
	background-image:url(images/copy_bg.png);
	background-position:center bottom;
	background-repeat: no-repeat;
	background-size: contain;

	
}

/*card_detail*/
#card_detail{
	padding:8%;
	
}


.box{
	width:800px;
	margin:20px auto 30px;

	padding:15px;	
}

/*QR*/

#qr{
	border:4px #999999 solid;
	font-size:1.2em;
	
}

#qr img{
	float:left;
	margin-right:20px;
	
}



#caution{
		border:4px #F00 solid;
		font-size:0.8em;
}

#caution h3{
	color:#F00;
}


#os{
	border:4px #999999 solid;
	font-size:1em;
}


#os dt{
	font-weight:bold;
	
}
#os dd{
	padding-left:1em;
}

#os p{
		font-size:1em;
		padding:10px;
}


div h3{
	font-size:1.4em;
	text-align:center;
	margin-bottom:15px;
	
}