@charset "euc-jp";

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


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

*	{
	margin				:	0;
	padding				:	0;
	font-style			:	normal;
}

#centercolumn	{
	float				:	left;/* <- If you want change column position, rewrite this. */
	width				:	675px;
	overflow			:	hidden;
}

#side_area	{
	float				:	right;/* <- If you want change column position, rewrite this. */
	width				:	210px;
	background			:	#F9F9F9;
	border-left			:	1px solid #CCCCCC;
	border-right		:	1px solid #CCCCCC;
	overflow			:	hidden;
}

div.page	{
	width				:	901px;
	margin				:	0 auto;
	text-align			:	left;
	overflow			:	hidden;
}


/* ------------ HTML TAG Re-definition ------------ */
body	{
	margin				:	0;
	padding				:	0;
	background-color	:	#FFFFFF;
	color				:	#666666;
	font-size			:	75%;
	font-family			:	"¥á¥¤¥ê¥ª", "Ê¿À®³Ñ¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, sans-serif;
}

table	{
	margin				:	0;
	padding				:	0;
	width				:	100%;
}
table td	{
	margin				:	0;
	padding				:	0;
	line-height			:	130%;
	vertical-align		:	top;
}

img	{
	border				:	0;
}

span.ttblock	{
	display				:	block;
}

/* ------------ Link Color Settings ------------ */
a	{
	color				:	#FF6600;
	text-decoration		:	none;
}
a:hover	{
	color				:	#FF3333;
	text-decoration		:	underline;
}
a:visited	{
	color				:	#FF9900;
}


/* ------------ Heading and List tag Settings ------------ */
h1, h2, h3, h4, h5	{
	margin				:	10px 0 5px;
	padding				:	0;
	color				:	#FF6600;
	background			:	inherit;
}
h1	{
	padding				:	5px 0 5px 28px;
	background			:	url(images/blockTitleBack_c.gif) left center no-repeat;
	color				:	#333333;
	font-size			:	125%;
}
h2	{
	padding				:	5px 0 5px 21px;
	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				:	0 0 0 10px;
	padding				:	2px;
	text-align			:	left;
}

legend	{
	padding				:	0 10px;
	background			:	inherit;
	color				:	#666666;
}

hr	{
	padding-top			:	2px;
	padding-bottom		:	2px;
	height				:	1px;
	background			:	url(images/dot_line.gif) center bottom repeat-x;
	border				:	0;
}


/* ------------ Layout settings ------------ */
.usual	{
	background			:	url(images/back_mdl.gif) center top repeat-y;
	color				:	#666666;
	text-align			:	center;
}

#header_back	{
	background			:	#FF9900 url(images/back_head.gif) center top repeat-y;
	border-bottom		:	1px solid #AAAAAA;
}
#header_bar	{
	padding-top			:	8px;
	height				:	22px;
	color				:	#FDEFDE;
	text-align			:	center;
}
#header_discription	{
	display				:	block;
	margin-left			:	1px;
	width				:	897px;
	height				:	280px;
	font-weight			:	bold;
}
#site-name	{
	padding				:	5px 0 0 50px;
	font-size			:	2.8em;
	font-family			:	Arial, Helvetica, sans-serif;
}
#site-name a	{
	color				:	#FF9900;
}
#site-slogan	{
	margin				:	0 0 0 50px;
	color				:	#FFFFFF;
	font-size			:	1.5em;
}
#header_menu	{
	display				:	block;
	margin-left			:	1px;
	padding				:	10px 15px 0 15px;
	width				:	870px;
	height				:	25px;
	background			:	#003366;
	border-top			:	1px #FFFF33 solid;
}
#header_menu a	{
	color				:	#FDFDFD;
}
#header_menu ul	{
	margin				:	0;	
	padding				:	0;
	text-align			:	left;
	list-style			:	none;
}
#header_menu li	{
 	display				:	inline;
 	margin				:	0;
	padding				:	5px;
}
#header_menu .hm_sub	{
	font-size			:	90%;
}

#main_area	{
	background			:	#FFFFFF;
	overflow			:	hidden;
}

#cc_base	{
	margin				:	0 auto;
	margin-right		:	10px;
	padding				:	15px 0;
	width				:	640px;
	color				:	#333333;
	font-size			:	120%!important;
	text-align			:	left;
	overflow			:	hidden;
}
#cc_base p	{
	margin-left			:	30px;
	line-height			:	180%;
}

#side_base	{
	margin				:	0 auto;
	padding				:	0 0 10px 0;
	/*width				:	190px;*/
	overflow			:	hidden;
}

#footer_back	{
	height				:	70px;
	background			:	#FF9900 url(images/back_head.gif) center top repeat-y;
}
#footer	{
	clear				:	both;
	padding				:	20px;
	font-family			:	Arial, Helvetica, sans-serif;
	text-align			:	center;
}


/* ------------ centercolumn ------------ */
.centerCcolumn .blockTitle	{
	clear				:	both;
/*
	color: #333;
	background:url(images/blockTitleBack_c.gif) no-repeat left center;
	padding: 5px 0 5px 28px;
*/
	padding				:	8px 0 8px 28px;
	background			:	url(images/blockTitleBack_c_bar.gif) center left no-repeat;
	border-top			:	1px #CC0000 solid;
	color				:	#333333;
	line-height			:	normal;
}
.centerCcolumn .blockContent	{
	margin-top			:	5px;
	margin-bottom		:	20px;
	line-height			:	150%;
}

.centerLcolumn	{
	float				:	left;
	width				:	49%;
	padding				:	0 3px 0 0;
	overflow			:	hidden;
}
.centerLcolumn .blockTitle	{
	padding				:	3px 0;
/*
	background			:	url(images/blockTitleBack_c2.gif) center left no-repeat;
*/
	border				:	1px #e60012 dotted;
	border-left			:	1px #e60012 solid;
	border-right		:	1px #e60012 solid;
	color				:	#e60012;
	font-weight			:	bold;
	text-align			:	center;
}
.centerLcolumn .blockContent	{
	margin-bottom		:	5px;
	padding				:	3px 8px 8px 3px;
	line-height			:	140%;
}

.centerRcolumn	{
	float				:	right;
	width				:	49%;
	padding				:	0 0 0 3px;
	overflow			:	hidden;
}
.centerRcolumn .blockTitle	{
	padding				:	3px 0;
/*
	background			:	url(images/blockTitleBack_c2.gif) center left no-repeat;
*/
	border				:	1px #e60012 dotted;
	border-left			:	1px #e60012 solid;
	border-right		:	1px #e60012 solid;
	color				:	#e60012;
	font-weight			:	bold;
	text-align			:	center;
}
.centerRcolumn .blockContent	{
	margin-bottom		:	5px;
	padding				:	3px 3px 8px 8px;
	line-height			:	140%;
}

#content	{
	clear				:	both;
	line-height			:	175%;
}

#page_top	{
	clear				:	both;
	text-align			:	right!important;
}
#page_top a	{
	display				:	block;
	margin-left			:	auto;
	width				:	65px;
	height				:	19px;
	background			:	url(images/page_top.gif) left center no-repeat;
	text-decoration		:	none;
}

#xoops_banner	{
	clear				:	both;
	padding				:	15px 0;
	text-align			:	center;
}


/* ------------ left column & right column ------------ */
.leftcolumn .blockTitle, .rightcolumn .blockTitle	{
	display				:	block;
	padding-top			:	14px;
	width				:	210px;
	height				:	26px;
	background			:	#DFDFDF;
	color				:	#333333;
	font-size			:	120%;
	font-weight			:	bold;
	text-align			:	center;
}
.leftcolumn .blockContent, .rightcolumn .blockContent	{
	margin-bottom		:	10px;
	padding				:	5px 10px;
	line-height			:	150%;
}


/* ------------ xoops mainmenu & usermenu ------------ */
#mainmenu a, #usermenu a	{
	display				:	block;
	margin-bottom		:	4px;
	padding				:	3px;
	border-bottom		:	1px dotted #AAAAAA;
	color				:	#666666;
	font-family			:	"¥á¥¤¥ê¥ª", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "Ê¿À®³Ñ¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif!important;
	text-decoration		:	none;
}
#mainmenu a:hover, #usermenu a:hover	{
	color				:	#FF9900;
	background-color	:	inherit;
}
#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				:	#666;
	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;
	color				:	inherit;
	border-bottom		:	1px solid #CACACA;
	background			:	#FAFAFA;
}

.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	{
	background			:	#DFDFDF;
	border-bottom		:	1px solid #CACACA;
	color				:	#000000;
}


/* ------------ error message & quote and code ------------ */
div.errorMsg	{
	padding				:	10px;
	background			:	#F5E8E8;
	border				:	1px solid #CCC;
	color				:	#FF0000;
	text-align			:	center;
	font-weight			:	bold;
}
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;
	text-align			:	center;
	font-weight			:	bold;
}
div.xoopsCode	{
	padding				:	6px;
	width				:	450px;
	background			:	#EFEFEF;
	border				:	1px inset #CCCCCC;
	color				:	inherit;
	overflow			:	auto;
}
div.xoopsQuote	{ 
	padding				:	6px;
	width				:	450px;
	background			:	#EFEFEF;
	color				:	inherit;
	border				:	1px inset #CCCCCC;
	overflow			:	auto;
}


/* ------------ for comment area ------------ */
.formButton	{
	background-color	:	#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;
}
.infoTitle a	{
	color				:	#333333;
	font-weight			:	bold;
	font-variant		:	small-caps;
	text-decoration		:	none;
}
.itemPoster	{
	font-size			:	90%;
}
.itemPostDate	{
	font-size			:	90%;
}
.itemStats	{
	font-size			:	90%;
}
.itemBody	{
	padding				:	0 8px 0 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 #CCC;
	text-align			:	right;
}
.itemAdminLink	{
	font-size			:	90%;
}
.itemPermaLink	{
	font-size			:	90%;
}



/*--------------------¡¡¢¥¡¡end of file¡¡¢¥¡¡*/