@charset "UTF-8";
/*
Theme Name: Coming Soon
Description: Webサイト準備中用ページ
Version: 1
Author: Mana
Author URI: http://webcreatormana.com
*/



/****************************************
		リセット 
*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: middle;
	}
body{line-height: 1;}
ol, ul{list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
header,footer,section{display: block;}


/****************************************
		基本設定 - 色はここから変更 
*****************************************/
body{
    //background: #199dff url(bg.png);
    //background: #96d6f2;
    background: #707070;
    font: 16px/24px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #000
	}
.main {
	padding-top:15px;
	padding-left:10px;
	margin-left:10px;
	text-align:left;
	font-size:100%;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
}
.main2 {
	padding-top:15px;
	padding-left:10px;
	padding-right:50px;
	margin-left:10px;
	text-align:left;
	font-size:100%;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
}

.main3 {
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	text-align:left;
	font-size:70%;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
}

.application_main {
	padding-top:10px;
	padding-left:10px;
	margin-left:10px;
	margin-bottom:20px;
	text-align:left;
	font-size:110%;
	color: #fc4945;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.application_main2 {
	margin-top:10px;
	padding-left:40px;
	padding-right:5%;
	margin-bottom:20px;
	text-align:left;
	font-size:90%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.application_submit {
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	font-size:90%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.application_table {
	margin-top:10px;
	margin-left:20px;
	padding-left:100px;
	padding-right:15%;
}

.application_table_th {
	width:40%;
	margin-top:10px;
	padding-left:12px;
	padding-right:5%;
	text-align:left;
	font-size:90%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.application_table_td {
	width:60%;
	margin-top:10px;
	padding-left:12px;
	padding-right:5%;
	text-align:left;
	font-size:90%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.application_input_name {
	width:200px;
}

.application_input_mail {
	width:400px;
}

.application_input_box {
	width:400px;
	height:auto;
}


.plofite_main {
	padding-top:10px;
	padding-left:10px;
	margin-left:10px;
	margin-bottom:20px;
	margin-left:10px;
	text-align:left;
	font-size:100%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
}

.plofite_main2 {
	margin-top:10px;
	padding-left:20px;
	padding-right:5%;
	text-align:left;
	font-size:100%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
}

.kantei_main {
	padding-top:0px;
	padding-left:0px;
	margin-left:10px;
	margin-bottom:10px;
	margin-left:10px;
	text-align:left;
	font-size:110%;
	color: #fc4945;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.kantei_main2 {
	margin-top:0px;
	padding-left:30px;
	padding-right:5%;
	text-align:left;
	font-size:90%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}


.feedback_main {
	padding-top:0px;
	padding-left:0px;
	margin-left:10px;
	margin-bottom:10px;
	margin-left:10px;
	text-align:left;
	font-size:110%;
	color: #00BFFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.feedback_main2 {
	margin-top:0px;
	padding-left:30px;
	padding-right:5%;
	text-align:left;
	font-size:90%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}

.feedback_main3 {
	margin-top:0px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	font-size:80%;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3)
}


.titlemain1 {
	margin: 0;
	padding: 0;
	display:block;
	width:100%;
	height:100%;
	background-image:url(ryu.jpg);
	background-size:cover;
	background-repeat: no-repeat;
}

.main_back{
	margin-top:20px;
	text-align:center;
	background-position:center;
	height:400px;
	width:800px;
	background-image:url(monstera.png);
	background-repeat: no-repeat;
}
}

a{ color: #fff}
	a:hover{ color: #ccc}

.about {
	margin-top:10px;
	text-align:center;
	font-size:120%;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
}
.about2 {
	margin-top:10px;
	text-align:center;
	font-size:80%;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
}

a.menu_title{
	margin: 0;
	padding: 0;
	display:block;
	width:160px;
	height:40px;
	background-image:url(title.png);
	background-size:cover;
	background-repeat: no-repeat;
}

a.menu_btn_top{
	margin: 0;
	padding: 0;
	display:block;
	width:140px;
	height:40px;
	background-image:url(menu_top_off.png);
	background-repeat: no-repeat;
}

a.menu_btn_top:hover{
	background-image:url(menu_top_on.png);
}

a.menu_btn_kantei{
	margin: 0;
	padding: 0;
	display:block;
	width:140px;
	height:40px;
	background-image:url(menu_kantei_off.png);
	background-repeat: no-repeat;
}

a.menu_btn_kantei:hover{
	background-image:url(menu_kantei_on.png);
}

a.menu_btn_req{
	margin: 0;
	padding: 0;
	display:block;
	width:140px;
	height:40px;
	background-image:url(menu_req_off.png);
	background-repeat: no-repeat;
}

a.menu_btn_req:hover{
	background-image:url(menu_req_on.png);
}

a.menu_btn_blog{
	margin: 0;
	padding: 0;
	display:block;
	width:140px;
	height:40px;
	background-image:url(menu_blog_off.png);
	background-repeat: no-repeat;
}

a.menu_btn_blog:hover{
	background-image:url(menu_blog_on.png);
}

a.menu_btn_profile{
	margin: 0;
	padding: 0;
	display:block;
	width:140px;
	height:40px;
	background-image:url(menu_profile_off.png);
	background-repeat: no-repeat;
}

a.menu_btn_profile:hover{
	background-image:url(menu_profile_on.png);
}

a.menu_btn_feedback{
	margin: 0;
	padding: 0;
	display:block;
	width:140px;
	height:40px;
	background-image:url(menu_feedback_off.png);
	background-repeat: no-repeat;
}

a.menu_btn_feedback:hover{
	background-image:url(menu_feedback_on.png);
}


#wrapper{width:1024px; margin: 0 auto; padding: 20px;}

	

#headermain
{
	height:250px;
	background-image:url(ryu.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
}
/****************************************
		コンテンツ
*****************************************/
/*** Layout ***/
header{margin: 10px 0; text-align:center}
footer{
	margin-top:60px;
	text-align:center;
	font-size:75%
	}


/*** Fonts ***/
header h1{font-size:180%}
header h2{
	font-family: 'Philosopher';
	font-size:670%;
	color: #fff;
	margin: 70px 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
	}
header h3{
	font-size:300%;
	color: #fff;
	margin: 70px 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
	}	

/*** Timer ***/
#timer{
	margin: 30px 0 50px;
	background: #fff;
	overflow: hidden;
	padding: 30px;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;/* Webkit */
	-moz-border-radius: 7px;/* FF */
	}

#plofite{
	width:70%;
	margin: 30px 0 50px;
	background: #fff;
	overflow: hidden;
	padding: 30px;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;/* Webkit */
	-moz-border-radius: 7px;/* FF */
	}

#kantei{
	width:80%;
	margin: 20px 0 50px;
	background: #fff;
	overflow: hidden;
	padding: 20px;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;/* Webkit */
	-moz-border-radius: 7px;/* FF */
	}

#application{
	width:80%;
	margin: 30px 0 50px;
	background: #fff;
	overflow: hidden;
	padding: 30px;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;/* Webkit */
	-moz-border-radius: 7px;/* FF */
	}

#feedback{
	width:96%;
	margin: 20px 0 20px;
	background: #fff;
	overflow: hidden;
	padding: 20px;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;/* Webkit */
	-moz-border-radius: 7px;/* FF */
	}

#feedback2{
	width:80%;
	margin: 10px 0 10px;
	background: #fff;
	overflow: hidden;
	padding: 10px;
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;/* Webkit */
	-moz-border-radius: 7px;/* FF */
	}


#countdown{margin-top:30px;}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
	}
.countdown_show1 .countdown_section {width: 98%}
.countdown_show2 .countdown_section {width: 48%}
.countdown_show3 .countdown_section {width: 32.5%}
.countdown_show4 .countdown_section {width: 24.5%}
.countdown_show5 .countdown_section {width: 19.5%}
.countdown_show6 .countdown_section {width: 16.25%}
.countdown_show7 .countdown_section {width: 14%}

.countdown_section {
	display: block;
	float: left;
	text-align: center;
	}
.countdown_amount {
	font-size: 250%;
	font-family: 'Philosopher';
	}
.countdown_descr {
	display: block;
	width: 100%;
	}