@charset"utf-8";

/*-----------------------------------------
all
-------------------------------------------*/

body { 
	margin: 0px;
	padding: 0px;
	background: #f0f0f2;
	color: #000000;
	line-height:1.2em;
}
h1,h2,h3,h4{
	margin: 0;
	padding: 0;
	font-size:120%;
}

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

.clear{
	clear:both;
}
.red{
	color: #ff0000;
}
.orange {
	color:#f76d00;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

.large{
	font-size:18px;
}
.small{
	font-size:14px;
}

a{
	text-decoration: none;
	display: block;
}
hr{
	margin:10px;
	border:none;
    border-top:solid 1px #CCC;
}


.main_area{ 
	margin: 0 auto;
	margin-top:20px;
	width:95%;
}

.main_area p.ver{
	margin: 0px 0px 0px 5px;
	font-size:14px;
	font-weight:bold;
}

.main_area p{
	margin: 10px 0px 0px 0px;
	font-size:16px;
}

.card{
	margin: 15px 0px 30px 0px;
	padding: 0px 0px 15px 0px;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 6px -1px #999999;	
	-webkit-border-radius: 2px;		/*ボタンの角を丸く*/
	color:#666666;
}

.line_orange{
	border-top:4px solid #ffcc33;
}

.line_pink{
	border-top:4px solid #ff6699;
}

.indent{
	padding: 0px 10px 0px 10px;
}
/*-----------------------------------------
 お知らせ内容
-------------------------------------------*/
.card .title_img {
	margin: 0px;
	padding: 0px 0px 0px 0px;

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



.card .title_text{
	padding: 10px 12px 5px 10px;
	font-weight:bold;
	font-size:17px;
}

.card .img_box{
	text-align: center; 
	padding: 0px 5px 0px 0px;
}
.card .img_box img{
	margin-top:15px;
	border: 1px solid #d1d1d1;
	width:95%;
}

.card .w70 img{
	width:60%;
}

.card p{
	margin:5px 15px 0px 15px;
	font-size: 14px;
	line-height:1.4em;
}
.card p.text_read_sub{
	margin:5px 15px 0px 15px;
	padding:0px 5px 0px 5px;
	font-size: 13px;
	line-height:1.4em;
	color: #666666;
	text-align: center; 
}
.text_center{
	padding:15px 2px 15px 2px;
	font-weight: bold;
	text-align: center; 
}

.card ul{
	list-style: disc;
	padding: 4px 10px 10px 35px;
	font-size:14px;
}


/*-----------------------------------------
   ボタン
-------------------------------------------*/

.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;
}

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

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


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

/*ライムボタン*/
.lime_btn {
	margin:10px 0px 5px 0px;
	padding:11px 10px 9px 10px;
	color: white;
	font-weight: bold;
	width:80%;
	background: #99cc33;			/*ボタンカラ―*/
	-webkit-border-radius: 8px;		/*ボタンの角を丸く*/
	-webkit-box-shadow: 0px 3px 1px #009900;/*ボタンの影*/
	border: 0;
}


/*ラインボタン_グレー*/
.solid_ccc_btn {
	margin:10px 0px 5px 0px;
	padding:20px 10px 20px 10px;
	color: #474747;
	font-weight: bold;
	width:80%;
	background: #ffffff;			/*ボタンカラ―*/
	-webkit-border-radius: 8px;		/*ボタンの角を丸く*/
	-webkit-box-shadow: 0px 3px 1px #707070;/*ボタンの影*/
	border: 1px solid #ccc;			/*ボタンのライン*/
	/*ボタンのグラデ*/
	background: -webkit-gradient(
    linear, left top, left bottom,
    from(rgba(255,255,255,0)),
    to(rgba(0,0,0,0.25))), #fff;
}

/*黒ボタン*/
.black_btn {
	margin:10px 0px 5px 0px;
	padding:20px 10px 20px 10px;
	color: white;
	font-weight: bold;
	font-size:18px;
	width:85%;
	background: #000000;			/*ボタンカラ―*/
	-webkit-border-radius: 8px;		/*ボタンの角を丸く*/
	-webkit-box-shadow: 0px 3px 1px #666666;/*ボタンの影*/
	border: 0;
}

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

.sub_box{
	padding: 0px 10px 10px 10px;
	color: #494949;
}
.sub_box p{
	font-size: 14px;
}
/*-----------------------------------------
   テーブル
-------------------------------------------*/
.function_matrix {
	padding:10px 15px 5px 15px;
}

.function_table {
	border-collapse:collapse;
	width:100%;
	font-size:80%;
}

.empty_cell {
	visibility:hidden;
}
.function_matrix table {
	border-spacing:0;
	border-color:gray;
}
.free_cell {
	border-color:gray;
}
colgroup.feature_cols {
	width:40%;
}
colgroup.free_cols {
	width:30%;
}	
colgroup.member_cols {
	width:30%;
	border:4px solid #ff9933;
}
.function_matrix table  td { padding: 5px; border: 1px solid #bfbcb0; }
.function_matrix table  th { padding: 5px; border: 1px solid #bfbcb0; }
.function_matrix th.free_cell {
	background:#f8f6f0;
	color:#4c4a40;
}

.function_matrix th.member_cell {
	background-color:#ff9933;
	line-height: 1.1em;
	font-weight: bold;
	color: white;
}

.price_cell .free_cell {
	font-size: 93%; background: #faf9f4; color: #66645a;
	text-align: center;
}

.price_cell .member_cell {
	background-color: #ffe8cf; color: #f57a00;
	text-align: center;
}

.feature {
 	font-weight: bold; color: #66645a;
}
.free_feature_cell {
	text-align: center;
}
.member_feature_cell {
	text-align: center;
	background-color: #fff5ea;
}
/*-----------------------------------------
   リスト
-------------------------------------------*/
.list_box{
	width:100%;
	padding:15px 0px 15px 0px;
	background-image: url("http://www.navitime.jp/iphone/storage/smartphone/iphone_arrow_1405.png");
	background-size:14px;
 	border-bottom: 1px solid #e9e9eb;
 	background-position: 97% 50%;
 	background-repeat: no-repeat;
 	text-align: left;
 	vertical-align: middle;
}
.msg_box{
	padding:0px 20px 0px 20px;
	font-weight:bold;
}
.list_box a{
	color:#333333;
}

.list_top{
	margin-top:15px;
	border-top: 1px solid #e9e9eb;
}

.card_style_gray{
	background-color: #f0f0f2;
	-webkit-box-shadow: 1px 2px 6px -1px #f0f0f2;	
}
.copyright{
	margin-bottom:20px;
	font-size:14px;
	color:#999999;
	text-align:center;
}