@charset "UTF-8";
/* 
 * 文字コードはMovableTypeの設定に合わせてください。
 * このファイルはeuc-jpで保存してありますが、
 * MTから更新する場合にはこのままコピペして頂ければ問題ありません。
 * ただし、FTPで直接アップロードする場合は、
 * このファイルの文字コードをMTの文字コードと合わせて保存するか、
 * FTPソフトの転送機能を使って変換するかしてください。
 */


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 * File      : styles-site.css
 * Version   : 1.00
 * Update    : 2005/07/30
 * 
 * Site Designed by Moso at 今日の覚え書き
 * Template Written by Toshi at Orbium -そらのたま-
 *
 * Original Template
 * Copyright (C) 2005 koikikukan. All rights reserved.
 *+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* スクロールバーの色設定（IEのみ） */
	html{
		scrollbar-arrow-color : #1a3380;
		scrollbar-base-color : #ffffff;
		scrollbar-darkshadow-color : #ffffff;
		scrollbar-highlight-color : #1a3380;
		scrollbar-shadow-color : #1a3380;
		scrollbar-track-color : #ffffff;
	}

/* ページ全体の基本的な設定と背景色 */
	body {
		margin: 10px auto;
		padding: 0;
		background:#555555; /* 背景色 */
		/*background-image:url('背景画像のURLを指定');background-repeat:repeat;*/
		text-align: center;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		/* font-familyには他に"MS UI Gothic"やtahomaなどがデザイン上相性が良いと思います。*/
	}
	a{color:#8585ad;text-decoration:none;}
	a:link{color:#8585ad;text-decoration:none;}
	a:visited{}
	a:active{}
	a:hover{color:#ffffff;background-color: #8585ad;text-decoration:none;}


/* hタグ */
	h1{
		margin: 0;
		padding: 0;
	}	
	h2{
		margin: 0;
		padding: 10px 0 5px 5px;
		color:#1a3380;
		font-size: 13px;
		font-weight:normal;
	}
	h3 {
		padding:5px 0 0 20px;
		color:#1a3380;
		text-align:left;
		font-weight:normal;
		font-size: 13px;
		margin: 0;
	}
	h4{
		margin: 0;
		padding: 10px 0 10px 5px;
		color:#1a3380;
		font-size: 13px;
		font-weight:normal;
	}

/* 3カラムの外枠 */
	#outbox {
		width: 800px;/* 全体の幅を変えるときに変更が必要 */
		margin-right : 20px ;
		margin-left  : 20px ;
		background: #ffffff;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		border-right:2px solid #000000;
		border-left:1px solid #CCCCCC;
		border-bottom:2px solid #000000;
		border-top:1px solid #CCCCCC;
	}

/* 3カラム全体 */
	#box {
		width: auto;
		text-align: center;
		padding: 10px;
	}

/* タイトル・画像 */
	/* 横幅を変えるときには #outbox,#boxも変更する必要がある。 */
	/* 変更が必要なのは、#outbox,#box,#globalnavi,#wrap,#links-right */
	/* 
	 * トップ画像のサイズを変えたいときには、
	 * たとえば、600px x 400pxの画像を使いたいとき
	 * 各テンプレートの「<div class="bannerleft">～</div>」に挟まれた部分の
	 * タグをコメントアウトされているようにサイズに合わせて変更してください。
	 * 同じ要領で好きな大きさの画像に変更出来ます。
	 * さらに以下のように#banner, .bannerleft, .bannerrightの
	 * widthとheightを変更してください。
	 * 
	 * テンプレート実験サイトで使っている画像サイズは 550px x 413pxです。
	 * 本テンプレートではこのサイズも推奨しています。
	 */
	#banner {/* widthは #outboxのwidth - #boxのpadding x2 となるように */
		width: 780px;
		height: 250px;
		/*height: 400px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*height: 413px;*/ /* ← 550px x 413pxの画像を使いたいとき */
	}
	.bannerleft {/* widthは leftとrightの合計が#bannerのwidthと等しくなるように */
		width: 550px;
		height: 250px;
		/*width: 600px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*height: 400px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*width: 550px;*/ /* ← 550px x 413pxの画像を使いたいとき */
		/*height: 413px;*/ /* ← 550px x 413pxの画像を使いたいとき */
		float: left;
	}
	.bannerright {/* leftとrightの合計が#bannerのwidthと等しくなるように */
		width: 230px;
		height: 250px;
		/*width: 180px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*height: 400px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*width: 230px;*/ /* ← 550px x 413pxの画像を使いたいとき */
		/*height: 413px;*/ /* ← 550px x 413pxの画像を使いたいとき */
		float:right;
		background-color: #8585ad;
	}
	/* サイトタイトルとサブスクリプション */
	#topbanner { 
		padding: 60px 0px 0 0;
		text-align:center;
	}
	#topbanner a{
		color:#ffffff;
		background: none;
		text-decoration:none;
	}
	#topbanner a:hover{
		color:#fff;
		background: none;
		text-decoration:none;
		position: relative; top:1px;left:1px;
	}
	.sitename{
		font-size: 16px;
		font-weight:normal;

	}
	.sitedescription{
		color:#ffffff;
		font-size: 13px;
		font-weight:normal;

	}	
/* タイトルココまで */

/* トップのメニュ*/
	#globalnavi { 
		text-align: center;
		background-color: #eeeeee;
		font-size: 12px;
		width: 780px; /* 全体の幅を変更するときには全体の幅-20pxに指定 */
		font-family: tahoma, "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color:#1a3380;
		line-height: 200%;
		margin-top: 1px;
	}

/* メインと左の入れ子*/
	#wrap { /* 全体の幅を変更するときにはwidth,paddingなども変更 */
		width: 500px; /* だいたい全体の幅の5/8が目安 */
		text-align:left;
		float:left;
		padding: 10px 15px 10px 55px; /* 配置のバランス */
		color:#3C3A36;
		font-size: 12px;
		font-weight:normal;
		line-height: 160%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
	}

/* エントリ */
/* エントリーの日付 */
	.date	{ 
		font-weight: normal;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		text-align:right;
		color: #fff;
		background-color: #a3b3c2;
		margin: 5px 0 15px;
		padding: 0 20px;
		line-height: 170%;
		border-left: 10px solid #8585ad;
	}

/* エントリーのタイトル */
	.title	{
		font-size: 13px;
		font-weight: normal;
		padding:5px 0 0 0px;
		color:#1a3380;
		text-align:left;
/*		
 *		タイトルにアイコンをつけるときの指定 [Orbium参照]
 *		padding:5px 0 0 20px;
 *		background-image: url("タイトル前のアイコンを指定するときはURLを記述");
 *		background-repeat:no-repeat;
 *		background-position: left 5px;
 */
		margin: 0;
	}

/* 各エントリー */
	.blogbody {
		color:#3C3A36;
		font-size: 12px;
		font-weight:normal;
		line-height: 160%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		margin:0 0 5px 0;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
		padding: 0 10px;
	}

/* エントリー投稿者の段落 */
	.posted {
		font-size: 11px;
		font-weight: normal;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color: #666;
		border-top: 1px dotted #999;
		text-align:right;
		margin:2px 0 15px;
		padding:0 10px 5px;
		clear: left; 
	}

/* 「続きを読む」の行 */
	.extended { 
		font-weight:normal;
		padding: 3px;
		margin: 0;
	 }

/* blockquote設定 */
	blockquote {
		color: #666;
		margin:15px 20px 15px 20px;
		font-size:11px;
		line-height: 150%;
		font-weight:normal;
		background:#f6f6f6;
		line-height:150%;
		padding: 10px; 
		border: 2px dotted #999999;
		width: auto ;
		word-break: break-all; 
	}

/* エントリーのテキストエリア可変長指定 2004.07.20追加 */
	.blogbody textarea {
		width: 97% ;
	}

/* 右カラム */
	#links-right{ /* 全体の幅を変更するときにはここも変更 */
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		text-align: left;
		float: right;
		width: 180px ; /* 全体の幅の1/5くらい */
		padding-bottom: 5px;
		padding-top: 30px;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等の見出し */
	.sidetitle {
		color:#fff;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		font-size: 11px;
		background-color: #a3b3c2;
		line-height: 150%;
		padding: 2px 0px 2px 2px;
		border-left: 8px solid #8585ad;
		margin-top: 5px;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等 */
	.side {
		color:#3C3A36;
		font-size: 12px;
		font-weight:normal;
		line-height: 150%;
		font-family: tahoma, "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		margin-bottom: 0px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
		padding:15px 0px 15px 8px;
		background-color: #ffffff;
		border:1px solid #e5e5e5;
	}
/* カウンタ */
	.side-counter{
		text-align:center;
		background-color:#ffffff;
		border:1px solid #CCCCCC;
		padding-top:5px;
		padding-bottom:5px;
	}

/*  開閉JavaScriptのためのスタイル指定  */
/*	.sidetitle a.foldmark {*/
/*		float: left;  マークを左端に配置 */
/*		font-size:9px;  マークのフォントサイズ */
/*		padding-left:0px;  左端からのパディング */
/*		text-decoration: none;  マークの文字装飾（何も表示しない） */
/*	}*/

/* 画像表示の設定 */

a img {
border-style:none;
}

	.image{
		float: left;
		border: 1px solid #999999;
		background-color: #FFFFFF;
		padding: 5px;
		margin: 0 10px 5px 0;
	}
	.imager{
		float: right;
		border: 1px solid #ccc;
		background-color: #FFFFFF;
		padding: 5px;
		margin: 0 0 10px 5px;
	}
	.imagecenter{
		border: 1px solid #999999;
		background-color: #FFFFFF;
		padding: 5px;
		margin: 0 145px 5px 85px;
	}
	.imagec{
		float: left;
		border: none;
		padding: 5px;
		margin: 0 5px 10px 0;
	}
	.imagecr{
		float: right;
		border: none;
		padding: 5px;
		margin: 0 0 10px 5px;
	}

/* 「コメント」「コメントする」の見出し */
	.comments-head	{
		font-size: 12px;
		font-weight: normal;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color: #fff;
		padding: 2px 10px;
		background-color: #a3b3c2;
		line-height: 150%;
		border-left: 8px solid #8585ad;
		margin-top: 5px;
	}

/* 「コメント」の段落 */
	.comments-body {
		font-size: 12px;
		font-weight:normal;
		line-height: 160%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color:#3C3A36;
		margin:5px 20px 0px 20px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
	}
	.comments-body p {
		margin-bottom:10px;
	}
	/* コメントテキストエリアの幅指定 2004.07.20追加 */
	.comments-textarea {
		width:480px;
	}
	/* コメントインプットエリアの幅指定 2004.07.20追加 */
	.comments-input {
		width:330px;
	}

/* 「コメント」投稿者 */
	.comments-post {
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color: #999;
		font-size: 11px;
		border-bottom: 1px dotted #999;
		text-align:right;
		padding:0 0px 2px;
		margin:0 0px 25px;
	}

/* 「トラックバック」の段落 */
	.trackback-body {
		color:#3C3A36;
		font-size: 9px;
		font-weight:normal;
		line-height: 150%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		padding:10px;
		margin:10px;
		border-bottom:1px dotted #999;
	}

/* 「トラックバック」投稿者 */
	.trackback-post {
		color:#3C3A36;
		font-size: 10px;
	}

/* フッター */
	#footer {
		width: 800px;
		background-color: #8585ad;
		font-size: 11px;
		color: #fff;
		padding: 10px 0;
	}
	#footer a{color:#ffffff;text-decoration:none;}
	#footer a:link{color:#ffffff;text-decoration:none;}
	#footer a:hover{color:#ffffff;background-color: #8585ad;text-decoration:none;}

/* 検索、コメントなどの入力フォームの設定 */
	form {
		margin:0px;
		color:#3C3A36;
	}

/* Typekey用設定 */
	.commenter-profile img{
		vertical-align: middle;
		border-width: 0;
	}

/* セレクトボックス用設定 */
	select {
		width:90%;
		font-size: 10px;
		font-weight:normal;
		line-height: 150%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color:#3C3A36;
		border: 1px solid #9A9A9A;
	}

/* ボタン・テキストエリア設定*/
	input,textarea{
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		font-size: 12px;
		padding-top: 1px;
		color:#3C3A36;
		border: 1px solid #9A9A9A;
	}

/* 2004.10.22 サブカテゴリー対応 */
	.side #categories {
/*		font-family: Verdana, Arial, sans-serif;
		color: #666666;
		background: none;
		font-size: 9px;
		font-weight:normal;
		line-height:150%;
		text-align: left;
		padding:2px;
		margin-bottom:25px;*//* 冗長指定削除 2004.11.24追加 */
	}

	.side #categories ul {
		padding-left: 15px;
		margin: 0px;
		margin-bottom: 0px;
	}

	.side #categories ul ul {
		margin-bottom: 0px;
	}

	.side #categories li {
		margin-top: 0px;
		margin-bottom: 0px;
		list-style-type: circle;
	}
/* サブカテゴリー対応 ここまで */

/* エラーメッセージ用 */
	.error{
		margin-top:50px;
		font-size:16px;
		font-weight:bold;
		font-family: Tahoma,"Osaka","MS UI Gothic",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
	}
	.errorbody{
		font-size:11px;
		margin-top:50px;
		margin-bottom:400px;
	}