@charset "UTF-8";

/* -------------------------------------------------------------------
 */
 /************************************
* reset css
***********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
	padding:0;
	margin:0;
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:normal;
	font-style:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}


A {text-decoration:none;}
a:link{color:#888888;}
a:visited{color:#888888;}
a:hover{color:#333333;text-decoration:none;}

/************************************
* body
***********************************/
html,body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 100%;　
	background-color: #000;
}

/************************************
* content
***********************************/
#topWrapper {
	min-height: 100%;
　
	_height: 100%; /* for IE6 */
	position: relative;
}

#titleWrapper {
	top: 43%;
	left: 80px;
	position: absolute;
	height: 160px;
	width: 300px;
}
	
/* コンテンツ表示部分 */
#MenuContent {
	top: 10%;
    left: 50%; 
    margin: 0 0 0 -450px;
	position: absolute;
	height: 70%;
	width: 900px;
	background-color: rgba(255,255,255,0.9);
}

#ContentArea {
	width:100%;
	text-align: center;
}

 /*#topContent h1 {
		overflow: hidden;
	}*/
	

/* 初期表示ホーム用 */
#TopWindow {
	top : 10%;
	left : 50%;
	margin : 0 0 0 -450px;
	position : absolute;
	height : 70%;
	width : 900px;
	background-color : rgba(250,250,250,0.9);
}

/* 右上アイコン部分 */
#topIconArea0 {
	width : 150px;
	height : 209px;
	position : absolute;
	top : 20px;
	right : 30px;
	text-align : right;
}

/* 右下アイコン部分 */
#bottomIconArea {
	width : 228px;
	height : 208px;
	position : absolute;
	bottom : 90px;
	right : 10px;
	text-align : right;
}


/************************************
* footer
***********************************/
#topFooter {
	height: 80px;
	margin-top: -80px;
	color: #CCC;
	position: relative;
	background-color: #FFF;
	padding-top: 0px;/*ここを増やすと余白ができるので注意*/
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#topFooterB {/*黒の半透明バージョン*/
	height: 80px;
	margin-top: -80px;
	color: #999;
	position: relative;
	/*background-color: #000;*/
	background: rgba(0, 0, 0, 0.9); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 */
	padding-top: 0px;/*ここを増やすと余白ができるので注意*/
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#topNavPosition {
	    position: relative;
}
#btn-bd {
	    margin-left: 0px;/*画像のラインの初期にある場所*/
	    top: 40px;/*0pxだと画像のラインは上にくる。*/
	    position: absolute;
}
#topNav {
	padding-top: 10px;
	/*float: left;*/
	/*margin: 20px 0 0 40px;マージンは崩れる。パディングで。*/
}
#topNav ul{
	margin-left: 15px;
}
#topNav li{
	float: left;
	margin-left: 1px;
	width: 105px;
	height: 30px;
	overflow: hidden;
}

#topCopy {
	height : 20px;
	font-size: xx-small;
	color: #999;
	text-align: center;
	clear: both;
	padding-top: 20px; 
}

	#topCopy a {
	color: #999;		
	}