@charset "Shift_JIS";

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

  Main styles
  version 2011.11.26
  autor   Kenichi Okamura

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


body {
	background: #FFF 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: 480px;
	border: 4px solid #E1E1E5;
	margin: 0 auto 30px;
	padding: 16px;
}
	#info h2 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 1em;
	}
	#info p {
		margin-bottom: 1em;
	}
	
	#info .top {
	}
	#info .mid {
	}
		#info .left {
			width: 140px;
		}
		#info .right {
		}
	#info .btm {
	}

#info2 {
	width: 460px;
	border: 4px solid #E1E1E5;
	margin: 0 auto 30px;
	padding: 26px;
}
	#info2 h2 {
		font-size: 20px;
		line-height: 1.35em;
		font-weight: bold;
		margin-bottom: 1em;
	}
	#info2 p {
		margin-bottom: 1em;
	}

	#info2 .spec th,
	#info2 .spec td {
		border-top: 1px solid #FFF;
		padding: 5px 10px;
	}
	
	#info2 .spec th {
		width: 70px;
		font-weight: bold;
		background-color: #E1E1E5;
	}
	#info2 .spec td {
		background-color: #F0F0F2;
	}
	
	#info2 .spec table {
		width: 100%;
		margin-bottom: 1em;
	}

#info3 {
	width: 460px;
	border: 4px solid #E1E1E5;
	margin: 0 auto 30px;
	padding: 26px;
}
	#info3 h2 {
		font-size: 18px;
		line-height: 1.35em;
		font-weight: bold;
		margin-bottom: 1em;
	}
	#info3 p {
		margin-bottom: 1em;
	}

.info {
	width: 460px;
	border: 4px solid #E1E1E5;
	margin: 0 auto 30px;
	padding: 26px;
}
	.info h2 {
		font-size: 18px;
		line-height: 1.35em;
		font-weight: bold;
		margin-bottom: 1em;
	}
	.info p {
		margin-bottom: 1em;
	}


	
	#projects .spec table {
		width: 100%;
		margin-bottom: 2em;
	}
	#projects .spec th,
	#projects .spec td {
		border-bottom: 1px solid #E1E1E5;
		border-top: expression((this.parentNode.firstChild == this) ? '1px solid #E1E1E5' : 'none');/* IE6 */
		padding: 5px 10px;
	}
	#projects .spec td:first-child {
		border-top: 1px solid #E1E1E5;
	}
	#projects .spec th {
		width: 70px;
		font-weight: bold;
	}
	#projects .spec td {
	}
	

.cap {
	font-size: 12px;
	line-height: 1.75em;
	color: #999;
}


.hr1 {
	height: 1px;
	border-top: 1px solid #E1E1E5;
	font-size: 0.1px;
	line-height: 0.1px;
}

.photo .cap {
	text-align: left;
}

.rel {
	position: relative;
}

.book {
	position: absolute;
	width: 140px;
	height: 203px;
	bottom: 0;
	right: 0;
}

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

  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.amazon {
	padding-top: 1px;
	padding-bottom: 1px;
}
	

/*
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: 300px;
	padding-left: 0;
}
	#menu .midashi {
	}
	#menu ul {
	}
	#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;
}


#map {
	margin-bottom: 25px;
}

#sMap {
	position: absolute;
	top: 0;
	left: 0;
}

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

	  Override Common styles

--------------------------------------------------------------------*/
#wrapper {
	position: relative;
	width: 780px;
	padding: 40px 10px;
}

#header {
	position: relative;
	margin-bottom: 100px;
}
	#header h1 {
		margin-bottom: 50px;
	}

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

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

#contents {
	position: relative;
}

#update {
}

#navi {
	width: 500px;
}
	#navi li {
		padding: 0 10px;
	}
	#navi li.next {
		width: 135px;
		padding-right: 0 !important;
	}
	#navi li.prev {
		width: 135px;
		padding-left: 0 !important;
	}
	#navi li.latest {
		width: 190px;
	}

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

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