@charset "Shift_JIS";

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

  Main styles
  version 2011.11.26
  autor   Kenichi Okamura

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


body {
	background: #F2F2F2 url(../images/bg.gif) center top repeat-y;
}

body, td, th {
	font-size: 14px;
	line-height: 1.75em;
	letter-spacing: 0.075em;
	text-align: left;
	color: #333;
}

/* background fixed for ie6 */
/*
* html, * html body {
	background-position: expression((this.offsetWidth-800)/2+'px '+this.parentNode.scrollTop + 'px');
}
*/

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

  styles for  #wrapper height:100%

--------------------------------------------------------------------*/
/*
html, body, #wrapper {
	height: 100%;
}

#wrapper{
	min-height: 100%;

}

body > #wrapper {
	height:auto;
}
*/



#info {
	width: 512px;
	margin: 0 auto 30px;
}
	#info h2 {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 1em;
	}
	#info p {
		margin-bottom: 1em;
	}
	
	#info .top {
	}
	#info .mid {
		background: url(../images/book_mid.gif) center top repeat-y;
	}
		#info .left {
			padding-left: 26px;
			width: 127px;
		}
		#info .right {
			padding-right: 26px;
		}
	#info .btm {
	}


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

  link style

--------------------------------------------------------------------*/
a {
	color:#4545E6;
	text-decoration: none;
}

a:link {
	color:#4545E6;
	text-decoration: none;
}

a:visited {
	color:#4545E6;
	text-decoration: none;
}

a:hover {
	color:#8F8FF0;
	text-decoration: none;
}

a:active {
	color:#8F8FF0;
	text-decoration: none;
}

	/*----------------------------
	  image link style
	----------------------------*/
	a.external img {
		vertical-align: middle;
	}
	

/*
a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

a:hover img.btn,
a:hover img.current,
a:hover img.nohover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

a:hover img.current,
a:hover img.off,
a:hover img.nohover {
	cursor: default;
}


img.off,
a img.off,
a:hover img.off {
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}
*/


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

  menu style

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

#menu {
	width: 340px;
	padding-left: 30px;
}
	#menu .midashi {
	}
	#menu ul {
		padding-top: 25px;
	}
	#menu li {
	}
	
.article {
	width: 510px;
	margin: 0 auto;
}
	.article h2 {
		width: 500px;
		margin: 0 auto 2em;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}
	.article p {
		width: 500px;
		margin: 0 auto 2em;
	}
	.article .quote {
		margin-bottom: 30px;
	}

.movie {
	width: 640px;
	margin: 0 auto 2em;
}


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

	  Override Common styles

--------------------------------------------------------------------*/
#wrapper {
	position: relative;
	width: 800px;
}

#header {
	position: relative;
	background-color: #000;
}

#yodogawa {
	width: 360px;
	padding-right: 30px;
}

#profile {
	position: absolute;
	width: 227px;
	right: 25px;
	top: 880px;
}

#contents {
}

#update {
}

#navi {
	width: 436px;
}
	#navi li {
		padding: 0 10px;
	}
	#navi li.next {
		width: 112px;
	}
	#navi li.prev {
		width: 112px;
	}
	#navi li.latest {
		width: 152px;
	}

#date {
	color: #666;
	padding-bottom: 0;
	margin-bottom: 30px;
}

#footer {
	background-color: #000;
	padding: 20px 30px 20px 10px;
}
	#footer li {
		padding: 0;
	}
	
#copyright,
#footer li.copyright {
	line-height: 30px;
	color: #FFF;
}