@charset   "UTF-8";

 body { 
	text-align:center;
 }


 div#mainbox {
 	clear: both;
	width:980px;
	margin: 0px;
	padding: 0;
	background-image: url(../img/wallpaper-aqua.png);
 	}
 	
 div#mainbox h2{
 	margin-top: 10px;
 	font-size: 150%;
 	font-weight: bold;
 	color: #0000fb;
 	text-shadow: 0.5px 0.5px 3px #808080}
 	
 div#mainbox h3{
 	clear: both;
 	font-size: 100%;
 	font-weight: medium;
 	color:  #0010c4;}
 	
 div#mainbox ul.yoyaku{
 	text-align: left;
 	}
 	
 div#mainbox ul.yoyaku li{
 	margin: 20px;
 	text-align: left;
 	list-style: none;
 	}
 	
 div#mainbox span.toplink a{
 	color: #ff3377;
 	text-decoration: none;
 	}
 	
  div#mainbox span.toplink a:hover{
 	color: #99ffaa;
 	text-decoration: none;
 	}
 
 
 figure.box{
 	float: left;
 	margin-top: 15px;
 	margin-left: 30px;
 	margin-bottom: 30px;
 	}
 	
 figure.box a{
 	font-size: 120%;
 	font-weight: bold;
 	color: #004384;
 	text-decoration: none;
 	text-shadow: 0.5px 0.5px 3px #808080}
 	
 figure.box a:hover{
 	color: #55e1ed;
 	text-decoration: none;}
 	
 figure.box figcaption{
 	margin-top: 5px;}
 
 figcaption.under{
 	font-size:90%;
 	color:#2c2c2c;}
 
 div.staff{
 	clear: both;
 	text-align: left;
 	margin-top: 20px;
 	margin-bottom: 20px;
 	margin-left: 40px;
 	margin-right: 40px;}
 	
 div.staff ul{}
 
 div.staff li{
 list-style: none;}
 
 div.staff li.red{color: red;}
 

  /*recomend‚ÉŠÖ‚·‚écss*/
 div#mainbox div#recomtext{
 	display: inline;
 	float: left;
 	width: 680px;
 	background-color: rgba(250, 250, 250, 0.55);
    /*position: relative;*/
 	top: 60px;
 	left: 20px;
 	bottom: 20px;
 	margin: 20px;
 	padding-top: 20px;
 				}
 				
 div#recomtext ul li{
 	list-style: none;
 	}
 	
 div#recomtext ul li a{
 	font-weight: bold;
 	font-size: 120%;
 	text-decoration: none;
 	}
 					
 div#recomtext ul li.text{
 	padding: 10px;
 	text-align: left;
 	}
 				
 div#mainbox div#recominfo{
    display: inline;
 	float:right;
 	width: 200px;
 	background-color: rgba(240, 240, 250, 0.55);
    /*position: relative;*/
 	top: 60px;
 	right: 20px;
 	bottom: 20px;
 	margin: 20px;
 				}
 				
 	div#recominfo ul li{
 	list-style: none;
 	}
 	
 	div#recominfo ul li a{
 	text-decoration: none;
 	}

 #mainbox:after{
 	clear: both;}
 	
  
 div.prevnext div.prev{
 	float: left;
 	text-align: left;
 	}
 
 div.prevnext div.next{
 	float: right;
 	text-align: right;
 	}
 				
  /*clearfix*/
 #mainbox:before,
 #mainbox:after {
 	content: "";
 	display: table;}