@charset "utf-8";


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

body{
	background-color:#cccccc;
}

#container{
	width:900px;
	margin:auto;
	background-image:url("../images/main-haikei.gif");
	border-left:3px solid #000000;
	border-right:3px solid #000000;
}
header{
	position:relative;
	margin-bottom:20px;
}

.menu ul{
	list-style-type:none;
	position:absolute;
	top:270px;
	left:0;
}
.menu li{
	width:150px;
	height:20px;
	float:left;
	text-align:center;
	margin-left:25px;
}

.menu a{
	color:#ffffff;
	font-size:30pt;
	font-family:'ＫＦひま字',;
	text-decoration:none;
}
.menu li a:hover{
	color:#000000;
}
img.waku{
	border:solid 3px #666666;
}

img.link{
	border-style:none;
}
.main{
	margin-left:70px;
	margin-bottom:40px;
}



.viewer {              /*引用*/
margin: 0 auto; 
width: 560px; 
height: 410px; 
text-align: left; 
float:left;
overflow: hidden; 
} 

.viewer ul { 
width: 560px; 
height: 410px; 
text-align: left; 
overflow: hidden; 
position: relative; 
}

.viewer ul li { 
top: 0; 
left: 0; 
width: 560px; 
height: 410px; 
display: none; 
position: absolute; 
}               /*引用*/


.news {                  /*引用*/
width: 600px;
height: 400px;
overflow: auto;
background-color: #ffffff;
border: 2px #999999 solid;
scrollbar-base-color: #ffc0cb;
scrollbar-arrow-color: #ffffff;
color: #000000;
font-size: 11pt; /* ボックスの文字サイズ */
content: "★new!";
margin-left:150px;
margin-bottom:40px;
}

/* --- 見出し --- */
div.news h3 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background-color: #fed0e0; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}


/* --- 本文領域 --- */
div.news div.textArea {
overflow: auto;
}

/* --- 本文領域内の段落 --- */
div.news div.textArea p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}                  /*引用*/


footer{
	background-color:#ffffff;
	padding:30px 0px;
	font-size:15px;
	text-align:center;
	color:#000000;
	border-top:solid 1px #000000;
	
}