body{
	font-family:sans-serif;
}

h1		 { 
	text-align:center; 
	margin-right:auto; 
	margin-left:auto; 
	background-color: #3E3CA3; 
	color:#ffffff; 
	padding: 0.25em; 
	margin: 0px
}

.ie_box	 { text-align:center; margin: 24px;}

.copy	 { text-align:right; margin: 8px;}

.new		 { color: #0000ff;}
.menu		 { background-color: #b0b0b0;}

.rule_box	 { 
	margin:0 auto;
	width: 720px;
	max-width: 95%;
}
.rule li	 { 
	text-align:left;
}
.banner_box	 { 
	background: #ffffff;
	margin:0 auto;
	width: 720px;
	max-width: 95%;
}

h3.dead		{
	text-align:center; 
	background: #404040; 
	color:#ffffff; 
	padding:0.25em
	width:100%;
}

/* リンク */

.link_box	 { 
	background: #f0f0f0;
	border: 1px solid #333;
	margin:0.5em auto;
	padding: 0;
	width: 800px;
	max-width: 95%;
}
.link_box h4 {
	margin: 0;
	padding: 0.5em;
	background: #e0e0e0;
}

.link_box h4:before {
	content:""; 
    display: inline-block;
	width: 1em;
	height: 1em;
	margin:0 0.25em 0;
}

.link_box h4:before {
	background: #477F8E;
}
.link_box h4.portal:before {
	background: #A38D54;
}
.link_box h4.material:before {
	background: #428667;
}
.link_box h4.dead:before {
	background: #303030;
}


.link_box .link_banner {
	margin:8px;
	display: inline-block;
	width:200px;
}
.link_box .link_banner img{
	max-width: 100%;
}

.link_note {
	margin:8px;
	display: inline-block;
	max-width: 90%;
	width: 540px;
}
.link_note span{
	padding:0px 0.25em; 
	margin: 0.25em;
	border-radius: 0.25em;
	background-color: #404040;
	color:#ffffff;	
}

.link_note .material {
	background-color: #236A4B;
	color:#ffffff;	
}
.link_note .wolf {
	background-color:#295E79; 
	color:#ffffff;	
}
.link_note .tkool {
	background-color:#8E7434; 
	color:#ffffff;	
}