@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#f8f7f5;
	text-align:center;
	font-size:75%;
	color:#9b6060;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	line-height:160%;
	background:url("../img/body_bg.gif") 50% 0 repeat;
}

img{
	display:block;
	vertical-align:bottom;
	border:0;
}

a:link		{color:#0088ff;text-decoration:none;}
a:visited	{color:#8800ff;text-decoration:none;}
a:hover		{color:#ff8800;text-decoration:underline;}
a:active	{color:#ff8800;text-decoration:underline;}


h1,
h2,
h3{
	margin:0;
	padding:0;
	font-size:75%;
}
h1{
	width:409px;
}
h3{
	margin:3em 0 1em;
	padding:0;
	font-size:75%;
}

p{
	padding:0;
	margin:0 0 1.5ex;
}
p img{
	display:inline;
}

.root{
	background:url("../img/root_bg.gif") 50% 0 repeat-x;
}

.header{
	width:922px;
	height:103px;
	text-align:left;
	background:url("../img/header_bg.jpg") no-repeat;
	margin:0 auto;
	position:relative;
}
.toppage .header{
	height:138px;
	background:url("../../img/index_header_bg.jpg") no-repeat;
}
.circle-logo{
	position:absolute;
	display:block;
	top:5px;
	left:796px;
	width:125px;
	height:70px;
	text-decoration:none;
}
.main-container{
	width:855px;
	margin:0 auto;
	padding-left:67px;
	text-align:left;
}
	.main-base{
		width:851px;
		background: url("../img/mainbase_bg.gif") 0 67px repeat-y;
	}
		.side{
			width:151px;
			vertical-align:top;
			background: url("../img/gmenu_footer_bg.jpg") 0 100% no-repeat;
		}
			.gmenu{
				width:151px;
				height:406px;
				position:relative;
				line-height:0;
			}
			.gmenu ul{
				margin:0;
				padding:26px 0 0 39px;
				width:179px;
				height:406px;
				position:absolute;
				left:-67px;
				list-style-type:none;
				background:url("../img/gmenu_bg.gif") no-repeat;
			}
			.toppage .gmenu ul{
				background:url("../../img/index_gmenu_bg.gif") no-repeat;
			}
			.gmenu li{
				padding:4px 0 0;
				margin:0;
			}
		.main{
			width:700px;
			vertical-align:top;
			background:#703c3c;
		}
			.main-body{
				padding:0 20px;
			}
			.main-body-content{
				padding:10px 40px 40px;
				background:#fffbfb url("../img/main_body_footer.gif") 0 100% no-repeat;
			}
			.topics-left{
				float:left;
				width:150px;
				padding:0 0 0 20px;
				margin:0;
				list-style-type:none;
			}
			.topics-left li{
				position:relative;
				padding:10px 0 0;
				margin:0;
			}
			.topics-right{
				float:right;
				width:390px;
				padding:10px 20px 0 0;
			}
			.topics-right table{
				background:#ffffff;
			}
			.topics-right table td{
				vertical-align:top;
			}
			.news-articles{
				padding:17px 17px 12px;
				min-height:498px;
			}
				.article-imgbox{
					width:130px;
				}
				.article-date{
					color:#d38e17;
					font-family:Arial, Helvetica, sans-serif;
					line-height:130%;
				}
				.article-title{
					color:#80b21b;
					font-weight:bold;
					font-size:120%;
					padding-bottom:0.5ex;		
				}
				.article-body{
					color:#666666;
				}
			.article-spliter{
				margin:0;
				padding:11px 0;
				height:5px;
			}
.footer{
	clear:both;
	width:922px;
	height:72px;
	text-align:left;
	background:url("../img/footer_bg.gif") 67px 0 no-repeat;
	margin:0 auto;
	padding:0 0 20px;
}

.footer{
	position:relative;
	clear:both;
	width:922px;
	height:72px;
	text-align:left;
	background:url("../img/footer_bg.gif") 67px 0 no-repeat;
	margin:0 auto;
	padding:0 0 20px;
}

.footer-copy{
	position:absolute;
	left:78px;
	top:38px;
}
.footer-address{
	position:absolute;
	left:676px;
	top:38px;
}








.hide{
	visibility:hidden;
}
.clear{
	clear:both;
}
.dl-btn{
	margin:1ex 0;
}


.thumbs-list-table{
	width:100%;
	height:220px;
	margin-bottom:10px;
}
.thumbs-list-table td{
	text-align:center;
	vertical-align:middle;
}

.thumbs-list-table td img{
	margin:auto auto;
	cursor:pointer;
}

.op-player{
	position:absolute;
	top:100px;
	left:10px;
}
.ed-player{
	position:absolute;
	top:197px;
	left:10px;
}