@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */

h1,h2,h3,h4,h5,ul,li,form {margin: 0;padding: 0;}
img {border-style: none;border-width: 0;vertical-align: top;}

body {
	padding: 0;
	color: #DDDDDD;
	line-height: 1.6em;
	font-family: Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	background-color: #000000;
	margin: 0 auto 0 auto;
	width: 100%;
	-webkit-text-size-adjust:100%;
}
h1 {
	font-size: 18px;
}

/* クラスの設定
---------------------------------------------------- */
.header {
	width: 100%;
	height: 256px;
	margin: 0 auto;
}
.navibar {
	color: #FFFFFF;
	clear: both;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background-color: #00c7d2;
}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 100px 0px 100px 0px;
	background-color: #333333;

}

/* ナビゲーションバーリンク設定
---------------------------------------------------- */

.navibar a:link {
	color: #FFFFFF;
	text-decoration: none
}
.navibar a:visited {
	color: #FFFFFF;
	text-decoration: none
}
.navibar a:hover {
	color: #FFFFFF;
	text-decoration: underline
}

/* クラスの設定
---------------------------------------------------- */
.w100black {
	clear: both;
	width: 100%;
}
.w100gula {
	clear: both;
	width: 100%;
	background-image: url(../imagesnew/bggrade.gif);
	background-repeat: repeat-x;
}
.w100glay {
	clear: both;
	width: 100%;
	background-color: #222222;
}
.w100dl {
	clear: both;
	width: 100%;
	background-image: url(../imagesnew/bg_download.gif);
	background-repeat: repeat-x;
}
.w980left {
	width: 980px;
	margin: 0 auto;
}
.w728left {
	width: 728px;
	margin: 0 auto;
	padding: 60px 0px 60px 0px;
	font-size: 14px;
	line-height: 1.8em;
}
.w728center {
	width: 728px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.8em;
}
.w880left {
	width: 870px;
	margin: 0 auto;
	padding: 0px 0px 0px 10px;
	font-size: 16px;
	line-height: 2.0em;
}
.w880left2 {
	width: 870px;
	margin: 0 auto;
	padding: 0px 0px 0px 10px;
	font-size: 14px;
	line-height: 1.8em;
}
.badge01 {
	width: 780px;
	margin: 0 auto;
}
.badge02 {
	padding: 277px 0px 0px 320px;
}
.badge03 {
	padding: 330px 0px 0px 178px;
}
.badge04 {
	padding: 270px 0px 0px 178px;
}
.badge05 {
	text-align: center;
	padding: 500px 0px 0px 0px;
}
.badge06 {
	padding: 400px 0px 0px 178px;
}
.box196 {
	float: left;
	width: 196px;
	padding: 50px 0px 0px 0px;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.adbox1 {
	clear: both;
	width: 100%;
	background-color: #222222;
}
.adbox3 {
	clear: both;
	width: 100%;
	background-color: #222222;
	border-bottom:solid 1px #666666;
}
.adbox2 {
	margin: 0 auto;
	width: 728px;
	height: 90px;
	padding: 30px 0px 30px 0px;
	clear: both;
}

/* アプリタイトルクラスの設定
---------------------------------------------------- */
.title_base {
	width: 100%;
	height: 500px;
	background-color: #222222;
	clear: both;
}
.title_base2 {
	width: 100%;
	height: 600px;
	background-color: #222222;
	clear: both;
}
.title_d1 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_d1.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d2 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_d2.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d3 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_d3.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d4 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_blooocks.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d5 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_garou.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d6 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_kalaqulir.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d7 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_ruins.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d8 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_accelerometer.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d9 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_d4.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d10 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_daipyooon.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d11 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_hgirl.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d12 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_dz.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d13 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_da.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d14 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_es04r.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d15 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_nyanya.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d16 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_cavecafe.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d17 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_onsen.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_db18 {
	width: 100%;
	height: 600px;
	background-image: url(../imagesnew/appimagebigDVR.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d19 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_mj.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d20 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_d5.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d21 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_egg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d22 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_henmen.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d23 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_c90.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d24 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_sse.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_d25 {
	width: 100%;
	height: 500px;
	background-image: url(../imagesnew/appimagebig_ld.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


/* フォームの設定
---------------------------------------------------- */
.c_form {
	width: 500px;
	height: 18px;
	font-size: 12px;
	border: 0px;
	padding: 6px 0px 6px 10px;
	background-color: #222222;
	color: #ffffff;
}
.c_form2 {
	border: 0px;
	font-size: 12px;
	padding: 6px 0px 6px 10px;
	background-color: #222222;
	line-height: 1.6em;
	color: #ffffff;
}
.c_form3 {
	border: 3px double #444444;
	width: 100px;
	font-size: 14px;
	padding: 6px 10px 6px 10px;
	background-color: #222222;
	color: #ffffff;
}
.c_form3:hover {
	background-color: #666666;
	color: #ffffff;
}

/* リンクの設定
---------------------------------------------------- */
a:link {
	color: #00c7d2;
	text-decoration: none
}
a:visited {
	color: #00c7d2;
	text-decoration: none
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* フラッシュ領域設定
---------------------------------------------------- */
.bigt_01 {
	margin: 0 auto;
	width: 700px;height: 360px;
	border: 1px solid #444444;
}
.bigt_02 {
	margin: 0 auto;
	width: 560px;height: 430px;
	border: 1px solid #444444;
}
.bigt_03 {
	margin: 0 auto;
	width: 700px;height: 370px;
	border: 1px solid #444444;
}
.bigt_04 {
	margin: 0 auto;
	width: 700px;height: 450px;
	border: 1px solid #444444;
}
.bigt_05 {
	margin: 0 auto;
	width: 560px;height: 480px;
	border: 1px solid #444444;
}
.bigt_06 {
	margin: 0 auto;
	width: 560px;height: 500px;
	border: 1px solid #444444;
}
.bigt_07 {
	margin: 0 auto;
	width: 560px;height: 450px;
	border: 1px solid #444444;
}
.bigt_08 {
	margin: 0 auto;
	width: 560px;height: 480px;
	border: 1px solid #444444;
}
.bigt_09 {
	margin: 0 auto;
	width: 700px;height: 460px;
	border: 1px solid #444444;
}
.bigt_10 {
	margin: 0 auto;
	width: 560px;height: 542px;
	border: 1px solid #444444;
}

/* フォントスタイル他の設定
---------------------------------------------------- */
.both {clear: both;}

.t_left {text-align: left;}
.t_right {text-align: right;}
.t_crnter {text-align: center;}

.f_bold {font-weight: bold;}

.f_10 {font-size: 10px;}
.f_12 {font-size: 12px;}
.f_14 {font-size: 14px;}
.f_18 {font-size: 18px;}

.color_red {color: #F00;}
.color_ore {color: #F90;}
.color_blue {color: #00c7d2;}
.color_glay {color: #888888;}

.t05 {padding-top: 5px;}.t10 {padding-top: 10px;}.t15 {padding-top: 15px;}.t20 {padding-top: 20px;}.t25 {padding-top: 25px;}.t40 {padding-top: 40px;}.t110 {padding-top: 110px;}
.b05 {padding-bottom: 5px;}.b10 {padding-bottom: 10px;}.b15 {padding-bottom: 15px;}.b20 {padding-bottom: 20px;}.b30 {padding-bottom: 30px;}.b40 {padding-bottom: 40px;}.b45 {padding-bottom: 45px;}.b60 {padding-bottom: 60px;}
.l05 {padding-left: 5px;}.l10 {padding-left: 10px;}.l15 {padding-left: 15px;}.l20 {padding-left: 20px;}
.r05 {padding-right: 5px;}.r10 {padding-right: 10px;}.r15 {padding-right: 15px;}.r20 {padding-right: 20px;}.r18 {padding-right: 18px;}.r30 {padding-right: 30px;}
.r09 {padding-right: 9px;}

.h700 {height: 700px;}

.w100 {width: 100px;}
.w120 {width: 120px;}
.w160 {width: 160px;}
.w250 {width: 250px;}
.w290 {width: 290px;}
.w300 {width: 300px;}
.w320 {width: 320px;}
.w420 {width: 420px;}
.w440 {width: 440px;}
.w468 {width: 468px;}
.w500 {width: 500px;}
.w552 {width: 552px;}
.w562 {width: 562px;}
.w630 {width: 630px;}
.w640 {width: 640px;}
.w680 {width: 680px;}
.w692 {width: 692px;}
.w702 {width: 702px;}
.w760 {width: 760px;}
.w770 {width: 770px;}
.w800 {width: 800px;}
.w880 {width: 880px;}