@charset "utf-8";
@import "layout.css";

/* スタッフ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#main .backhome { clear: both; padding: 1.0em 0; }

/* トップ
========================================================= */
.blogbox { padding-bottom: 2.5em; }
.blogbox h2 { margin-bottom: 7px; }
.blogbox h3, .blogbox p, .blogbox ul { padding: 0 5px; }
.blogbox h3 {
	margin: 0 5px; padding: 0.2em 2px; border-bottom: 1px dotted #aaafb5;
	color: #aaafb5; }
.blogbox p {
	margin-bottom: 0.7em; padding: 0 7px;
	font-size: 93%; line-height: 1.5; }
.blogbox p#bbslog { clear: both; padding-top: 1.0em; text-align: right; }
#staffblog li { width: 340px; float: left; }
#staffblog li.even { float: right; }
#staffblog li:nth-child(even) { float: right; }
#joymax,#azanael,#sumaga,#utaumatsuri { width: 350px; float: left; }
#utaumatsuri,#sumaga { float: right; }

/* スタッフブログ
========================================================= */
#blogTitle { padding-bottom: 18px; }
/* #catTitle ------------------------------- */
#catTitle { margin: 0 10px 24px; }
#catTitle h1 { margin-bottom: 0.5em; color: #0069bf; font-size: 128%; line-height: 1.0; }
#catTitle h1 img {
	margin-right: 5px; padding: 2px; border: 1px solid #cdd4d9; background-color: #fff; 
	vertical-align: middle; }
#catTitle p { color: #0069bf; font-size: 93%; }
/* #commentTitle ------------------------------- */
#commentTitle { margin: 0 10px 24px; }
#commentTitle h1 { margin-bottom: 0.5em; font-size: 128%; line-height: 1.0; }
/* .article ------------------------------- */
.article { margin: 0 5px; padding: 2px; border: 1px solid #cdd4d9; }
body.page .article { margin: 0 5px 1.5em; }
.article p.comment { padding: 8px; background-color: #e2e6e9; }
/* .articleHead ------------------------------- */
.articleHead h1, .articleHead h2 a {
	padding: 1.0em 12px; background: #005fa7 url(/common/img/bg_bluegra.gif) repeat-x; color: #fff;
	font-size: 123%; line-height: 1.3; }
.articleHead h2 a, .articleHead h2 a:link, .articleHead h2 a:visited { display: block; color: #fff; text-decoration: underline; }
.articleHead h2 a:hover, .articleHead h2 a:focus, .articleHead h2 a:active { color: #ff0; }
.articleHead ul { margin: 0 8px; padding: 8px 0; border-bottom: 1px dotted #bdc5cd; }
.articleHead li { display: table-cell; width: 340px; text-align: right; vertical-align: middle; font-size: 93%; }
div.lteie7 .articleHead li { display: inline; zoom: 1; }
.articleHead li.firstChild { text-align: left; }
.articleHead li.firstChild { text-align: left; }
.articleHead li a { text-decoration: none; }
.articleHead li a img {
	margin-right: 2px; padding: 2px; border: 1px solid #cdd4d9; background-color: #fff;
	vertical-align: middle; }
.articleHead li a:hover img, .articleHead li a:focus img { border: 1px solid #0069bf; }
/* .articleBody ------------------------------- */
.articleBody { padding: 1.5em 15px 0; }
.articleBody h2, .articleBody h3 { color: #0069bf; font-size: 123%; margin-bottom: 1.5em; }
.articleBody ul, .articleBody ol { margin-left: 35px; margin-bottom: 1.5em; }
.articleBody ul { list-style-type: disc; }
.articleBody ol { list-style-type: decimal; }
.articleBody li { margin-bottom: 0.5em; line-height: 1.5; } 
.articleBody p { margin-bottom: 1.5em; line-height: 1.7; }
.articleBody img, .articleBody a img { padding: 2px; border: 1px solid #cdd4d9; background-color: #fff; }
.articleBody a:hover img, .articleBody a:focus img { border: 1px solid #0069bf; }
.articleBody p.more { text-align: right; }
.articleBody em { color: #c00; }
.articleBody hr { display: block; margin-bottom: 1.5em; height: 2px; border: none; background-color: #cdd4d9; color: #cdd4d9; }
.articleBody table { margin: 0 0 1.5em; width: 100% !important; width: 90%; }
.articleBody th, .articleBody td { padding: 0.7em 10px; border: 1px solid #abb0b6; }
.articleBody tr:hover th, .articleBody tr:hover td { background-color: #e4f5ff; color: inherit; }
/* .articleFoot ------------------------------- */
.articleFoot {
	margin: 0 8px; padding: 0.9em 0; border-top: 1px dotted #bdc5cd;
	font-size: 93%; line-height: 1.1; clear:both;}
.articleFoot dt, .articleFoot dd { display: inline; color: #7e8995; }
.articleFoot dl, .articleFoot p { display: table-cell; width: 340px; }
div.lteie7 .articleFoot dl, div.lteie7 .articleFoot p { display: inline; zoom: 1; }
.articleFoot p a:hover, .articleFoot p a:focus { background-color: transparent; }
.articleFoot p { text-align: right; }
.articleFoot p img { margin-left: 3px; }
.articleFoot img, p.comment img { margin-right: 3px; vertical-align: middle; }
/* .articleFoot ------------------------------- */
#comment { margin: 0 8px 1.5em; padding: 20px 15px; background-color: #e2e6e9; }
#comment h1, #comment h2 {
	margin-bottom: 1.2em; padding: 0.5em 0;
	border-top: 1px solid #838994; border-bottom: 1px solid #838994;
	color: #5e6574; font-size: 108%; }
#viewComment { margin-bottom: 2.5em; }
#viewComment .commentBody { margin-bottom: 1.2em; border-bottom: 1px dotted #bdc5cd; }
#viewComment .commentBody h3 { margin-bottom: 0.6em; }
#viewComment .commentBody h3 a:hover, #viewComment .commentBody h3 a:focus { background-color: transparent; }
#viewComment .commentBody h3 img { vertical-align: middle; }
#viewComment .commentBody p { margin-bottom: 1.0em; }
#postComment p { margin-bottom: 1.0em; }
#postComment dd { margin-bottom: 0.5em; }
#postComment dd input, #postComment textarea { background-color: #fff; }
#postComment dd input:focus, #postComment textarea:focus { background-color: #fff5b5; }
#postComment dd input { width: 360px; }
#postComment textarea { width: 640px; }
#postComment p input { padding: 6px 15px; font-size: 108%; line-height: 1.0; }
#postComment p input#comment-submit { font-weight: bold; }
/* #articleUrl ------------------------------- */
#articleUrl { margin: 0 8px; padding: 0.9em 0; border-top: 1px dotted #bdc5cd }
#articleUrl input { width: 675px; }
/* #relationNews ------------------------------- */
#relationNews { margin: 0 5px; }
/* p.backtop ------------------------------- */
p.backtop { margin: 0 5px 1.5em; text-align: right; font-size: 93%; }
/* clearfix ------------------------------- */
.articleBody p { zoom: 1; }
.articleBody p:after {
	content: "."; display: block;height: 0; font-size: 1px;
	overflow: hidden; clear: both; line-height: 0; visibility: hidden; }
/* #sidebar ------------------------------- */
body.blog #sidebar .linklist li a strong img { float: left; margin-left: 0px; margin-right: 5px; }
body.blog #sidebar .sidebox { margin-bottom: 25px; }
#catList h4 { margin-bottom: 0.5em; color: #aaafb5; font-weight: bold; }
#catList ul li { display: inline; }
#catList ul a img { margin-bottom: 0.5em; padding: 2px; border: 1px solid #cdd4d9; background-color: #fff; }
#catList ul a:hover img, #catList ul a:hover img { border: 1px solid #0069bf; }
#archiveList dl { padding: 5px; }
#archiveList dt { font-weight: bold; font-size: 123%; }
#archiveList dd { display: inline; margin-right: 0.5em; }
#archiveList p { padding: 0 3px; text-align: right; }