/*記事全体を包む*/
body{ background-image: url("../image/grey.png"); /* 全体の背景画像 */
   background-repeat ;            /* 背景を繰り返えす */
   background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
   background-attachment:fixed;             /* 背景画像を固定する */
	text-align: center;	
 }




#wrapper{
	position:relative;
	margin:0px auto;
	width: 760px;
	text-align: left;
	}

#top{
	position:absolute;top:10px;left:-10px; 
	
}

#top h1 {position:absolute;top:10px;left:10px;
	color: #fff;
	text-shadow: 5px 5px 3px rgba(0,0,0,0.8);}


div#main{
	position:absolute;top:170px;right:0px;width:760px; 
	padding:10px;background-color:rgba(0,0,0,0.6);
}

ul{ margin-left: 50px;
	 list-style-type:none;
}

ul.nav1 li a {
     
  
    display: block;
    width: 195px;heigh: auto;
    background-color: #f0f0f0;
    float: left;
    padding: 3px;
    text-align: center;
    font-size:12px;
    text-decoration: none;
    color: #333333;
    border-bottom:3px solid #c0c0c0;
    margin-left: 3px;
    margin-top: 10px;	
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    font-weight: bold;
}
ul.nav1 li a:hover {
    background: #808080;
	}

h2,h3,h4{
	
	margin: 10px;
	border-left: double 10px dimgray;
	border-bottom: medium solid dimgray;
	color: #fff;
	text-shadow: 5px 5px 3px rgba(0,0,0,0.9);}


a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}	

.kata{position:absolute;top:110px;right:20px;font-size: x-small;font-weight: bold;line-height:1.1;color:#ffffff}

div#bab{ margin-left: 20px;
	
}

.bab{
	background-color:rgba(245,245,245,0.1);
	
	width: 150px;
	height: 300px;
	border-radius: 10px;	
	padding-top: 20px;
	padding-left: 20px;
	margin: 5px;
 	text-aligin: center;
	float: left;
	}

p.kiji{
	width: 130px;
	clear: both;
	font-size:10px;
	font-weight:bold;
	color: #000000;
	line-height:1.4;
	padding-top: 5px;
	}