@charset "UTF-8";

/*
    MT-Pack 標準スタイル
    Ver.1.00
    http://www.viva-mambo.co.jp/
    作成日：2006年06月26日
    更新日：2006年11月16日
    Copyright 2006 Viva Mambo, Inc. All Rights Reserved.
*/


/*--------------------------------------------------------------------
	デフォルトスタイルの初期化
--------------------------------------------------------------------*/

@import "default.css";

/*--------------------------------------------------------------------
	汎用要素スタイル
--------------------------------------------------------------------*/

body {
	margin: 0 0 70px 0;
	background: #fff url(../img/bkgnd.jpg) repeat-x 0 0;
}

a {
	color: #0000ff;
}

a:link {
	color: #0000ff;
}

a:visited {
	color: #800080;
}

a:hover {
	color: #00ff00;
}

a:active {
	color: #00ff00;
}

hr.chapter-separate {
	display: none;
}


/*--------------------------------------------------------------------
	ワイヤーフレーム定義
--------------------------------------------------------------------*/

body { 
	text-align: center; /* for WinIE5: ボックスを中央に配置 */
}

div#container {
	margin: 0 10px;
	text-align: left; /* for WinIE5: ボックスを中央に配置することによるテキスト中央揃えを解除 */
}

div#header {
	height: 98px;
	overflow: hidden;
}

	div#header div#search {
		position: absolute;
		top: 0;
		right: 10px;
		_right: 0;
		_margin-right: -1px; /* for WinIE6: 右端に1px分、親ボックスの背景が表示される不都合対策 */
	}
	div#header div#cellillustrator {
		position: absolute;
		top: 0;
		right: 10px;
		_right: 0;
		_margin-right: -1px; /* for WinIE6: 右端に1px分、親ボックスの背景が表示される不都合対策 */
	}

div#wrapper {
	margin: 0 14px;
}

	div#wrapper div#sub {
		float: left;
		width: 206px;
		overflow: hidden;
	}

	div#wrapper div#breadcrumb {
		margin-left:  251px;
		_margin-left: 248px;
	}

	div#wrapper div#main {
		margin-left: 217px;
		_margin-left: 214px;
	}

div#footer {
	clear: left;
}

/*--------------------------------------------------------------------
	ワイヤーフレーム部位別スタイル
--------------------------------------------------------------------*/

/* Header ------------------------------------------*/

div#header {
	background: url(../img/header_bkgnd.gif) repeat-x 0 0;
}

	div#header h1 {
		background: url(../img/header.gif) no-repeat 0 0;
		width: 550px;
	}

		div#header h1 a {
			display: block;
			width: 320px;
			height: 98px;
			text-indent: -9999px;
			outline-width: 0;
		}

	/*---- Search form ----*/
	div#header div#search {
		background: url(../img/header_bkgnd_right.gif) no-repeat right 0;
		text-align: right;
		width: 300px;
		height: 98px;
	}

		div#header div#search form {
			padding: 35px 20px 0 0;
			font-size: 80%;
		}
			div#header div#search form img {
				vertical-align: text-top;
			}

			div#header div#search form input#searchWord {
				color: #666;
			}
	
			div#header div#search form input#searchWord:focus {
				color: #000;
			}
	/*---- /Search form ----*/

	div#header div#cellillustrator{
		background: url(../img/header_bkgnd_right.gif) no-repeat right 0;
		text-align: left;
		width: 500px;
		height: 28px;
	}


/* /Header ------------------------------------------*/


/* Sub column ------------------------------------------*/

div#sub {
	background: url(../img/sub_bkgnd_footer.gif) no-repeat 0 bottom;
	padding-bottom: 11px;
}

	div#sub ul#navi {
		background: url(../img/sub_bkgnd.gif) repeat-y 0 0;
		line-height: 1.5;
		list-style: none outside;
		padding: 10px 3px 10px 3px;
	}

		/*---- Categories ----*/
		div#sub ul#navi li {
			border-bottom: 1px dashed #ccc;
			padding: 3px 15px;
		}

		div#sub ul#navi li.first {
			border-top: 1px dashed #ccc;
		}
	
		div#sub ul#navi li.last {
			border-bottom: none;
		}

			/*---- Sub categories ----*/
			div#sub ul#navi li ul {
				font-size: 90%;
				line-height: 1.3;
				list-style-type: disc;
				padding: 0 0 0 1.2em;
			}

					div#sub ul#navi li ul li {
						border-bottom: none;
						padding: 0;
					}
			/*---- /Sub categories ----*/

				div#sub ul#navi li a {
					text-decoration: none;
				}
		/*---- /Categories ----*/

/* /Sub column ------------------------------------------*/


/* Breadcrumb ------------------------------------------*/

	div#breadcrumb p {
		margin: 0;
		padding: 10px 0 5px 0;
		font-size: 80%;
	}

		div#breadcrumb p a,
		div#breadcrumb p a:link,
		div#breadcrumb p a:visited {
			color: #333;
		}

		div#breadcrumb p a:hover,
		div#breadcrumb p a:active {
			color: #666;
		}

/* Breadcrumb ------------------------------------------*/


/* Main column ------------------------------------------*/

	/*---- Box style ----*/
	div.box-top-left#main {
		padding: 0;
		background: url(../img/main_bkgnd_tl.gif) no-repeat 0 0;
		_height: 1px; /* for WinIE5-6: floatの左右にある行の端がずれる問題の対策 */
	}

		span.box-top-right {
			margin: 0;
			padding: 0;
			display: block;
			background: url(../img/main_bkgnd_tr.gif) no-repeat 100% 0;
			height: 10px;
		}

			span.box-top-center {
				margin: 0;
				padding: 0;
				overflow: hidden;
				display: block;
				background: url(../img/main_bkgnd_tc.gif) repeat-x 0 0;
				height: 10px;
				margin: 0 10px;
			}

		div.box-middle-left {
			background: url(../img/main_bkgnd_ml.gif) repeat-y 0 0;
			/* メインカラム内でclearを使うと、カラム落ちが発生する問題の対応 */
			width: 100%;
			float: right;
			/* /end */
		}

			div.box-middle-right {
				background: url(../img/main_bkgnd_mr.gif) repeat-y 100% 0;
			}

				div.box-middle-center#entries {
					background: #fff;
					margin: 0 10px;
					padding: 1px 0; /* for Firefox,Safari: div.entry{margin: 0 0 20px 0;}と対。div.etnryに下marginを設定すると左右の背景画像が切れてしまう問題の対応 */
					/* for IE5-6: 連続する1バイト文字がボックスサイズを崩す問題の対策 */
					_width: 100%;
					_overflow: hidden;
					/* /for IE5-6 */
				}

		span.box-bottom-left {
			clear: right; /* メインカラム内でclearを使うと、カラム落ちが発生する問題の対応 */
			margin: 0;
			padding: 0;
			display: block;	
			background: url(../img/main_bkgnd_bl.gif) no-repeat 0 0;
			height: 10px;
		}

			span.box-bottom-right {
				margin: 0;
				padding: 0;
				display: block;
				background: url(../img/main_bkgnd_br.gif) no-repeat 100% 0;
				height: 10px;
			}

				span.box-bottom-center {
					margin: 0;
					padding: 0;
					display: block;
					background: url(../img/main_bkgnd_bc.gif) repeat-x 0 0;
					height: 10px;
					margin: 0 10px;
				}
	/*---- /Box style ----*/

	/*---- Base elements style ----*/
	#main h2 {
		padding: 5px 25px 0.2em 25px;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		font-size: 150%;
	}

	#main h3 {
		margin: 0 10px .5em 10px;
		padding: 3px 14px;
		border-left: 1px solid #dbeac8;
		border-top: 1px solid #dbeac8;
		border-right: 1px solid #719346;
		border-bottom: 1px solid #719346;
		background: #6fac22 url("../img/main_h3_bkgnd.gif") 0 0;
		color: #ffffff;
		font-weight: bold;
		font-size: 100%;
	}

	#main h4 {
		margin: 1em 10px;
		padding: 0 15px;
		background: transparent url("../img/main_h4_bkgnd.gif") no-repeat scroll center left;
		color: #6fac22;
		font-weight: bold;
		font-size: 100%;
	}

	#main h5 {
		margin: 1em 25px;
		color: #6fac22;
		font-weight: bold;
		font-size: 100%;
	}

	#main h6 {
		margin: 1em 25px;
		font-weight: bold;
		font-size: 100%;
	}


	#main div#blog-description,
	#main div#cat-description,
	#main p#about {
		font-size: 90%;
		line-height: 1.5;
		margin:  0 25px;
		padding: 10px 0;
	}

		#main div.entry div,
		#main div.entry p,
		#main div.entry blockquote,
		#main div.entry pre,
		#main div.entry table,
		#main div.entry ul,
		#main div.entry ol,
		#main div.entry dl,
		#main div.entry hr {
			line-height: 1.5;
			margin:  0 25px;
			margin-bottom: 1em;
		}

			#main div.entry ul ul,
			#main div.entry ol ol {
				margin-bottom: 0;
			}

			#main div.entry div#comments,
			#main div.entry div#comments div,
			#main div.entry div#comments div img,
			#main div.entry div.trackbacks,
			#main div.entry div.trackbacks div {
				margin: 0;
				vertical-align: middle;
			}

		#main div.entry img {
			margin: 0 25px;
			margin-bottom: 1em;
		}

			#main div.entry div img,
			#main div.entry  p img,
			#main div.entry table th img,
			#main div.entry table td img {
				margin: 0;
			}

		#main div.entry table {
			font-size: 80%;
		}
	
			#main div.entry table th {
				background: #eee;
				text-align: center;
				font-weight: bold;
			}

			#main div.entry table td{
				background: #fff;
			}

			#main div.entry table th,
			#main div.entry table td {
				padding: 5px;
				border: 1px solid #666;
			}
	
				#main div.entry table th p,
				#main div.entry table td p,
				#main div.entry table th div,
				#main div.entry table td div {
					margin:  0;
				}


	#main ul li {
		margin-left: 1.2em;
	}

	#main ol li {
		margin-left: 1.5em;
	}

	#main strong {
		color: #c00;
		font-weight: bold;
	}
	
	#main em {
		font-weight: bold;
	}
	
	#main i {
		font-style: oblique;
	}
	
	#main del {
		text-decoration: line-through;
	}
	
	#main cite {
		display: block;
	}
	
	#main .iframe_others {
		border: none;
		width: 100%;
		_width: 95% !important;
	}
	/*---- /Base elements style ----*/

	/*---- Main column body style ----*/
	#main div.entry {
		clear: both;
		background: url(../img/main_entry_footer.gif) no-repeat 50% 100%;
		font-size: 90%;
		padding: 10px 0 30px 0;
		margin: 0 0 20px 0;
	}

		#main div.entry p.entry-date {
			margin: 0 25px;
			color: #6fac22;
			font-size: 80%;
			font-weight: bold;
		}
	/*---- /Main column body style ----*/

	/*---- Page: Search results ----*/
	#main form#searchForm2 {
		font-size: 80%;
		margin: 10px 25px;
	}

		#main form#searchForm2 input#searchWord2 {
			width: 50%;
		}

		#main div.entry div.search-entry {
			margin: 0 0 10px 0;
		}
	/*---- /Page: Search results ----*/

	/*---- Page: Community category ----*/
	#main div.community-topic {
		background: none;
		padding: 10px 0 0 0;
		margin-bottom: 10px;
	}

			#main div.community-topic h3 a,
			#main div.community-topic h3 a:link,
			#main div.community-topic h3 a:visited {
				color: #fff;
			}
		
			#main div.community-topic h3 a:hover,
			#main div.community-topic h3 a:active {
				color: #ff9;
			}
	
		#main div.community-topic p.entry-data {
			margin-top: -.5em;
			font-size: 90%;
		}
	/*---- /Page: Community category ----*/

	/*---- Page: Community individual ----*/
	#main  p.entry-nav {
		font-size: 80%;
		text-align: right;
	}

			#main div.entry div#comments h4,
			#main div.entry div.trackbacks h4 {
				margin-top: 20px;
				margin-bottom: 5px;
			}
	
				#main div.entry div.trackbacks div#trackbacks-info {
					margin-bottom: 10px;
					word-wrap: break-word;
				}
	
					#main div.entry div.trackbacks div#trackbacks-info em {
						margin-left: 10px;
					}
	
					#main div.entry div#comments ol li.comment,
					#main div.entry div.trackbacks ol li.trackback {
						border-bottom: 1px dashed #ccc;
						margin-bottom: 10px;
						font-weight: bold;
					}

					#main div.entry div#comments ol#comment li.comment {
						list-style: none outside;
					}
		
						#main div.entry div#comments ol li div.comment-content,
						#main div.entry div.trackbacks ol li div.trackback-content {
							padding: 10px 0 10px 20px;
							font-weight: normal;
						}

							#main div.entry div#comments ol li div.comment-content p {
								margin: 0;
							}
							
								#main div.entry div#comments ol li div.comment-content p a {
									_display: block;
									word-wrap: break-word;
								}

				/*---- Comment form ----*/
				#main div.entry div#comments form {
					margin: 0 25px;
				}

					#main div.entry div#comments form div,
					#main div.entry div#comments form p {
						padding: 0;
						margin: 0;
					}
	
					#main div.entry div#comments form div#comments-open-data {
						margin-top: 10px;
					}
	
						#main div.entry div#comments form div#comments-open-data label,
						#main div.entry div#comments form div#comments-open-data input,
						#main div.entry div#comments form p#comments-open-text label,
						#main div.entry div#comments form p#comments-open-text textarea {
							display: block;
							float: left;
							margin-bottom: 10px;
						}
	
						#main div.entry div#comments form div#comments-open-data label,
						#main div.entry div#comments form p#comments-open-text label {
							width: 85px;
						}

						#main div.entry div#comments form div#comments-open-data input {
							width: 50%;
						}

						#main div.entry div#comments form p#comments-open-text textarea {
							margin:0;
							padding:0;
							width: 60%;
							height: 150px;
							overflow-y: scroll;
						}

						#main div.entry div#comments form div#comments-open-data br,
						#main div.entry div#comments form p#comments-open-text br {
							clear: left;
						}
	
					#main div.entry div#comments form div#comments-open-footer {
						padding: 10px 0 0 84px;
					}

					/* TypeKey認証が有効 */
											
					#main div.entry div#comments form div#comments-open-data, 
					#main div.entry div#comments form p#comments-open-text,
					#main div.entry div#comments form div#comments-open-footer {
						display: none;
					}
					
					
					/* /TypeKey認証が有効 */

				/*---- /Comment form ----*/

	/*---- /Page: Community individual ----*/

/* /Main column ------------------------------------------*/

/* Footer ------------------------------------------*/

div#footer {
	color: #666666;
	font-size: 80%;
	padding-top: 50px;
	text-align: center;
}

	/*---- Related group links ----*/
	div#footer ul {
		border-bottom: 3px solid #7d8b1d;
		list-style: none;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}

		div#footer ul li {
			display: inline;
			margin: 0 10px;
		}
	/*---- /Related group links ----*/

	/*---- Copyright ----*/
	div#footer p#copyright a {
		color: #666;
		text-decoration: none;
	}
	/*---- /Copyright ----*/

/* /Footer ------------------------------------------*/