﻿.clear-both{
	clear:both
}

.date {
	font-weight: bold;
}

div#header{
	background: url('images/logo33.jpg') no-repeat;
	position: relative;
	width: 800px;
	height: 130px;
}
div#header h1{text-indent: -9999px;}
div#header a{position:absolute;right:0;top:23px}

#menu {
	background: #eaf4fc url('images/slash.png');
	height: 31px;
	margin: 0;
	padding: 10px 5px 0 0;
}
#menu ul {
	margin: 0 0 0 10px;
	padding : 0;
	list-style-type : none;
	width: 560px;
}
#menu li {
	background: #fbfaf5;
	display : inline;
	padding : 0;
	margin: 0;
	float: left;
	font-size: 90%;
}
#menu a {
	font: normal normal bold 100% "ＭＳ Ｐゴシック", Arial, sans-serif;
	display: block;
	border-top: 2px #9c3cff solid;
	border-left: 2px #9c3cff solid;
	border-right: 2px #9c3cff solid;
	text-decoration: none;
	color: #2D3B4E;
	width: 106px;
	height: 25px;
	margin: 1px 0 1px 0px;
	text-align: center;
	line-height: 25px;
}
#menu a:hover {
	color: #000000;
display:block; 
	border-top: 2px #9c3cff solid;
	border-left: 2px #9c3cff solid;
	border-right: 2px #9c3cff solid;
background-color: #ccffcc;
	line-height: 25px;
text-decoration:none;
	height: 25px;
text-align:center;
}
#menu-link{
	float: right;
	border: none;
	background: #fff1cf;
	clear: none;
}
.active a {
	color: #000000;
	display: block;
	border-top: 2px #9c3cff solid;
	border-left: 2px #9c3cff solid;
	border-right: 2px #9c3cff solid;
	background-color: #f6ad49;
	text-decoration: none;
	text-align: center;
}


div#container{
	border-bottom: 1px #9c9a9c solid;
	border-left: 1px #9c9a9c solid;
	border-right: 1px #9c9a9c solid;
	width: 800px;
	margin: 0 auto;
	top: 0px;
}
div#content{
	background: #f8fbf8;
	float: left;
	width: 570px;
}

div#content h2{
	border-left: 10px #800080 solid;
	padding: 0 0 0 20px;
	font-size: 170%;
	margin: 15px 15px 0 15px;
	line-height: 130%;
	font-weight: bold;
}
div#content h3{
	font-size: 130%;
	margin: 10px 1em 0 1em;
	border-bottom: 2px silver solid;
	font-weight: lighter;
	color: #333333;
}
div#content h4{
	border-left: 10px #b8d200 solid;
	padding: 0 0 0 10px;
	margin: 15px 15px 10px 15px;
	font-weight: bold;
	font-size: 130%;
	clear: none;
	line-height: 140%;
}
div#content h5{
	border-left: 10px #800080 solid;
	padding: 0 0 0 10px;
	margin: 10px 15px 10px 15px;
	font-weight: bold;
	font-size: 130%;
	clear: none;
	line-height: 140%;
}
div#content img{
	float: left;
}
div#content p{
	line-height: 150%;
	font-size: 90%;
}
div#link p{
	padding: 0.5em 1em 1em 1em;
	border-left: 2px #b8d200 dotted;
	border-bottom: 1px #BFC3C4 solid;
}
div#content-body{
	margin: 1em 15px;
}
div#content-body p{

}

div#content-body h4{
	border-style:none;
	padding:0;
}
.content-menu{
	margin: 0 0 0 0;
	border-bottom: 1px #9c3cff dotted;
	height: 1.8em;
	padding: 3px 0 3px 20px;
	border-top: 1px #9c3cff dotted;
	background-color: #efefce;
}
.content-menu li{
	float: left;
	list-style: none;
	display: block;
	margin-right: 15px;
}
div.entry-tags{
	
}
div.entry-tags ul{
	margin-bottom: 1em;
	padding-top: 0;
	margin-top: 0;
}
div.entry-tags li{
	float: left;
	list-style: none;
	clear: none;
	font-size: 80%;
}
.entry-footer{
	font-size: 80%;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
}

div.photobox{
	margin: 1em 1em 5px 1em;
	float: left;
	display: block;
}
div.textbox{
	margin: 0 0 0 0;
	float: left;
	display: block;
}

div.textbox h4{
	border-left: 10px #b8d200 solid;
	padding: 0 0 0 10px;
	margin: 10px 15px 10px 15px;
	font-weight: bold;
	font-size: 130%;
	clear: none;
	line-height: 140%;
}
.number{
	margin: 0 1em 0 2em;
	list-style: upper-roman;
}
.number li{
	margin: 0 0 0 0;
	margin-left: 15px;
}
div#news{
	padding: 0 0 5px 0;
	margin: 1em 1em 0 1em;
	background-color: silver;
}
div#news h3{
	font-weight: bold;
}
div#news p{
	margin: 5px;
	padding: 3px 5px 3px 5px;
	font-size: 80%;
	background-color: #FFFFFF;
}
div#contact{
	text-align: center;
	margin: 3em 2em 1em 2em;
	border: 1px #9c9a9c solid;
}
div#contact h4{
	border-top: 4px #006F6F double;
	border-bottom: 1px #006F6F solid;
	border-left-style: none;
	margin: 0;
}
div#qa{
	font-size: 85%;
}
div#qa h3{
	border-bottom: 1px #0000FF solid;
	border-left: 5px #0000FF solid;
	padding-left: 7px;
}
div#qa h4{
	border-left: none;
	padding-left: 15px;
	font-size: 110%;
}
div#qa ul{
	margin-left: 60px;
}
div#qa li{
}
.page-navi{
	margin: 10px 15px 0 0;
	text-align: right;
}

div#contact p{
	margin: 1em 0 0 0;
}
div#topics{
	padding: 0 0 0 0;
	margin-top: 1em;
	margin-bottom: 1em;
}
div#related-topics{
}
div#related-topics p{
	margin: 5px 0px 15px 15px;
	font: 80% serif;
	background-color: #eaf4fc;
	border: 1px #A7ABAC dashed;
	padding: 3px;
}
div#related-topics h3{
	border-left: 5px #0000FF solid;
	border-bottom: none;
	padding-left: 10px;
	font-weight: bold;
	font-size: 110%;
}

div#images{
	margin: 0 auto 0 auto;
	width: 170px;
	float: right;
	text-align: center;
}
div#images h3{
	font-size: 120%;
	margin: 1em 10px 10px 10px;
	border-bottom: 2px silver solid;
	color: #333333;
}
div#image-horizontal{
	padding: 0 0 0 1em;
}
div#image-horizontal h3{
	margin: 0 1em 10px 0;
}
#image-horizontal img{
	margin: 1em 7px 10px 7px;
}
.trackback{
	margin: 0 15px 1em 15px;
	padding-bottom: 13px;
}
#trackbacks-info{
	background: #eaf4fc;
	margin: 0 15px 0 15px;
	text-align: center;
	padding: 3px;
	border: 1px #006F6F dotted;
	font-size: 80%;
}
.trackbacks-content{
	font-size: 90%;
}
.tb-content{
	margin: 0 0 1em 0;
	border-top: 1px silver dashed;
	font-size: 90%;
}
.tb-r{
	float: left;
	clear: both;
}
.tb-l{
	width: 150px;
	display: block;
	clear: none;
	float: left;
}
div#comments{
	border-right: 1px dotted #999999;
}
.comment{
	margin: 0 15px 0 15px;
}
.comments-closed {
	clear: both;
	font-size: 0.9em;
}

.comments-open-content {
	margin: 0 15px 0 15px;
}

.comment-content {
	padding: 5px;
	margin: 0 0 5px 5px;
	clear: both;
	font-size: 0.9em;
	line-height: 1.4em;
}

.comments-open-footer {
	clear: both;
	margin: 5px 10px 20px 10px;
	float: left;
}
.archive-content {
	padding: 0;
	clear: none;
	margin: 0;
	font-size: 90%;
}
.archive-content ul{
	padding: 0;
	margin: 0;
}
.archive-content li{
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	clear: both;
}

.comments-open label { display: block; }

#comment-text {
	background: #eaedf7;
	width: 240px;
}

#comment-url {
	background: #eaedf7;
	width: 240px;
}

#comment-email {
	background: #eaedf7;
	width: 240px;
}

#comment-author {
	background: #eaedf7;
	width: 240px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

.comments-open-header {
    clear: both;
}

#comment-post {
    font-weight: bold;
}

.typelist-thumbnailed {
	font-size: 0.9em;
}
.comment-footer {
	margin: 0 0 5px 5px;
	padding-top: 5px;
	color: #999;
	font-size: 0.8em;
	text-align: right;
	clear: both;
}

/* Comment preview and individual entry
    Widen the comment form */
form textarea#comment-text { width:400px; }


#comments-experimental .comment, #comments-experimental .comment {
    width:36em;
}

#comments-experimental .comment {
    
    margin: 10px 15px;
    background-color:#eef;
    border:2px solid #bbb;
}

#comments-experimental .comment {
    position:relative;
    margin:-5px 0 0 -3px;
    background:#f3f3ff;
    border:1px solid #003;
}
.comment-inner {
	width: 100%;
	position: relative;
	color: #808080;
}
#comments-experimental .comment:hover .comment-inner {
    border:1px solid #000;
    background-color: #fff;
}

#comments-experimental .comment a {
    text-decoration: none;
    border-bottom: 1px dotted #36414d;
}

#comments-experimental .comment:hover a {
    color: #333;
    border-bottom: 1px solid #666;
}

#comments-experimental .comment .comment-content {
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 15px;
}

#comments-experimental .comment-footer-experimental {
	margin-right: 15px;
	font-size: 0.8em;
	text-align: right;
}

#comments-experimental .comment .comment-header {
	font-size: 1.1em;
	margin: 5px auto 5px 10px;
	text-shadow: #99A 2px 2px 1px #66F;
	color: #666;
}

#comments .comment-header { display: none; }
#comments .comment-footer-experimental { display: none; }
#comments-experimental .comment-footer { display: none; }


div#navigation{
	border-left: 1px #c7dc68 dashed;
	background: #eaf4fc;
	float: left;
	width: 228px;
}
div#navigation p{
	padding: 3px 5px 0 5px;
	border-top: 4px #006F6F double;
	background: #f8fbf8;
	margin: 0.8em;
}
div.module {
	padding: 3px 5px 0 5px;
	border-top: 4px #006F6F double;
	background: #f8fbf8;
	margin: 0.8em;
	text-align: center;
}
div.module ul{
	list-style: none;
	margin: 0;
	margin-left10px;
}
div.module li{
	margin-bottom: 5px;
	font-size:80%;
}

#nav ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#nav li {
	display : inline;
	padding : 0;
	margin: 0;
	font-weight: bold;
}
#nav a {
	display: block;
	border-right: 7px solid #ffd900;
	border-top: 1px solid #ffd900;
	border-bottom: 1px solid #ffd900;
	border-left: 7px solid #ffd900;
	background-color: #f8fbf8;
	padding: 0.1em 0 0.1em 0;
	text-decoration: none;
	color: #2D3B4E;
	margin: 2px 0px;
	text-align: center;
	height: 2.0em;
}
#nav a:hover {
display:block; 
border-right:7px solid #9c3cff; 
border-top:1px solid #9c3cff;  
border-bottom:1px solid #9c3cff;  
border-left:7px solid #9c3cff;
background-color:#f8fbf8;
padding:0.1em 0 0.1em 0;
text-decoration:none;
color:#575;
text-align:center;
margin:2px 0px;
height: 2.0em;
}
div#extra{
	border-top: medium #cbcecb solid;
	clear: both;
	width: 100%;
	background: #ff99cc;
	height: 45px;
	font-size: 80%;
}
div#extra p{margin:0;padding:5px 10px}
div#extra ul{
	margin: 7px 0 1em 1em;
}
div#extra li{
	list-style: none;
	float: left;
	margin-right: 2em;
}
div#footer{
	background: #333;
	color: #FFF;
	text-align: right;
	padding-right: 30px;
}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}
.hidden{
	display:none;
}
.nav-tag{
	background-color: white;
	padding: 1em 0.8em 0.8em 2.5em;
	margin: 0 0.8em 1em 0.8em;
}
/* begin styles for RSS Feed 
     This is the most basic style to use for a list with no bullets */
.rss_box {
	margin: 0.8em;
	 background-color: #f8fbf8;
	 margin:
	 padding:0;
}
.rss_title, rss_title a {
	margin: 0px 0;
}
.rss_box ul{
	margin:0 0.8em;
}
.rss_items {
       list-style:none;
}
.rss_item  {
  font-size: x-small;
  margin-bottom: 1em;;
}
.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	}
.rss_item a:hover { 
	}
.rss_date {
	font-size: xx-small;
	}  
