@charset "Shift_JIS";

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

  Main styles
  version 2012.02.01
  autor   Kenichi Okamura
  
  サイズ、色などを記述しています
--------------------------------------------------------------------*/


body {
	background: #FFF url(../images/bg.gif) center top;
}

body, td, th {
	font-size: 14px;
	line-height: 1.75em;
	letter-spacing: 0.075em;
	text-align: left;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.5em;
}

h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:14px;
	color: #666;
}
h6 {
	font-size:14px;
	color: #999;
}

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

  link style

--------------------------------------------------------------------*/
a {
	color:#00B2B2;
	text-decoration: none;
}

a:link {
	color:#00B2B2;
	text-decoration: none;
}

a:visited {
	color:#00B2B2;
	text-decoration: none;
}

a:hover {
	color:#0077B2;
	text-decoration: none;
}

a:active {
	color:#0077B2;
	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: 400px;
}
	#menu .midashi {
	}
	#menu li {
		font-size: 14px;
		line-height: 1.75em;
		padding-bottom: 1px;
	}
	
.article {
}
	.article h2,
	.article h3,
	.article h4,
	.article h5,
	.article h6 {
		width: 500px;
		margin: 0 auto 1em;
		text-align: left;
	}
	
	.article p {
		width: 500px;
		margin: 0 auto 2em;
	}

	.article .photo {
		width: 500px;
		margin: 0 auto 2em;
	}

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


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

	  Override Common styles

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

#header {
	position: relative;
	margin-bottom: 50px;
	margin-top: 50px;
	background: #FFF;
}
	#header h1 {
		margin-bottom: 30px;
	}

#yodogawa {
	width: 400px;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #808080;
}

#contents {
	background: #FFF;
}

#update {
}

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

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

#footer {
	width: 760px;
	padding: 40px 20px 50px;
	background: #FFF;
}
	#footer li {
		padding-right: 20px;
	}
	
#copyright,
#footer li.copyright {
	line-height: 30px;
}