@charset "utf-8";
/*
Theme Name: houkago
Theme URI: http://houkago.jp
Description: 放課後倶楽部CSS
Version: 1
Author: Mamico mori
Author URI: http://www.mamion.net
Tags: senior


*/
body{
	margin: auto;
	padding: 0px;
	text-align: center;
	font-size: 95%;
	color: #333333;
	background-image: url(images/houkago_bg.jpg);

}
/*基本レイアウト*/
#page{
	width:830px;
	margin:auto;
	padding:0;
	background-color: #FFFFFF;
	text-align: center;
}
ul#menu {
 width: 100%;
 height: 43px;
 background: #FFF url("images/menu-bg.gif") top left repeat-x;
 font-size: 0.8em; 
 font-weight: bold; 
 list-style-type: none; 
 margin: 0; 
 padding: 0; 
 }
ul#menu li {
 display: block;
 float: left;
 margin: 0 0 0 5px; }
ul#menu li a {
 height: 43px; 
 color: #777; 
 text-decoration: none; 
 display: block; 
 float: left; 
 line-height: 200%; 
 padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; background: #FFF url("images/current-bg.gif") top left repeat-x; }
ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }

#contents{
	width:565px;
	margin-left:6px;
	font-size:1em;
	line-height:1.6em;
	float:left;
	text-align: left;
	margin-top: 10px;
}
#sidemenu{
	width:244px;
	margin-left:6px;
	padding-left:7px;
	font-size:0.9em;
	line-height:1.6em;
	float:right;
	background-color: #FFF4F4;
	text-align: left;
	margin-top: 10px;
}
#footer{
	clear:both;
	border: 1px solid #999999;
}
/*全体*/
h1{
font-size:0.6em;
padding:0px;
margin:0px;
}
a:link { color: #000099; }
a:visited { color: purple; }
a:hover { color: #000099;
text-decoration:underline }
a:active { color: yellow; }
.clear{clear:both;}
.right{
float:right;
}
.left{
float:left;
}

/*コンテンツ内*/
#contents h2{
	font-size: 1.1em;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #531D13;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#contents h3{
	font-size: 1em;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FF9933;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	margin:6px;
}
#contents h4{
	font-size: 0.9em;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CC3300;
	margin:10px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
/*サイドメニュー内*/
#sidemenu h2{
	font-size:1.1em;
	line-height: 1.4em;
	border-left-width: 12px;
	border-left-style: solid;
	padding-left: 5px;
	border-left-color: #FF0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#sidemenu .kakimo{
	background-color:#FFFFFF;
	border: thin solid #FF3300;
}
#sidemenu h3{
	font-size:1.1em;
	line-height: 1.4em;
	border-left-width: 12px;
	border-left-style: solid;
	padding-left: 5px;
	border-left-color: #FF0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#sidemenu ul {
    list-style: none;
    margin: 0px;
	padding: 0px 0px 0px 20px;
  font-size: 100%;
line-height:200%;
}
 
#sidemenu ul li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;
	background-image: url(images/arrows.gif);
	background-repeat: no-repeat;
}

/*トップページ内*/
.box-title{
background-color:#C10202;
height:16px;
}
.wide-box{
	width:563px;
	padding:0px;
	margin:0 0 15px 0;
	border: 1px solid #C10202;
	font-size:0.9em;
	line-height:1.6em;
	background-color:#FFFFFF;
}
.narrow-box{
	width:220px;
	padding:0px;
	margin:0 0 15px 0;
	border: 1px solid #C10202;
	font-size:0.9em;
	line-height:1.6em;
	background-color:#FFFFFF;
}
.separate-box{
	font-size:0.9em;
	line-height:1.6em;
	width:275px;
	padding:0;
	margin:0 0 15px 0;
	border: 1px solid #CC0000;	
}
.text{
padding:3px;
line-height:1.6em;
}