@charset "UTF-8";

/*========================================

	oita.css
	Since: 2008.7.10
	root id = "oita"
	
=========================================*/
/*========================================
	
		TOC(Table Of Contents)
	
		[1]:browser default
			Text Size
		[2]:common
		[3]:layout
		[4]:categories(menu)
		[5]:calendar
		[6]:main_contents(body)
		[7]:footer
=========================================*/

/*KBCで定義済み*/
*{
	margin:0;
	padding:0;
}

/* [1]:browser default
=========================================*/
#oita li{
	list-style:none;
}
#oita img {
	border: 0;
	vertical-align: top;
}


/* Text Size */

#oita,#oita td,#oita th{
	font-family:Verdana,Arial,sans-serif;
	color:#555;
	font-size:78%;
	line-height:140%;
	letter-spacing:0.01em;
}
#oita h1,#oita h2,#oita h3,#oita h4,#oita h5,#oita h6{
	font-size:100%;
	line-height:100%;
	letter-spacing:0.01em;
	color:#666;
}

/* [2]:common
=========================================*/
/* clear */
#oita .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#oita .clearfix {
	display: inline-block;
	min-height: 1%;
}
/*\*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/**/

#oita .clear{
	clear: both;
}
/* base link */
#oita a:link{
	color:#06f;
}
#oita a:visited{
	color:#66f;
}
#oita a:hover{
	text-decoration:none;
	color:#f60;
}

#oita div hr{
	display:none;
}
#oita .center{
	text-align:center;
}

/* [3]:layout
=========================================*/
#oita{
	width:100%;
	background:#FEFCF1 url(../img/grand_base_bg.gif) repeat-x;
	padding-top:17px;
}
#oita #container{
	width:808px;
	margin:0 auto;
	background:url(../img/container_bg_body.gif) repeat-y;
}
#oita #container_inner{
	background:url(../img/container_bg_top.gif) no-repeat;
	padding:3px 4px 0;
}
#oita #container_bottom{
	background:url(../img/container_bg_bottom.gif) no-repeat;
	height:5px;
}

#oita #side_con{
	float:left;
	width:200px;
}
#oita #main_con{
	float:right;
	width:590px;
}

/* [4]:categories(menu)
=========================================*/
#oita #categories{
	margin:20px 6px;
}
#oita #categories ul{
	/*display:inline;*/
}
#oita #categories ul li{
	/*display:block;*/
	padding:8px 5px 8px 30px;
	background:url(../img/c_list_mark.gif) no-repeat 5px center;
	border-bottom:1px dotted #999;
}
#oita #categories ul li a{
	color:#555;
	text-decoration:none;
}
#oita #categories ul li a:hover{
	color:#f60;
}

/* [5]:calendar
=========================================*/
#oita #calendar{
	margin:20px 5px;
	font-weight:bold;
}
#oita #calendar h3{
	background:url(../img/calender_h3_bg.gif) no-repeat;
	padding:4px 0 5px;
	margin-bottom:6px;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
#oita #calendar caption span.ymd{
	margin:30px;
	font-size:89%;
}
#oita #calendar table{
	width:180px;
	margin-left:5px;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-collapse:collapse;
	border-spacing:0;
}
#oita #calendar th,
#oita #calendar td{
	font-size:85%;
	text-align:center;
	padding:2px;
}
#oita #calendar td{
	border-top:1px solid #ccc;
}
#oita #calendar .sunday{
	color:#f00;
}
#oita #calendar .saturday{
	color:#06f;
}


/* [6]:main_contents(body)
=========================================*/
/*見出し*/
#oita #main_con #title_box{
	background-color:#f60;
	padding:20px;
	border-bottom:dotted 2px #fff;
	color:#fff;
}
#oita #main_con #title_box h3{
	color:#fff;
	font-size:210%;
	font-weight:normal;
	margin-bottom:20px;
}

/*本文*/
#oita #main_con #main_con_inner{
	padding:20px;
}

#oita #main_con #main_con_inner .entry{
clear:both;
margin-bottom:20px;
overflow:hidden;
position:static;
width:100%;
}

#oita .entry h3{
	background:url(../img/entry_header_h3_bg.gif) no-repeat;
	padding:10px 40px 20px;
	margin-bottom:20px;
	font-size:medium;
	font-weight:normal;
}
#oita .entry p{
	margin:0.6em 0;
}
#oita .entry .posted{
	border-top:1px dotted #bbb;
	color:#999;
	font-size:x-small;
	margin-bottom:25px;
	padding:2px;
	text-align:right;
}

#oita .entry .info_container{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #bbb;
}
#oita .entry .info_header{
	margin-bottom:5px;
	font-size:110%;
}
#oita .entry .info_header .ymd{
	font-size:x-small;
}
#oita .entry .info_header .program{
	font-size:x-small;
	font-weight:bold;
	background-color:#f30;
	color:#fff;
}
#oita .entry .info_con{
	line-height:120%;
}

#oita .entry .info_con img.thumb{
	float:left;
	margin-right:10px;
}

/* [7]:footer
=========================================*/
#oita #footer{
	width:808px;
	margin:0 auto;
	text-align:center;
}
#oita #footer address{
	font-style:normal;
	font-size:x-small;
}