@charset "utf-8";
/*-----------------------------

　リセットCSS + サイト共通設定

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

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*{
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Open Sans','Noto Sans Japanese', sans-serif;
}

/* デフォルト文字設定 */
body{
	color:#fff;
	/*font-family:sans-serif;*/
	font-size:14px;
	line-height:1.4;
	background-color: #000000;
	zoom: 100%;
}

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


/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
}


/* デフォルトリンク色の設定 */
a{
	color:#00C4AB;
}

a:hover{
	color:#CCE739;
}

/* 画像リンクの設定 */
a img{
	opacity:1;
	filter: alpha(opacity=100);
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}

/*	clearfix
------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

/*	position
------------------------------*/
.relative{
	position: relative;
}

* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/

/* Debug: */
/* outlineを全要素で表示させる
-----------------------------------------------------------------------------------*/
/* * { outline: 2px dotted rgba(255,0,0,1) !important; }
body * { outline: 2px dotted rgba(255,0,0,1) !important; }
body * * { outline: 2px dotted rgba(0,128,0,1) !important; } 
body * * * { outline: 2px dotted rgba(255,165,0,1) !important; } 
body * * * * { outline: 2px dotted rgba(0,0,255,1) !important; }
body * * * * * { outline: 1px solid rgba(255,0,0,1) !important; } 
body * * * * * * { outline: 1px solid rgba(0,128,0,1) !important; } 
body * * * * * * * { outline: 1px solid rgba(255,165,0,1) !important; }
body * * * * * * * * { outline: 1px solid rgba(0,0,255,1) !important; }
*/

/* ヘッダー
---------------------------*/
/*(2015.02.03) bootstrapのnavbar移植により、消去*/
/*#header{
	width: 100%;
	margin-bottom: 20px;
	float: left;
	border-bottom: #fff 1px solid;
}

#logo{
	float: left;
	margin: 10px 0 20px 20px;
}

#logo img{
	height: 50px;
}

#gnav{
	position: absolute;
	bottom: 10px;
	right: 0;
}

#gnav ul{
}
#gnav li{
	width: 80px;
	float: left;
	text-align: center;
}

#gnav a{
	color:#ffffff;
	font-family:Helvetica;
	font-size:16px;
	text-decoration: none;
}*/



/* contents
---------------------------*/
#contents{
}

/* side
---------------------------*/
#side{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
}
/* main
---------------------------*/
#main{
	padding-top: 20px;
	padding-bottom: 20px;
}

#main h1{
	border-bottom: #fff 1px solid;
	font-size:14px;
	margin-bottom: 10px;
}

/*	フッター (共通:可変タイプ)
------------------------------*/
div#footer { 
	/*共通*/
	border-top: #5A5A5A 1px solid;
	width: 100%;  
	height: 40px; 
} 

div#footer p{
	float: right;
	margin: 10px 10px;
	color: #fff;  
	/*font-family:Helvetica;*/
	/*font-weight: bold;*/
	font-size:12px;
}

/* color
------------------------------*/
.white{
	color:#fff;
}
.boder-line{
	border-bottom: #fff 1px solid;
}