/* CSS Document */

body{
	margin:0;
	padding:0;
	background-image:url(../img/back.gif);
	background-repeat:repeat-y;}

ul{
	margin:0;
	padding:0;}

ol{
	margin:0;
	padding:0;}

p{
	margin:20px 0;
	padding:0;
	text-align:justify;
	text-justify:inter-ideogrph;}

dl{
	margin:0 0 0 40px;
	padding:0;}

dt{
	margin:0;
	padding:0;
	font-weight:bold;}

dd{
	margin:0 0 10px 6px;
	padding:0;}
a{
color:#ffffff}

/* 領域 */

#ryouiki{
	width:900px;
	color:#FFFFFF;
	font-size:12px;
	margin:0 auto;}

#title{
	width:900px;
	height:300px;
	border:solid #009900 2px;
	clear:both;}

#menu{
	width:200px;
	float:left;
	margin-top:10px;}

#henshu{
	width:650px;
	line-height:20px;
	margin-top:10px;
	float:right;}

#copy{
	width:900px;
	margin:30px auto 0 auto;
	padding:10px 0;
	text-align:center;
	border-top:solid #009900 2px;
	clear:both;}

.waku{
	width:640px;
	margin:0 auto 2px auto;
	padding:10px;
	border:solid #009900 2px;}

/* 題 */

#copy-right{
	font-size:12px;}

h1{
	margin:0;
	padding:5px 0;
	font-size:12px;
	font-weight:normal;
	float:right;}

h2{
	margin:0 0 20px 0;
	padding:0 0 0 5px;
	font-size:13px;
	font-weight:bold;
	border-left:solid #FFFFFF 5px;}

h3{
	margin:10px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;}

.map{
	font-weight:bold;
	margin-bottom:30px;
	margin-left:10px;}

.map a{
	color:#FFFFFF;
	text-decoration:none;}

.map a:hover{
	color:#00CC00;
	text-decoration:underline;}

.link{
	width:450px;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:10px;}

/* 効果 */

.kouka-red{
	color:#FF0000;}

.kouka-bold{
	font-weight:bold;}

.kouka-font{
	color:#00CC00;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	float:right;}

/* リスト */

.ul-square{
	list-style-type:square;
	margin-left:20px;}

.li-haba{
	margin-top:20px;}
	
/* リスト */

.gazou-right{
	float:right;
	margin-left:10px;
	border:solid #FFFFFF 1px;}

/* メニュー */

.ul-menu{
	width:200px;
	list-style-type:none;}

.li-menu-1{
	width:200px;
	height:50px;
	background-image:url(../img/index-2.gif);
	background-repeat:no-repeat;}

.li-menu-1 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/index-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-1 a:hover{
	background-position:0 50px;}

.li-menu-2{
	width:200px;
	height:50px;
	background-image:url(../img/online-select-2.gif);
	background-repeat:no-repeat;}

.li-menu-2 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/online-select-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-2 a:hover{
	background-position:0 50px;}

.li-menu-3{
	width:200px;
	height:50px;
	background-image:url(../img/mmorpg-2.gif);
	background-repeat:no-repeat;}

.li-menu-3 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/mmorpg-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-3 a:hover{
	background-position:0 50px;}

.li-menu-4{
	width:200px;
	height:50px;
	background-image:url(../img/fps-2.gif);
	background-repeat:no-repeat;}

.li-menu-4 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/fps-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-4 a:hover{
	background-position:0 50px;}

.li-menu-5{
	width:200px;
	height:50px;
	background-image:url(../img/rmt-2.gif);
	background-repeat:no-repeat;}

.li-menu-5 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/rmt-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-5 a:hover{
	background-position:0 50px;}

.li-menu-6{
	width:200px;
	height:50px;
	background-image:url(../img/rmt-merit-2.gif);
	background-repeat:no-repeat;}

.li-menu-6 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/rmt-merit-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-6 a:hover{
	background-position:0 50px;}

.li-menu-7{
	width:200px;
	height:50px;
	background-image:url(../img/rmt-trouble-2.gif);
	background-repeat:no-repeat;}

.li-menu-7 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/rmt-trouble-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-7 a:hover{
	background-position:0 50px;}

.li-menu-8{
	width:200px;
	height:50px;
	background-image:url(../img/rmt-care-2.gif);
	background-repeat:no-repeat;}

.li-menu-8 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/rmt-care-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-8 a:hover{
	background-position:0 50px;}

.li-menu-9{
	width:200px;
	height:50px;
	background-image:url(../img/sitemap-2.gif);
	background-repeat:no-repeat;}

.li-menu-9 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/sitemap-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-9 a:hover{
	background-position:0 50px;}

.li-menu-10{
	width:200px;
	height:50px;
	background-image:url(../img/linkpage-2.gif);
	background-repeat:no-repeat;}

.li-menu-10 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/linkpage-1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;}
	
.li-menu-10 a:hover{
	background-position:0 50px;}
	
	
	
.link2{
	font-weight:bold;
	text-align:right;
	font-size:14px;
}

.link2 a{
	color:#FFFF00;
}

.link3{
	font-weight:bold;
	text-align:left;
	font-size:13px;
}

.link3 a{
	color:#FFFF00;
}

.adv{
text-align:center;}

.adv a{
color:#CC0066;}