@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	font-size:13px;
	text-align:center;
	background:url(../images/wrap_bg.jpg) repeat;
	background-size:contain;
	line-height:160%;
	font-family: 'Noto Sans Japanese', sans-serif;
}

#wrapper {
	width:900px;
	height:1350px;
	margin:0 auto;
	text-align:left;
	background:url(../images/note.png) no-repeat;
	position:relative;
	padding:50px 30px 50px 70px;
}

#h1-lead {
	display:block;
	border:1px solid #000;
	padding:5px;
	width:120px;
	font-weight:bold;
	font-size:16px;
}
h1{
	text-align:center;
	font-size:32px;
	margin:0 0 10px 0;padding:0;
	display:block;
}
#rule {
	margin:0 10px;
	border:1px solid #000;
	padding:10px;
	font-size:16px;
	line-height:160%;
	width:43%;
	font-weight:bold;
}
#rule h2{
	font-size:24px;
	border-bottom:1px solid #000;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
#side_dish{ 
	width:50%;

}
#side_dish h3{
	font-size:20px;
	margin:0 0 10px 0;padding:10px;
	background:#333;
	color:#fff;
	width:240px;
	display:block;
}
#side_dish ul{ 
	margin-right:-20px;
	margin:0;padding:0;
}
#side_dish li{ 
	 list-style:none;
	 display:inline-block;
	 vertical-align:top;
	 width:200px;
	 padding:0 20px 0 0;
}
#side_dish li img{ 
	text-align:center;
	width:200px;
	margin-bottom:5px;
}
#cover {
	width:600px;
	margin:0 auto;
	position:relative;
	
}
#cover h4{
	position:absolute;
	top:0;left:150px;
	font-size:18px;
	font-weight:bold;
	margin:50px 0 0 20px;
	line-height:180%;
}
#rotate {
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

/* etc */
.center{text-align:center;}
.m-auto {margin:0 auto;}
.flL{float:left;}
.flR{float:right;}
.dib {display:inline-block;}
.vat{vertical-align:top;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.mb20 {margin-bottom:20px;}