html {
	overflow-y: scroll;
	width: 100%;
}

body {
	width:100%;
	border: none;
	background-color: #FFFFFF;
	line-height:1.58;
}

/* Safari 3以上, Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	 body {
		line-height:1.6;
	}
}

#top {
	width: 277px;
	height: 500px;
	margin: 0 auto;
	border: none;
}

#credit {
	bottom: 0;
	right:40px;
	position: fixed;
	overflow: hidden;
	height: 51px;
	width: 340px;
	visibility: hidden;
	border: none;
	color:#fff;
	font-size:12px;
	font-family: 'Crimson Text', arial, serif;
	text-shadow: 1px 1px 2px rgb(51, 51, 51);
}

#credit a:hover{
	text-decoration:underline;
}

#credit h1.sitetitle {
	margin:0 0 40px;
	padding:0;
	border:0;
	text-align:right;
}

#credit p.discription {
	margin:20px 0 -1px;
	text-align:right;
}

#credit p.nav {
}

#credit .copyright {
	text-align:right;
	margin-top:-9px;
}

#credit1 {
	width: 100%;
	display: block;
	position: relative;
	margin: 0 0 auto;
	height: 106px;
	clear: both;
	border: none;
}

#credit2 {
	width: 100%;
	display: block;
	position: relative;
	margin: 0;
	height: 61px;
	border: none;
	display:none;
}

#book {
	bottom: 0;
	left:242px;
	position: fixed;
	overflow: hidden;
	height: 65px;
	width: 300px;
	visibility: hidden;
	border: none;
	font-family: 'Crimson Text', arial, serif;
	color:#fff;
	text-shadow: 1px 1px 2px rgb(51, 51, 51);
}
#book a{
	margin-left:0;
}
#book a:hover{
	text-decoration:underline;
}

#book p {
	margin:9px 0 0 0;
	font-size:12px;
	line-height:1.25;
}
#book p img{
	float:left;
	margin-bottom:6px;
}



#about {
	bottom: 0;
	left:440px;
	position: fixed;
	overflow: hidden;
	height: 65px;
	width: 280px;
	visibility: hidden;
	border: none;
	font-family: 'Crimson Text', arial, serif;
	color:#fff;
	text-shadow: 1px 1px 2px rgb(51, 51, 51);
}

#about p {
	margin:0 0 24px;
	font-size:12px;
}

#about a:link {
	margin:0;
	color:#fff;
	text-decoration:none;
}

#about a:hover {
 color::#fff;
	text-decoration:underline;
}

#about .mail{
	position:relative;
	font-size:17px;
}

#about .iconFb{
	position:absolute;
	margin-left:24px;
	top:5px;
}

@media screen and (max-width : 767px){
	#about .iconFb{
		top:4px;
	}
}

#news {
	bottom: 0;
	left:40px !important;
	position: fixed;
	overflow: hidden;
	height: 65px;
	width: 180px;
	/*visibility: hidden;*/
	border: none;
	font-family: 'Crimson Text', arial, serif;
	color:#fff;
	text-shadow: 1px 1px 2px rgb(51, 51, 51);
}


#news p {
	font-size:12px;
	word-wrap: break-word;
	list-style:none;
	padding:0;
}

#news span {
}

#news a {
	margin:0;
	display:inline-block;
	text-decoration:none;
	color:#fff;
}

#news a:hover {
	text-decoration:underline;
}

img {
	border:0;
}

#news #feed span {
	display:inline;
	font-size:12px;
}

#news  h2,
#book h2,
#about h2{
	margin:0 0 25px;
	font-size:28px;
	font-weight:normal;
	letter-spacing:0.03em;
}



/* Clear fix
========================*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {/* for IE6 */
	height: 1px;
}

*:first-child+html .clearfix {/* for IE7 */
	zoom: 1;
}