/************************ body要素 ************************/

body{
	background :#000000;
	font-family:"ＭＳ Ｐゴシック",Osaka, MS UI Gothic;
	margin:0px;
	padding:0px;
	color:#000000;
}

/*----- document用　白背景 -----*/
body.doc{
	background-color:#fff;
	padding:0;
}

/************************* HEADER **************************/

/*----- 右側の大文字 -----*/
.bigtext{
	position:absolute;top:10px;right:10px;
	font-size:22pt;
	font-weight:bold;
	font-style:italic;
	width:400px;
	color:yellow;
	filter:Shadow(color=black);
}

/*----- 右側の中文字 -----*/
.smalltext{
	position:absolute;top:45px;right:10px;
	font-size:15pt;
	font-style:italic;
	width:350px;
	color:white;
	filter:Shadow(color=black);
}

/*----- 右側のLOGIN枠 -----*/
#loginspace {
	width:400px;
	position:absolute;top:55px;left:300px;
	filter:alpha(style=1, opacity=100,finishopacity=0, startx=100, starty=60, finishx=300, finishy=0);
	color:#fff;
}

/*----- 流れる文字 -----*/
.marqtext{
	position:absolute;top:150px;left:0px;
	font-size:11pt;
	width:100%;
	font-weight:bold;
	color:white;
	filter:alpha(opacity=90);
}

#menu{
	overflow:auto;
	font-size:14px;
	clear:both;
}

ul#menuno,ul#menuno li{
	list-style-type:none;
	margin:0;padding:0
}

ul#menuno li{
	margin-top:4px;
}

ul#menuno li.active a,ul#menuno a:hover{
	position:relative; top:2px;left:2px;
}

/************************* CONTENTS *************************/

/*----- CONTENTS領域 -----*/
#content{
	width:100%;
	background-color:#333333;
	clear:both;
}

/*----- document用内枠 -----*/
#document{
	margin: 10px auto 0px auto;
	width:550px;
}

/*----- テーブル -----*/
.solid table{
	border-collapse:collapse;
}

/*----- テーブル要素 -----*/
.solid td{
	background-color:#fff;
	padding:0 2px 0 2px;
	border:1px solid #555;
}

/*----- 全体用文字装飾 -----*/
p{
	margin:10px 0 10px 20px;
	font-size:14px;
}

td.title{
	background:url(../img/line.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	height:25px;
	padding-left:10px;
	font-size:16px;
}

td.titlemini{
	background:url(../img/line.jpg) no-repeat;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	height:16px;
	padding-left:5px;
	width:220px;
}
/************************* FOOTER **************************/

/*----- FOOTER全体 -----*/
#footer{
	width:100%;
	color:#fff;
	text-align:center;
	padding-bottom:10px;
	font-size:13px;
	clear:both;
}

/*----- footer用 -----*/
#footer a{color:#fff;font-style:normal;text-decoration:underline;}
#footer a:link{color:#fff;font-style:normal;text-decoration:underline;}
#footer a:visited{color:#fff;font-style:normal;text-decoration:underline;}
#footer a:hover{color:#fff;font-style:normal;text-decoration:underline;}
#footer a:active{color:#fff;text-decoration:none;}


/************************* その他装飾 ************************/

/*----- サブタイトル 黄色背景　-----*/
.subtitle{
	background-color:#FFFFAA;
	padding:5px 0 0 5px;
	font-size:12pt;
	color:#000;
}

/*----- documentの内容 -----*/
.inside{
	padding:10px 10px 30px 30px;
	color:#000;
}

/*----- 黒い枠 -----*/
.solidborder{
	background-color:#fff;
	border:1px solid #000;
	padding:5px;
	border-collapse:collapse;
	border-spacing: 0px;
	font-size:14px;
}

.solidborder td{
	border:1px solid #888888;
	padding:5px;
}

/*----- 箱のタイトル -----*/
.boxtitle{
	background:#B8B2E5;
	font-weight:bold;
	color:#fff;
}

/*----- タイトル付き白い箱 -----*/
.boxwhitebottom{
	background:#fff;
	color:#000;
	font-weight:normal;
}

/*----- 白い箱 -----*/
.boxwhite{
	background:#fff;
	color:#000;
	margin-top:0;
}

/*----- 青い箱 -----*/
.boxblue{
	background:#B8B2E5;
	color:#000;
}

/*----- 緑の箱 -----*/
.boxgreen1{
	background:#1CD076 url(../img/grad3.png) repeat-x top;
	color:#000;
}

.boxgreen2{
	background:#1CD076 url(../img/grad4.png) repeat-x bottom;
	color:#000;
}

/*----- 白い箱 -----*/
.boxwhite{
	background:#fff;
	color:#000;
	margin-top:0;
}

/*----- オレンジの箱 -----*/
.boxorange1{
	background:#FFB266 url(../img/grad1.png) repeat-x top;
	color:#000;
}

.boxorange2{
	background:#FFB266 url(../img/grad2.png) repeat-x bottom;
	color:#000;
}


/*----- ピンクの箱 -----*/
.boxpink{
	background:#FFEEFD;
	color:#000;
}

/*----- 赤強調文字 -----*/
.red{
	font-size:14pt;
	color:#ff0000;
	font-weight:bold;
}

/*----- 青強調文字 -----*/
.blue{
	font-size:14pt;
	color:#DF431F;
	font-weight:bold;
}

/*----- 区切り線 -----*/
hr{
  color: #C7C7C7; /* IE用 */
  background-color: #C7C7C7; /*NN用*/
  height: 5px;
  border: 0px;
  filter: Alpha(opacity=100, finishopacity=0, style=2);
}

/********************* 小さい文書用装飾(利用規約など) *****************/

/*----- document用領域 -----*/
#minidocument{
	font-size:10pt;
	margin:0 20px 10px 20px; 
	color:#000; 
	width:400px;
}

/*----- document内容用文字 -----*/
#minidocument.p{
	margin-left:2em;
}

/*----- document用小さい文字（リスト表示用）-----*/
#minidocument.li{
	margin-left:1em;
}

/********************** リンク文字設定 *********************/

/*----- default -----*/
a{color:#000000;text-decoration:underline;}
a:link{color:#000000;text-decoration:underline;}
a:visited{color:#000000;text-decoration:underline;}
a:active{}
a:hover{color:#000000;text-decoration:none;}

/*----- title用リンク -----*/
a.ttl{color:#ffffff;text-decoration:none;}
a.ttl:link{color:#ffffff;text-decoration:none;}
a.ttl:visited{color:#ffffff;text-decoration:none;}
a.ttl:active{color:#F2CCFF;text-decoration:none;}
a.ttl:hover{color:#F2CCFF;text-decoration:none;}

/*----- ボタン用(hoverで動く) -----*/
a.btn{color:#000000;text-decoration:none;}
a.btn:link{color:#000000;text-decoration:none;}
a.btn:visited{color:#000000;text-decoration:none;}
a.btn:active{}
a.btn:hover{color:#000000;text-decoration:none; position:relative; top:2px;}


/*----- 角丸め用 -----*/
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}