body {color: #000000; background-color: #EEEEEE; margin: 8px; padding: 0;}
body td, p, div {
	font-family: 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka' ,Verdana, Arial, Helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
	font-size: small;
}

table {
	width: 100%;
	margin: 0;
	padding: 0;
}
table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
	font-family: 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka' ,Verdana, Arial, Helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
}

a:link, a:active, a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #ff9900;
	text-decoration: underline;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul {
	margin: 2px;
	padding: 2px;
	list-style: decimal inside;
	text-align: left;
}
li {
	margin-left: 2px;
	list-style: square inside;
}

input, select, textarea {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #888888;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
}
input.formButton {}


.item {
	margin-bottom: 8px;
}
.itemHead {
	padding: 4px;
	border-left: 8px solid #ffaeff;
	border-bottom: 1px solid #ffaeff;
	background-color: #ffccff;
	color: #333333;
	font-weight: bold;
}
.itemInfo {
	padding: 4px;
	text-align: center;
	border-bottom: 1px solid #8084bf;
	color: #666666;
}
.itemTitle a {}
.itemPoster {
	font-size: 90%;
}
.itemPostDate {
	font-size: 90%;
}
.itemStats {
	font-size: 90%;
}
.itemBody {
	padding: 8px;
}
.itemText {
	line-height: 1.5em;
	margin: 0px;
}
.itemText:first-letter {}
.itemFoot {
	text-align: center;
	padding: 4px;
	border: 1px solid #8084bf;
	color: #666666;
}
.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}

th {
	background-color: #3c53a3;
	color: #FFFFFF;
	padding : 4px;
	vertical-align : middle;
	font-size: 11px;
}
th a:link, th a:active, th a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
th a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


td#headerbanner {}
td#headerbar {}

td#leftcolumn {
	width: 170px;
	background-color: #cccccc;
	border-left: 1px solid #888888;
	border-bottom: 1px solid #888888;
}
td#leftcolumn th {}
td#leftcolumn .blockTitle {
	padding: 4px;
	color: #FFFFFF;
	background-color: #3c53a3;
	font-weight: bold;
	font-size: 0.9em;
}
.leftblockTitle {
	padding: 3px;
	color: #FFFFFF;
	background-color: #888888;
	font-weight: bold;
	font-size: 0.9em;
}
td#leftcolumn .blockContent {
	padding: 2px;
	line-height: 120%;
	font-size: 0.9em;
}
.leftblockContent {
	padding: 2px;
	line-height: 120%;
	font-size: 0.9em;
}

.centercolumn {
	padding: 8px;
	background-image: url("http://www.sakura-komoro.jp/themes/cus_01/cont_bg.gif");
	background-repeat: repeat;
	background-color: #ffffff;
	border: 1px solid #888888;
}

td#centercolumn th {}
.centerCcolumn {
	padding: 0px;
}
td#centerCcolumn .blockTitle {
	font-weight: bold;
	padding: 4px;
	border-left: 8px solid #ffaeff;
	border-bottom: 1px solid #ffaeff;
	background-color: #ffccff;
	color: #333333;
}
.centerCblockTitle {
	font-weight: bold;
	padding: 4px;
	border-left: 8px solid #ffaeff;
	border-bottom: 1px solid #ffaeff;
	background-color: #ffccff;
	color: #333333;
}
td#centerCcolumn .blockContent {
	padding: 4px;
	margin-bottom: 8px;
	line-height: 120%;
}
.centerCblockContent {
	padding: 4px;
	margin-bottom: 8px;
	line-height: 120%;
}

.centerLcolumn {
	width: 50%;
	padding-right: 4px;
}
td#centerLcolumn .blockTitle {
	font-weight: bold;
	padding: 4px;
	border-left: 8px solid #ffaeff;
	border-bottom: 1px solid #ffaeff;
	background-color: #ffccff;
	color: #333333;
}
.centerLblockTitle {
	font-weight: bold;
	padding: 4px;
	border-left: 8px solid #ffaeff;
	border-bottom: 1px solid #ffaeff;
	background-color: #ffccff;
	color: #333333;
}
td#centerLcolumn .blockContent {
	padding: 4px;
	margin-bottom: 8px;
	line-height: 120%;
}
.centerLblockContent {
	padding: 4px;
	margin-bottom: 8px;
	line-height: 120%;
}

.centerRcolumn {
	width: 50%;
	padding-left: 4px;
}
td#centerRcolumn .blockTitle {
	font-weight: bold;
	padding: 4px;
	border-left: 8px solid #ffaeff;
	border-bottom: 1px solid #ffaeff;
	background-color: #ffccff;
	color: #333333;
}
.centerRblockTitle {
	font-weight: bold;
	padding: 4px;
	border-left: 8px solid #ffaeff;
	border-bottom: 1px solid #ffaeff;
	background-color: #ffccff;
	color: #333333;
}
td#centerRcolumn .blockContent {
	padding: 4px;
	margin-bottom: 8px;
}
.centerRblockContent {
	padding: 4px;
	margin-bottom: 8px;
}

div#content {
	text-align: left;
}

td#rightcolumn {
	width: 170px;
	background-color: #cccccc;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
}
td#rightcolumn th {}
td#rightcolumn .blockTitle {
	padding: 4px;
	color: #FFFFFF;
	background-color: #3c53a3;
	font-weight: bold;
	font-size: 0.9em;
}
.rightblockTitle {
	padding: 3px;
	color: #FFFFFF;
	background-color: #888888;
	font-weight: bold;
	font-size: 0.9em;
}
td#rightcolumn .blockContent {
	padding: 2px;
	line-height: 120%;
	padding-bottom: 8px;
}

.rightblockContent {
	padding: 2px;
	line-height: 120%;
	font-size: 0.9em;
}

tr#footerbar {}

td#mainmenu a {
	display: block;
	margin-bottom: 1px;
	padding: 4px;
	color: #666666;
	background-color: #FFFFFF;
	border-left: 8px solid #ffccff;
	font-size: 0.9em;
}
td#mainmenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ffccff;
	border-left: 8px solid #ffaeff;
	font-size: 0.9em;
}
td#mainmenu a.menuTop {}
td#mainmenu a.menuMain {}
td#mainmenu a.menuSub {
	padding-left: 20px;
}

td#usermenu a {
	display: block;
	margin-bottom: 1px;
	padding: 4px;
	color: #666666;
	background-color: #FFFFFF;
	border-left: 8px solid #ffccff;
	font-size: 0.9em;
}
td#usermenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ffccff;
	border-left: 8px solid #ffaeff;
	font-size: 0.9em;
}
td#usermenu a.menuTop {}
td#usermenu a.highlight {
	color: #666666;
	background-color: #FFFFFF;
}
td#usermenu a:hover.highlight {
	color: #FFFFFF;
	background-color: #8084bf;
}


.outer {
	border: 1px solid #8084bf;
	background-color: #FFFFFF;
}
.head {
	background-color: #8084bf;
	color: #FFFFFF;
	padding: 4px;
	font-weight: bold;
}
.even {
	background-color: #c4c4e2;
	padding: 4px;
}
.odd {
	background-color: #F0F6F0;
	padding: 4px;
}
.foot {
	background-color: #e1e1f1;
	padding: 4px;
	font-weight: bold;
}
tr.even td {
	background-color: #c4c4e2;
	padding: 4px;
}
tr.odd td {
	background-color: #F0F6F0;
	padding: 4px;
}

div.errorMsg {
	background-color: #FFCCCC;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}
div.confirmMsg {
	background-color: #DDFFDF;
	color: #136C99;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}
div.resultMsg {
	background-color : #CCCCCC;
	color: #333333;
	text-align: left;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	font-weight: bold;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 10px;
}

div.xoopsCode {
	font-size: 90%;
	background-color: #FFFFFF;
	border: 1px dashed #8084bf;
	padding: 4px;
}
div.xoopsQuote {
	font-size: 90%;
	background-color: #FFFFFF;
	border: 1px dashed #8084bf;
	padding: 4px;
}


.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}
.comText {
	padding: 2px;
}
.comUserStat {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	border: 1px solid #3c53a3;
	background-color: #FFFFFF;
	margin: 2px;
	padding: 2px;
}
.comUserStatCaption {
	font-weight: normal;
}
.comUserStatus {
	margin-left: 2px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 10px;
}
.comUserRank {
	margin: 2px;
}
.comUserRankText {
	font-size: 10px;
	font-weight: bold;
}
.comUserRankImg {
	border: 0;
}
.comUserName {}
.comUserImg {
	margin: 2px;
}
.comDate {
	font-weight: normal;
	font-style: italic;
	font-size: smaller
}
.comDateCaption {
	font-weight: bold;
	font-style: normal;
}




div.xoopsCode pre {
	margin: 0px;
}
div.xoopsQuote blockquote {
	margin: 0px;
}

#maintable {
	width: 820px;
	margin: auto;
}

#top {
	margin-bottom: 0px;
}
#top td.side {
	width: 8px;
}
#top td.header {
	width: 800px;
	background-color: #ffffff;
	vertical-align: middle;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
}
#top td.banner {
	background-color: #e1e1f1;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #3c53a3;
	border-bottom: 1px solid #3c53a3;
}

/*#welcome {
	margin-bottom: 0px;
}
#welcome td.side {
	width: 8px;
}
#welcome td.center {
	height: 0px;
	text-align: right;
	color: #666666;
	background-color: #FFFFFF;
	vertical-align: middle;
	font-size: -1px;
	border-bottom: 1px solid #888888;
}
*/
.navi {
	padding-left: 10px;
	background-color: #ffccff;
}

.navibutton {
	padding-left: 3px;
}

#footer {
	margin-top: 0px;
}
#footer td.side {
	width: 8px;
}
#footer td.center {
	height: 24px;
	color: #ffffff;
	font-size: 12px;
	background-color: #6f6c5a;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border-top: 2px solid #ffccff;
	border-bottom: 2px solid #ffccff;
}

#copyright {
	margin-top: 4px;
	text-align: center;
	font-size: 10px;
}

.side_left {
	background-image: url(side_l_02.gif);
	background-repeat: repeat-y;
	width : 10px;
	height: 100%;
}
.side_right {
	background-image: url(side_r_02.gif);
	background-repeat: repeat-y;
	width : 10px;
	height: 100%;
}

.piCal_cus_01 {
	width:70px;/* (table width - 410px) / 2 */
}

/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}
/* ---------- */
: repeat-y;
	width : 10px;
	height: 100%;
}

.piCal_cus_01 {
	width:70px;/* (table width - 410px) / 2 */
}

/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}
/* ---------- */