/*=========================================================
ページ全体
=========================================================*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}

html {
	font-size:0.75em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#FFFFFF;
	line-height: 140%;
}
body {
	background-color: #000000;
	margin:0px;
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
	background-position: 0px 300px;
}
h1 {margin:0 auto 20px auto}
a:link {
	color: #ff9933;
}
a:visited {
	color: #ff9933;
}
a:hover {
	color: #FFCC66;
}
p {margin:0 0 10px 0;}
/*=========================================================
マージン
=========================================================*/
.mg5t {margin:5px 0 0 0;}
.mg10t {margin:10px 0 0 0;}
.mg15t {margin:15px 0 0 0;}
.mg20t {margin:20px 0 0 0;}

.mg5b {margin:0 0 5px 0;}
.mg10b {margin:0 0 10px 0;}
.mg15b {margin:0 0 15px 0;}
.mg20b {margin:0 0 20px 0;}

.mg5tb {margin:5px 0;}
.mg10tb {margin:10px 0;}
.mg15tb {margin:15px 0;}
.mg20tb {margin:20px 0;}

.mg5rl {margin:0 5px 0 5px;}
.mg10rl {margin:0 10px 0 10px;}
.mg15rl {margin:0 15px 0 15px;}
.mg20rl {margin:0 20px 0 20px;}

/*=========================================================
フォント類
=========================================================*/
.fontRed {color:#FF0000;}
.fontRed_b {color:#FF0000; font-weight:bold;}
.fontL {font-size:1.25em;}
.fontL_b {font-size:1.25em; font-weight:bold;}
.fontLL {font-size:1.5em;}
.fontLL_b {font-size:1.5em; font-weight:bold;}
.fontS {font-size:10px;}

/*=========================================================
メイン
=========================================================*/
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -100px;
	margin-left: auto;
}
#push {
	height: 100px;
	clear: left;
}
#container {
	width:780px;
	margin:0 auto 30px auto;
}
#container #inner {padding:0 20px;}
/*=========================================================
ヘッダー
=========================================================*/
#header {
	background:url(../img/header_back.jpg) repeat-x;
	height:40px;
	padding:10px;
}
#header #logoArea {float:left;}
#header #linkArea {float:right; margin:20px 0 0 0;}
#header #linkArea ul {margin:0px; padding:0px;}
#header #linkArea ul li {
	margin:0 7px 0 0;
	background:url(../img/icon/arrow.gif) no-repeat 0 2px;
	padding:0 0 0 10px;
	list-style:none;
	float:right;
	overflow:hidden;
}
/*=========================================================
ナビゲーションメニュー
=========================================================*/
#navArea {height:40px; background:url(../img/navi_back.gif) repeat-x #333333; margin:0 0 20px 0}
#navArea #inner {width:719px; margin:0 auto;}
ul#navigation	{
	list-style: none;
	position: relative;
	top: 0;
	width: 719px;
	height: 40px;
	overflow: hidden;
	margin: 0;
	float: left;
}
ul#navigation li a	{
	text-decoration: none;
	text-indent: -9999px;
	padding: 0;
	position: absolute;
	top: 0;
	height: 40px;
	overflow: hidden;
}
li#news a{
	width: 120px;
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	left: 0px;
}
li#plofile a{
	left: 120px;
	width: 120px;
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	background-position: -120px 0px;
}
li#disc a{
	left: 240px;
	width: 120px;
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	background-position: -240px 0px;
}
li#blog a{
	left: 360px;
	width: 120px;
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	background-position: -360px 0px;
}
li#live a{
	left: 480px;
	width: 120px;
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	background-position: -480px 0px;
}
li#links a{
	left: 600px;
	width: 119px;
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	background-position: -600px 0px;
}
li#news a:hover {background-position: 0px -40px;}
li#plofile a:hover {background-position: -120px -40px;}
li#disc a:hover {background-position: -240px -40px;}
li#blog a:hover {background-position: -360px -40px;}
li#live a:hover {background-position: -480px -40px;}
li#links a:hover {background-position: -600px -40px;}


/*=========================================================
フッター
=========================================================*/
#footer {height:100px; text-align:center;}
#footer img {margin:7px 0 0 0;}

/*=========================================================
装飾類
=========================================================*/
.dottedLine {border-bottom:dotted 1px #cccccc; margin:0 0 5px 0;}