/* CSS Document 
テーブルメニューレイアウト対応
*/
/* 構造
---------------------------------------------------- */
body {
	margin: 0px 0px 0px 0px;
	background-color: #333366;
	float: auto;
    text-align: center;
	}
	
#container {
	line-height: 140%;
	text-align: left;
	margin: 0px auto 0px auto;
	width: 750px; 
	
	background-color: #FFF;
	}
	
/* 	テーブルinbox */


/* 	header */

#mainbox  {
    float: right;
    width: 555px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	}

/*メイン*/
#center {
	float: left;
	width: 367px;	
	overflow: hidden;
	background-color: #FFFF;
	} 
	/*メインright,left幅分のmargin
	margin: 0px 168px 0px 195px;*/

/*テーブルタブに変更
#leftclm {
    float: left;
    width: 195px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	}*/
/* (ナビゲーション)
#navigation {
*/

/* #mainbox とじ*/
	
#rightclm {
	float: right;	
	width: 168px;
	margin: 0px 10px 0px 0px;
	background-color: #333366;	
	overflow: hidden;
	}

#rightclm a {
	color: #FF9900;
	text-decoration: none;
	}
	
#rightclm a:hover {
	color: #FF6600;
	}

.sidebar {
    padding: 10px 10px 10px 10px;		
    overflow: visible;
	}
	
	
/* リンク
---------------------------------------------------- */
a {
	text-decoration: underline;
	
	}
	
a:link {
	color: #FF9900;
	}

a:visited {
	color: #FF9900;
	}

a:active {
	color: #FF9900;
	}

a:hover {
	color: #FF6600;
	}
	

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}

/* メインカラムコンテンツ

(3カラムレイアウト方法：
margin: 0px 178px 0px 195px;だとカラムが下に落ちて同列に並ばないので
2カラム in 2カラムfloat: left;float: right;に変更)
---------------------------------------------------- */

/*#center {
	float: right;
	width: 357px;	
	margin: 0px 178px 0px 195px;
	overflow: hidden;
	} 右寄せ右だけの幅分のmargin*/

.content {
	padding: 10px;
	margin: 0px;
	background-color: #FFF;
	
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 160%;
	} 
	

.content p {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
font-size: small;
	line-height: 160%;
	font-weight: normal;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}

.content h1 {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
		font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	
	text-align: left;	
	margin-bottom: 30px;
	}
	
.content h2 {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	
	text-align: left;	
	margin-bottom: 10px;
	
	}

.content h3 {
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	font-family: Verdana, Arial, sans-serif;	
	font-weight: bold;	
	
		text-align: left;
	margin-bottom: 10px;
	
	}

.content p.posted {
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	border-top: 1px solid #EEE;
	text-align: left;
	
	
	
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}


/* ヘッダー
---------------------------------------------------- */ 

#header h1 {
  margin: 0;
  width: 100%;
}

#header h1 img {
  vertical-align: bottom;
}

#header .hide {
  position: absolute;
  left: -999px;
  width: 990px;
}

/* ナビゲーション2　左カラム　テーブルナビ
---------------------------------------------------- */
#navigation2 {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 195px;
}


/* 右サイドバー
---------------------------------------------------- */
/*
.sidebar {
	padding: 15px;
	}
*/

#calendar {
  	line-height: 140%;
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
  	padding: 2px;
	text-align: center;
	margin-bottom: 30px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#calendar caption {
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}

.sidebar h2 {
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;
  	
	letter-spacing: .3em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	list-style: none;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	list-style: none;
	}

.sidebar #categories ul {
	padding-left: 0px;
	list-style: none;
	}

.sidebar li {
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: none;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #FFF;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #FFF;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

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

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}
	
/* フッター
---------------------------------------------------- */ 
#futter {
	float: auto;
	width: 750px;
	height: 170px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: #EEE;
	overflow: hidden;
	}