BODY
{
  MARGIN-TOP: 0px;
  FONT-SIZE: 10px;
  MARGIN-LEFT: 0px;
  BACKGROUND-COLOR: #fafad2;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#container
{
  WIDTH: 801px;
  BORDER-TOP: gray 0px solid;
  BORDER-RIGHT: gray 0px solid;
  BORDER-LEFT: gray 0px solid;
  BORDER-BOTTOM: gray 0px solid;
  MARGIN-TOP: 20px;
  margin-left:auto;
  margin-right:auto;
  BACKGROUND-COLOR: #FFFFFF;
}
#consul
{
  FONT-SIZE: 13px;
}

#content_menu{
  FONT-SIZE: 12px;
}
#content_menu IMG{
  border-width : 0px 0px 0px 0px;
}
#banner
{
  background-image : url(http://www.wakaba-kabarai.com/top.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  WIDTH: 800px;
  HEIGHT: 200px;
}

#top_menu{
  text-align:right;
}
#top_menu IMG{
  border-width : 0px 0px 0px 0px;
}

#side{
  WIDTH: 230px;
  FLOAT: left;
  padding: 0px;
}
#side p{
  FONT-SIZE: 12px;
}

#side IMG{
  border-width : 0px 0px 0px 0px;
}
#side_about{
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 0px;
	padding:1px;
	background:#7CB27C;
	width:200px;
	border-color:#1A511A;
	border-width:1px;
	border-style:solid;
}
#side_about_inbox{
	FONT-SIZE: 12px;
	padding:0px;
	background:#E9F4E9;
	width:198px;
	border-color:#FFFFFF #BADABA #BADABA #FFFFFF;
	border-width:1px;
	border-style:solid;
}


#content{
  FLOAT: left;
  WIDTH: 570px;
  padding: 0px;
  text-align:left;
}

#titles{
  padding:3px 5px;
  border-color:#990000;
  border-width:0 0 1px 7px;
  border-style:solid;
  background:#F8F8F8;
  MARGIN-TOP: 5px;
  MARGIN-RIGHT: 0px;
  MARGIN-LEFT: 0px;
  MARGIN-BOTTOM: 5px;
  font-size: 120%
}

#new
{
  WIDTH: 460px;
  BORDER-TOP: gray 0px solid;
  BORDER-RIGHT: gray 0px solid;
  BORDER-LEFT: gray 0px solid;
  BORDER-BOTTOM: gray 0px solid;
}


#footer
{
  clear: both;
  FONT-SIZE: 11px;
  background-image : url(http://www.wakaba-kabarai.com/footer.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  text-align:center;
  WIDTH: 800px;
  background-color : #CCFFCC;
}


#content h1{
font-weight : bold;
border-bottom : 2px dotted #663300;
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
padding-top:3px;
color : #0000cc;
font-size : 20px;
left : 10px;
}

#content p{
  FONT-SIZE: 12px;
}
#content dd{
  left : 10px;
  FONT-SIZE: 14px;
　line-height:20px
}

/* =-=-=-=-=-=-=-[Menu Five]-=-=-=-=-=-=-=- */
	
#menu5 {
	width: 200px;
	border-style: none solid none solid;
	border-color: #D0D0D0;
	border-width: 1px;
	margin: 10px;
	font-family: Verdana, Arial, sans-serif; /* フォントスタイル */
	font-weight: normal; /* フォントの太さ */
	font-size: 13px; /* フォントサイズ */
	}
	
#menu5 li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu5 li a:link, #menu5 li a:visited {
	color: #777;
	display: block;
	background: url(http://www.wakaba-kabarai.com/menu5.gif);
	padding: 8px 25px 0 10px;
	text-align: right;
	}
	
#menu5 li a:hover {
	color: #fff;
	background: url(http://www.wakaba-kabarai.com/menu5.gif) 0 -32px;
	padding: 8px 25px 0 10px;
	text-align: right;
	}
	
#menu5 li a:active {
	color: #fff;
	background: url(http://www.wakaba-kabarai.com/menu5.gif) 0 -64px;
	padding: 8px 25px 0 10px;
	text-align: right;
	}

.invertedshiftdown{
	padding: 0;
	width: 100%;
	border-top: 2px solid #00cc00; /*Red color theme*/
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align:right;
}

.invertedshiftdown ul{
	margin:0;
	margin-left: 30px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.invertedshiftdown li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}

.invertedshiftdown a{
	float: left;
	display: block;
	font: bold 12px Arial;
	color: black;
	text-decoration: none;
	text-align:right;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 5px 10px 9px 10px; /*Padding within each menu item*/
	background-color: white; /*Default menu color*/

	/*BELOW 4 LINES add rounded bottom corners to each menu item.
	  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
	  REMOVE IF DESIRED*/
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
	background-color: #FFCC00; /*Red color theme*/
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
	background-color: #FFCC00; /*Red color theme*/
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: white;
}

/* ナビゲーションバー全体のスタイル */
#navbar {
    text-align: center; /* 配置 */
    font-family: Verdana, Arial, sans-serif; /* フォントスタイル */
    font-weight: normal; /* フォントの太さ */
    font-size: 12px; /* フォントサイズ */
    width: auto; /* 全体の幅 */
    line-height: 150%; /* テキストの高さ */
}
 
/* リンクのスタイル */
#navbar a{
    background-color: #ffffff; /* 背景色 */
    color:#666666; /* 文字色 */
    padding: 2px 5px 2px 5px; /* リンク文字のパディング */
}
 
/* リンクをポイントした時のスタイル */
#navbar a:hover{
    background-color: #8FABBE; /* 背景色 */
    color:#ffffff; /* 文字色 */
    text-decoration: none; /* テキストの装飾をなくす */
}