@charset "utf-8";
@import url("http://www.ob-sch.ac.jp/jr-high/ClassCommunication/2008/wp-content/themes/ClassCommunication/base.css");
@import url("http://www.ob-sch.ac.jp/jr-high/ClassCommunication/2008/wp-content/themes/ClassCommunication/structure.css");

/* 
	Theme Ob-csh jr ClassCommunication
	Description: by S.O.P
	Author: S.O.P
	Version: 1.0
*/

/************************************************
*	Navbar      								*
************************************************/

#navbar { width: 100%; height: 2em; border-bottom: 1px solid  #247442; font-weight: bold;}
		
#navbar ul li a {  font-size: 14px;color: #247442; padding: 0 0 0 15px;}
#navbar ul li a:hover { color: #ccc; text-decoration: none;}



/************************************************
*	Content 					     		    * 
************************************************/

#areaC h2 { display: block; width: 545px; height: 135px; margin: 0 0 15px 0;}
#areaC h2#cat-3 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J11.jpg) no-repeat;}
#areaC h2#cat-4 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J12.jpg) no-repeat;}
#areaC h2#cat-5 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J13.jpg) no-repeat;}
#areaC h2#cat-6 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J14.jpg) no-repeat;}
#areaC h2#cat-7 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J21.jpg) no-repeat;}
#areaC h2#cat-8 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J22.jpg) no-repeat;}
#areaC h2#cat-9 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J23.jpg) no-repeat;}
#areaC h2#cat-10 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J24.jpg) no-repeat;}
#areaC h2#cat-11 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J31.jpg) no-repeat;}
#areaC h2#cat-12 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J32.jpg) no-repeat;}
#areaC h2#cat-13 { margin: 10px 0 0 0; text-indent: -9876em; background: url(img/h2_J33.jpg) no-repeat;}

#areaC  h1 { color: #EC6E7B; font-size: 18px; font-weight: bolder; margin: 5px 0 10px 0; padding: 0 0 3px 0;}	
#areaC  h1 a, 
#areaC  h1 a:visited  {color: #EC6E7B; text-decoration: none; margin: 10px 0 10px 0; padding: 0;}
#areaC  h1 a:hover { color: #ccc; text-decoration: none;}
		
#areaC h4 { color: #333; font-size: 18px; font-weight: normal; margin: 15px 0 0 0; padding: 0 0 3px 0; }	
#areaC p img{ border: none; margin: 0px;}
	
#areaC img.wp-smiley { border: none; padding: 0px; margin: 0px;}
#areaC img.wp-wink { border: none; padding: 0px; margin: 0px;}

#areaC ol{ margin: 0 0 0 20px; padding: 0 0 15px 0;}	
#areaC ol li{margin: 0 0 020px;padding: 0;}	
#areaC ul{ list-style-type: square; margin: 0px 0px 0px 20px; padding: 0 015px  ; }	
#areaC ul li{ list-style-type: square; margin: 0 0 0 20px; padding: 0;}

blockquote{ background: #FFFFFF; border-top: 1px solid #00213C; border-right: 1px solid #00213C; border-left: 1px solid #00213C; border-bottom: 1px solid #00213C; }
	
#areaC blockquote p{ margin: 0; padding: 0; }
	
.postmeta { width: 545px;  padding: .3em 0; margin: 10px 0 40px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/************************************************
*	Left Sidebar 		    			   	    * 
************************************************/
	
ul#sidebarwidgeted h2 { background: #d6eace; color: #00213C; padding: 5px 0 5px 5px; margin: 0px;}
	
ul#sidebarwidgeted { display: block; list-style: none; margin: 0px; padding: 0px 0px 20px 0px;}

ul#sidebarwidgeted  li { padding: 3px 0px; margin: 0px;}
	
ul#sidebarwidgeted ul li a, #areaD ul li a:visited { color: #00213C; text-decoration: none; margin: 0px; padding: 0px;}
ul#sidebarwidgeted ul li a:hover { color: #00213C; text-decoration: underline;}

ul#sidebarwidgeted ul {display: block; width: 160px; padding: .5em .1em; word-break:break-all;overflow:hidden; margin: 0 2px 0 auto;}

li#categories ul { display: block; width: 155px; text-align: center; margin: 0 auto;}
li#categories ul li a { display: block; width: 150px;  font-size: 14px; line-height: 200%; font-weight: bolder;}
li#categories ul li a:link { background: #247442; color: #fff; border: 1px solid #247442;}
li#categories ul li a:visited { background: #247442; color: #fff; border: 1px solid #247442;}
li#categories ul li a:hover { background: #fff; color: #247442; text-decoration: none ; border: 1px solid #247442;}
li#categories ul li a:active { background: #247442; color: #fff; border: 1px solid #247442;}

li#fuzzy-updates div.title_body h3 { font-weight: bold; }
	
	

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #FFFFFF;
	width: 150px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px auto 20px 7px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}

#name, #email, #url, #submit {
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #FFFFFF;
	width: 450px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 460px;
	background: #FFFFFF;
	color: #333333;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #333333;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	background: #FFFFFF;
	width: 400px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 5px 0px 0px 10px;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 20px 0px;
	padding: 20px 10px 0px 10px;
	width: 400px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}