.home {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 160%;
	background-color: #fffff0;
	background-image: url("img/sumiyoshi.jpg");
	background-repeat: no-repeat;
	height:100%;
}

.main {
	width: 1024px;
	height: auto;
	margin: 0 auto;
	clear: none;
}


.header{
	height:20px;
	background-color:red;
}

.menu {
	width: 190px;
	float:left;
	position:relative;
	left:10px;
	margin: auto;
	text-align:center;
}

.contents{
	width: 800px;
	height: auto;
	min-height: 500px;
	background-color: rgba(255, 255, 255, 0.8);
	float:right;
	border-radius:10px;
}

.select{
	background-color: rgba(205, 205, 255, 0.8);
	margin:10px;
	text-align:center;
	border-radius:10px;
}

.serihu {
	float:left;
	margin:10px;
}
.tatie {
	float:left;
}

.contents2{
	display:none;
}

.contents2 fieldset{
	margin-bottom:10px;
	margin-right:10px;
}

#chara1{
	display:block;
}

.footer{
	width: 190px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius:10px;
	margin-top:10px;
	padding:5px 5px 10px;
}

.about{
	background-color:#fffff0;
	border-radius:10px;
	text-align:center;
	color:black;
	font-size:120%;
	margin: auto;
	margin-top:30px;
	padding:30px 30px;
	width:600px;
}

.kansai{
	text-align:left;
	background-color:#f0f0ff;
	color:black;
	font-size:100%;
	margin: auto;
	margin-top:30px;
	padding-top:10px;
}

.kansai img{
	float:right;
}

.si{
	font-size:110%;
	color:blue;
}

.scenetext{
	font-size:130%;
	line-height: 180%;
	margin:30px;
}

.scenetext li{
	margin-top:5px;
}

.menu2{
	display:none;
	width:100%;
	background-color:red;
	height:43px;
}

.menu2 img{
	float:left;
}

.menu2text{
	color:white;
	font-size:24px;
	text-align:center;
	padding-top:8px;
}

.story{
	font-size:120%;
}
.story dt{
	font-size:120%;
	font-weight:bold;
	margin-top:20px;
}

.subtitle{
	font-size:120%;
	font-weight:bold;
	margin-bottom:30px;
}

.story2 img{
	border-style:solid;
	border-width:2px;

}

.header2{
	background-color:#fff0f0;
}

.sthome {
	line-height: 180%;
	background-color: #ffffff;
}

.big{
	font-weight:bold;
	font-size:120%;
}

.page{
	font-weight:bold;
	padding:5px;
}

.new1{
	font-size:110%;
	line-height: 130%;
	margin:30px;
}

.new1 .newname{
	font-size:150%;
}

@media screen and (min-width:1000px){
	#rikkarun{
		position:absolute;
		top:190px;
	}

	.story{
		margin-left:100px;
	}

	.story2{
		margin-left:100px;
		margin-right:100px;
	}

	.kansai{
		width:600px;
		padding-left:20px;
	}

	.page{
		position:relative;
		left:-20px;
	}
}

@media screen and (max-width:1000px){

	.main{
		width:auto;
	}

	.header{
		display:none;
	}

	.menu{
		display:none;
		float:none;
	}

	#logo{
		height:40px;
	}

	.menu2{
		display:block;
	}

	.contents{
		float:none;
		width:auto;
		padding-top:5px;
	}

	.contents img{
		max-width:100%;
	}

	.about{
		width:auto;
	}

	.scenetext{
		padding-bottom:30px;
		margin-left:10px;
		margin-right:10px;
	}

	.story2 img{
		max-width:100%;
	}

}

@media screen and (max-width:400px){
	.serihu {
		margin:0px;
	}
	.tatie{
		float:none;
	}
}