/*
Theme Name:oita-info-01
Theme URI:http://www.nikken-c.jp
Description:
Author:otsutetomoshiha
*/

body {
	text-align:center;
	margin:0; /* ブラウザとの余白 */
	background-color:#dfdfdf;
}

img {
	border-style:none;
}

#container {
	width:784px;
	text-align:left;
	background-color:#ffffff;
  border:solid 1px #cfcfcf;
	margin:0 auto; /* IE以外ではこうしないとコンテナが中央にこない */
	padding:0;
}

#header {
	width:784px;
	text-align:left;
	background-color:#ffffff;
	margin:0 0 5px 0;
	padding:0;
}

#header_top {
  width:784px;
  text-align:left;
  background-color:#f0f0f0;
  border-bottom:solid 1px #cfcfcf;
  margin:0;
}

#header_left {
	float:left;
	width:240px;
	text-align:center;
	margin:0;
	padding:5px 0;
	background-color:#ffffff;
}

#header_center {
	float:left;
	width:350px;
	text-align:center;
	margin:0;
	padding:30px 0 0 0;
	background-color:#ffffff;
}

#header_right {
	float:right;
	width:194;
	text-align:center;
	margin:0;
	padding:5px 10px;
	background-color:#ffffff;
}

#header_bottom {
	clear:both; /* 回り込みをクリアする */
	width:784px;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

#main {
	float:left;
	width:606px;
	margin:0;
	padding:0;
}

#content {
	float:right;
	width:440px;
	padding:0 0 10px 0;
	margin:0;
	background-color:#f0f0f0;
  border:solid 1px #cfcfcf;
}

#sidebar {
	float:left;
  width:150px;
	margin:0 5px; /* 上下 左右 */
	padding:0;
	background-color:#f0f0f0;
  border:solid 1px #cfcfcf;
}

#sidebar2 {
	float:right;
	width:160px;
	margin:0 5px; /* 上下 左右 */
	padding:0;
	background-color:#f0f0f0;
  border:solid 1px #cfcfcf;
}

#footer {
	clear:both; /* 回り込みをクリアする */
	width:784px;
	padding:10px 0;
	margin-top:10px;
	background-color:#ffffff;
	text-align:center;
  border-top:solid 1px #cfcfcf;
}

/*
 Elements
*/

#header_top h1 {
  font-size:0.75em;
  padding:3px 10px; /* 上下 左右 */
  color:#666666;
  margin:0;
}

#header_bottom ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height:2em;
	font-size:0.75em;
}

#header_bottom li {
	text-align:center;
	float:left;
	line-height:2em;
	background-color:#f0f0f0;
	border-top:none;
	border-right:solid 1px #cfcfcf;
	border-bottom:solid 1px #cfcfcf;
}

#header_bottom li.current {
	background-color:#ffffff;
	border-top:solid 1px #cfcfcf;
	border-bottom:none;
}

#header_bottom li a {
	display:block;
	width:127px;
	text-decoration:none;
	color:#333333;
}

#header_bottom li a:hover {
	background-color:#bbccdd;
}

#content h2 {
	font-size:1em;
	line-height:1.3em;
	border-left:solid 10px #f3005a;
  border-bottom:solid 1px #a0a0a0;
  border-right:solid 1px #a0a0a0;
	background-color:#ffffff;
	padding:3px 5px;
	margin:5px 5px;
	color:#333333;
}

#content h3 {
	font-size:1em;
	background-color:#ccffcc;
	/*background-color:#ccffff;*/
  /*border-bottom:solid 1px #78ce7a;*/
	padding:4px 5px;
	margin:5px 5px 0 5px;
	color:#333333;
}

#content h4 {
	font-size:0.8em;
  border-bottom:solid 2px #78ce7a;
	padding:0 0 5px 0;
	margin:15px 10px 5px 10px;
}

#content p {
	font-size:0.9em;
	margin:0 5px 10px 5px;
	padding:10px 10px 0 10px;
	color:#333333;
	line-height:150%;
}

#content ul {
	margin:0 10px;
	padding:0;
}

#content li {
	margin-left:18px;
	font-size:14px;
	line-height:15px;
	padding:5px 0;
	border-color:#eeeeee;
	color:#333333;
}

#content dl {
	margin:0;
	padding:0;
}

#content dt {
	list-style-type:disc;
	margin-left:15px;
	font-size:0.85em;
	line-height:120%;
	padding:5px 0;
	color:#333333;
}

#content dd {
	margin-left:45px;
	padding:3px 0;
	font-size:0.75em;
	color:#333333;
}

#content a {
	color:#0000ee;
	text-decoration:none;
}

#content a:hover {
	background-color:#bbccdd;
}

#content h3 a {
	color:#333333;
}

#content blockquote {
	background-color:#DFF1FF;
}

#content table, td, th {
        margin-left:20px;
        padding:5px;
        border-collapse: collapse;
        border: 1px #666666 solid;
        font-size:0.85em;
        color:#333333;
}

#content th {
        background-color:#DFF1FF;
}

#sidebar h2, #sidebar2 h2 {
	font-size:14px;
	border-left:solid 10px #f3005a;
  border-bottom:solid 1px #a0a0a0;
  border-right:solid 1px #a0a0a0;
	background-color:#ffffff;
	padding:3px 5px;
	margin:5px 5px;
	color:#333333;
}

#sidebar ul, #sidebar2 ul {
	margin:0 5px;
	padding:0;
}

#sidebar li, #sidebar2 li {
	list-style:none;
	margin-left:10px;
	font-size:12px;
	line-height:15px;
	padding:3px 0;
	border-color:#eeeeee;
	color:#333333;
}

#sidebar a, #sidebar2 a {
	color:#0000ee;
	text-decoration:none;
}

#sidebar a:hover, #sidebar2 a:hover {
	background-color:#bbccdd;
}

#sidebar2 table, td, th {
  border: 0px;
}

#footer p {
	font-size:12px;
	color:#000000;
}

#footer a {
	color:#0000ee;
	text-decoration:none;
}

#footer a:hover {
	background-color:#bbccdd;
}

#footer address {
	font-size:0.75em;
	font-style:normal;
	color:#000000;
}

#date {
	font-size:0.8em;
	line-height:150%;
	color:#000000;
	padding:0 5px;
  border-top:dashed 1px #a0a0a0;
}

#meta {
	text-align:right;
	font-size:0.7em;
	color:#666666;
	padding:0 10px;
	margin:0;
}

/*
 Comment
*/

#comments h4 {
	font-size:0.8em;
  border-bottom:solid 2px #78ce7a;
	padding:0 0 5px 0;
	margin:15px 10px 5px 10px;
}

.com {
	font-size:0.75em;
	border-bottom:dotted 2px #88ccff;
	padding-bottom:8px;
	margin:15px 10px 10px 10px;
}

.com p {
	margin:0;
}

.commeta {
	color:#888888;
	text-align:right;
}

#tb {
	font-size:0.75em;
	/*border:solid 1px #dfdfdf;*/
	padding:0;
}

#commentform {
	font-size:0.75em;
}

#illust {
        float:right;
}

#illust_l {
        float:left;
}