@charset "utf-8";

header {
 font-size: 100%;
 text-align: center;
 height:120px;
}

h1 {
 font-size: 95%;
 padding:1px;
 margin:1px;
 color: #000000;
}

h2 {
 font-size:70%;
 padding:1px;
 margin:1px;
 color:#1e90ff;
}

h2.blue {
 font-size:70%;
 padding:1px;
 color:#1e90ff;
}

/*******************************
header用
*******************************/
.header_space {
 height:100%;
}

.header_space_1 {
 height:180px;
}

/*logo画像*/
#logo_img {
 height:120px;
}

/*topページのみ*/
#logo_img_1 {
width: 100%;
}

/*logo画像裏のグラデーション背景*/
.logo_bg_gradation {
 width:100%;
 height:80px;
 background: -webkit-gradient(linear, left top, left bottom, from(#030347),  color-stop(0.05, #030347), to(#009FE8));
}

hr.blueLine {
	border: 0;
	margin: 0;
	padding: 0;
	width:100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#009DEE), to(#006DB5));
	height: 7px;
}

hr.transparencyLine {
	border: 0;
	margin: 0;
	padding: 0;
	width:100%;
	background: #ffffff;
	height: 10px;
}

/************************
テキスト用
************************/

/*中央寄せ*/
.txt{font-size:16px; width:100%; text-align:center; margin:5px 0 10px 0; }

/*左寄せ*/
.txt_2{font-size:16px; width:100%; text-align:left; margin:10px 0 5px 0;}

span.linkMessage {
	color: black;
	font-weight: bold;
	font-size: 85%;
}
/**********************
navタグ内
**********************/

.nav-category {
 margin:5% auto 0 auto;
}

.nav-category li {
 color: #FFFFFF;
 font-size: 20px;
 text-shadow: 0 0 2px #FFFFFF;
 margin:5px 0px 5px 0px;
}

.nav-category a {
 padding: 0px;
 display: block;
 font-weight: bold;
 color: #000000;
 text-decoration: none; 
 text-align: center;
 /*margin:10px auto;*/
 -webkit-tap-highlight-color: rgba(0, 1, 0, 1);
}

.nav-category-1,
.nav-category-2,
.nav-category-3,
.nav-category-4,
.nav-category-5 {
 -webkit-border-radius:20px;
 border: 1px #dcdcdc solid;
}

/*index.html用*/
.nav-category-1 {
 
 /*gradient styles*/
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
}

/*index.html用*/
.nav-category-2 {
 background:#dcdcdc;
 height:120%;
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
}

/*「◯　はい」用*/
.nav-category-3 {
 background: #f5f5f5;
 height:60px;
 /*gradient styles*/
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
}

/*「☓　いいえ」用*/
.nav-category-4 {
 background:#dcdcdc;
 height:60px;
 /*gradient styles*/
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
}

/*？わからない用*/
.nav-category-5 {
 background: #f5f5f5;
 height:60px;
 /*gradient styles*/
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
}

/*1、2の選択肢用*/
.nav-category-6 {
 background: #f5f5f5;
 height:55px;
 margin3% auto 3% auto;
}

/*1、2、3の選択肢用*/
.nav-category-7 {
 background: #f5f5f5;
 height:50px;
 margin-bottom: 3%;
 margin-top:1%;
}

/*02.htmlの2番目の選択しよう*/
.nav-category-8 {
 background: #f5f5f5;
 height:75px;
 margin3% auto 3% auto;
}

/**********************
icon画像用
**********************/

/*◯アイコン*/
.icon_yes_img {
 height:50%;
}

/*☓アイコン*/
.icon_no_img {
 height:50%;
}

/*?アイコン*/
.icon_unknow_img {
 height:50%;
}

/*index.htmlの初心者マークアイコン*/
.icon_bigginer_img {
 height:45%;
}

/*index.htmlのクマアイコン*/
.icon_kuma_img {
 height:45%;
}

/*グレー右向き矢印*/
.arrow1_img {
 height: 45%;
}

/*オレンジ下向き矢印*/
.arrow2_img {
 height:20px;
}

/*index.htmlの今すぐはじめる方、お友達に招待された方用*/
img.linkBoxAllow {
	height: 50%;
	text-align: right;
}

/*1*/
.icon_01_img {
 height: 40%;
}

/*2*/
.icon_02_img {
 height: 40%;
}

/*問い合わせボタン　項目２つのとき*/
.btn_mail_img {
 margin:5px auto 5px atuo;
 height:55px;/*.nav-category-6と同じ高さに*/
}

/*問い合わせボタン 項目3つのとき　11.html用*/
.btn_mail_img_2 {
 height:48px;/*.nav-category-6と同じ高さに*/
}

.btn_mail_img_div {
 width:100%;
 text-align:center;
 margin:5px auto 5px auto;
 }

/**********************
選択肢内のdivタグ用
**********************/

/*nav内の親ボックス*/
.category_1, /*ボックス3つ用*/
.category_2, /*ボックス2つ用*/
.category_4, /*09.html用*/
.category_5 { 
 width:100%;
 height: 100%;
 display: table;
}

.category_5 {
 width:80%;
 text-align:right;
}

/*ボックスの共通設定*/
.category_1_icon,
.category_1_txt,
.category_1_arrow,
.category_2_icon,
.category_2_txt,
.category_3_txt,
.category_4_txt,
.category_4_arrow,
.category_5_txt,
.category_5_arrow {
 display: table-cell;
 height:100%;
 vertical-align:middle; /*垂直方向の真ん中に*/
}

/*category_1はindex.html用*/
.category_1_icon {
 width:20%;
}

.category_1_txt {
 text-align: left;
 width:65%;
 vertical-align:middle;
}

.category_1_txt h1 {
 padding:1px; /*h1で指定したpadding-bottom 3%をクリア*/
}

.category_1_txt h2 {
 padding:1px;
}

.category_1_arrow {
 width:15%;
}

.category_2_icon {
 width:20%;
 text-align: center;
}
.category_2_txt {
	padding-right: 3%;
	text-align: left;
	width: 80%;
}

.category_2 h1 {
 font-size: 80%;
 text-align: left;
 padding: 3px; /*h1で指定したpadding-bottom 3%をクリア*/
}

.category_3_txt {
 text-align: left;
 width: 80%;
}

.category_3_txt h1 {
 font-size: 70%;
 text-align: left;
 padding: 1px; /*h1で指定したpadding-bottom 3%をクリア*/
}

.category_4_txt {
 width:80%;
 padding: 1px;
}

.category_4_txt h1 {
 font-size: 70%;
 text-align: center;
 padding: 1px; /*h1で指定したpadding-bottom 3%をクリア*/
}

.category_4_arrow {
 width:20%;
}

/*09.htmlの「返信が届かない方はこちらへ」用*/
.category_5 {
 width:100%;
 height:50px;
 background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#ffffff));
 border: solid 1px #dcdcdc;
 font-size: 25px;
 -webkit-border-radius:20px;
 margin:20px auto 5px auto;
 text-align:center;
}

.category_5_txt {
 width:90%;
 padding: 1px;
 text-align:center;
}

.category_5_txt h1 {
 font-size: 70%;
 padding: 1px; /*h1で指定したpadding-bottom 3%をクリア*/
}

.category_5_arrow {
 width:10%;
 padding-bottom:6px;
}

div.linkBox {
	height: 50%;
}

a#indexATag {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 60px;
	display: block;
}

div#indexBeginnersBox {
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
}