/* ページ全体の基本的な設定と背景色 */
body {
	margin: 20px 0px;
	background-color: #FFFFFF;
	text-align: center;
	font-family:  "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size:100%
        
	}

/* 指定が無い時のリンクの下線の有無 */
a {
	text-decoration: none;
	
	
	}

/* 指定が無い時の未読リンクの色 */
a:link {
	color: #000066;
	}

/* 指定が無い時の既読リンクの色 */
a:visited {
	color: #333333;
	}

/* 指定無い時のリンク部分のクリック時 */
a:active {
	color: #006699;
	}

/* マウスカーソルがリンクにかさなった時 */
a:hover {
	color: #CC0000;
	text-decoration: underline;
	}

/* 指定が無い時の見出しタグの設定 */
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #333333;
	}

/* ブログを囲む枠の背景色や線、余白などの設定 */
#container {
	line-height: 150%;
		margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 740px;
	
	background-color: #FFFFFF;
	border: 1px solid #000000;

	}

/* バナー部分の文字や背景色、枠線、余白などの設定 */
#banner {
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	padding-left: 20px;
	padding-top: 35px;
	background-repeat:no-repeat;
	background-image: url(images/top_os1.jpg);
	height: 115px;
	font-weight: bolder;
	}

/* バナー部分の未読リンクの色 */
#banner a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: xx-large;
	}

/* バナー部分のh1に対する文字サイズの指定 */
#banner h1 {
	font-size: xx-large;
	line-height: 120%;
	
	}

/* バナー部分のh2に対する文字サイズの指定 */
#banner h2 {
	font-size: small;
	padding-top: 5px;	
	}


/* エントリー全体を入れるＢＯＸの基本設定 */
#center {
	float: left;
	width: 540px;
	overflow: hidden;
	padding-bottom: 10px;
	}

/* centerの内側のＢＯＸの基本設定 */
.content {
	padding: 10px 15px 5px 15px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: small;
	}
.content .company {
	font-size: 0.8em;
}


/* 右側のメニューを入れるＢＯＸの基本設定 */
#right {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	overflow: hidden;
	}

/* contentで指定されているＢＯＸの中でPタグを使用した時の設定 */
.content p {
	font-weight: normal;
	line-height: 140%;
	text-align: left;
	overflow: hidden;
	padding: 0px;
	margin: 0px 0px 10px;
	font-size: small;
	}

/* contentで指定されているＢＯＸの中でblockquoteタグを使用した時の設定 */
.content blockquote {
	line-height: 150%;
	}

/* contentで指定されているＢＯＸの中でliタグを使用した時の設定 */
.content ul {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.content li {
	line-height: 150%;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	padding: 5px 0px 8px 20px;
	background-image: url(images/tlback.gif);
	background-repeat: repeat-x;
	background-position: left 10px;
	list-style-type: none;
	font-size: medium;
}
.content li li {
	line-height: 150%;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	padding: 5px 0px 10px 20px;
	background-image: url(images/Q.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	list-style-type: none;
	font-size: small;
}

/* contentで指定されているＢＯＸの中でh2タグを使用した時の設定（日付） */
.content h2 {
	color: #333333;
	font-size: 1em;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}

/* contentで指定されているＢＯＸの中でh3タグを使用した時の設定 */
.content h3 {
	color: #333333;
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url(images/tlback.gif);
	background-repeat: repeat-x;
	height: 15px;
	background-position: bottom;
	
	}
.content h4 {
	font-size: 1em;
	line-height: 140%;
	background-image: url(images/Q.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
	margin: 0px 0px 10px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-bottom: 5px;
}


/* contentで指定されているＢＯＸの中でp.postedを使用した時の設定 */
.content p.posted {
	color: #999999;
	font-size: 0.84em;
	border-top: 1px solid #999999;
	text-align: left;
	
	
	
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}
.content #top {
	margin-top: 5px;
	font-size: 0.84em;
	text-align: right;
}
.content #title {
	margin-top: 5px;
}
.content #title p {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 160%;
}



/* right（メニュー枠）の内側のＢＯＸの余白の設定 */
.sidebar {
	padding-right: 15px;
	padding-top: 10px;
	}
.sidebar #logo {
	margin-bottom: 10px;
}


/* メニュー枠内でh2タグを使用した時の設定 */
.sidebar h2 {
	color: #FFFFFF;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;  	
	letter-spacing: 0.3em;
	}
.sidebar h4 {
	font-size: 0.84em;
	line-height: 130%;
	font-weight: normal;
}


/* メニュー枠内でulタグを使用した時の設定 */
.sidebar ul {
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
	}


/* メニュー枠内でliタグを使用した時の設定 */
.sidebar li {
	list-style-type: none;
	text-align: center;
	background-color: #8dbcdd;
	padding: 5px 0px 0px;
	margin: 0px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.9em;
}
.sidebar li li {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #666666;
	font-size: 1em;
}


/* メニュー枠内で img(画像）タグを使用した時画像の周りに白い枠線がつく設定 */
.sidebar img {
	border: 3px solid #FFFFFF;
	}

/* photo を使用した時の設定 */
.photo {
	text-align: left;
	margin-bottom: 20px;
	}

/* link-note ではさまれた範囲の文字の設定 */
.link-note {
	font-size: 0.8em;
	line-height: 120%;
	text-align: left;
	padding: 2px;
	margin-bottom: 5px;
	}

/* Movable Typeの著作権表示部分Powered by に使われる設定 */
#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 130%;
	text-align: left;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 10px;
	}

/*  コメントされたデータを表示した時の設定 */
#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

/*  コメントのフォームのtextareaの幅の設定 */
textarea[id="comment-text"] {
	width: 80%;
	}

/* 引用タグ（blockquote）を使用したときの設定 */
	blockquote {
		color: #000000;
		margin:10px 5px 0px 5px;
		font-size:12px;
		font-weight:normal;
		background:#FFFFCC;
		line-height:150%;
		padding: 10px; 
		border: 2px dotted #99CC00;
		width: auto ;
	}