/* ######## サイトの外側の部分 ######### */
body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff url(images/bg.jpg) 0 0 repeat;
	font-size: 90%;
	line-height: 1.5em;
}

/* ######## 基本となるリンクの色　ここから ######## */
a { text-decoration: underline; }
a:link,a:visited,a:active { color: #c00; }
a:hover {
	color: #f00;
	background-color: #eee;
	text-decoration: none;
}
/* ######## 基本となるリンクの色　ここまで ######## */

/* ######## サイト全体に関わるデフォルト値の設定　ここから ######## */
#container {
	background: #fff url(images/cnt_bg.gif) 0 0 repeat-y;
	width: 730px;
	color: #333;
	text-align: left;
	font-family: "Osaka", Verdana, Arial, sans-serif, "ＭＳ Ｐゴシック" ;
	margin: 0 auto;
	padding: 0 24px;
}
.red	{ color: #ff0000; }	.bgred		{ background-color: #ff3333; }
.yellow	{ color: #FFCC00; }	.bgyellow	{ background-color: #FFFF99; }
.blue	{ color: #006699; }	.bgblue		{ background-color: #006699; }
.green	{ color: #66CC00; }	.bggreen	{ background-color: #66CC00; }
.cyan	{ color: #6699CC; }	.bgbrown	{ background-color: #996600; }
.purple	{ color: #663399; }	.bgpink		{ background-color: #FF6699; }
.gray	{ color: #999999; }	.bggray		{ background-color: #999999; }

.AmazonBook {}
img.AmazonBook { margin-right: 6px; margin-bottom: 0.5em; float: left; }
.AmazonBookTitle { font-weight: bold; }
.AmazonBookAuthors {}
.AmazonBookPrice {}

h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;}

img { border: none; }


/* ######## サイト全体に関わるデフォルト値の設定　ここまで ######## */

/* ######## サイトヘッダー（タイトル部）　ここから ######## */

#head {
	padding-bottom: 16px;
	background: #003366 url(images/head_foot.jpg) bottom no-repeat;
	margin-bottom: 2px;
}

#head h1 {
	background: #003366 url(images/head_bg.jpg) 0 0 repeat-y ;
	margin: 0;
	padding: 40px 17px 17px 17px;
	font-size: 28px;
	
	line-height: 1.2em;
}

#head a, #head a:visited, #head a:hover { 
	color: #fff;
	text-decoration: none;
	background: none;
}

#head h2{
	background: #003366 url(images/head_dis_bg.jpg) 0 0 repeat-y ;
	padding: 7px 20px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	line-height: 1.3em;
}

/* ######## サイトヘッダー（タイトル部）　ここまで ######## */


/* ######## 各カラムの幅、色の設定　ここから ######## */
#main {
	width: 530px;
	float: right;
	margin: 10px 0 5px 0;
	padding: 0;
	overflow: hidden;
}

#sidebar {
	width: 180px;
	float: left;
	margin: 10px 0 5px 0;
	padding: 0;
	overflow: hidden;
}
/* ######## 各カラムの幅、色の設定　ここまで ######## */


/* ######## 左右の(サブ)メニュー　ここから ######## */

#sidebar {
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#sidebar h2 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.1em;
	margin: 0;
	padding: 7px 3px 3px 3px;
}

#sidebar ul , #sidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	line-height: 1.3em;
	background: url(images/line_gry.gif) bottom repeat-x;
}

#sidebar ul a {
	color: #c00;
	text-decoration: none;
	display: block;
	line-height: 1.3em;
	background: url(images/snavi_ar.gif) 0 6px no-repeat;
	padding: 5px 0 5px 18px;
	width: 135px;
}

#sidebar ul a:hover {
	color: #f60;
	background: url(images/snavi_ar_over.gif) 0 6px no-repeat;
}

#sidebar .snaviOssm,
#sidebar .snaviCat,
#sidebar .snaviInfo {
	background: #fff url(images/snavi_div.gif) 0 bottom no-repeat ;
}

#sidebar .snaviOssm  h2 {
	background: #f60 url(images/snavi_ossm_h.jpg) 0 0 repeat-y;
}

#sidebar .snaviCat  h2 {
	background: #336699 url(images/snavi_cat_h.jpg) 0 0 repeat-y;
}

#sidebar .snaviInfo  h2 {
	background: #999 url(images/snavi_info_h.jpg) 0 0 repeat-y;
}


#sidebar .snaviOssm  ul {
	background: url(images/snavi_ossm_ul.gif) 0 0 no-repeat;
	padding: 13px 15px 10px 15px;
}

#sidebar .snaviCat  ul {
	background: url(images/snavi_cat_ul.gif) 0 0 no-repeat;
	padding: 13px 15px 10px 15px;
}

#sidebar .snaviInfo  ul {
	background: url(images/snavi_info_ul.gif) 0 0 no-repeat;
	padding: 13px 15px 10px 15px;
}

#sidebar li.snaviNE {
	color: #999;
	line-height: 1.3em;
	padding: 5px 0 5px 18px;
	width: 135px;
}

#sidebar ul {
	margin-bottom: 10px;
}

.snaviRss {
	border: 1px solid #ccc;
	padding: 10px 5px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: center;
	margin: 10px 0;
}

/* ######## 左右の(サブ)メニュー　ここまで ######## */


/* ######## 全体に関するデフォルト値の設定　ここから ######## */

p#tagline {
	margin: 0;
	padding: 4px 0 2px 0;
	font-size: 10px;
	line-height: 1.2em;
	color: #336699;
}

#main {
	margin: 0;
	padding: 0;
}

#main p {
	margin-bottom: 1em;
}
#main h1, #main h2, #main h3, #main h4 {
	margin-bottom: 0.5em;
}
#main p.posted {
	color: #999;
	font-size: small;
	border-top: 1px solid #999;
	text-align: left;
	margin-bottom: 25px;
	padding: 3px;
}

.panlist {
	font-size: 10px;
	line-height: 1.2em;
	margin: 0 0 0 0 ;
	padding: 0 ;
	text-align: right ;
}

/* ######## 全体に関するデフォルト値の設定　ここまで ######## */


/* ######## サイトフッター　ここから ######## */

#foot {
	clear: both;
	background: #fff url(images/foot_bg.jpg) 0 0 no-repeat;
	font-size: 10px;
	padding: 13px 15px 20px 10px;
	margin: 30px 0 0 0;
	text-align: right;
}

#foot a,#foot a:visited, #foot a:hover {
	color: #666666;
}

#foot address {
	font-style: normal;
	margin: 5px 0;
	padding: 0;
	line-height: 1em;
}

#foot p {
	margin: 5px 0;
	padding: 0;
	line-height: 1em;
}


/* ######## サイトフッター　ここまで ######## */


/* ######## トップページで使用するもの　ここから ######## */

.boxGry {
	background: url(images/top_fr_head.gif) 0 top no-repeat;
	padding-top: 15px;
	margin-bottom: 15px;
}

.boxGry div {
	background: url(images/top_fr_foot.gif) 0 bottom no-repeat;
	padding: 0 15px 15px 15px;
	margin-bottom: 15px;
}

.boxLine {
	padding: 15px;
	border: 5px solid #eee;
	margin-bottom: 15px;
}

#bodyTop #main h2 {
	background: url(images/top_ossm_h.gif) 0 0 no-repeat;
	font-size: 14px;
	padding: 8px 2px 2px 16px;
	margin: 0 0 10px 0;
	line-height: 1.2em;
	color: #f60;
}

#bodyTop #main {
	font-size: small;
	line-height: 1.5em;
}

#bodyTop #main .pickup {
	margin-left: 18px;
	margin-bottom: 10px;
}

#bodyTop #main .pickup h3 {
	background: url(images/snavi_ar.gif) 0 5px no-repeat;
	padding: 3px 0 3px 20px;
	font-size: small;
	margin: 0 0 0 0;
}

#bodyTop #main .pickup p {
	font-size: 90%;
	margin: 3px 0 15px 20px;
	padding: 0;
}

#main #update {
	line-height: 15px;
	background: #fff url(images/top_wn_foot.gif) left bottom no-repeat;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#main #update h2{
	background: #fff url(images/top_wn_h.gif) 0 0 no-repeat;
	margin: 0;
	color: #336699;
}

#main #update dl {
	background: #fff url(images/top_wn_li.gif) 0 0 repeat-y;
	padding: 1px 20px 1px 20px;
	margin: 0;
}

#main #update dt {
	margin: 8px 0;
	font-size: 12px;
	background: #eee url(images/top_wn_ar.gif) 0 0 no-repeat;
	padding: 12px 0 0 20px;
}
#main #update dd {
	font-size: 12px;
	margin-left: 11em;
	margin-top: -22px;
}

/* ######## トップページで使用するもの　ここまで ######## */


/* ######## カテゴリページで使用するもの　ここから ######## */
#bodyCat #main h2, #bodyEnt #main h2 {
	color: #336699;
	background: url(images/cat_h2.jpg) left top no-repeat;
	border-bottom: 1px solid #336699;
	text-align: center;
	padding: 10px 0 4px 0;
	margin: 0 0 0 0;
	font-size: 120%;
	line-height: 1.2em;
}

#main h3 {
	color: #336699;
	background: url(images/cat_h3.gif) 0 0 no-repeat;
	font-size: 110%;
	padding: 12px 2px 2px 18px;
	margin: 1em 0 10px 0;
	line-height: 1.2em;
}

#bodyCat #main h3 a {
	color: #336699;
	text-decoration: none;
}

.catBody {
	margin: 10px 0 30px 10px;
/*	font-size: small;	*/
/*	line-height: 1.5em;	*/
}

#bodyCat #main .catBody h3 {
	position: relative;
	left: -10px;
	width: 510px;
}

p.catDis {
	margin: 0.5em 0;
	border: 3px solid #eee;
	padding: 10px;
	font-size: 14px;
	line-height: 1.3em;
}

.extended {
	font-size: small;
	text-align: right;
}

.extended a{
	background: #fff url(images/icn_ar01.gif) 0 1px no-repeat;
	padding-left: 20px;
}


/* ######## カテゴリページで使用するもの　ここまで ######## */


/* ######## 個別エントリーページの設定　ここから ######## */

#bodyEnt #main .catTitle {
	color: #fff;
	background: #336699;
	font-size: 10px;
	line-height: 1.2em;
	padding: 3px 5px;
	font-weight: normal;
}

#bodyEnt #main strong.catTitle a, #bodyEnt #main strong.catTitle a:hover {
	color: #fff;
	text-decoration: none;
	background: none;
	margin: 0;
	padding: 0;
}

.pagetop {
	text-align: right;
	margin: 2em 0 1em 0 ;
}

.pagetop a, .pagetop a:visited, .pagetop a:hover {
	text-decoration: underline;
	background: #fff url(images/icn_pagetop.gif) right top no-repeat;
	padding: 3px 23px 3px 3px;
	color: #999;
	font-size: 10px;
}

.pagetop a:hover {
	color: #333;
}

.entrymenu {
	text-align: center;
	font-size: 10px;
	padding: 5px;
	background-color: #eee;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.entrymenu a, .entrymenu a:visited, .entrymenu a:hover{
	text-decoration: underline;
	color: #999;
}

.entrymenu a:hover {
	color: #333;
}

/* コメント・トラックバック */

#bodyEnt #main #com h3, #bodyEnt #main #tr h3 {
}

#com form p {
	font-size: 12px;
	color: #999;
}

.comTable {
	font-size: 12px;
}

.comWaku , .trWaku {
	border: 1px dotted #ccc;
	margin: 1em 0 ;
	padding: 0 15px;
}

.comFoot, .trFoot {
	margin: 0;
	text-align: right;
	font-size: 10px;
	background-color: #eee;
	padding: 3px;
	line-height: 1.3em;
}

#tr {
}

#trUrl {
	background-color: #eee;
	border: 1px solid #ccc;
}


/* ######## 個別エントリーページの設定　ここまで ######## */


/* ######## 他 ######## */

/* リンク集 */

ul.catList {
	margin-left: 20px;
	padding: 0;
}

ul.catList li {
	background: url(images/icn_ar01.gif) no-repeat left center;
	list-style: none;
	line-height: 1.5em;
	padding-left: 20px;
	margin: 5px 0;
}

#bodyCat #main div.siteList h3 {
	background: #fff url(images/icn_ar01.gif) no-repeat 0 3px;
	font-size: 14px;
	line-height: 1.3em;
	padding: 0 0 5px 20px;
	margin: 5px 0 0 0 ;
	left: 0px;
	width: 465px;
	border-bottom: 1px dotted #ccc;
}

#bodyCat #main div.siteList h3 a {
	color: #c00;
}

#bodyCat #main div.siteList h3 a:hover {
	color: #f00;
	background-color: #eee;
}

#bodyCat #main div.siteList .catBody {
	margin: 25px 20px 30px 20px;
	font-size: 12px;
	line-height: 1.5em;
}

#bodyCat #main div.siteList p {
	margin: 5px 0;
}

.elink {
	text-align: right;
}


