@charset "utf-8";

html {-webkit-text-size-adjust: 100%}

body {
	color: #333;
	font-size: 14px;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	background: #041d2d url(../img/gradation.gif) repeat-x left top;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}
a {
	color: #0076e5;
	text-decoration: underline;
	-webkit-tap-highlight-color: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover { text-decoration: none;}
img { vertical-align: bottom;}
.cap { color: #666; font-size: 88%; line-height: 1.2em;}
.text_R { text-align: right;}
.text_c_red { color: #ff0000;}
.text_c_blue { color: #0076e5;}
.bg_yellow {
	display: block;
	color: #000;
	font-weight: bold;
	line-height: 1.5em;
	padding: 7px 12px;
	background-color: #fffec9;
}
#stage .area_g .bg_yellow {
	background-color: #e1f8c8;
}
.bg_gray {
	display: block;
	color: #000;
	font-weight: bold;
	line-height: 1.5em;
	padding: 7px 12px;
	background-color: #e6e6e6;
}
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}



/* --　header
----------------------------------------------- */
header {
	border-bottom: 4px solid #b4ac3b;
	text-align: center;
	background-color: #f7ec54;
}
header h1 {
	padding: 11px 0 10px 0;
	margin: 0 12%;
}
header h1 img {
	width: 100%;
	max-width: 320px;
}



/* --　stage
----------------------------------------------- */
#stage {
	border: 4px solid #cecdc6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin: 8px;
	background-color: #fff;
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 6px rgba(0,0,0,0.4);
	-ms-box-shadow: 0 0 6px rgba(0,0,0,0.4);
}
#stage h2 {
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	padding: 20px 0 16px 0;
	background: url(../img/dot_blue.gif) repeat left top;
}
#stage h2 .icon_book_close {
	padding-left: 25px;
	background: url(../img/icon_book_close.png) no-repeat left 0;
	background-size:22px 22px;
	-moz-background-size:22px 22px;
	-webkit-background-size:22px 22px;
	-o-background-size:22px 22px;
	-ms-background-size:22px 22px;
}
#stage h2 .icon_question {
	padding-left: 25px;
	background: url(../img/icon_question.png) no-repeat left 1px;
	background-size:22px 22px;
	-moz-background-size:22px 22px;
	-webkit-background-size:22px 22px;
	-o-background-size:22px 22px;
	-ms-background-size:22px 22px;
}
#stage h3.icon_book {
	border-top: 1px solid #cecdc6;
	color: #111;
	font-size: 110%;
	padding: 7px 0 5px 27px;
	margin-bottom: 16px;
	background: #eee url(../img/icon_book.png) no-repeat 5px 7px;
	background-size:18px 18px;
	-moz-background-size:18px 18px;
	-webkit-background-size:18px 18px;
	-o-background-size:18px 18px;
	-ms-background-size:18px 18px;
}
#stage h3.icon_exclamation {
	border-top: 1px solid #cecdc6;
	color: #111;
	font-size: 110%;
	padding: 7px 0 5px 27px;
	margin-bottom: 16px;
	background: #eee url(../img/icon_exclamation.png) no-repeat 5px 7px;
	background-size:18px 18px;
	-moz-background-size:18px 18px;
	-webkit-background-size:18px 18px;
	-o-background-size:18px 18px;
	-ms-background-size:18px 18px;
}
#stage .cbox {
	font-size: 90%;
	line-height: 1.3em;
	padding-bottom: 10px;
	margin: 0 10px 0 10px;
}
#stage .cbox2 {
	font-size: 90%;
	line-height: 1.3em;
	padding-bottom: 10px;
	margin: 0 10px 20px 10px;
}
#stage .area {
	border: 1px solid #e9e9e9;
	padding: 10px;
	margin-bottom: 16px;
	background-color: #f4f4f4;
}
#stage .area_g {
	border: 1px solid #c8d8b9;
	padding: 10px;
	margin-bottom: 16px;
	background-color: #effce1;
}
#stage .inner {
	border: 1px solid #e9e9e9;
	padding: 10px;
	margin-bottom: 16px;
	background-color: #fff;
}
#stage p {
	word-break: break-all;
	margin-bottom: 16px;
}
#stage p.mbn {
	margin-bottom: 0;
}
#stage p.dotline {
	border-top: 1px dotted #ccc;
	padding-top: 15px;
}
#stage p.capImg {
	text-align: center;
}
#stage p.capImg img {
	border: 5px solid #ddd;
	width: 60%;
}
#stage ol {
	list-style: decimal outside;
}
#stage ol li {
	margin-left: 20px;
	margin-bottom: 15px;
}
#stage table {
	margin-bottom: 16px;
}
#stage table td {
	border: 1px solid #dbdbdb;
	padding: 5px 8px;
	background-color: #fbfbfb;
}
#stage img.graph {
	margin-bottom: 5px;
}

/* スマートフォンアプリ */
.appstore {
}
/* イメージ */
.appstore h2 {
	margin-bottom: 20px;
}
.appstore .leadBar {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #FF3300;
}
.appstore .leadBar a {
	color: #FFFF99;
}
.appstore .appImg {
	display:box;
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	margin-bottom: 25px;
}
.appstore .appImg .imgBox {
	width: 50%;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
}
.appstore .appImg .imgBox img {
	width: 80%;
}
/* ボタン */
.appstore .accessStore {
	display:box;
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	padding-bottom: 25px;
}
.appstore .accessStore .storeBox {
	text-align: center;
	width: 50%;
	padding: 0 10px 0 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.appstore .accessStore .storeBox:last-child {
	padding: 0 0 0 10px;
}
.appstore .accessStore .storeBox .os {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 10px;
	background-color: #293842;
}
.appstore .accessStore .storeBox p {
	font-size: 70%;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 15px;
}
.appstore .accessStore .storeBox p img {
	width: 50%;
}
.appstore .accessStore .storeBox .goStore a {
	display:box;
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	color: #111;
	font-size: 86%;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding: 6px 3px;
	margin-bottom: 10px;
	background: -moz-linear-gradient(white, #e6e6e6);
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e6e6e6)); 
	box-shadow: 4px 4px #ccc;
	-moz-box-shadow: 4px 4px #ccc;
	-webkit-box-shadow: 4px 4px #ccc;
	-o-box-shadow: 4px 4px #ccc;
	-ms-box-shadow: 4px 4px #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.appstore .accessStore .storeBox .goStore a:hover {
	background: -moz-linear-gradient(#e6e6e6, #e6e6e6);
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6)); 
}
.appstore .accessStore .storeBox .goStore a span {
	display: block;
	padding: 0;
	margin: 0;
}
.appstore .accessStore .storeBox .goStore a span.icon {
	text-align: center;
}
.appstore .accessStore .storeBox .goStore a span img {
	width: 70%;
}
/* ボタン */
.btn_goPage {
	text-align: center;
	margin: 20px 0;
}
.btn_goPage a {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border: 2px solid #fff;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 15px;
	background: -moz-linear-gradient(#ff5d34, #ff3300);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5d34), to(#ff3300)); 
	box-shadow: 2px 2px #ccc;
	-moz-box-shadow: 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px #ccc;
	-o-box-shadow: 2px 2px #ccc;
	-ms-box-shadow: 2px 2px #ccc;
}
.btn_goPage a:hover {
	background: -moz-linear-gradient(#ff3300, #ff3300);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff3300), to(#ff3300)); 
}



/* --　とは？
----------------------------------------------- */
.about {}
.about .mt {
	padding-top: 15px;
}
.about .cap {
	padding-bottom: 15px;
}
.about .img {
	text-align: center;
	margin: 0 10px;
}
.about .img img {
	width: 100%;
}
.about .leadBar {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #ff831f;
}



/* --　戻るボタン
----------------------------------------------- */
#btnL {
	text-align: left;
	padding-top: 10px;
	margin-left: 10px;
}
#btnL a {
	color: #fff;
	font-weight: bold;
	padding-left: 22px;
	background: url(../img/icon_arrowL.png) no-repeat left center;
	background-size:18px 18px;
	-moz-background-size:18px 18px;
	-webkit-background-size:18px 18px;
	-o-background-size:18px 18px;
	-ms-background-size:18px 18px;
}



/* --　footer
----------------------------------------------- */
footer {
	color: #9a9a9a;
	font-size: 70%;
	text-align: center;
}
footer #copyright {
	padding: 10px 0 20px 0;
}
footer #poweredby {
	padding: 10px 0 15px 0;
	background: #fff;
}
footer #poweredby img {
	width: 50%;
	max-width: 320px;
}