@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);

html {	margin-top: 0px;margin-bottom: 0px;	height: auto;}

body { 	font-family:Georgia,"Times New Roman","Cinzel",'Lateef',"メイリオ",Osaka,sans-serif;
	background-color:#2b2b2b;	margin-top: 0px;	margin-bottom: 0px;	height: auto;}

.wrapper {	margin: 0px auto 0px auto;	width: 820px;	height: auto;overflow: hidden ;}

.left {	text-align: center;	background-color:#eee9e6;	width: 300px;
	margin-top: 0px;	padding-top: 50px;	height: auto;	float: left;}

.right {background-color:#eee9e6;
	width: 480px;	margin-top: 0px;	margin-bottom: 0px;	padding-top: 50px;
	height: auto;	float: right;}

h1{ font-family:Times New Roman , "ＭＳ Ｐ明朝" , serif;
 	font-size: 25px;	font-weight: 400;	color: #2e2d46;
	line-height: 20%;	margin: 50px 0 40px 0;	letter-spacing: 2px;}

.menu {	font-size: 14px;margin:30px 5px;}

a {	text-decoration: underline;	color: #2f2e47;}
a:hover {text-decoration: none;	color: #7472a5;}

h2{	font-family:Times New Roman , "ＭＳ Ｐ明朝" , serif;text-align:center;
	font-size: 21px;	font-weight: 400;	color: #252437;
	line-height: 100%;	letter-spacing: 2px;
	margin-bottom: 10px;	border-bottom:3px double  #8D8BB4;
	padding-bottom: 2px;	margin: 10px 10px 30px 10px;}

.novel {font-size: 12pt;	color: #252439;	line-height: 160%;	letter-spacing: 1px;
	margin: 15px 15px 80px 20px;	height: auto;}
.about {font-size: 10pt;	color: #252439;	line-height: 160%;	letter-spacing: 1px;
	margin: 15px 15px 80px 20px;	height: auto;}

.part{margin: 0px 15px 15px 15px;}
.txt {font-size: 12px;color: #252439;letter-spacing: 1px;
            margin: 15px 15px 30px 15px;}
.small{font-size: 10px;color: #808080;margin-top: 10px;}
.top{margin:30px 0;}

input,textarea{ font-size:10pt;border:1px solid #666666;
font-family:Georgia,"ＭＳ Ｐゴシック",Osaka,sans-serif;
letter-spacing:1px;background-color:transparent;}

.input input{border-width:0px 0px 1px 0px}

table{border:0px;margin:30px 0 0 0;}
td,tr{font-size:9pt;font-family:Georgia,"ＭＳ Ｐゴシック",Osaka,sans-serif;}

#foot {	font-size: 12px;color: #514f7d;	margin: 0px 15px 30px 15px;
	border-top-width: 1px;	border-top-style: dashed;
	border-top-color: #8D8BB4;
	height: auto;	padding-top: 5px;}


@media only screen and (max-width:481px){
.wrapper { width:95%;}
.right{ width:auto; margin:0px auto; padding:0 0 10px 0;float:none;}
.left{ width:auto; margin:0px auto; padding:10px 0 10px 0;float:none;}
h2{margin-top:0;}
h1{	font-size: 25px;}
.top{margin:30px 0;}
}