@charset "Shift_JIS";

/* -------------------------

   common style & layout

------------------------- */



/* @group Layout */




#header h1 {
	top: 0px;
	left: 0px;
	width: 306px;
	height: 79px;
}

#header .img-scene {
	padding-top: 79px;
	width: 800px;
	height: 450px;
}


#yodogawa {
	text-align:left;
	width: 700px;
	margin: 0 auto;
	clear: both;
	margin-top: 48px;
	margin-bottom: 70px;
}

#y-left {
	float:left;
	width:450px;
}

#y-right {
	float:right;
	width:250px;
}

#contents-classic {
	text-align:left;
	width: 700px;
	margin: 0 auto;
	clear: both;
	margin-top: 48px;
	margin-bottom: 70px;
}

#contents-wada {
	text-align:left;
	width: 700px;
	margin: 0 auto;
	clear: both;
	margin-top: 48px;
	margin-bottom: 70px;
}

#contents-puton {
	text-align:left;
	width: 700px;
	margin: 0 auto;
	clear: both;
	margin-top: 48px;
	margin-bottom: 70px;
}

.m-left {
	float:left;
}

.m-right {
	float:right;
}

.midashi-top {
	margin-bottom: 30px;
}

.midashi {
	margin-top: 60px;
	margin-bottom: 30px;
}

.text-small {
	font-size:93%;  /*renders 12px */
}

.mails {
	font-size:93%;  /*renders 12px */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding-top:15px;
	padding:15px;
}

.mail-left {
	float:left;
	width:349px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}

.mail-right {
	float:right;
	width:350px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mt60 {
	margin-top: 60px;
}

/* @end */