﻿@charset "utf-8";

/********* HTML再定義 ***********************************************/

body {
	padding: 50px 0;
	background-color: #8c8c8c;
	background-image: url("back.gif");
}

h2, h3, h4, h5, h6 {
	font-size: 120%;
}
h2 {
	margin: 0;
	padding: 20px 0 10px 0;
	font-size: 150%;
	text-align: center;
	border-bottom: 1px dotted #DDDDDD;
}
h3 {
	margin: 55px 0 -8px 0;
	padding: 0;
	color: #404040;
	font-size: 140%;
}
h4 {
	margin: 55px 0 -8px 0;
	padding: 0;
	color: #404040;
	font-size: 120%;
}
h5, h6 {
	margin: 50px 0 -8px 0;
	padding: 0;
	font-size: 110%;
}

/********* 全体 *****************************************************/

div#container {
	width: 900px;
	margin: 0 auto;
	padding: 30px 25px 0 25px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

/********* ヘッダー *************************************************/

div#header {
	clear: both;
	padding-bottom: 50px;
	text-align: center;
}
div#header h1 {
	line-height: 1.0;
	margin: 90px 0 10px 0;
}
div#header h1 a:link, div#header h1 a:visited {
	color: #CC2222;
	text-decoration: none;
}
div#header h1 a:active, div#header h1 a:hover {
	color: #444444;
	text-decoration: none;
}

div#header p {
	line-height: 1.0;
	margin: 0;
	color: #808080;
	font-size: 90%;
}
/* サイト説明を表示させるには、以下のように変更します。
div#header p {
	line-height: 1.0;
	margin: 0;
	color: #808080;
	font-size: 80%;
}
*/

/********* フッター *************************************************/

div#footer {
	clear: both;
	padding: 30px 0 30px 0;
	color: #555555;
	font-size: 80%;
	text-align: center;
}
div#footer address {
	padding-top: 30px;
	border-top: 1px dotted #DDDDDD;
}
div#footer a:link, div#footer a:visited {
	color: #555555;
	text-decoration: underline;
}
div#footer a:active, div#footer a:hover {
	color: #000000;
	text-decoration: none;
}

/********* メニュー *************************************************/

div#menu {
	clear: both;
	overflow: hidden;
	margin: 10px 0;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}
div#menu h2 {
	display: none;
}
div#menu ul {
	margin: 0;
	padding: 0 ;
}
div#menu ul li {
	float: left;
	list-style: none;
}

div#menu a:link, div#menu a:visited {
	display: block;
	padding: 15px 36px;
	color: #444444;
	text-decoration: none;
}
div#menu a:active, div#menu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC2222;
}

/********* 内容 *****************************************************/

div#content {
	float: left;
	margin: 20px 0 0 2px;
	width: 670px;
}
div#content pre {
	background-color: #FFFFFF;
}

/********* エントリー ***********************************************/
div#entry div.entry div.content h4:nth-child(1) { margin-top: 0; }
div#entry h2 {
	display: none;
}
div#entry div.entry {
	margin: 0 0 70px 0;
	padding: 30px;
	border: 2px dotted #C0C0C0;
	background-color: #FFFFFF;
}
div#entry div.entry h3 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	text-align: center;
}
div#entry div.entry h3 a:link, div#entry div.entry h3 a:visited {
	color: #222222;
	text-decoration: none;
}
div#entry div.entry h3 a:active, div#entry div.entry h3 a:hover {
	color: #777777;
	text-decoration: none;
}

/* h4 - h6 */
div#entry div.entry h4 {
	margin: 55px 0 -8px 0;
	padding: 0;
	color: #404040;
	font-size: 120%;
}
div#entry div.entry h5, div#entry div.entry h6 {
	margin: 50px 0 -8px 0;
	padding: 0;
	font-size: 110%;
}
div#entry div.entry div.content h4:nth-child(1), div#entry div.entry div.content h5:nth-child(1), div#entry div.entry div.content h6:nth-child(1) {
	margin-top: 0;
}

div#entry div.entry div.content {
	margin: 0;
}

div#entry div.entry ul.information {
	margin: 2px 10px 25px 0;
	padding-top: 2px;
	color: #808080;
	font-size: 80%;
	text-align: right;
}
div#entry div.entry ul.information li {
	display: inline;
	margin-right: 5px;
}
div#entry div.entry ul.information a:link, div#entry div.entry ul.information a:visited {
	color: #808080;
	text-decoration: underline;
}
div#entry div.entry ul.information a:active, div#entry div.entry ul.information a:hover {
	color: #6C4538;
	text-decoration: none;
}

div#entry div.entry ul.link {
	margin: 0;
	padding: 10px;
	font-size: 80%;
	text-align: right;
}
div#entry div.entry ul.link li {
	display: inline;
	margin-left: 5px;
}

div#entry div#entry_link {
	margin-bottom: 70px;
	text-align: center;
	font-size: 90%;
}
div#entry div#entry_link h3 {
	display: none;
}
div#entry div#entry_link ul.entry_link {
	margin: 0;
}
div#entry div#entry_link ul.entry_link li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#entry div#entry_link ul.entry_link li.home {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px dotted #DDDDDD;
	border-left: 1px dotted #DDDDDD;
}
div#entry div#entry_link ul.entry_link li.previous:before {
	content: "<< ";
}
div#entry div#entry_link ul.entry_link li.next:after {
	content: " >>";
}

/***
	エントリーやページに貼り付ける画像を装飾します。
	クラス名は自分で覚えやすいよう適当に変更してください。
***/
/* 枠を表示 (例:<img ～ class="XXX" />) */
img.entry_image {
	padding: 6px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}
img.entry_image:hover {
	border: 1px solid #C0C0C0;
	background-color: #DDDDDD;
	box-shadow: inset 0 0 5px #C0C0C0;
}
/* 枠を表示し中央揃え (例:<p class="entry_image_center"><img ～ ></p>) */
p.entry_image_center {
	text-align: center;
}
p.entry_image_center img {
	padding: 6px;
	border: 1px solid #DDDDDD;
	background-color: #ffffff;
}
p.entry_image_center img:hover {
	border: 1px solid #000000;
	background-color: #DDDDDD;
	box-shadow: inset 0 0 5px #C0C0C0;
}

/********* ページ移動 ***********************************************/

div#page {
	margin-top: 30px;
	font-size: 90%;
	text-align: center;
}
div#page h2 {
	display: none;
}
div#page ul.order {
	margin: 10px 0;
}
div#page ul.order li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#page ul.direct {
	margin: 10px 0;
	text-align: right;
}
div#page ul.direct li {
	display: inline;
	list-style: none;
	margin-left: 10px;
}

div#page a:link, div#page a:visited {
	color: #333333;
	text-decoration: underline;
}
div#page a:active, div#page a:hover {
	color: #000000;
	text-decoration: none;
}


/********* コメント *************************************************/

div#comment {
	margin: 0 0 10px 0;
	padding: 20px;
	border: 1px dotted #DDDDDD;
	background-color: #FCFCFC;
}
div#comment h2 {
	margin: 0 0 10px 0;
	color: #808080;
	font-size: 110%;
	text-align: left;
}
div#comment h3 {
	margin: 20px 0 0 0;
	font-size: 100%;
}
div#comment p {
	margin: 0;
}
div#comment div.comment ul.information {
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	color: #808080;
	font-size: 80%;
	text-align: right;
	border-bottom: 1px dotted #DDDDDD;
}
div#comment div.comment ul.information li {
	display: inline;
	margin-left: 5px;
}

/********* コメントフォーム *************************************************/

div#comment_form {
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px dotted #DDDDDD;
	background-color: #FCFCFC;
}
div#comment_form h2 {
	margin: 0 0 10px 0;
	color: #808080;
	font-size: 110%;
	text-align: left;
}
div#comment_form h3 {
	margin: 20px 0 0 0;
	font-size: 100%;
}
div#comment_form p {
	margin: 0;
}
div#comment_form dl dt {
	float: left;
	width: 120px;
}

div#comment_form input, div#comment_form textarea, div#comment_form select {
	outline: none;
	border: 1px solid #DDDDDD;
}
div#comment_form input[type="submit"] {
	margin: 5px 5px 0 0;
	padding: 5px 10px;
	width: 80px;
	cursor: pointer;
	box-shadow: 0 1px 3px #DDDDDD;
	background-color: #FFFFFF;

	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
}
div#comment_form input[type="submit"]:hover {
	color: #FFFFFF;
	box-shadow: 0 1px 3px #808080;
	border: 1px solid #000000;
	background-color: #555555;
}

/********* トラックバック *******************************************/

div#trackback {
	margin: 0 0 10px 0;
	padding: 20px;
	border: 1px dotted #DDDDDD;
	background-color: #FCFCFC;
}
div#trackback h2 {
	margin: 0 0 10px 0;
	color: #808080;
	font-size: 110%;
	text-align: left;
}
div#trackback h3 {
	margin: 20px 0 0 0;
	font-size: 100%;
}
div#trackback p {
	margin: 0;
}
div#trackback div.trackback ul.information {
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	color: #808080;
	font-size: 80%;
	text-align: right;
	border-bottom: 1px dotted #DDDDDD;
}
div#trackback div.trackback ul.information li {
	display: inline;
	margin-left: 5px;
}

/********* スケジュール *******************************************/

dl.schedule dt{
    clear:left;
    float:left;
    width:135px;
    margin:0 0 8px;
    background-color:#cccccc;
    border-left:3px solid #000000;
    padding-left:5px;
}
dl.schedule dd{margin:0 0 8px 150px;}
dl.schedule dd img{max-width:200px;}

/********* トラックバックURL *******************************************/

div#trackback_url {
	margin: 0 0 40px 0;
	padding: 5px 20px 10px 20px;
	text-align: center;
	border: 1px dotted #DDDDDD;
	background-color: #FCFCFC;
}
div#trackback_url h2 {
	margin: 0;
	color: #808080;
	font-size: 100%;
}
div#trackback_url p {
	margin: 0;
	padding: 20px 0 10px 0;
}
div#trackback_url code {
	padding: 6px 10px;
	color: #444444;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

/********* インフォメーション ***************************************/

div#information {
	margin-bottom: 60px;
	padding: 20px;
	border: 2px dotted #b3b3b3;
	background-color: #ffffff;
}
div#information h2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 120%;
	text-align: left;
	border-bottom: 1px dotted #DDDDDD;
}

div#information ul.continue {
	margin: 0;
	text-align: right;
}
div#information ul.continue li {
	display: inline;
}
div#information p {
	margin: 0 0 10px 0;
}

/********* ユーティリティ *******************************************/

div#utility {
	float: left;
	width: 190px;
	margin: 20px 2px 0 30px;
	font-size: 90%;
}
div#utility h2 {
	display: none;
}
div#utility div.utility {
	margin: 0 0 15px 0;
}
div#utility div.utility h3 {
	margin: 0 0 2px 0;
	padding: 0 0 2px 2px;
	color: #000000;
	font-size: 90%;
	border-bottom: 1px dotted #DDDDDD;
}
div#utility div.utility div.content {
	margin: 0 0 30px 0;
}
div#utility div.utility ul {
	margin: 0;
	padding-left: 2px;
}
div#utility div.utility ul li {
	margin: 3px 0;
	list-style: none;
}
div#utility div.utility ul li ul {
	margin: 0 0 5px 10px;
	padding-left: 5px;
	font-size: 11px; /* 下層カテゴリを無限に作成できるため固定しています。 */
	border-left: 1px dotted #CCCCCC;
}
div#utility div.utility dl {
	margin: 0 0 0 2px;
}
div#utility div.utility dl dd {
	margin: 0;
	color: #808080;
	font-size: 90%;
	text-align: right;
}
div#utility div.utility form {
	margin: 0;
}
div#utility div.utility form dl {
	position: relative;
	margin: -20px 0 0 0;
	padding: 5px 0;
	border: 1px solid #b3b3b3;
	background-color: #FFFFFF;
}
div#utility div.utility form dl dt {
	display: none;
}
div#utility div.utility form dl dd {
	margin: 0;
	text-align: left;
}
div#utility div.utility form dl dd input {
	width: 142px;
	height: 10px;
	padding: 5px 3px;
	outline: none;
	border: none;
}
div#utility div.utility form p {
	margin: 0 0 10px 0;
}
div#utility div.utility form p input {
	position: absolute;
	margin: -32px 0 0 152px;
	width: 31px;
	height: 31px;

	cursor: pointer;
	border: none;
	text-indent: -9999px;
	background: url(../images/icons/search.png) top;
}
div#utility div.utility form p input:hover, div#utility div.utility form p input:focus {
	background: url(../images/icons/search.png) bottom;
}

div#utility a:link, div#utility a:visited {
	color: #000;
	text-decoration: none;
}
div#utility a:active, div#utility a:hover {
	color: #A51212;
	text-decoration: underline;
}


div#utility div.utility table.calender {
	margin: 0;
	width: 100%;
	font-size: 90%;
	border: 0px solid #000000;
}
div#utility div.utility table.calender tr th, table.calender tr td {
	padding: 1px;
	border: 0px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #FFFFFF;
	font-weight: normal;
	text-align: center;
}
div#utility div.utility table.calender tr td span.day {
	color: #222222;
}
div#utility div.utility table.calender tr td span.satday {
	color: #2222CC;
}
div#utility div.utility table.calender tr td span.sunday {
	color: #CC2222;
}
div#utility div.utility ul.calender {
	margin: 10px 0;
	font-size: 90%;
	text-align: center;
}
div#utility div.utility ul.calender li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}

div#utility div.utility table.calender a:link, div#utility div.utility table.calender a:visited {
	display: block;
	font-weight: bold;
	border-radius: 10px;
	text-decoration: underline;
}
div#utility div.utility table.calender a:active, div#utility div.utility table.calender a:hover {
	text-decoration: none;
	background-color: #FFD84D;
}

/********* 個別指定 *************************************************/

div#page_link {
	margin: 20px 0;
	padding: 10px 0;
	font-size: 90%;
	border-top: solid 1px #EEEEEE;
}
div#page_link h3 {
	display: none;
}
div#page_link ul.page_link {
	margin: 0;
	text-align: center;
}
div#page_link ul.page_link li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#page_link ul.page_link li.home {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px dotted #C0C0C0;
	border-left: 1px dotted #C0C0C0;
}
div#page_link ul.page_link li.previous:before {
	content: "<< ";
}
div#page_link ul.page_link li.next:after {
	content: " >>";
}

div#page_link a:link, div#page_link a:visited {
	text-decoration: none;
}


ul.link {
	margin: 0;
	padding: 10px;
	text-align: right;
}
ul.link li {
	display: inline;
	margin-left: 5px;
}

/********* IE6用設定 ************************************************/

* html body {
	text-align: center;
}
* html div#container {
	width: 940px;
	text-align: left;
}
* html div#content {
	width: 680px;
	float: left;
}
* html div#utility {
	width: 200px;
	float: left;
}

/* IE6の場合、メニュー部分は以下の数値で固定されます。
   横幅は文字数にあわせて適当な数値に直すといいかもしれません。 */
* html div#menu a:link {
	width: 150px; /* 「ログイン」など1つのブロックの横幅 */
	text-align: center;
}
* html div#menu {
	height: 45px;
}

* html pre {
	width: 100%;
}
* html table tr th, * html table tr td {
	font-size: 80%;
}
div#page_gallery ul {
  margin: 10px 0 20px 0;
}
div#page_gallery ul li {
  display: inline;
}
div#page_gallery ul li img {
  margin: 0 2px 10px 0;
}
ul.tagcloud {
  margin: 10px 0;
}
ul.tagcloud li {
  display: inline;
  line-height: 1.0;
  list-style: none;
  margin-right: 5px;
  color: #AAAAAA;
}
ul.tagcloud li a {
  text-decoration: none;
}

/* ################################################################################ */
/*      0.スケジュールプラグイン
*/
/* ################################################################################ */
/* ================================================================================ */
/*      0-1.スケジュール記事
*/
/* ================================================================================ */
div.schedule{clear: both; border-top: 1px solid #cccccc;}
/* ================================================================================ */
/*      0-1.スケジュール記事画像表示部分
*/
/* ================================================================================ */
div.schedule div.image{width: 200px; float: left; margin: 0 10px 10px 0;}
div.schedule div.image img{max-width: 200px;}
/* ================================================================================ */
/*      0-1.スケジュール記事スケジュール情報表示部分                                */
/* ================================================================================ */
div.schedule div.note{float: left; width: 400px;margin-bottom: 10px;}
div.schedule div.note dl.schedule{margin: 0;}
div.schedule div.note dl.schedule dt{
    clear: left;
    float: left;
    width: 90px;
    margin: 0 0 8px;
    background-color: #cccccc;
    border-left: 3px solid #000000;
    padding-left: 5px;
}
div.schedule div.note dl.schedule dd{margin: 0 0 8px 100px;}
div.schedule p{clear:both;}
