@charset "euc-jp";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* http://www.webplus.jp/                                       */
/* Copyright (C) 2006 Kiyonobu Horita @ WEBPLUS Inc.            */
/*--------------------------------------------------------------*/


@import url("css/ex.css");

*	{
	margin				:	0px;
	padding				:	0px;
	font-style			:	normal;
}
#centercolumn	{
	float				:	left;/* <- If you want change column position, rewrite this. */
	width				:	600px; 
/*	width				:	75%; */
	overflow			:	hidden;
}
#side_area	{
	float				:	right;/* <- If you want change column position, rewrite this. */
	width				:	210px;
	overflow			:	hidden;
}
div.page	{
	margin				:	0px auto;
	width				:	820px;
/*	width				:	90%; */
	text-align			:	left;
}


/* ------------ HTML TAG Re-definition ------------ */
body	{
	margin				:	0px;
	padding				:	0px;
	color				:	#666666;
	font-size			:	75%;
	font-family			:	'メイリオ', Verdana, Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;
}
table	{
	margin				:	0px;
	padding				:	0px;
	width				:	100%;
}
table td	{
	margin				:	0px;
	padding				:	0px;
	vertical-align		:	top;
	line-height			:	130%;
}
img	{
	border				:	0px;
}


/* ------------ Link Color Settings ------------ */
a,
a:visited	{	color	:	#0066CC;	text-decoration	:	none;}
a:hover		{	color	:	#CC0000;	text-decoration	:	underline;}
a:active	{	color	:	#FF0000;	text-decoration	:	underline;}


/* ------------ Heading and List tag Settings ------------ */
h1, h2, h3, h4, h5	{
	margin				:	10px 0px 5px;
	padding				:	0px;
	background			:	inherit;
	color				:	#988787;
	font-family			:	'メイリオ', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
h1	{
	padding				:	5px 0px 5px 25px;
/*	background			:	url(images/blockTitleBack_c.gif) left center no-repeat; */
	color				:	#333333;
	font-size			:	125%;
}
h2	{
	padding				:	5px 0px 5px 20px;
/*	background			:	url(images/blockTitleBack_c2.gif) left center no-repeat; */
	color				:	#333333;
	font-size			:	110%;
}
h3, h4, h5	{
	font-size			:	100%;
}
ul, ol, li	{
	margin				:	0px 0px 0px 10px;
	padding				:	2px;
	text-align			:	left;
}
legend	{
	padding				:	0px 10px;
	color				:	#666666;
	background			:	inherit;
}


/* ------------ Layout settings ------------ */
.usual	{
	margin				:	0px;
	padding				:	0px;
	background			:	url(images/head_back.gif) center top repeat-x;
	color				:	#333333;
	text-align			:	center;
}

#header	{
	position			:	relative;
	margin-top			:	40px;
	padding-bottom		:	1px;
	background			:	url(images/dot_line.gif) center bottom repeat-x;
}
#header a,
#header a:visited	{
	color				:	#555555;
}
#header a:hover	{
	color				:	#CC0000;
}
#header a:active	{
	color				:	#FF0000;
}
#logo	{
	display				:	block;
	margin-bottom		:	10px;
	width				:	420px;
	height				:	80px;
	background			:	url(images/logo_r_line.gif) right center repeat-y;
}

.hm_main	{
	position			:	absolute;
	top					:	55px;
	right				:	0px;
	margin				:	0px;
	padding				:	0px 3px 0px 0px;
	font-size			:	85%;
	text-align			:	left;
	letter-spacing		:	-0.1em;
}
.hm_main li	{
	display				:	inline;
	margin				:	5px 0px 0px;
	padding				:	0px 5px 0px 13px;
	background			:	url(images/hm_main_indent.gif) left center no-repeat;
	list-style			:	none;
}
.hm_sub	{
	position			:	absolute;
	top					:	15px;
	right				:	2px;
	font-size			:	75%;
	letter-spacing		:	-0.1em;
}
.hm_sub2	{
	position			:	absolute;
	top					:	30px;
	right				:	2px;
	background			:	url(images/dot_line.gif) center bottom repeat-x;
	font-size			:	75%;
	letter-spacing		:	-0.1em;
}
.hm_sub li,
.hm_sub2 li	{
 	display				:	inline;
 	margin				:	5px 0px;
	padding				:	0px 5px 0px 12px;
	background			:	url(images/arrow.gif) left center no-repeat;
}
#hm_serach	{
	margin-bottom		:	-23px;
	padding-top			:	3px;
	text-align			:	right;
}
#main_img	{
	display				:	none;
	height				:	141px;
	border-top			:	6px solid #E6E5C0;
	border-bottom		:	6px solid #E6E5C0;
	z-index				:	5;
}
/* 
#main_img	{
	display				:	block;
	background			:	url(images/main_img.jpg) no-repeat;
	height				:	132px;
	border-top			:	6px solid #DEDEDE;
	border-bottom		:	6px solid #DEDEDE;
}
 */
#main_area	{
	clear				:	both;
}
#cc_base	{
	margin				:	10px auto;
	padding				:	0px 10px;
	width				:	580px;
	text-align			:	left;
	overflow			:	hidden;
}

#top_img	{
	width				:	580px;
	height				:	150px;
	background			:	url(images/img_top.jpg) left center no-repeat;
}
#top_img ul	{
	margin				:	15px 90px 15px 15px;
	list-style			:	none;
	color				:	#0066CC;
	font-size			:	130%;
}

#newevents a img	{
	border				:	1px #CCCCCC solid;
}

#books td	{
	padding				:	0px;
	border				:	none;
}
#books ul	{
	margin				:	0px;
	padding				:	0px;
	list-style			:	none;
}
#books img	{
	width				:	75px;
	height				:	103px;
	border				:	1px #CCCCCC solid;
}

#link	{
	margin-left			:	20px;
}
#link img	{
	margin-right		:	5px;
	margin-bottom		:	3px;
	width				:	125px;
	height				:	30px;
	border				:	1px #CCCCCC solid;
}

#footer	{
	clear				:	both;
	padding				:	10px;
	background			:	#EFEFEF;
	font-size			:	10px;
	font-family			:	Arial, Helvetica, sans-serif;
	text-align			:	center;
}


/* ------------ centercolumn ------------ */
.centerCcolumn	{
	clear				:	both;
}
.centerCcolumn .blockTitle h2	{
	clear				:	both;
	padding				:	10px 20px;
	background			:	url(images/blockTitleBack_c_bar.gif) left center no-repeat;
	color				:	#0066CC;
	font				:	bold 130%/normal 'メイリオ', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	line-height			:	normal;
}
.centerCcolumn .blockContent	{
	margin-bottom		:	10px;
	padding-left		:	10px;
	font-size			:	110%;
	line-height			:	150%;
}
.centerLcolumn	{
	float				:	left;
	width				:	275px;
	padding				:	0px 5px 0px 10px;
	overflow			:	hidden;
}
.centerLcolumn .blockTitle h2	{
	padding				:	3px 0px 3px 22px;
	background			:	url(images/blockTitleBack_c2.gif) left center no-repeat;
	color				:	#CC0000;
	font				:	bold 120%/normal 'メイリオ', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.centerLcolumn .blockContent	{
	margin-bottom		:	5px;
	padding				:	3px 8px 8px 3px;
	line-height			:	140%;
}
.centerRcolumn	{
	float				:	left;
	width				:	275px;
	padding				:	0px 20px 0px 5px;
	overflow			:	hidden;
}
.centerRcolumn .blockTitle h2	{
	padding				:	3px 0px 3px 22px;
	background			:	url(images/blockTitleBack_c2.gif) no-repeat left center;
	color				:	#CC0000;
	font				:	bold 120%/normal 'メイリオ', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.centerRcolumn .blockContent	{
	margin-bottom		:	5px;
	padding				:	3px 3px 8px 8px;
	line-height			:	140%;
}
#content	{
	clear				:	both;
	line-height			:	175%;
}
#newevents ul	{
	list-style			:	none;
}
#page_top	{
	clear				:	both;
	text-align			:	right;
}
#page_top a	{
	display				:	block;
	margin-left			:	auto;
	width				:	65px;
	height				:	19px;
	background			:	url(images/page_top.gif) center center no-repeat;
	text-decoration		:	none;
}
#xoops_banner	{
	clear				:	both;
	padding				:	15px 0px;
	text-align			:	center;
}


/* ------------ left column & right column ------------ */
.leftcolumn	{
	padding-top			:	10px;
	background			:	url(images/left_back.gif) center center repeat;
}
.leftcolumn .blockTitle h3	{
	display				:	block;
	margin				:	0px;
	padding				:	10px 0px 0px 0px;
	width				:	210px;
	height				:	26px;
	background			:	url(images/blockTitleBack_l.gif) left center no-repeat;
	color				:	#993300;
	font				:	bold 120%/normal 'メイリオ', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	text-align			:	center;
	overflow			:	hidden;
}
.leftcolumn .blockContent	{
	padding				:	5px 10px;
	font-size			:	115%;
	line-height			:	150%;
}
 .rightcolumn .blockTitle h4	{
 	margin				:	0px;
	padding				:	5px 3px 5px 25px;
	background			:	url(images/blockTitleBack_r.gif) left center no-repeat;
	font				:	bold 100%/normal 'メイリオ', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.rightcolumn .blockContent	{
	margin-bottom		:	10px;
	padding				:	5px 10px;
	line-height			:	150%;
}


/* ------------ xoops mainmenu & usermenu ------------ */
#mainmenu a, #usermenu a	{
	display				:	block;
	margin-bottom		:	0px;
	padding				:	5px 3px 5px 5px;
	background-color	:	inherit;
	border-bottom		:	1px dotted #AAAAAA;
	color				:	#333333;
	text-decoration		:	none;
}
#mainmenu a:hover, #usermenu a:hover	{
	background-color	:	inherit;
	border-left			:	3px solid #CC0000;
	color				:	#CC0000;
	font-weight			:	bold;
}
#mainmenu a.menuSub, #mainmenu a.menuSub:hover	{
	padding-left		:	25px;
}
#usermenu a.highlight	{
	padding				:	3px;
	background			:	#333333;
	color				:	#FFFFFF;
}


/* ------------ for table ------------ */
.outer	{
	border				:	1px solid #EEEEEE;
}
th	{
	padding				:	3px;
	background			:	#EEEEEE;
	border-bottom		:	1px solid #CCCCCC;
	color				:	#666666;
	font-weight			:	normal;
	vertical-align		:	middle;
}
.head	{
	padding				:	5px;
	background			:	#F2F2F2;
	border-bottom		:	1px solid #CACACA;
	color				:	inherit;
}
.even	{
	padding				:	2px;
	background			:	#F7F7F7;
	border-bottom		:	1px solid #CACACA;
	color				:	inherit;
}
.odd	{
	padding				:	2px;
	background			:	#FAFAFA;
	border-bottom		:	1px solid #CACACA;
	color				:	inherit;
}
.foot	{
	padding				:	5px;
	background			:	#F2F2F2;
	color				:	inherit;
	font-weight			:	bold;
}
tr.even td	{
	padding				:	2px;
	border-bottom		:	1px solid #CACACA;
}
tr.odd td	{
	padding				:	2px;
	border-bottom		:	1px solid #CACACA;
}
tr.even	{
	color				:	inherit;
	background			:	#F7F7F7;
}
tr.odd	{
	color				:	inherit;
	background			:	#FAFAFA;
}
tr.odd:hover, tr.even:hover	{
	color				:	#000000;
	background			:	#DFDFDF;
	border-bottom		:	1px solid #CACACA;
}


/* ------------ error message & quote and code ------------ */
div.errorMsg	{
	padding				:	10px;
	background			:	#F5E8E8;
	border				:	1px solid #CCCCCC;
	color				:	#FF0000;
	font-weight			:	bold;
	text-align			:	center;
}
div.confirmMsg	{
	padding				:	10px;
	background			:	#EFF4DF;
	border				:	1px solid #CCCCCC;
	color				:	#003300;
	font-weight			:	bold;
	text-align			:	center;
}
div.resultMsg	{
	padding				:	10px;
	background-color	:	#FFFFFF;
	border				:	1px solid #CCCCCC;
	color				:	#333333;
	font-weight			:	bold;
	text-align			:	center;
}
div.xoopsCode	{
	padding				:	6px;
	width				:	450px;
	background			:	#EFEFEF;
	border				:	1px inset #CCCCCC;
	color				:	inherit;
	overflow			:	auto;
}
div.xoopsQuote	{ 
	padding				:	6px;
	width				:	450px;
	background			:	#EFEFEF;
	border				:	1px inset #CCCCCC;
	color				:	inherit;
	overflow			:	auto;
}


/* ------------ for comment area ------------ */
.formButton	{
	background			:	#EEEEEE;
	border				:	1px outset #616655;
	color				:	#7F7F7F;
}


/* ------------ for comment ------------ */
.comTitle	{
	margin-bottom		:	2px;
}
.comText	{
	padding				:	2px;
}
.comUserStat	{
	margin				:	2px;
	padding				:	2px;
	background			:	#FFFFFF;
	border				:	1px solid #CCCCCC;
	color				:	inherit;
	font-size			:	80%;
}
.comUserStatCaption	{
	font-weight			:	normal;
}
.comUserRank	{
	margin				:	2px;
}
.comUserRankText	{
	font-size			:	80%;
}
.comUserImg	{
	margin				:	2px;
}
.comDate	{
	font-size			:	80%;
}
.comDateCaption	{
}


/* ------------ for bulletin or news module ------------ */
.itemHead	{
	padding				:	2px 5px;
	border-bottom		:	1px dotted #CCCCCC;
	font-weight			:	bold;
}
.itemInfo	{
	padding				:	3px 8px;
	text-align			:	right;
}
.itemTitle a	{
	font-size			:	120%;
	font-weight			:	bold;
	font-variant		:	small-caps;
	text-decoration		:	none;
}
.itemPoster	{
	font-size			:	90%;
}
.itemPostDate	{
	font-size			:	90%;
}
.itemStats	{
	font-size			:	90%;
}
.itemBody	{
	padding				:	0px 8px 0px 13px;
	overflow			:	hidden;
}
.itemText	{
	margin-top			:	5px;
	margin-bottom		:	5px;
	line-height			:	1.5em;
}
/*
.itemText:first-letter	{
	font-size			:	1.5em;
	font-weight			:	bold;
}
*/
.itemFoot	{
	padding				:	2px;
	border-top			:	1px dotted #CCCCCC;
	text-align			:	right;
}
.itemAdminLink	{
	font-size			:	90%;
}
.itemPermaLink	{
	font-size			:	90%;
}


/* ------------ Other Settings ------------ */
.cl_red	{
	color				:	#CC0000;
}
.cl_yel	{
	color				:	#FF9900;
}
.cl_org	{
	color				:	#FF6600;
}

.sz_a	{
	font-size			:	80%;
	line-height			:	100%;
}

div#access	{
	top				:	-200px;
	left			:	0px;
	position		:	absolute;
	visibility		:	hidden;
	z-index			:	auto;
}



/*--------------------　▲　end of file　▲　*/