/* CSS Document */
@charset "Shift_JIS";

/*全体
------------------------------------------------------*/

body{
	margin:0;
	padding:0;
	background-color:#ffffff;
	text-align:center;	
}
h1,h2,h3,p{
margin:0;
padding:0;
}

#wrapper{
	margin:0 auto;	
	padding:25px;
	width:750px;
	background-color:#f1f1f1;
	color:#999999;
	font-size:12px;
}

/*header
------------------------------------------------------*/

#header{
	margin-bottom:5px;
	text-align:left;
}

#header h1{
	font-family: impact;
	font-size: 30px;
	font-weight: bold;
	border-bottom:#999999 solid 1px;
	margin-bottom:5px;	
}

/*header更新履歴
------------------------------------------------------*/
#header new{
	font-size: 10px;
	font-weight: bold;
		
}

/*topのイラスト
------------------------------------------------------*/

#topillust{

margin-top:10px;
margin-bottom:10px;

}


/*メニューとblog
------------------------------------------------------*/
#top01{
	margin-top:20px;
}

#navigation{
	float:left;
	width:430px;
	margin-bottom:50px;	
}

#navigation p{
	clear:both;
	text-align:left;
	margin-top:10px;
	padding-top:5px;
	

}

#menu{
	margin-top:20px;
	padding-bottom:15px;
	padding-top:15px;
	border-top:#cccccc dotted 5px;
	border-bottom:#cccccc dotted 5px;
	font-family: impact;
	font-size: 20px;
		
}

#menu a,#menu a:link,#menu a:visited{
	text-decoration:none;
	color:#999999;
	font-weight: bold;
}

#menu a:hover{
	text-decoration:none;
	color:#ff9999;
	font-weight: bold;
}

#menu .ex{
	font-size: 10px;
	color:#999999;
	letter-spacing: 0.2em;
}


#menu ul,#menu li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	letter-spacing: 0.5em;
	
}

#menu ul{
	text-align:center;
	margin-right:5px;
}

#menu li{
	margin-right:5px;


}


#at ul{
    margin:0;
	padding:0;
	clear:both;
	text-align:left;
	
	list-style:none;
	letter-spacing: 0.2em;
	line-height: 150%;


}





#blog{
	float:right;
	padding:0px;
	width:300px;
	height:170px;
	text-align:right;
}





/*イラスト
------------------------------------------------------*/
#main{
	clear:both;
	padding:10px 0 25px 0;
	background-color:#ffffff;
}

#main h2{
	font-family: impact;
	font-size: 25px;
	font-weight: bold;
	border-bottom:#999999 solid 1px;
	margin-bottom:20px;
}

#main p{
	margin:10px 0;
}

#main .illname{
	margin:5px 0;
}


.illico a,.illico a:link{
	text-decoration:none;
	color:#999999;
}

.illico a:visited{
	text-decoration:none;
	color:#cccccc;
}

.illico a:hover{
	text-decoration:underline;
	color:#99ccff;
}

/*アバウトとリンク
------------------------------------------------------*/
#top02{
	margin-top:50px;


}

#about{
	float:left;
	width:360px;
	margin-bottom:30px;
}

#about h2{
	font-family: impact;
	font-size: 25px;
	font-weight: bold;
	border-bottom:#999999 solid 1px;
	margin-bottom:20px;
}

#about p{
	margin:0 10px;
	text-align:left;
	letter-spacing: 0.2em;
	line-height: 130%;

}

#link{
	float:right;
	width:360px;
}



#link h2{
	font-family: impact;
	font-size: 25px;
	font-weight: bold;
	border-bottom:#999999 solid 1px;
	margin-bottom:20px;
}

/*上へ
------------------------------------------------------*/
#top{
	clear:both;
	margin:50px 0;
	
}

#top p{
	font-family: impact;
	font-size: 15px;
	font-weight: bold;
	padding-top:10px;
	border-top:#999999 solid 1px;
	
}

#top a,#top a:link,#top a:visited{
	text-decoration:none;
	color:#999999;
}

#top a:hover{
	text-decoration:none;
	color:#ff9999;
}

/*footer
------------------------------------------------------*/

#footer{
	
	background-color:#ffffff;
	padding:3px;
}


#counter{
margin:50px auto;
}