@CHARSET "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	/*vertical-align:baseline;*/
	background:transparent;
}
body {
	line-height:1;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background-image: url(/assets/images/bg.gif);
	/*background-color: #191919;*/
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	cursor: pointer;
	text-decoration: none;
	color: #2f17d0;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}


* {
	font-size: 6px;
}

h1 {
	background-color: #000000;
}
h1, h2 {
	text-align: center;
}
/*body {
	background-image: url("./assets/images/bg.gif");
}*/
#top {
	text-align: center;
}
#entry {
	background-image: url("./assets/images/entry_bg.gif");
	background-repeat: no-repeat;
	background-position: center center;
}
#footer {
	/*display: none;*/
	width:100%;
	height:auto;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	margin: 0 auto;
}
a, body, .black {
	color: #1E1E1E;
}
#entry, .red {
	color: #FF2A2A;
}
.blue {
	color: #1C499E;
}
.magenta {
	color: #E23495;
}
.left {
	text-align: left;
}
.back {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
}
.c-both {
	clear:both;
} 
/* サイト全体を包む箱 */
.site-outline {
	 width: 320px; 
	height: auto;
	 margin: 0 auto; 
	margin-right: auto;
	margin-left: auto;
}

/* タイトルエリア */
.top-title-imge-wrap h1 {
	background-color: #fff;
}
.top-title-imge-wrap h1 a{
	text-decoration: none;
	background-color: #fff;
}

.top-title-area-wrap {
	width: 100%;
	height: 140px;
	margin: 0 auto;
}

.top-title-imge-wrap {
	width: 320px;
	height: auto;
	margin:0 auto;
}

.top-title-imge-wrap img {
	width: auto;
	height: auto;
	margin: 0;
	line-height: 0;
}

.top-introduce-wrap {
	width:300px;
	height:20px;
	text-align: center;
	/*background-color:#fef2de;*/
	padding: 7px 10px 10px 10px;
	background: -webkit-gradient(linear,left bottom, left top,
				from(#e2efd1),
				color-stop(0.01,#89c403),
				color-stop(0.02,#89c403),
				color-stop(0.03,#89c403),
				color-stop(0.30,#89c403),
				color-stop(0.5,#89c403),
				to(#89c403));
	background: -moz-linear-gradient(center bottom , rgba(137,196,3,1) 15%,
				rgba(137,196,3,1) 48%,
				rgba(137,196,3,1) 69%) repeat scroll 0% 0% transparent;
}

.top-introduce {
	display:inline-block;
	font-size:12px;
	color:#fff;
	line-height: 20px;
}
.top-introduce-bottom-wrap {
	width: 320px;
	height: auto;
	/* margin: 0px auto; */
	/* display: table-footer-group; */
	margin-top: 60px;
}

.top-introduce-bottom {
	width: 300px;
	text-align: center;
	font-size: 14px;
	color: #191919;
	margin-bottom: 10px;
	background-color: #e2efd1;
	padding: 10px;
}

.top-entry-link {
	width: 300px;
	height: 50px;
	margin: 0 auto;
}


/* コンテンツエリア */
.contents-outline {
	width:320px;
	height: auto;
}

.entry-button {
	width:150px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Courier New;
	font-size:14px;
	padding:8px 53px;
	text-decoration:none;
	text-shadow:0px 0px 0px #fef2de;
	margin-top: 20px;
	/*margin-bottom: 50px;*/
}
.entry-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.entry-button:active {
	position:relative;
	top:1px;
}

a.entry-button {
	width:85px;
	margin-left: 52px;
	color: #191919;
}



.dl-button {
	width:150px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Courier New;
	font-size:14px;
	padding:8px 53px;
	text-decoration:none;
	text-shadow:0px 0px 0px #fef2de;
	margin-top: 10px;
	/*margin-bottom: 50px;*/
}
.dl-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.dl-button:active {
	position:relative;
	top:1px;
}

a.dl-button {
	width:85px;
	/*margin-left: 52px;*/
	color: #191919;
}




/* コンテンツメニュー */
.contents-wrap-wrap {
	position: relative;
	width: 320px;
	height: auto;
	margin: 0 auto;
}

.contents-title-list-area-wrap {
	width: 280px;
	height: auto;
	padding-top: 30px;
}

.contents-wrap {
	margin-top:50px;
	width: 320px;
	height: auto;
	background-color: #e2efd1;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	padding-bottom: 20px;
}

.contents-headline img {
	position: absolute;
	left: 40px;
	top:-28px;
	opacity: 0.9;
}


.contents-title-area-wrap {
	position:relative;
	width:260px;
	height: 60px;
	background-color: #fff;
	margin: 20px 10px 10px 30px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}

.contents-title-imge-wrap {
	width: 60px;
	height: 60px;
	float: left;
}

.contents-title-imge-wrap img {
	width: 60px;
	height: 60px;
}

.contents-title {
	width: 170px;
	height: 60px;
	line-height:60px;
	float: left;
}

.contents-title a {
	display: block;
}

.contents-icon {
	width: 30px;
	height: 60px;
	float: left;
}

.contents-icon img {
	width: 20px;
	height: 20px;
	margin-top: 20px;
}

.contents-title a {
	text-decoration: none;
}

.quiz-info {
	display:inline-block;
	/*margin-top:40px;
	margin-bottom:40px;*/
	font-size: 14px;
	/*color:#d87523;*/
	color:#191919;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	width: 260px;
}

.toppage-price-written {
	display:inline-block;
	color:#d87523;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
	font-size:12px;
	width:260px;
}





/* 歴っしゅ！絵文字 */
/* 歴っしゅ！天下統一 */
.bar-title-imag-adjust {
	width: 320px;
	height: auto;
}

.contents-title-adjust {
	width: 320px;
	height: auto;
	text-align:center;
	margin: 20px auto;
	color: #f50126;
	font-size: 18px;
	font-weight: bold;
}

/* 歴っしゅ！天下統一 */
.contents-info-wrap {
	width: 300px;
	height: auto;
	background-color: #e2efd1;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	padding: 10px;
}



.contents-start {
	width: 290px;
	height: auto;
	/*text-align: center;*/
	font-size: 14px;
	line-height: 16px;
	/*display: inline-block;*/
	/*float: :left;*/
}

.contents-start a {
	width: 275px;
	display: inline-block;
	line-height: 24px;
	text-align: center;
}

.contents-start-wrap {
	width: 300px;
	height: auto;
	background-color: #e2efd1;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	padding: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.contents-text {
	font-size: 14px;
	line-height: 16px;
}

.text-center-adjust {
	text-align: center;
}


.sp-ver-contents {
	width: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.sp-ver-contents a {
	display:block;
	width: 300px;
}

.image-super-wrap img {
	width: 50%;
}

/* フッター付近ラベル */
.footer-label-wrap {
	width:300px;
	height:auto;
	text-align: center;
	/*background-color:#fef2de;*/
	padding: 7px 10px 10px 10px;
	background: -webkit-gradient(linear,left bottom, left top,
				from(#e2efd1),
				color-stop(0.01,#89c403),
				color-stop(0.02,#89c403),
				color-stop(0.03,#89c403),
				color-stop(0.30,#89c403),
				color-stop(0.5,#89c403),
				to(#89c403));

	background: -moz-linear-gradient(center bottom , rgba(137,196,3,1) 15%,
				rgba(137,196,3,1) 48%,
				rgba(137,196,3,1) 69%) repeat scroll 0% 0% transparent;
}

.top-label-introduce {
	display:inline-block;
	font-size:12px;
	color:#fff;
	line-height: 28px;
}

/* フッター付近のメニュー */
.top-return {
	display:block;
	width:100%;
	height:auto;
	font-size:14px;
	color: #f39a05;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

ul.footer-menu {
	display: block;
	height:auto;
	list-style-type: none;
	background-color: #e2efd1;
	padding-left: 0px;
	/*padding-bottom: 30px;*/
}

li.footer-menu-list {
	/*margin-left: 10px;*/
	border-bottom: solid 1px #88b940;
}

a li.footer-menu-list {
	text-decoration: none;
	margin-left: 0px;
	line-height: 30px;
	display: inline-block;
	width: 320px;
}

li.footer-menu-list img {
	margin-left: 10px;
	margin-right: 10px;
}

.credit {
	line-height: 16px;
}


/* 微調整 */
.margin-adjust {
	margin-top: 30px;
}
.margin-adjust-top {
	margin-top: 15px;
}

.margin-adjust-bottom {
	margin-bottom: 15px;
}

.site-color {
	color: #ff78ff;
}

.attention-color {
	color: #ff0000;
}
.height-adjust {
	height: 20px;
}
.text-font-size-adjust {
	font-style: 12px;
}
.top-return a.footer-button-adjust {
	margin-left:0px;
	margin-top: 0px;
}

.contents-text img {
	width:50%;
}

a img.arrow-control {
	width:4%;
}

.select-name {
	color: #191919;
	font-size: 18px;
	line-height: 30px;
	height: 40px;
}

.select-name img {
	margin-right: 6px;
	width: 5%;
}

/* 汎用ボタン */
.common-button {
	text-align:center;
	border: none;
	cursor: pointer;
	height: 22px;
	margin: 10px 2px 10px 0px;
	padding: 6px;
	width: auto;
	border-radius: 5px;
	background: -webkit-gradient(linear,left bottom, left top,
				from(#e2efd1),
				color-stop(0.01,#89c403),
				color-stop(0.02,#89c403),
				color-stop(0.03,#89c403),
				color-stop(0.30,#89c403),
				color-stop(0.5,#89c403),
				to(#89c403));
	background: -moz-linear-gradient(center bottom , rgba(137,196,3,1) 15%,
				rgba(137,196,3,1) 48%,
				rgba(137,196,3,1) 69%) repeat scroll 0% 0% transparent;
	color: #191919;
	font-weight: bold;
	font-size: 12px;
	line-height: 23px;
}
.common-button a {
	display: block;
}

a.common-button:hover {
	color: #191919;
}

.current-button {
	text-align:center;
	border: none;
	cursor: pointer;
	height: 22px;
	margin: 10px 2px 10px 0px;
	padding: 6px;
	width: auto;
	border-radius: 5px;
	background: -webkit-gradient(linear,left bottom, left top,
				from(#e2efd1),
				color-stop(0.01,#89c403),
				color-stop(0.02,#89c403),
				color-stop(0.03,#89c403),
				color-stop(0.30,#89c403),
				color-stop(0.5,#89c403),
				to(#89c403));
	background: -moz-linear-gradient(center bottom , rgba(137,196,3,1) 15%,
				rgba(137,196,3,1) 48%,
				rgba(137,196,3,1) 69%) repeat scroll 0% 0% transparent;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

a.common-button,
span.current-button {
	line-height: 60px;
}

.contents-text p img {
width: 100%;
}

/* 対応端末リスト */
.mobile-list-wrap {
	color: #191919;
	font-size: 12px;
}

/* auかんたん決済ロゴマーク */
.au-logo {
	width: 80px;
	height: 40px;
	float: left;
}

.input-button-wrap {
	float: right;
	margin-top: 5px;
}

.kingaku-wrap {
	margin-top: 20px;
	margin-bottom: 20px; 
}
.au-login-wrap a {
	display: block;
	width: 320px;
}

img.au-login-icon {
	margin: 0px auto;
	display: block;
}

p.explain.red {
	text-align:center;
	font-size: 12px;
	color: #d87523;
	padding-top: 20px;
}

/* 退会送信ボタン */
img.submit_button {
	width: 50px;
	height: 25px
}

/* 登録と退会ボタン周り */
.sign_unsign_bg {
	background-color: #fff2e6;
	padding: 10px;
	font-size: 12px;
	border-radius: 5px;
}
..input-button-wrap input {
	font-size: 12px;
	line-height: 24px;
}
.sign_info {
	font-size: 12px;
	/*color: #d87523;*/
	color: #191919;
}
/*登録確認ページ*/
.display-wrap{
	height:auto;
	width:280px;
	background-color: #e2efd1;
	padding:10px;
	padding-left:30px;
}
/*登録確認ページのリスト*/
.display-list{
	margin-top:10px;
}

/* 特商表 */
.font_size_small {
	font-size: 12px;
}