﻿*{ 
    margin:0;padding:0; 
} 

/*	基本設定	*/
html {
	height:100%;
	margin-bottom:1px; /* スクロールバー対策 */
}

body {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	height:100%;
	line-height: 1.5; 
}

a {
text-decoration: none;
}

a img {
	border: none;
}


/*     レイアウト枠　id     */
#p-header {
	width: 820px;
	background: #fff;
	margin: 10px auto 0 auto;
	text-align: left;
}

#p-main {
	width: 820px;
	background:url(back45.jpg) repeat-y;
	margin: 0 auto;
	text-align: left;
}

#p-footer {
	width: 820px;
	background: #fff;
	margin: 0 auto;
	padding:0 0 10px 0;
	text-align: left;
}

#main {
	width: 800px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}

#top {
	width:800px;
	background: #ffffff;
	padding: 10px 0;
	height:50px;
	border-bottom:#000000 solid 1px;
}

#logo {
	width: 200px;
	float: left;
}

#topmenu {
	width: 550px;
	font: 70% Tahoma;
	float: right;
	text-align: right;
}

#topmenu a {
	color: #000000;
	text-decoration : none ;
}

#topmenu a:hover {
	color: #ffa500;
	text-decoration : underline ;
}

#link {
	width:800px;
	border-bottom:#000000 solid 1px;
	font-size:20px;
}

#content {
	width: 800px;
	color:#000000;
	background-image:url(back.gif);
	background-repeat:repeat-y;
	padding:0;

}

#content-left {
	float: left;
	width: 175px;
	margin:10px 0 10px 5px;
	_margin:10px 0 10px 2.5px;
}

#content-right {
	float: left;
	width: 610px;
	margin:10px 0 10px 5px;
}

#content-main {
	margin:10px;
}

#pankuzu
{
	float: left;
	width: 610px;
	margin:10px 0 0 5px;
}

#content-right-main
{
	float: left;
	width: 610px;
}

#footer{
	width:790px;
	background: #ffffff;
	padding: 5px;
	border-top:#000000 solid 1px;
	font: 80% Tahoma;
	text-align:right;
}

#accordion {}
.accordion {}
.accordion dt {display:block; 
	border:1px solid #0000FF;
	background-color:#fff;
	padding:2px 5px;
	margin:1px 0;
	text-decoration:none;
	color:#000;
	width: 163px;
	cursor:pointer;}
.accordion dt:hover {background-color:#0000FF;color:#fff;}
.accordion dd {overflow:hidden; background:#fff}
.accordion div {margin :0 0 0 10px;}
.accordion div a {display:block; 
	border:1px solid #0000FF;
	background-color:#D9D9FF;
	padding:2px 5px;
	margin:1px 0;
	text-decoration:none;
	color:#000;
	width: 153px;}
.accordion div a:hover {background-color:#fff;color:#000000;}	
.accordion div a.now {background-color:#0000FF;color:#fff;}	
#non-accordion a {display:block; 
	border:1px solid #0000FF;
	background-color:#fff;
	padding:2px 5px;
	margin:1px 0;
	text-decoration:none;
	color:#000;
	width: 163px;
	}

#non-accordion a:hover {
	display:block;
	background-color:#0000FF;
	border:1px solid #0000FF;
	padding:2px 5px;
	margin:1px 0;
	text-decoration:none;
	color:#fff;
	}

#non-accordion a.now {
	display:block;
	background-color:#0000FF;
	border:1px solid #0000FF;
	padding:2px 5px;
	margin:1px 0;
	text-decoration:none;
	color:#fff;
	}




/* トップページ　メイン画像
----------------------------------*/
#mainImg{
line-height:0;
text-align:center;
z-index:0;
}

.vcontainer {
	width: 610px;
	margin: 0 auto;
}

.viewer {
	margin: 0 0 0 0;
	width: 610px;
	height: 260px;
	overflow: hidden;
}

.viewer ul {
	width: 610px;
	height: 260px;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	display: none;
	position: absolute;
}



.m {
	display:block; 
	border:1px solid #0000FF;
	width: 163px;
	background-color:#fff;
	padding:2px 5px;
	margin:1px 0;
	text-decoration:none;
	color:#000;
	}

.q {
	background-color:#D9D9FF;
	margin:5px;
	padding:5px;
	text-decoration:none;
	color:#000;
	}
	
.q:first-letter {
	font-size: 140%;
font-weight: bold;
color: red;
margin-right:10px;
}
	
.a {
	margin:5px;
	padding:5px;
	text-decoration:none;
	color:#000;
	}
	
.a:first-letter {
font-size: 140%;
font-weight: bold;
color: blue;
margin-right:10px;
}

.pageup{
	text-align:right;
	font-size:80%;
	margin:0 5px 15px 0;
}

.mi{
margin:5px 0;
padding:5px 0 5px 15px;
background:#F5F5F5;
border-left:#0000ff 8px solid;
font-weight: bold;
color:#333;
}

#blog-entry{
	margin:10px 5px;
	border:#999999 1px solid;
	width:600px;

}

#blog-title{
	margin:5px;
	padding:0 0 0 10px;
	border-left:#0000ff 5px solid;
	font-size: 120%;
	font-weight: bold;
	color:#0000ff;
}

#blog-title a{
	color:#0000ff;
}

#blog-title a:hover{
	color:#0000ff;
	text-decoration: underline; 
}

#blog-title span{
	display:block;
	font-size:80%;
	color:#999999;
}

#blog-main{
	margin:10px;
	font-size: 95%;
}

