@charset "utf-8";

/* webフォント読込 */
@import url(https://fonts.googleapis.com/css?family=Audiowide);
@import url('https://fonts.googleapis.com/css?family=Passion+One');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Racing+Sans+One');

/* ボディの定義 */
html,body{
	margin: 0;
	padding: 0;
	
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	/* 背景ストライプ開始 */
	background-color: #000000;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255,255,255,0.2)), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(rgba(255,255,255,0.2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(255,255,255,0.2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(rgba(255,255,255,0.2) 50%, transparent 50%, transparent);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	/* 背景ストライプ終了 */
}

#header-bk{/*横に赤線を引くためにdiv設定*/
	margin: 0;
	padding:0;			
	height:130px;			/* 縦の高さ130px */
	width:100%;			/* 横の幅を100% */
	border-bottom: 3px solid #ff0000;　/* 赤線 */
	/*background: #ffff00;*/
}
#header{/*実際にヘッダーのコンテンツを入れるdiv*/
	margin: 0 auto;			/*ヘッダーエリアをセンター合わせ */
/*	padding:0;	*/
	height:100%;			/* 縦の高さ100%合わせ */
	width:1260px;			/* 横の幅を1260px */
	background: #191970;		/* 背景をmidnightblueに */
	overflow: hidden;		/* 溢れた部分は見せない */
}
#WEBTITLEAREA{ /*ヘッダーをウェブタイトルエリアと、ナビエリアで分ける */
	margin: 0 0 0 50px;		/* 左に50px空間を設ける */
	padding:30px 0 0 0; 
 	height:80px;			/* 縦の高さ110px */
	width:450px;			/* 横の幅を450px */
/*	background: #008b8b;*/
	float:left;			/* WEBTITLEAREAとNAVAREAと横並びにするためのfloat */
}
#SNSICONAREA{ /*ヘッダーをウェブタイトルエリアと、ナビエリアで分ける */
	text-align: right;
	margin: 0 50px 0 0;		/* 左に50px空間を設ける*/
	padding:50px 0 0 0;
 	height:60px;			/* 縦の高さ110px */
	width:710px;			/* 横の幅を450px */
/*	background: #008b8b;*/
	float:left;			/* WEBTITLEAREAとNAVAREAと横並びにするためのfloat */
}
#NAVAREA{
	margin: 0 0 0 50px;		/* 左に50px空間を設ける */
	padding:0;			/* 内の空間0 */
	height:20px;			/* 縦の高さ */
	width:1160px;			/* 横の幅710　WEBTITLEAREAと合わせて1260px */
/*	background: #ff4500;*/
	clear:both;			/* WEBTITLEAREAとNAVAREAと横並びにするためのfloat */
}
#maincontents-bk{/*黄線と赤線を引くための背景用div*/
	padding:0;			
/*	height:800px;*/			/* 縦の高さ */
	width:100%;			/* 横の幅 */
	/*background: #ffff00;*/
	border-top: 3px solid #ffff00;	/* 上に黄線 */
	border-bottom: 3px solid #ff0000;/* 下に赤線 */
}
#footer-bk{/*黄線を引くためのフッターの背景用div*/
	padding:0;			
/* 	height:110px;*/			/* 縦の高さ110px */
	width:100%;			/* 横の幅を100% */
	/*background: #ffff00;*/
	border-top: 3px solid #ffff00;	/* 黄線 */
}
#footer{/*フッターのコンテンツを入れるdiv*/
	margin: 0 auto;			/*センター合わせ*/
	padding:30px 0 0 0;		/*上部に30px*/
/*	height:110px;	*/		/* 縦の高さ110px */
	width:1260px;			/* 横の幅を100% */
	background: #191970;		/*背景色指定*/
	text-align: center;		/*テキストをセンターに*/
}

/* ボディの定義おわり */

/* コンテンツの定義 */
#katagaki{/*Racing Driverの文字*/
	margin: 0 auto;
/*	padding:0;*/
/*	font-family: 'Audiowide', cursive;*/
	font-family:"Racing Sans One";

	font-size: 30px;
	line-height: 1em;
	color: #ffff00;
	
	text-align: center;

	/*アピアランス追加*/
	filter:dropshadow(color=#ff0000,offX= 0,offY=-1)
		dropshadow(color=#ff0000,offX= 1,offY= 0)
		dropshadow(color=#ff0000,offX= 0,offY= 1)
		dropshadow(color=#ff0000,offX=-1,offY= 0);
 
		-webkit-text-stroke-color: #ff0000;
		-webkit-text-stroke-width: 1px;
 
		text-shadow: red 1px 1px 0px, red -1px 1px 0px,
		             red 1px -1px 0px, red -1px -1px 0px;
	/*アピアランス追加おわり*/


}

#WEBTITLE{/*Riku Hashimotoの文字*/
	margin: 0;
	padding:0;
/*	font-family: 'Audiowide', cursive;*/
	font-family:"Racing Sans One";
	font-size: 50px;
	line-height: 0.8em;
	color: #ffff00;

	text-align: center;

/*	height:110px;*/
/*	display: table-cell; /* IE8から使用可能 */
/*  	vertical-align: middle;*/

	/*アピアランス追加*/
	filter:dropshadow(color=#ff0000,offX= 0,offY=-1)
		dropshadow(color=#ff0000,offX= 1,offY= 0)
		dropshadow(color=#ff0000,offX= 0,offY= 1)
		dropshadow(color=#ff0000,offX=-1,offY= 0);
 
		-webkit-text-stroke-color: #ff0000;
		-webkit-text-stroke-width: 1px;
 
		text-shadow: red 1px 1px 0px, red -1px 1px 0px,
		             red 1px -1px 0px, red -1px -1px 0px;
	/*アピアランス追加おわり*/

}
#FBlogo{
	border: 1px #ffffff solid;
}
#copyright{/*コピーライト*/
	color: #ffff00;
}

#SPONSORSAREA{/*スポンサーロゴを付けるためのDiv*/
	margin: 0 auto;			/*footer内のセンター合わせ*/
/*	padding:0;	*/
/*	height:90px;	*/		/* 縦の高さ110px */
	width:1260px;			/* 横の幅を1200px */
/*	background: #008b8b;*/
}

#SPONSORSAREA table {			/*スポンサー表示はテーブル*/
	width:100%;			/*100% 1200px*/
	/*border: 1px #000000 solid;*/
	border-collapse: collapse;	/*テーブルの線は消す。*/
}

/*#SPONSORSAREA td {
	border: 1px #000000 solid;
}*/

/* コンテンツの定義おわり */