/* base */
@import "base-weblog.css";
#alpha, #beta, #gamma, #delta {
	float:left;
}
#banner-header {
	margin: 0;
}
.module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header {
	position:relative;
}
#banner {
	margin:0pt auto;
	width:800px;
}
.layout-three-column #pagebody-inner {
	margin:0pt auto;
	width:800px;
}
.layout-three-column #alpha {
	width:100%;
}
#alpha .module-typelist li {
	float:left;
}
.module-typelist .module-header {
	display:none;
}
#gamma .module-typelist .module-header {
	display:block;
}
#copy {
	clear:both;
}
.layout-three-column #beta {
	width:600px;
}
.layout-three-column #gamma {
	width:200px;
}
table.about {
	margin-left:1px;
	width:auto;
}
table.about caption {
	display:none;
}
table.about th, table.about td {
	border:1px solid #CCCCCC;
	line-height:1.25;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
table.about th {
	background-color:#EEEEEE;
}
table.about, table.about th, table.about td {
	border-collapse:collapse;
}


/* レイアウト */
@charset "utf-8";
/* -----------------------------------------------
CSS file For TypePad.
FileName: styles.css
----------------------------------------------- */

/*========================
BASE
========================*/
* {
	margin:0px;
	padding:0px;
}
html {
	height:100%;
}
body {
	height:100%;
	font-family: Verdana, Hiragino Maru Gothic Pro, Meiryo, "ＭＳ　Ｐゴシック", Arial, Helvetica, san-serif;
	text-align:center;
	background:#bcbeb1;
	color:#666;
}
body, div, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, strong, img, p, span {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:100%;
}
body {
	font-size: 75%; /* IE */
}
html>/**/body {
	font-size: 12px; /* Except IE */
}
ul {
	list-style:none;
}
body > div#container {
	height: auto;
}
.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0px;
}

/*========================
LAYOUT
========================*/
div#container {
	width:800px;
	height:100%;
	min-height: 100%;
	_height: 100%;
	margin:0px auto;
	padding:0px 30px;
}
@media screen {
	div#container {
		background:#a2a591 url(images/background.gif) repeat-y;
	}
}
@media print {
	div#container {
		background:none;
	}
}
div#banner, div#alpha, div#beta, div#gamma, div#copy {
	text-align:left;
}
@media screen {
	div#pagebody {
	/*	background:#fff url(images/bg_contents.gif) repeat-y;*/
	}
}
@media print {
	div#pagebody {
		background:none;
	}
}

.layout-three-column #pagebody-inner {
	margin:0pt auto;
	width:800px;
}

/*Clear*/
.module-content {
	margin:0px 0px 0px 0px;
	clear:both;
}
.entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content {
	margin:0px 0px 0px 0px;
	position:relative;
}
/*------------------------
banner
------------------------*/
.layout-three-column #banner {
	width:800px;
	height:230px;
	text-align:left;
	background:transparent url(images/bg_mainimage_d.jpg) no-repeat center;
	display:block;
}
.layout-three-column #banner-inner {
	height:70px;
	padding:0px;
	background:transparent url(images/bg_title_isi.gif) no-repeat top left;
}
h1 a {
	display:block;
	font-family:sans-serif;
	font-size:230%;
	font-weight:bold;
	color:#666;
	padding:10px 15px 0px 15px;
	text-decoration:none;
}
h2#banner-description {
	font-size:90%;
	font-weight:bold;
	color:#666;
	padding:0px 15px 0px 15px;
}
/*------------------------
alpha
------------------------*/

.layout-three-column #alpha {
	width:800px;
	height:31px;
	background:url(images/main_menu_bg.gif) repeat-x top left;
}
.layout-three-column #alpha-inner {
	padding:0px 1px;
}

div#alpha h2.module-header {
	text-indent:-9999px;
}
div#alpha ul.module-list {
	overflow:hidden;
	margin:0px;
	width:100%;
}
div#alpha li.module-list-item {
	display:block;
	margin:0px;
	min-width:132px;
	line-height:120%;
	text-align:center;
	border-right:1px solid ;#808080;
}
* html div#alpha li.module-list-item  {
	width:132px;
}

div#alpha li.module-list-item a {
	height:23px;
	color:#ccc;
	padding:7px 0px 0px 0px;
	text-decoration:none;
	font-weight:bold;
	background:#502929 url(images/main_menu_bg.gif) no-repeat top left;
	display:block;
}
div#alpha li.module-list-item a:hover {
	text-decoration:underline;
	background:#502929 url(images/main_menu_bg_on.gif) no-repeat top left;
}
/*------------------------
beta
------------------------*/
.layout-three-column #beta {
	background:#f9f6ef;
}
.layout-three-column #beta-inner {
	padding:15px 14px 45px 15px;
}

div#beta h3.content-header {
	border-left:6px solid #502929;
	display:block;
	padding:5px 5px 5px 10px;
	font-size:120%;
	color:#666;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #666;
	text-decoration:none;
}
div#beta h3.date-header {
	font-size:80%;
}
div#beta h3.entry-header {
	margin-bottom:10px;
	line-height:120%;
}
div#beta a, div#beta a:visited {
	color:#666;
	text-decoration:none;
}
div#beta a:hover {
	color:#502929;
	text-align:none;
}
div#beta p {
	padding:0px 0px 10px 0px;
	line-height:150%;
}

div#beta p.entry-more-link a {
	color:#502929;
}
div#beta p.entry-more-link a:hover {
	color:#666;
}
div.entry {
	clear:both;
	padding:0px 0px 5px 0px;
	margin-bottom: 0px;
}
div.entry h3.archives a {
	width:552px;
	display:block;
	color:#666;
	text-decoration:none;
	background:url(images/icon_arrow_g.gif) no-repeat 0 50%;
	padding:0px 0px 0px 18px;
}
div.entry h3.archives a:hover {
	color:#502929;
	text-decoration:underline;
	background:url(images/icon_arrow_g_on.gif) no-repeat 0 50%;
}
div.entry h3.headline {
	border-left:6px solid #502929;
	display:block;
	padding:5px 5px 5px 10px;
	font-size:120%;
	color:#666;
	border-bottom:1px solid #666;
	text-decoration:none;
}
div.entry h3.headline a {
	color:#666;
	text-decoration:underline;
}
div.entry h3.headline a:hover {
	color:#502929;
	text-decoration:underline;
}
div.entry-featured h3.headline {
	border-left:6px solid #502929;
	display:block;
	padding:5px 5px 5px 10px;
	font-size:120%;
	color:#666;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #666;
	text-decoration:none;
}
div.entry-content {
	margin:0px 0px 5px 0px;
}
div.entry-footer {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #666;
}

div.entry ol {
	margin-left:20px;
	margin-bottom:25px;
}
div.entry ol li {
	margin-left:30px;
	margin-bottom:10px;
	list-style-type:decimal;
}

div.entry ul {
	margin-left:20px;
	margin-bottom:25px;
}
div.entry ul li {
	margin-left:30px;
	margin-bottom:10px;
	list-style-type:circle;
}

table.about {
	background:#999;
	width:568px;
	margin-bottom:25px;
	margin-top:5px;
}
table.about th, table.about td {
	border:1px solid #6a6a6a;
	line-height:1.5;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

table.about td {
	background-color:#F9F6EF ;
	color:#666;
}
div#beta table.about a {
	color:#666;
	text-decoration:underline;
}
div#beta table.about a:hover {
	color:#4c4a3f;
	text-decoration:underline;
}
table.about th {
	background-color:#e5e0d4;
	text-align:right;
	width:150px;
	font-weight:normal;
	color:#666;
}

/*------------------------
gamma
------------------------*/
.layout-three-column #gamma {
}
.layout-three-column #gamma-inner {
	padding:15px 2px 0px 2px;
}
div#gamma a, div#gammma a:visited {
	color:#666;
	text-decoration:none;
}
div#gamma a:hover {
	text-decoration:underline;
}
div#gamma div.module-typelist {
}
div#gamma div.module-typelist h2.module-header {
	background:transparent url(images/sub_menu_title.gif) repeat top left;
	height:17px;
	display:block;
	padding:7px 5px 3px 17px;
	font-weight:bold;
	color:#ccc;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}
div#gamma div.module-typelist ul.module-list {
	background:transparent url(images/sub_menu_tail.gif) no-repeat bottom left;
	padding:0px 0px 10px 0px;
}
div#gamma div.module-typelist li.module-list-item {
	display:block;
	margin:0px;
	height:30px;
}
div#gamma div.module-typelist li.module-list-item a {
	height:23px;
	color:#666;
	padding:7px 0px 0px 35px;
	text-decoration:none;
	background:transparent url(images/sub_menu_bg.gif) repeat-y;
	display:block;
}
div#gamma div.module-typelist li.module-list-item a:hover {
	text-decoration:underline;
	background:transparent url(images/sub_menu_bg_on.gif) repeat-y;
}


/*------------------------
copy
------------------------*/
div#copy {
	clear:both;
	background:#363942 url(images/bg_copy.gif) no-repeat top left;
}
div#copy h2.module-header {
	display:none;
	clear:both;
}
div#copy ul.module-list {
	width:800px;
	padding:5px 20px 0px 20px;
	height:30px;
}
div#copy li.module-list-item {
	font-size:80%;
	display:block;
}