/* ######## サイトの外側の部分 ######### */
body {
	background-color: white;
	text-align: center;
}
/* ######## 基本となるリンクの色　ここから ######## */
a {text-decoration: underline;}
a:link,a:visited,a:active {color: #06f;}
a:hover {
	color: #f03;
	background-color: #fcf;
	text-decoration: none;
}
/* ######## 基本となるリンクの色　ここまで ######## */

/* ######## サイト全体に関わるデフォルト値の設定　ここから ######## */
#container {
	width: 750px;	/* サイトの幅 */
	color: #333;
	background-color: white;
	text-align: left;
	font-family: 'MS UI Gothic', Arial, sans-serif;
	line-height: 150%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
.red { color: #F00; }
.blue { color: #00F; }
.green { color: #080; }
.small { font-size: small; }
.big { font-size: medium; }
h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;}
h1, h2, h3, h4, h5, h6 {font-size: medium;}

/* ######## サイト全体に関わるデフォルト値の設定　ここまで ######## */


/* ######## サイトヘッダー（タイトル部）　ここから ######## */
#banner {
	background: white url(images/skin01_back.jpg) no-repeat right top;
	height: 140px;
	text-align: left;
	margin: 0px;
	margin-bottom: 10px;
	border: 1px solid white;
}
#banner a { text-decoration: none; }
#banner a:hover { text-decoration: none;
	color: #06f;
	background-color: transparent;
}
#banner h1 {
	font-size: xx-large;
	margin-top:20px;
	margin-left:20px;
}
#banner h2 {
	color: #333;
	font-size: small;
	margin-top:20px;
	margin-left:20px;
}
/* ######## サイトヘッダー（タイトル部）　ここまで ######## */


/* ######## 各カラムの幅、色の設定　ここから ######## */
#top, #category, #entry {
	width: 566px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#left {
	width: 180px;	/* 左側メニューの幅 */
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
/* ######## 各カラムの幅、色の設定　ここまで ######## */


/* ######## 左右の(サブ)メニュー　ここから ######## */
.sidebar a { text-decoration: none; }
.sidebar a:hover { text-decoration: underline; }
.sidebar {
	font-size: small;
	padding: 5px;
	margin: 0px;
}
.sidebar h2 {
	color: black;
	background: url(images/skin01_sidetitle.jpg) no-repeat right center;
	font-size: small;
	font-weight: bold;
	text-align: center;
	line-height: 130%;
	padding: 5px 1px;
	border: 1px solid #036;
}
.sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 30px;
}
.sidebar li {
	text-align: left;
	margin-top: 5px;
	padding-bottom: 5px;
}
.sidebar ul ul {margin: 0px; margin-bottom: 10px;}
.sidebar ul ul ul {margin: 0px; margin-bottom: 5px;}
.sidebar ul ul li {border-bottom: 1px solid #039;}
.sidebar ul ul ul li {
	background: url(images/skin01_list-arrow.gif) no-repeat left 20%;
	padding-left: 1em;
	border-bottom: 1px dashed #039;
}
.sidebar ul.push li{
	list-style: none url(images/list-arrow_push.gif);
	margin-left: 15px;
}
.sidebar ul.push li, .sidebar ul.entrylist li{
	margin-top: 3px;
	padding-bottom: 3px;
}
#home a{	/* 「HOMEへ戻る」リンク */
	background-color: transparent;
}
.link-note, #powered {
	font-size: x-small;
	line-height: 120%;
	padding: 0px;
	margin: 0px;
}
#powerd {
	margin-top: 15px;
}
/* ######## 左右の(サブ)メニュー　ここまで ######## */


/* ######## 全体に関するデフォルト値の設定　ここから ######## */
.content {
	font-size: small;;
	line-height: 150%;
	font-weight: normal;
	margin: 0px;
	padding: 0px 10px 10px 10px;
}
.navibar {		/* ナビゲーションバー */
	font-size: x-small;
	margin-bottom: 5px;
	padding: 0px;
}
.content p {
	font-size: 105%;
	text-align: left;
	margin: 0px;
	margin-bottom: 1em;
}
.content h1, .content h2, .content h3, .content h4 {
	margin-bottom: 0.5em;
}
.content p.posted {	/* 投稿者情報 */
	color: #999;
	font-size: small;
	border-top: 1px solid #999;
	text-align: left;
	margin-bottom: 25px;
	padding: 3px;
}
/* ######## 全体に関するデフォルト値の設定　ここまで ######## */


/* ######## サイトフッター　ここから ######## */
#footer {
	font-size: small;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #039;
	width: 100%;
	margin: 0px;
	padding: 3px 0px 30px;
	clear: both;
}
#footer a { text-decoration: none;}
/* ######## サイトフッター　ここまで ######## */


/* ######## トップページで使用するもの　ここから ######## */
#top h4 {
	color: #1a40b3;
	border-left: 20px solid #1a40b3;
	padding-left: 0.5em;
}
#topentry {
	background-color: #ffc;
	border: 2px dashed #9c0;
	padding: 10px;
}
#topentry div.entryexcerpt {
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.5em;
}
#topentry strong {font-size: medium;}
#topentry strong a {
	background: url(images/skin01_arrow_topentry.gif) no-repeat left top;
	padding-left: 1.5em;
}

div.update {margin: 0px; margin-bottom: 3em;}
div.update h4 {font:italic bold large Georgia,Verdana,'Times New Roman',Arial;}
div.update span.day {margin-right: 1em;}
div.update div.line {
	border-bottom: 1px dotted #039;
	margin: 0px;
	padding: 3px;
}
/* ######## トップページで使用するもの　ここまで ######## */


/* ######## カテゴリページで使用するもの　ここから ######## */
#category h1, #entry h1 {
	color: #369;
	background-color: #d2dff9;
	text-align: center;
	border: 1px solid #69c;
	padding: 5px;
}
#category h2 {
	background-color: #ffc;
	border-top: 2px solid #309;
	border-bottom: 1px dashed #309;
	padding: 5px;
}
#category h2 a {text-decoration: none;}
ul.itemlist {
	list-style-type: none;
	margin: 0px; margin-top: 1em;
	padding-left:0px;
}
ul.itemlist li {margin-bottom: 2em;}

/* ######## カテゴリページで使用するもの　ここまで ######## */


/* ######## 個別エントリーページの設定　ここから ######## */
.pagetop {
	text-align: right;
	margin-bottom: 1em;
}
.entrymenu {		/* カテゴリー内エントリーのメニュー */
	text-align: center;
	margin-bottom: 40px;
}
.entrymenu img {vertical-align:middle;}

#Trackback_and_Comment h4 {
	color: #1a40b3;
	border-left: 6px solid #1a40b3;
	border-bottom: 1px solid #1a40b3;
	padding: 3px 0.5em;
	margin-top: 1em;
	margin-bottom: 2px;
}
#Trackback_and_Comment p {margin: 0px; margin-bottom: 0.2em;}
#trackback_url {
	color: #333;
	font: x-small Verdana, Arial, sans-serif;
	padding-left: 0.2em;
}
/* ######## 個別エントリーページの設定　ここまで ######## */

/**********自作**************/

DIV.s {
    border: 1px solid gray;
    padding: 5px;
    width: 90%;
    background-color: #fffff0;
    font-size: 110%;
    line-height: 1.6;
    letter-spacing: 1px;
    margin-left : 10px;
    margin-right : 10px;
    margin-top : 10px;
  　margin-bottom : 10px;
}

DIV.vs {
    border: 1px solid gray;
    padding: 5px;
    width: 90%;
    background-color: #fffff0;
    font-size: 80%;
    line-height: 1.6;
    letter-spacing: 1px;
    margin-left : 10px;
    margin-right : 10px;
    margin-top : 10px;
  　margin-bottom : 10px;
}

.hpb-cnt-tb1{
	background-color: #333333;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb2{
	background-color: #333333;
	border: 1px solid #333333;
}
.hpb-cnt-tb3{
	background-color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-th1 {
	background-color: #BBBBBB;
	font-size: 80%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-th2 {
	background-color: #CCCCCC;
	font-size: 80%;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell1 {
	background-color: #EEEEEE;
	font-size: 80%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-cell2 {
	background-color: #FFFFFF;
	font-size: 80%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-cell3 {
	background-color: #EEEEEE;
	font-size: 80%;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell4 {
	background-color: #FFFFFF;
	font-size: 80%;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell5 {
	background-color: #FFFFFF;
	font-size: 80%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}