@charset "utf-8";

* {
	padding: 0px;
	margin: 0px;
}

html{
	height:100%;
}

body {
	height:100%;
	background-color:#eee;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#555;
}

article {
	position:relative;
	height:100%;
}

#header{
	background-color:rgba(0,0,0,0.8);
	height:80px;
	color:#fff;
	box-shadow:0px 1px 5px rgba(0,0,0,0.5);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:10;
}

#header:after{
	content:"";
	height:1px;
	clear:both;
	display:block
}

#header #header_content{
	width:900px;
	height:80px;
	margin:0px auto;
	position:relative;
}

#header #header_content #header_caption{
	position:absolute;
	top:5px;
	left:0px;
	color:#ddd;
	font-size:10px;
}

#header #header_content #site_name{
	font-size:50px;
	line-height:1em;
	font-family:"Arial Black", Gadget, sans-serif;
	position:absolute;
	top:18px;
	left:0px;
}

#header #header_content #site_name a{
	color:#fff;
	text-decoration:none;
	text-shadow:0px 0px 10px #38f,0px 0px 5px #30f,0px 0px 3px #3cf;
}

#header #header_content #site_name a:hover{
	text-shadow:0px 0px 10px #3f8,0px 0px 5px #3f0,0px 0px 3px #3fc;
}

#header #header_content #header_menu{
	position:absolute;
	right:20px;
	bottom:0px;
}

#header #header_content #header_menu ul{
	float:left;
	border-left:1px solid #ddd;
}

#header #header_content #header_menu ul li{
	list-style-type:none;
	float:left;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}

#header #header_content #header_menu ul li a{
	color:#fff;
	text-decoration:none;
	font-family:"Arial Black", Gadget, sans-serif;
	display:block;
	padding:10px 15px;
	text-shadow:none;
}

#header #header_content #header_menu ul li a:hover{
	background-color:#000;
	text-shadow:0px 0px 20px #38f,0px 0px 10px #30f,0px 0px 7px #3cf;
}


#body{
	width:900px;
	margin:0px auto;
	min-height:100%;
	background-color:#fff;
	position:relative;
	z-index:1;
	padding-top:80px;
	padding-bottom:80px;
}

#body #content{
	padding:30px;
}

#footer{
	width:100%;
	margin:0px auto;
	background-color:rgba(0,0,0,0.8);
	height:80px;
	bottom:0px;
	position:fixed;
	z-index:10;
	box-shadow:0px -1px 5px rgba(0,0,0,0.5);
}

#footer #footer_content{
	width:900px;
	margin:0px auto;
	position:relative;
}

#footer #copyright{
	font-weight:normal;
	font-size:10px;
	text-align:right;
	color:#fff;
	padding:10px;
}

#footer #footer_content #top_link{
	position:absolute;
	top:-25px;
	right:20px;
	color:#fff;
	z-index:20;
}

#footer #footer_content #top_link a{
	display:block;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	background-color:rgba(0,0,0,0.5);
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#footer #footer_content #top_link a:hover{
	background-color:#000;
	text-shadow:0px 0px 20px #38f,0px 0px 10px #30f,0px 0px 7px #3cf;
}

/* 以下がコンテンツ部分の個別指定 */

#content h3{
	background-color:#333;
	color:#fff;
	text-shadow:0px 0px 20px #38f,0px 0px 10px #30f,0px 0px 7px #3cf;
	font-size:18px;
	padding:7px 10px;
	margin:1em 0px;
}

#content p{
	margin:2em 1em;
}

#content a{
	display:inline-block;
	padding:3px 5px;
	border-radius:5px;
	border:1px solid #ddd;
	text-decoration:none;
	margin:0px 3px;
}

#content a:hover{
	background-color:#000;
	text-shadow:0px 0px 20px #38f,0px 0px 10px #30f,0px 0px 7px #3cf;
	color:#fff;
}

#content a[target=_blank]{
	display:inline-block;
	padding:5px 7px;
	border-radius:5px;
	background-color:#555;
	text-decoration:none;
	color:#fff;
}

#content a[target=_blank]:hover{
	background-color:#000;
	text-shadow:0px 0px 20px #38f,0px 0px 10px #30f,0px 0px 7px #3cf;
}

#content a[target=_blank]:before{
	content:"LINK";
	display:inline-block;
	padding:2px;
	border:1px solid #ccc;
	border-radius:3px;
	font-size:10px;
	margin-right:7px;
	color:#ccc;
}

#content .link_list{
	margin:1em;
}

#content .link_list li{
	list-style-type:none;
	border:1px solid #ddd;
	padding:20px;
	margin-bottom:10px;
}

#content .link_list li h3{
	margin:0px 0px 1em 0px;
}

#content .link_list li p{
	margin:10px;
}

#content #page_title{
	background-color:#333;
	margin:-30px -30px 20px -30px;
	height:60px;
}

#content #page_title h2{
	color:#fff;
	text-shadow:0px 0px 20px #38f,0px 0px 10px #30f,0px 0px 7px #3cf;
	line-height:20px;
	padding:20px 30px;
	font-size:20px;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
}