@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

@media (min-width: 501px){/* タブレット・ＰＣ用だよ！ */
	#wrapper{
	width: 820px;
	
	margin: 0 auto;
}
header{
	width:820px;
	background-color:#FFF;
	height:120px;}

#sitebox{margin:0 auto;
	width:310px;
	background-color:#FFF;}
#title{
	text-align:center;
	color:#FFF;
	background-color:#000;}
	
	
#banner{text-align:center;}

p.resize45 img { width: 100px; }/* スタンプ */

}

@media (max-width: 500px){/* スマホ用だよ！ */
	#wrapper{
	width: 100%;
	
}

	p.resize img { width: 100%; }/* 100％の幅で表示させるよ！ */
	p.resize90 img { width: 90%; }/* 90％の幅で表示させるよ！ */
	p.resize80 img { width: 80%; }/* 80％の幅で表示させるよ！ */
	p.resize50 img { width: 50%; }/* 50％の幅で表示させるよ！ */
	p.resize45 img { width: 45%; }/* 45％の幅で表示させるよ！ */
}

body {
	margin: 0px auto;
}



/*ナビ部分-----------------------*/
#leftimg{float:left;}
#clear{clear:both;}
#kakou{background-color:#CCC;
		border-radius:10px;
		margin-top:20px;
		margin-bottom:10px;
		}
#ue{margin-top:20px;}
#comic{margin:10px;
text-align:center;}



/*フッター部分-----------------------*/
footer{ clear:both;
		width:100%;
		height:40px;
		background-color: #874d09;
		text-align:center;
		color:#FFF;
		padding-top:20px;
}