@charset "shift_jis";

body {	
	margin: 0;
	padding: 0;
	text-align:center;
	background:url("../img/back_image.jpg") repeat-x;
}

/* Content */
#content {
	width:700px;
	margin: 0 auto;
}
a {
	text-decoration: none;
}
/* header */
#head {
	width:698px;
	height:100px;
	background:#f0f0f0;
	text-align:left;
	margin-top:10px;
	padding:0;
	background:url("../img/head.jpg") no-repeat;

}
#head h1 {
	margin:0;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:0;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#head h2 {
	margin:0;
	padding-top:0;
	padding-left:80px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#head a {color:#ffffff; text-decoration:none;}

/* left */
#left {
	width:198px;
	height:700px;
	float:left;
	text-align:left;
}
#left p {margin:0; padding:5px 0; font-size:90%; color:#444444;}
#left a {color:#444444;}
#left a:hover {text-decoration:none;}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	font-size:80%;
}

#menu li {
	display:inline;
}

#menu a {outline:0;
	display:block;
	padding:5px 15px;
	text-decoration: none;
	color: #444444;
}

#menu a:hover {
	background:#20a5d6;
	color:#ffffff;
}

#menu .active  {
	background:#98d5ea;
	color:#000000;
}
.title {
	margin:10px 0 0 0;
	padding:5px 15px;
	background:#98d5ea;
	font-size:90%;
}
.new ul {
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
}

.new li {
	display:block;
	margin:0;
	padding:5px 15px;
	color:#444444;
	font-size:80%;
	border-bottom:solid 1px #ffffff;
}
.new h2 {
	margin:0;
	padding:5px 15px;
	font-size:80%;
	color:#20a5d6;
}
.new a {color:#444444;}
.new a:hover {color:#444444; text-decoration:none;}
form {margin:0; padding:10px 15px;}

/* main */
#main {
	width:500px;
	height:700px;
	float:left;
	text-align:left;

}
.imagebox {
	margin:0 0 0 10px;
	width:490px;
	height:140px;
	background:url("../img/imagebox.gif") no-repeat;
}
#main h2 {
	color:#20a5d6;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:11px;
}
#main h3 {
	color:#20a5d6;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px 0 0 0;
	padding:15px;
}
#main h4 {
	color:#20a5d6;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:15px;
	font-size:110%;
}
#main img {margin:0; padding:0 15px 10px 0; float:left;}
#main p {
	margin:0;
	padding:0 15px 5px 15px;
	font-size:14px;
	color:#444444;
}
#main a {color:#20a5d6;outline:0;}
#main a:hover {text-decoration:none; background-position:0 -50px;}
.contents {
	width:499px;

	padding:0px 0 0 0;
	margin:0px 0 0 0;
	float:left;
}
.contents h4 {
	color:#20a5d6;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:15px;
	font-size:110%;
}
.contents img{
border:none;
}
.contents p {
	margin:0;
	padding:0 15px 5px 0;
	font-size:80%;
	color:#444444;
}
.contents ul {
	width:499px;height:243px;
	list-style: none;
	display: inline;
	float:left;
	margin: 08px 0 0 0px;
	padding: 0;
}
.contents li {
	float:left;
	display: block;
	margin: 0 0px 0 30px;
	padding:0;
	width:120px;
	height:120px;
	font-size:10px;
}
/* footer */
#footer {border-top:3px  solid;;
	clear:both;
	width:100%;
	color:#ffffff;
	font-size:70%;
}
#footer a {color:#000000;}
#footer a:hover {text-decoration:none;}


#link {
	width:240px;
	margin:0;
	padding:15px;
	float:right;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
}