@charset"utf-8";

/*-----------------------------------------
  all
-------------------------------------------*/
body { 
	margin: 0px;
	padding: 0px;
	display: block;
	font:95%/1.3em  Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	background: #e5e5e5;
	overflow-x: hidden;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	width:100%;
}

div#wrap{
	margin: 0;
}

 p{
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
}

 ul{
	margin: 0;
	padding: 0px;
	list-style-type:none;
}

.card{
	margin: 0px 5px 65px 5px;
	padding: 0px 0px 10px 0px;
	background-color: #fff;
}

.main_area{
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 15px 0px;
	font-size:14px;
}

.sub_area{
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border-top: 1px solid #e1e2e6;
	border-bottom: 1px solid #e1e2e6;
	font-size:12px;
	background:#f9f9f9;
}
/*-----------------------------------------
 メインエリア
-------------------------------------------*/
h1,h2{
	margin: 28px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	font-size:20px;
	line-height:1.2em;
	border-bottom: 2px solid #e1e2e6;
}

.img_box_title {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.img_box_title img{
	margin: 0px;
	width:100%;
}

.text_read_sub{
	margin-top:2px;
	padding:0px 5px 0px 5px;
	font-size: 13px;
	line-height:1.4em;
	color: #666666;
	text-align: center; 
}
.red{
	color: #ff0000;
}
.orange{
	color: #e17a00;
	font-weight: bold;
}
.green{
	color: #006600;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

/*-----------------------------------------
   ボタン
-------------------------------------------*/
.box_center {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	text-align: center;
	vertical-align: middle;
}

.box_center a{
	text-decoration: none;
	display: block;
}

.box_center a img.googleplay{
	width:98%;
}

.box_center a img.appstore{
	margin-top:5px;
	width:100%;
}

/*オレンジボタン*/
.orange_btn {
	margin:10px 0px 5px 0px;
	padding:20px 0px 20px 0px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	width:90%;
	background: #ff9900;			/*ボタンカラ―*/
	-webkit-border-radius: 8px;		/*ボタンの角を丸く*/
	-webkit-box-shadow: 0px 3px 1px #cc6600;/*ボタンの影*/
	border: 0;
}

.btn_title{
	margin:20px 0px 0px 0px;
	font-weight: bold;
	color:red;
	font-size: 15px;
	text-align: center;
}

.txt_box_sub{
	padding: 5px 0px 2px 0px;
	font-size: 15px;
	/*inline-hight:1.1em;*/
	color: #494949;
	text-align: center;
}

/*-----------------------------------------
 リスト
-------------------------------------------*/
.float_box{
	clear:both;		
 	display:table-cell;
 	padding:10px 0px 5px 0px;
 	/*border-top: solid 1px #d3d3d3;*/
 	background-position: 98% 50%;
 	background-repeat: no-repeat;
	vertical-align: middle; 
}

.float_box .icon{
	float:left;
	width:50px;
	padding:2px;
}

.float_box .msg_box{
	margin:0px;
	padding:0px 0px 3px 60px;
	height:100%;
	align:middle; 
}

.float_box .msg{
	margin-top:5px;
	font-size:19px;
	font-weight:bold;
}

.float_box .msg_sub{
	margin-top:2px;
	font-size:14px;
}


/* 機能一覧のリスト */
.list_box{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	border-top:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}
.list_box li{
	padding: 2px 0px 0px 10px;
	border-bottom:1px solid #d1d1d1;
}
.green_title{
	padding:2px 2px 2px 4px;
	color:#fff;
	border-bottom:1px solid #d1d1d1;
	background:#006600;
}
.orange_title{
	padding:2px 2px 2px 4px;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #d1d1d1;
	background:#ff9900;

}

.copyright{
	padding-top: 10px;
	text-align: center;
	font-size:12px;
}

/*footer */
div#footer {  
	position: fixed !important;
	position: absolute;  
	bottom: 0;  
	left: 0; 
	width: 100%;
	height: 75px;
	padding:0;
	margin:0;
	background-color: #CCC;	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 0.8);
}