@charset "utf-8";
*{				/* スクロールバー色 */
	scrollbar-face-color: #333;
	scrollbar-track-color: #333;
	scrollbar-highlight-color: #333;
	scrollbar-3dlight-color: #eee;
	scrollbar-shadow-color: #333;
	scrollbar-darkshadow-color: #eee;
	scrollbar-arrow-color: #eee;
}
body{
	margin: 0;
	padding: 0;
	background: #333 url(http://blog-imgs-45.fc2.com/m/a/n/mangosteen112/mango_b1_1.jpg) no-repeat right bottom fixed !important;			/* 背景色・背景画像 */ 
	color: #fff;		/* 文字色 */
	font: 100%/150% Verdana,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
a:link,a:visited{
	color: #fff;		/* リンク文字色(訪問前・後) */
	text-decoration: underline;
}
a:hover,a:active{
	color: #fc0;		/* リンク文字色(選択・実行中) */
}
input,textarea,input.box,.header,.main_body img{
	border: #aaa solid 1px;	/* 枠ライン色 */
}
input,textarea,input.box{
	margin: 0;
	padding: 0;
	background: #333;		/* フォーム背景色 */
	color: #eee;		/* フォーム文字色 */
	font-size: 100%;
}
ul{				/* リストマーク種類 */
	margin: 0;
	padding: 0 0 0 32px;
	list-style-type: circle;
}
.no{
	list-style-type: none;
}
form,.main_body img{
	margin: 0;
}
#wrapper{
	width: 100%;
}
.header{
	width: 92%;		/* 横幅 */
	margin: 25px auto;
	padding: 0;
}
h1{
	margin: 0;
	padding: 25px 25px 0;
	font-size: 170%;
	text-align: center;
}
h1 a:link,h1 a:visited,h3 a:link,h3 a:visited{
	color: #fff;		/* ブログ・記事タイトル文字色(訪問前・後) */
	text-decoration: none;
	border: none;
}
h1 a:hover,h1 a:active,h3 a:hover,h3 a:active{
	color: #fc0;		/* ブログ・記事タイトル文字色(選択・実行中) */
}
h2{				/* ブログ紹介文 */
	margin: 0;
	padding: 13px 25px 25px; 
	font-size: 120%;
	text-align: center;
}
h3,h4{				/* 記事・コメントトラックバックタイトル */
	margin: 0;
	padding: 20px 20px 0;	
	font-size: 110%;
}
h5{				/* メニュータイトル */
	margin: 20px 0 0;
	padding: 0;
	font-size: 100%;
}
.top_navi,.main_footer,.relate_dl,.menu_l,.menu_r,.footer,table.calender{
	font-size: 85%;
}
.top{
	margin: 0;
	padding: 0;
}
.top_navi{
	float: left;
	width: 27%;
	height: 150px;
}
.top_navi,.main_body{
	margin: 0;
	padding: 20px;
	overflow: auto;
}
.main_more,.relate_dl{
	margin: 20px 0 0;
}
.relate_dl{
	padding: 20px 0 0;
}
.main_footer{
	margin: 0;
	padding: 0 20px; 
	text-align: right;
}
.cl{
	clear: both;
}
.menu_l{
	width: 25%;
 	float: left;
	margin: 0 0 0 25px; 
	padding: 20px;
}
.menu_r{
	width: 25%;
	float: right; 
	margin: 0 25px 0 0;
	padding: 20px;
}
.menu_c{
	margin: 0;
	padding: 0 0 20px 20px;
	overflow: auto;
}
.footer{
	clear: both;
	margin: 0;
	padding: 0 0 13px;
}
.footer,table.calender{
	text-align: center;
}