@charset "euc-jp";

/* ---------------------------------------------------------------------
基本設定
--------------------------------------------------------------------- */
* { 
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
html, body, h1, h2, h3, h4, h5, h6, div, p, span, br, table, tr, th, td, ul, ol, li, dl, dt, dd, form, address {
	font-weight:normal; font-style:normal; font-variant:normal;
	font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
	margin:0; padding:0;
	
}
body, th, td {
	color:#555555;
	font-size:12px;
	line-height:1.3;
}
body {
	padding:10px 0 20px;
/*	background:#ffffff url(/images/site-bg.gif); */
	background-color:#ffeef9;
	text-align:center;
}
a       { color:#2d54cc; text-decoration:underline; }
a:hover { color:#ff4500; text-decoration:underline; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form {
	margin-top:1em;
}

h1, h2, h3, h4, h5, h6 { font-size:1em; font-weight:bold; }

strong { font-weight:bold; }
ul     { margin-left:18px; }
ol     { margin-left:28px; }
img    { border-width:0; }

td, th{
	empty-cells:show;
}

input, textarea, select, option {
	font-weight:normal; font-style:normal; font-variant:normal;
	font-family:"Osaka-等幅", "ＭＳ ゴシック", monospace;
	color:#555555; font-size:12px;
}

select, .ime_on, .ime_off { border:1px solid #dcdcdc; }
select, option, .ime_on, .ime_off { color:#555555; background:#f5f5f5; }
.ime_on, .ime_off { padding:2px; }
.ime_off { ime-mode:disabled; }



/* ---------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------- */
#siteBase {
	width:780px;
	margin-left:auto; margin-right:auto;
	text-align:left;
}

#siteHeader {
	background-image:url(/images/head-bg.gif);
	border-style:solid; border-width:0 0 1px; border-color:#3399ff;
}
#siteHeaderL {
	float:left;
	width:250px;
}
#siteHeaderR {
	float:right;
	width:500px;
}
#siteHeaderL-inner {
	padding:4px 3px 0;
	text-align:center;
}
#siteHeaderR-inner {
	padding:0 5px 5px;
	text-align:right;
}
#siteHeaderL-inner a { color:#ffffff; font-weight:bold; text-decoration:none; }



/* ---------------------------------------------------------------------
本文
--------------------------------------------------------------------- */
#siteBody {
	clear:both;
	background-color:#ffffff;
	border-style:solid; border-width:0 1px; border-color:#3399ff;
	padding:3px;
	text-align:justify;
	text-justify:inter-ideograph;
}
#siteBody-inner {
	padding-bottom:10px;
	background-image:url(/images/body-bg.gif);
}
#mainBody {
	float:right;
	width:550px;
}
#mainBody-inner {
	margin:0 10px;
}

.pNavi {
	margin:5px 0;
	padding:2px 5px;
	background-color:#3399ff;
}
.pNavi-list {
	margin:0;
	list-style:none;
}
.pNavi-list li {
	display:inline;
	color:#ffffff;
}
.pNavi-list li a {
	color:#ffffff;
}

.bodyContent-header {
	margin:1em 0 0;
	padding:2px 5px 2px 25px;
	border-style:solid; border-width:2px 0 0; border-color:#66ffcc;
	background-image:url(/images/header.gif);
	background-repeat:no-repeat;
	background-position:8px 50%;
	background-color:#00cc99;
	color:#663300;
	font-size:1em;
}
.bodyContent-header2 {
	margin:1em 0 0;
	padding:2px 5px 2px 25px;
	border-style:dashed; border-width:0 0 1px; border-color:#999999;
	background-image:url(/images/header2.gif);
	background-repeat:no-repeat;
	background-position:8px 50%;
	font-size:1em;
}

.bodyContent-body {
	padding:5px 0 5px 5px;
}

.bodyContent-body-border {
	padding:5px 0 5px 5px;
	border-style:solid; border-width:0 1px 1px; border-color:#cbcbcb;
}

.pageTop-anchor {
	margin:2em 0 0;
	text-align:right;
}
.pageTop-anchor p {
	display:inline;
	margin:0;
	padding:2px 0 2px 19px;
	background-image:url(/images/up.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
}



/* ---------------------------------------------------------------------
サイドコンテンツ
--------------------------------------------------------------------- */
#sideBody {
	float:left;
	width:220px;
}
#sideBody-inner {
	padding:5px 25px 5px 5px;
}

.sideContent-header {
	margin:1em 0 0;
	padding:2px 5px 2px;
	border-style:solid; border-width:2px 0 0; border-color:#66ffcc;
	background-color:#00cc99;
	color:#663300;
	font-size:1em;
	text-align:center;
}
.sideContent-body {
	padding:2px 5px;
	background-color:#ffffff;
}
.sideContent-menu,
.sideContent-archive {
	margin:0;
	list-style:none;
}
.sideContent-menu li {
	padding:2px 0 2px 18px;
	background-image:url(/images/menu-item.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	line-height:1.1;
}
.sideContent-archive li {
	padding:2px 0 2px 21px;
	background-image:url(/images/folder.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	line-height:1.1;
}
.sideContent-menu li a,
.sideContent-archive li a {
	text-decoration:none;
}



/* ---------------------------------------------------------------------
フッター
--------------------------------------------------------------------- */
#siteFooter {
	clear:both;
	background-color:#3399ff;
	border-style:solid; border-width:1px 0 0; border-color:#3399ff;
	color:#ededed;
	text-align:right;
}
#siteFooter-inner {
	padding:3px 5px;
}

#siteFooter * a {
	color:#ededed;
	text-decoration:underline;
}
#siteFooter * a:hover {
	color:#ff4500;
	text-decoration:underline;
}



/* ---------------------------------------------------------------------
共通クラス
--------------------------------------------------------------------- */
.hide {
	width:1px;
	text-indent:-9000px;
	position:absolute;
}
.debug-img {
	clear:both;
	margin:0;
	padding:0;
}
.noMargin-top {
	margin-top:0;
}
.clearBoth {
	clear:both;
}

.middle {
	vertical-align:middle;
}
.center {
	text-align:center;
}
.red {
	color:#ff0000;
}
.tohaba {
	font-family:"Osaka-等幅", "ＭＳ ゴシック", monospace;
}

.containerBox {
	display:block;
	overflow:hidden;
}
.containerBox:after {
	display:block;
	clear:both;
	content:"";
	height:1px;
	overflow:hidden;
}
/*\*/
* html .containerBox {
	height:1em;
	overflow:visible;
}
/**/