@charset "UTF-8";

/* ----------------------------------------------------- */
/* 全般 */
/* ----------------------------------------------------- */

/* 初期化 */
* {
	margin: 0;
	padding: 0;
}

/* 初期化 */
h1,h2,h3,h4,p,ul,ol,li,dt,dl,dd {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/* イメージ */
img {
	border-style: none;
	margin: 10px;
}

/* イメージ回り込み(右) */
.imageleft{
	padding-right: 10px;
	float: left;
}

/* イメージ回り込み(左) */
.imageright{
	padding-left: 10px;
	float: right;
}

/* リンク */
a {
	color: #0066cc;
	/*background-color: #ffffff;*/
	text-decoration: none;
}

/* リンク・アクティブ */
a.active {
	color: #999933;
	/*background-color: #ffffff;*/
	text-decoration: none;
}

/* リンク */
a:link {
	color: #663333;
	/*background-color: #ffffff;*/
	text-decoration: none;
}

/* リンク・訪問済み */
a:visited {
	color: #666633;
	/*background-color: #ffffff;*/
	text-decoration: none;
}

/* リンク・マウスオーバー */
a:hover {
	color: #ff6633;
	/*background-color: #ffffff;*/
	text-decoration: underline;
}

/* 引用 */
blockquote {
	font-size: 100%;
	color: #333333;
	background-color: #eeeeee;
	background-image: url(img/quote.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 22px;
	padding-right: 10px;
	margin-left: 0;
	margin-bottom: 20px;
	width: 460px;
	overflow: auto;
}

/* 整形済みテキスト */
pre {
	font-size: 100%;
	color: #333333;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0;
	margin-bottom: 20px;
	width: 460px;
	height: 150px;
	overflow: scroll;
}

/* 汎用ブロックエリア */
.blockarea {
	font-size: 100%;
	color: #333333;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding-left: 8px;
	padding-right: 8px;
	margin: 5px 0 5px 0;
}

/* ボディ */
body {
	/*font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	font-family: Arial, "Trebuchet MS Verdana", sans-serif;
	color: #333333;
	background-color: #ffffff;
	background-position: center top;
	background-repeat: repeat;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 1.5em;
}

/* ヘッダ部大外コンテナ枠 */
#headcontainer {
	color: #333333;
	background-color: #ffffff;
	background-image: url("img/back_header.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	clear:both;
}

/* コンテンツ部大外コンテナ枠 */
#maincontainer {
	color: #333333;
	background-color: #ffffff;
	background-image: url("img/back_container.jpg");
	background-position: center top;
	background-repeat: repeat-y;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	clear:both;
}


/* ----------------------------------------------------- */
/* ヘッダ関連 */
/* ----------------------------------------------------- */

/* サイトの説明エリア */
#sitedescription {
	color: #333333;
	background-color: #ffffff;
	padding: 0 0 0 0;
	margin: 10px 10px 4px 0;
	float: right;
	display: inline;
	width: 500px;
}

/* サイトのタイトル */
#sitedescription h1{
	font-size: 100%;
	padding: 0 5px 0 0;
	margin: 5px 5px 0 0;
	text-align: right;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

/* サイトの説明文(h2) */
#sitedescription h2{
	font-size: 70%;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	text-align: right;
	font-weight: normal;
	line-height: 130%;
	text-decoration: none;
}

/* サイトの説明文(p) */
#sitedescription p{
	font-size: 70%;
	padding: 0 5px 0 0;
	margin: 0;
	text-align: right;
	font-weight: normal;
	line-height: 130%;
	text-decoration: none;
}

/* バナー画像エリア */
#banner {
	width: 200px;
	height: 40px;
	float: left;
	display: inline;
	margin: 10px 0 4px 10px;
	padding: 0;
}

/* イメージ */
#banner img {
	margin: 0;
}

/* サイトのTOPイメージ */
#topimage{
	color: #333333;
	background-color: #ffffff;
	background-position: center bottom;
	background: url("img/topimage.jpg");
	width: 758px;
	height: 98px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #cccccc;
	clear: both;
}

/* イメージ説明 */
#topimage p{
	visibility: hidden;
}

/* ----------------------------------------------------- */
/* 上ナビゲーション */
/* ----------------------------------------------------- */

/* ナビゲーションエリア */
#navitop {
	font-size: 80%;
	color: #333333;
	background-color: #ffffff;
	width: 750px;
	margin: 0 15px 0 15px;
	padding: 0;
	text-align: left;
	border-bottom: solid 1px #cdcdcd;
}

#navitop .pad {
	padding: 2px 2px 2px 2px;
}

#navitop ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navitop li {
	padding: 0 10px 0 7px;
	display: inline;
	/*border-left: solid 6px #cccccc;*/
}

/* ----------------------------------------------------- */
/* メインコンテナ枠（二重枠） */
/* ----------------------------------------------------- */

#maincontent {
	background-color: transparent;
	width: 530px;
	float: right;
	margin-bottom: 20px;
	clear: both;
}


/* ----------------------------------------------------- */
/* パンくずナビ */
/* ----------------------------------------------------- */

#position {
	font-size: 80%;
	color: #993333;
	text-align: left;
	line-height: 120%;
	background-color: #ffffff;
	background-repeat: repeat-y;
	width: 490px;
	margin: 5px 15px 0 15px;
	padding: 0 0 0 0;
}

#position a{
	margin: 0;
	padding: 0;
}


/* ----------------------------------------------------- */
/* メインコンテント枠 */
/* ----------------------------------------------------- */

#maindoc {
	color:  #333333;
	background-color: #ffffff;
	margin-bottom: 0;
	width: 520px;
	float: left;
	display: inline;
	font-size: 90%;
	clear: both;
}

#maindoc .pad {
	padding: 10px 10px 10px 10px;
}

#maindoc .entry {
	color: #333333;
	background-color: #ffffff;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	line-height: 130%;
	clear: both;
}

#maindoc h2{
	color: #333333;
	font-size: 100%;
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 15px;
	text-align: left;
	line-height: 130%;
	background: url("img/h2.gif") no-repeat 0px 50%;
	border-bottom: double 1px #333333;
	font-weight: bold;
}

#maindoc h3{
	color: #333333;
	font-size: 100%;
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 15px;
	text-align: left;
	line-height: 130%;
	background: url("img/h3.gif") no-repeat 0px 50%;
	border-bottom: solid 1px #333333;
	font-weight: bold;
}

#maindoc h4{
	font-size: 100%;
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	line-height: 130%;
	border-bottom: dashed 1px #333333;
	font-weight: bold;
}

#maindoc p{
	font-size: 100%;
	margin: 0;
	padding: 5px 5px 5px 0;
	text-align: left;
}

#maindoc p.extended{
	font-size: 90%;
	margin: 0;
	padding: 5px 10px 5px 20px;
	text-align: right;
}

#maindoc dl {
	margin: 0;
	font-size: 100%;
}

#maindoc dt {
	margin: 3px 0 3px 0;
	line-height: 130%;
}

#maindoc dd {
	margin: 0 0 10px 0;
	line-height: 130%;
}

/*サイトマップ用*/
#maindoc dt.sitemap {
	margin: 18px 0 3px 0;
	padding-left: 10px;
	line-height: 130%;
	border-left: #cdcdcd 5px solid;
	font-size: 100%;
}
#maindoc dd.sitemap {
	margin: 7px 4px 10px 8em;
	padding: 0;
	line-height: 150%;
	border-bottom: #666666 1px dotted
}

/* dt オフセット表示用 */
#maindoc dt.offset {
	margin: 18px 0 3px 0;
	padding-left: 10px;
	line-height: 130%;
	border-left: #cdcdcd 5px solid;
	font-size: 100%;
	font-weight: bold;
}

/* dd オフセット表示用 */
#maindoc dd.offset {
	margin: 7px 4px 10px 8em;
	padding: 0;
	line-height: 130%;
	border-bottom: #666666 1px dotted
}

/* dt エントリ情報表示調整用 */
#maindoc dt.entrydate {
	padding-top: 5px;
	font-size: 90%;
}

/* dd エントリ情報表示調整用 */
#maindoc dd.entrytitle {
	margin: -1.9em 0px 0.8em 8em;
	padding-top: 5px;
	line-height: 150%;
	border: none;
	font-size: 100%;
	font-weight: bold;
}

/* dd エントリ情報表示調整用 */
#maindoc dd.entryexcerpt {
	margin: -1.3em 0 5px 8.5em;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 150%;
	border-bottom: #666666 1px dotted;
	font-size: 90%;
}

#maindoc ul,
#maindoc ol {
	padding: 0;
	margin: 0 0 10px 0;
}

#maindoc ol {
	list-style-type: decimal;
}

#maindoc ul li,
#maindoc ol li {
	list-style-position : inside;
	line-height:150%;
	font-size: 100%;
	padding-left: 15px;
}

#maindoc li {
	line-height:150%;
	font-size: 100%;
}

#maindoc .posted{
	font-size: 90%;
	margin: 5px 0 15px 0;
	text-align: left;
	line-height: 130%;
	border-bottom: dashed 1px #333333;
}

#maindoc .trackback{
	font-size: 90%;
	margin: 5px 0 15px 0;
	text-align: left;
	line-height: 130%;
}

#maindoc .trackbackunit{
	color: #333333;
	background-color: #ffffff;
	font-size: 90%;
	margin: 15px 0 15px 0;
	padding: 10px 10px 10px 10px;
	text-align: left;
	line-height: 130%;
	border: 1px solid #cccccc;
}

#maindoc .commentunit{
	color: #333333;
	background-color: #ffffff;
	font-size: 90%;
	margin: 15px 0 15px 0;
	padding: 10px 10px 10px 10px;
	text-align: left;
	line-height: 130%;
	border: 1px solid #cccccc;
}

/* タグ */

#maindoc .entry-tags {
	background-color: transparent;
	margin-top: 6px;
	padding-left: 3px;
}
#maindoc .entry-tags-header{
	background-color: transparent;
	margin-left: 0;
	padding: 0;
	display: inline;
	border: none;
}

#maindoc h2.entry-tags-header,
#maindoc h3.entry-tags-header{
	background-image: none;
}

#maindoc .entry-tag { 
	margin: 2px;
	padding: 0;
	display: inline;
}
#maindoc .entry-tags-list { 
	display: inline;
    list-style:none;
}


/* ----------------------------------------------------- */
/* サブコンテント枠（サイドバー） */
/* ----------------------------------------------------- */

#subcontent {
	margin: 0 8px 0 8px;
	width: 224px;
	float: left;
	display: inline;
	font-size: 85%;
}

#subcontent .pad {
	padding: 10px 5px 10px 5px;
}

#subcontent h2{
	font-size: 95%;
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 15px;
	text-align: left;
	line-height: 130%;
	background: url("img/h2.gif") no-repeat 0px 50%;
	border-bottom: double 1px #333333;
	font-weight: bold;
}

#subcontent h3{
	font-size: 95%;
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 15px;
	text-align: left;
	line-height: 130%;
	background: url("img/h3.gif") no-repeat 0px 50%;
	border-bottom: solid 1px #333333;
	font-weight: bold;
}

#subcontent h4{
	font-size: 95%;
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	line-height: 130%;
	border-bottom: dashed 1px #cdcdcd;
	font-weight: bold;
}
#subcontent dl {
	padding: 0;
	margin: 0 0 0 10px;
	font-size: 95%;
}

#subcontent dt {
	margin: 5px 0 5px 0;
	padding-left: 14px;
	line-height: 130%;
	border-left: #666666 5px solid;
	background: url("img/listmark01.gif") no-repeat 0 50%;
	font-size: 100%;
}

#subcontent dd {
	margin: -0.2em 0 0.5em 1.1em;
	line-height: 120%;
	border-bottom: #666666 1px dotted;
	font-size: 100%;
}

/* dt サイドバー情報(コメント)表示調整用 */
#subcontent dt.recentlycommenthead {
	font-size: 100%;
	border: none;
}

/* dd サイドバー情報(コメント)表示調整用 */
#subcontent dd.recentlycommentexcerpt {
	font-size: 100%;
	border: none;
	margin-right: 10px;
}

/* dt サイドバー情報(トラックバック)表示調整用 */
#subcontent dt.recentlytrackbackhead {
	font-size: 100%;
	border: none;
}

/* dd サイドバー情報(トラックバック)表示調整用 */
#subcontent dd.recentlytrackbackexcerpt {
	font-size: 100%;
	border: none;
	margin-right: 10px;
}

#subcontent ul,
#subcontent ol {
	padding: 0;
	margin: 0 0 0 10px;
	font-size: 95%;
}

#subcontent ul li,
#subcontent ol li {
	margin: 5px 0 5px 0;
	padding: 0;
	line-height:130%;
	font-size: 100%;
	list-style-type:none;
}


#subcontent ul ul li {
	margin: 5px 0 5px 0;
	line-height:130%;
	font-size: 100%;
	list-style-type:none;
}

/* カテゴリリスト */
#subcontent ul li.categoly{
	padding-left: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

#subcontent ul ul li.categoly{
	padding-left: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

#subcontent ul li.categoly a{
	background: url("img/listmarkcat.gif") no-repeat 0 50%;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
	display: block;
	height: 100%; /* IE6対策 */
}

#subcontent ul ul li.categoly a{
	background: url("img/listmarkcat.gif") no-repeat 0 50%;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
	display: block;
	height: 100%; /* IE6対策 */
}

/* エントリリスト */
#subcontent ul li.entry{
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

#subcontent ul li.entry a{
	background: url("img/listmarkent.gif") no-repeat 0 50%;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
	display: block;
	height: 100%; /* IE6対策 */
}

#subcontent ul p.date{
	color:#333333;
	font-size: 100%;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
}

#subcontent p{
	font-size: 95%;
	margin-top: 0;
	margin-left: 10px;
	padding: 0;
	text-align: left;
	line-height: 130%;
}

#subcontent img{
	margin: 5px 5px 5px 10px;
}

/* 選択されたリンクを保持する */
#entry-selected a,
#entry-selected a:hover{
	color:#993333;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#subcontent form{
	font-size: 90%;
	margin: 5px 0 10px 10px;
	padding: 3px 5px 2px 0;
	text-align: left;
	line-height: 150%;
}

/* RSSアイコン */
#subcontent .rss{
	font-size: 90%;
	margin: 0px 0 10px 10px;
	padding-left: 20px;
	height: 16px;
	text-align: left;
	line-height: 150%;
	background: url("img/feed-icon-16x16.png") no-repeat 0px 50%;
	clear: both;
}

/* Tag cloud */
#subcontent .tag-cloud {
	margin: 5px 10px 5px 10px;
	padding: 0;
}

#subcontent .tag{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	line-height:120%;
	font-weight: normal;
	background-image: none;
}

#subcontent .tag a.level1 {
	font-size: 160%;
	color: #222222;
	background-color: #ffffff;
}

#subcontent .tag a.level2 {
	font-size: 150%;
	color: #333333;
	background-color: #ffffff;
}

#subcontent .tag a.level3 {
	font-size: 140%;
	color: #444444;
	background-color: #ffffff;
}

#subcontent .tag a.level4 {
	font-size: 120%;
	color: #666666;
	background-color: #ffffff;
}

#subcontent .tag a.level5 {
	font-size: 100%;
	color: #888888;
	background-color: #ffffff;
}

#subcontent .tag a.level6 {
	font-size: 80%;
	color: #999999;
	background-color: #ffffff;
}


/* ----------------------------------------------------- */
/* フッタ */
/* ----------------------------------------------------- */

#footer {
	color: #333333;
	background-color: #ffffff;
	background-image: url("img/back_footer.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	height: 40px;
	/*border-top: solid 1px #666666;*/
	clear: both;
}

#footer .pad {
	padding: 8px 10px 8px 10px;
}

address {
	font-size: 80%;
	margin-bottom: 5px;
}

/* ----------------------------------------------------------------------------- */
/* コメント・トラックバック関連 */
/* ----------------------------------------------------------------------------- */

form {
	color: #333333;
	background-color: #ffffff;
	font-size: 95%;
}

textarea {
	font-size: 100%;
}

textarea[id="comment-text"] {
	width: 80%;
}


/* ----------------------------------------------------------------------------- */
/* 印刷用スタイル */
/* ----------------------------------------------------------------------------- */

@media print {

	/* メインのリキッド化 */
	#maincontainer{
		width: 100%;
		background-image: none;
	}

	/* メインのリキッド化 */
	#maindoc{
		width: 100%;
		clear: both;
	}

	/* サイドバー非表示 */
	#subcontent {
		display: none;
	} 

	/* ヘッダ非表示 */
	#headcontainer {
		display: none;
	}
	
	/* フッタ非表示 */
	#footer {
		display: none;
	}

	/* コメント類非表示 */
	.posted ,
	.trackback ,
	form {
		display: none;
	}

}