@charset "UTF-8";



body{

	background-color: #000;

	background-image: url(../imgs/bg_black.png);

	color: #FFF;

}



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

ヘッダー

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



#header {

	background-image: none;

	background: #000 url(../imgs/bg_indexHeader.png) repeat-x left top;

	margin: 0;

	padding: 0;

	height: 100px;

}





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

メイン

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



#main{

	background-color: #000;

	background-image: url(../imgs/bg_black.png);

	color: #FFF;

}



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

バナー

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

.banner {

	margin: 0;

	padding: 0;

	width: 280px;

	}

	

	.banner ul {

		list-style-type: none;

		margin: 0;

		padding: 0;

		line-height:0;

			}

		

		.banner ul li {

			margin: 0;

			padding: 0;

			line-height:0;

			margin-bottom: 7px;

				}

			

			.banner ul li.last {

				margin-bottom: 0;

				}

				

			.banner ul li.fms {

			 	background:url(../imgs/banner_fms01.png) no-repeat;

			 	cursor: pointer;

				}

				

			.banner ul li.smartlive {

			 	background:url(../imgs/banner_smartlive01.png) no-repeat;

			 	cursor: pointer;

				}

		

			.banner ul li a {

				display:block;

				width: 278px;

				height: 98px;

				margin: 0;

				padding: 0;

				border: 1px solid #333;

				overflow: hidden;

 				text-indent: -9999px;

				}

			

			.banner ul li a:hover {

				border: 1px solid #b0e12a;

				}





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

動画のフレーム

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

.movie {

	border:1px solid #333;

	margin: 0 auto;

	padding:12px 10px;

	width: 350px;

	height:180px;

	}





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

テキスト欄

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



.borderLeft {

	border-left: 3px solid #222;

	padding-left:15px;

	}