﻿@charset"UTF-8";



body{
	font-family:メイリオ;
	font-size:17px;
	width:800px;
	margin:auto;
}


header{
	background-color:#ffcc00;
	margin-bottom:30px;
	margin-top:10px;
	padding:5px 15px;
	border-radius:20px 60px;
	box-shadow:10px 10px 10px #999999;
}
header h1{
	line-height:60px;
	letter-spacing:5px;
	text-shadow:7px 7px 7px #ffffff;
}





.navigation{
	position:absolute;
	top:210px;
	width:796px;
}


.first_nav{
	border-top:solid 1px #aaaaaa;
	width:796px;
	box-shadow:10px 10px 10px #999999;
}
.first_nav ul{
	margin:0;
	padding:0;
}
.first_nav li.first_menu{
	border-left:solid 1px #aaaaaa;
}
.first_nav li{
	float:left;
	width:159px;
	line-height:30px;
	list-style-type:none;
}
.first_nav li a{
	display:block;
	color:#808080;
	text-decoration:none;
	text-align:center;
	background-color:#f1f1f1;
	border-right:solid 1px #aaaaaa;
	border-bottom:solid 1px #aaaaaa;
}
.first_nav li a:hover{
	color:#cc0000;
	background-color:#cccccc;
	font-weight:bold;
}
.first_nav ul li:hover ul{
	display:block;
	position:absolute;
}
.first_nav li ul{
	display:none;
}
.first_nav li li{
	float:none;
}
.first_nav li li a{
	background-color:;
	border-left:solid 1px #aaaaaa;
}





.main{
	position:relative;
	top:45px;
	padding-bottom:10px;
}



article{	
	width:570px;
	float:left;
	margin:10px 0 20px 0;
	padding:10px;
	border-style:solid;
	border-color:#ff6600;
	border-width:3px 10px 3px 5px;
	background-color:#FFCC99;
	box-shadow:10px 10px 10px #999999;
}


.ban{	
	width:180px;
	float:right;
	margin:10px 0 10px 15px;
	text-align:center;
}
.ban a{
	display:block;
	margin:0 0 10px;
	padding:0;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	color:#666666;
	background-color:#99ccff;
	border:solid 1px #aaaaaa;
	border-radius:10px;
	font-weight:bold;
}
.ban a:hover{
	color:#cc0000;
	background-color:#00ccff;
}





footer{
	clear:both;
	background-color:#ffcc00;
	margin-bottom:10px;
	padding:10px;
	border-radius:20px 60px;
	box-shadow:10px 10px 10px #999999;
}

.info a{
	text-decoration:none;
	color:#666666;
}
.info a:hover{
	color:#cc0000;
	font-weight:bold;
}

.second_nav{
	text-align:center;
	color:#999999;
}
.second_nav ul{
	margin:0;
	padding:0;
}
.second_nav li{
	display:inline;
	list-style-type:none;
	padding-right:15px;
	padding-left:15px;
	border-left:solid 1px #aaaaaa;
}
.second_nav li a{
	color:#666666;
	text-decoration:none;
}
.second_nav li a:hover{
	color:#cc0000;
	font-weight:bold;
}
.second_nav li.second_menu{
	border-left:none;
}




}