@charset "utf-8";

/*-----------------------------------------------------------------------------*/

/* HTML5のディスプレイ定義 */

/*-----------------------------------------------------------------------------*/
/*
 Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/*
  Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}

/*
  Prevent modern browsers from displaying `audio` without controls.
  Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/*
  Address styling not present in IE 8/9.
 */
[hidden] {
    display: none;
}




/*-----------------------------------------------------------------------------*/

/* 基本設定 */

/*-----------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
/*　selectを含まない　*/
*:not(select) {
	background-repeat:no-repeat;
	}

html {	font-size: 100%; /*16px相当*/}

html, body {　height:100%;}

body {
	color:#aaa;

	text-align:center;
	font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", sans-serif;
	font-size: 11px;
	line-height: 1.9;
	letter-spacing:0.5px;

	background-color:#1a1a1a;
	background-image:url(../images/bg.jpg);
	background-position:center top;

	/*　iphoneでの文字拡大禁止　*/
	-webkit-text-size-adjust: 100%;

	}

table {
    font-size:inherit;
	line-height: 1.4;
	}
	th,td {
	font-weight: normal;
	text-align: left;
	}

h1,h2,h3,h4,h5,h6,em,pre {	font-weight:normal;}

img {	border:0px; vertical-align:bottom; }

li {	list-style: none;}

.clear {
/*	height: 0px;*/
	clear:both; 
	}
.nowrap { white-space: nowrap; }

.text_c, .text_c p {	text-align:center !important;}
.text_r, .text_r p {	text-align:right !important;}

.float_l {	float:left;}
.float_r {	float:right;}

/*a:hover img.opa {	filter: alpha(opacity=80); opacity:0.8; }*/
a img, a.btn_base, .button {
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
	}
/*	a:hover img {
	opacity:0.7;
	}*/

hr {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #666;

	height: 1px;
	margin:2.5em auto;
	}

.btn {/*　空　*/}

strong { color:#ccc;}


.sp { display: none; }

/*-----------------------------------------------------------------------------*/

/*--汎用margin＆汎用padding--*/

/*-----------------------------------------------------------------------------*/
.mgn-b50 {	margin-bottom: 50px !important;}
.mgn-b40 {	margin-bottom: 40px !important;}
.mgn-b30 {	margin-bottom: 30px !important;}
.mgn-b20 {	margin-bottom: 20px !important;}
.mgn-b15 {	margin-bottom: 15px !important;}
.mgn-b10 {	margin-bottom: 10px !important;}
.mgn-b7 {	margin-bottom: 7px !important;}
.mgn-b0 {	margin-bottom: 0px !important;}

.mgn-3em {	margin-bottom: 3em !important;}
.mgn-2em {	margin-bottom: 2em !important;}
.mgn-1em {	margin-bottom: 1em !important;}
.mgn-15em {	margin-bottom: 1.5em !important;}
.mgn-05em {	margin-bottom: 0.5em !important;}

.pad-lr10 {	padding-left:10px !important;	padding-right:10px !important;}
.pad-lr15 {	padding-left:15px !important;	padding-right:15px !important;}
.pad-lr20 {	padding-left:20px !important;	padding-right:20px !important;}
.pad-lr30 {	padding-left:30px !important;	padding-right:30px !important;}

.pad-tb5 {	padding-top:5px !important;	padding-bottom:5px !important;}
.pad-tb10 {	padding-top:10px !important;	padding-bottom:10px !important;}
.pad-tb20 {	padding-top:20px !important;	padding-bottom:20px !important;}
.pad-tb30 {	padding-top:30px !important;	padding-bottom:30px !important;}
.pad-tb40 {	padding-top:40px !important;	padding-bottom:40px !important;}


/*-----------------------------------------------------------------------------*/

/*--リンク--*/

/*-----------------------------------------------------------------------------*/
	a {
	color: #ccc;
	text-decoration: underline;
	outline:none;
	}
	a:hover {
	color: #e6e6e6;
	text-decoration: none;
/*	background-color:transparent;*/
	}
	a:active {

	}

/*-----------------------------------------------------------------------------*/

/*--フォント--*/

/*-----------------------------------------------------------------------------*/
.font10 {	font-size: 10px !important;}
.font11 {	font-size: 11px !important;}
.font12 {	font-size: 12px !important;}
.font13 {	font-size: 13px !important;}
.font14 {	font-size: 14px !important;}
.font15 {	font-size: 15px !important; line-height: 1.3 !important;}
.font16 {	font-size: 16px !important; line-height: 1.3 !important;}
.font17 {	font-size: 17px !important; line-height: 1.3 !important;}
.font20 {	font-size: 20px !important; line-height: 1.2 !important;}
.font25 {	font-size: 25px !important; line-height: 1.2 !important;}

.line125 {	line-height: 1.25 !important;}
.line14 {	line-height: 1.4 !important;}

.font_b {
	font-weight: bold !important;
	font-style: normal !important;
	}
.font_n{
	font-weight: normal !important;
	font-style: normal !important;
	}

/*-----------------------------------------------------------------------------*/

/*--カラー--*/

/*-----------------------------------------------------------------------------*/
.red {	color: #D80C18;}

.gray_666 {	color: #666;}
.gray_999 {	color: #999;}
.gray_ccc {	color: #ccc;}

.color_01 { color:#14C4DB;}
.color_02 { color:#43DADD;}



/*-----------------------------------------------------------------------------*/

/* float解除（共通） */

/*-----------------------------------------------------------------------------*/
.cf {
	clear: both;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}