﻿/*
メニューバーの色　#9acd32
文字色　#333333
*/

html {
margin-bottom:1px;
height:100%;
}

textarea {
width: 680px;
}

body {
 	background-color: #ffffff;
	font-size: 100%;
	line-height: 2;
	color: #333333;
    padding:0;
	margin:0;
}

img {
	border: none;
}


#head_nav {
	color: #ffffff;
	font-size: 80%;
	background-color: #2f4f4f;
	padding-left:10;
	padding-right:10;
	margin:0;
	text-align:left;
}

#head_nav ul {
	margin-right:0;
    display: inline;
    list-style: none;
	text-align:right;
}

#head_nav li {
    border-right: 1px dotted #ddd;
    padding-right: 10px;
    padding-left: 10px;
    display: inline;
    list-style: none;
}

#head_nav li.last {
	border-right: none;
}


#container {
	margin: 10px;
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


#Scontainer {
	margin: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
    text-align: center;
}

#top {
	margin: 0px;
	padding-top: 0px;
   padding-left: 10px;
	font-size: 75%;
	color: #aaaaaa;
}


#menu{
    text-align: center; 
}

#menu ul {
    text-align: center; 
}

#menu li {
	float:left;
	color:#4c2d0f;
	text-align:center;
	list-style-type:none;
	margin-bottom: 0px;
}
 
#menu li a {
	margin-left: 0px;
	display:block;
	width:155px;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	background-color: #4c2d0f;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #9acd32;
}

#menu li a:hover {
	color:#4c2d0f;
	background-color: #9acd32;
	border-bottom:1px solid #9acd32;
}


#menu li.midori {
	margin-left: 0px;
	display:block;
	width:155px;
	color:#4c2d0f;
	text-decoration:none;
	line-height:30px;
	background-color: #9acd32;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #9acd32;
}

#search {
    padding-top: 5px;
	padding-bottom: 10px;
	font-size: 80%;
	margin: -2px;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 5px;
	border-top:1px solid #9acd32;
	color:#4c2d0f;
	background-color: #9acd32;
}


#main {
	width: 690px;
	float: left;
	display:block;
	margin-left: 2px;
	padding-bottom: 50px;
	font-size: 90%;
}

#Mbox{
	margin-top: 2px;
	background-color: #f4ecc3;
	border-left:1px solid #4c2d0f;
	border-right:1px solid #4c2d0f;
	border-bottom:1px solid #4c2d0f;
	margin-bottom: 10px;
}

#Mbox h2{
	font-size: 120%;
	margin-top: 2px;
	padding-left: 10px;
	margin-bottom: 2px;
	background-color: #4c2d0f;
	border-top:1px solid #4c2d0f;
	color:#ffffff;
}

#nakami{
	padding-left: 10px;
	padding-right: 10px;
}

#side {
	width: 300px;
	float: right;
	display:block;
	margin-left: 2px;
	font-size: 90%;

}

#Sbox{
	margin-top: 2px;
	background-color: #f4ecc3;
	border-left:1px solid #4c2d0f;
	border-right:1px solid #4c2d0f;
	border-bottom:1px solid #4c2d0f;
	margin-bottom: 10px;
}

#Sbox h2{
	font-size: 120%;
	margin-top: 2px;
	padding-left: 10px;
	margin-bottom: 2px;
	background-color: #4c2d0f;
	border-top:1px solid #4c2d0f;
	color:#ffffff;
}

#Sbox li{
	list-style-type:none;
	margin: 2px;
}

#Sbox li a{
	padding-left: 10px;
	display:block;
	text-decoration:none;
	background-color: #f4ecc3;
	border:1px solid #663d14;
}

#Sbox li a:hover {
	padding-left: 10px;
	display:block;
	color:#4c2d0f;
	text-decoration:none;
	background-color: #9acd32;
	border:1px solid #663d14;
}
.pop a:hover{ /*マウスが乗ったら*/
	position: relative;
	top: 0px; left: 0px;
}
.fukidasipop { /*吹き出し本体*/
	position: absolute;
	display: none; /*何も表示しない*/
	top:20px;
	padding-left: 3px;
	padding-right: 3px;
	float:left;
	color: #ffffff;
	text-decoration:none;
}
a:hover .fukidasipop {
	display:inline-block;
}
