@charset "utf-8";


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

* {
	margin: 0;
	padding: 0;
	font-style: normal;
}
#centercolumn {
	float:right;
	width:580px;
	overflow:hidden;
}
#side_area {
	float:left;
	width:200px;
	overflow:hidden;

}
div.page {
	width:780px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	background-color: #FFFFFF;
	background-image: url(images/bg_body.gif);
}


#jc_top {
	background-color: #FFFFFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
}

.topCont td {
	margin: 3px;
	padding: 2px;	
	}

/* ------------ HTML TAG Re-definition ------------ */
body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #FFFFFF;
	color: #333333;
	font-family: "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "Osaka";
	font-size: 12px;
	_font-size: 75%;
	margin: 0;padding: 0;
	}

input {
	font-size:12px;
	font-family: "Courier New", Courier, mono;
	margin: 2px 0;
}

table {
	width: 100%;
	margin: 0;
	padding: 0;
	}
table td {
	padding: 0;
	margin: 0;
	vertical-align: top;
	line-height: 130%;
	}
table.padd td {
	padding: 3px;
	vertical-align: top;
	line-height: 150%;
	}
table.history {
	width: 30%;
	}
table.history td {
	padding: 5px;
	}

td.w125 {
	width: 125px;
	}

img {
	border:0;
}
/* ------------ Link Color Settings ------------ */
a { color: #003399; text-decoration: none; }
a:hover { color: #CC0000; }
a:visited { color: #003399; }




/* ------------ Heading and List tag Settings ------------ */
hr {	background-color: #DDDDDD;
	height: 1px;
	width: 100%;
	padding: 0px;
	border-width: 0px;
	}
	
h1, h2, h3, h4, h5,p {
	margin:10px 0;
	}
h1 {
	margin-top:20px;
	font-size: 24px;
	_font-size:x-large;
	font-weight: bolder;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0066;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0066;
}
h2 {
	font-size: 18px;
	_font-size:large;
	font-weight: bolder;
	color: #000000;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0066;
}

h3 {
	font-size: 16px;
	_font-size:medium;
	font-weight: bolder;
	color: #000000;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9900;
}

h4 {
	font-size: 100%;
}
h5 {
	font-size: 100%;
}

ul, ol, li {
	margin: 0 0 5px 12px;
	padding: 0;
	text-align: left;
}
legend {
	padding: 0 10px;
	color: #F60;
	background: inherit;
}

legend {
	padding: 0 10px;
	color: #666;
	background: inherit;
}
/* ------------ Layout settings ------------ */
.usual {
	text-align: center;
}
#header_back {
	margin-top: 10px;
}
#header_bar {
	height:22px;
	font-size:90%;
	padding-top:8px;
	text-align:center;
}
	#header_discription {
		display:block;
		width:780px;
		height:100px;
	}
	#site-name {
		padding:60px 0 0 50px;
		font-size:2.8em;
	}
	#site-name a {
		color:#F60;
	}
	#site-slogan {
		margin:0 0 0 50px;
		font-size:1.5em;
		color:#CAB4B4;
	}
	#header_menu {
		background:#555;
		display: block;
		width:754px;
		height:27px;
		padding:10px 15px 0 15px;
	}
	#header_menu a{
		color: #FDFDFD;
	}
	#header_menu ul {
		text-align:left;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header_menu li {
	 	display:inline;
	 	margin:0;
		padding:5px;
	}
	#header_menu .hm_sub {
		font-size:75%;
	}
#main_area {
	overflow:hidden;


}
		#cc_base {
			width:550px;
			text-align:left;
			overflow:hidden;
			margin:0 auto;
			padding:15px 0;
		}
		#side_base {
			width:197px;
			overflow:hidden;
			margin:0 auto;
			padding:0 0 0 1px ;
		}
		
#footer_back {
	width:780px;
	margin:0 auto;
	overflow:hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;

}
#footer {
	clear:both;
	padding: 5px 20px;
	margin: 0px;
	font-size:90%;
	font-family: "Courier New", Courier, mono;
	color: #FFFFFF;
	background-color: #FF0066;
}
/* ------------ centercolumn ------------ */

.centerCcolumn .blockTitle {
	font-size: 18px;
	_font-size:large;
	font-weight: bolder;
	color: #000000;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0066;
	margin:10px 0;
}
.centerCcolumn .blockContent {
	line-height: 150%;
	margin-bottom:10px;
}
.centerLcolumn {
	width: 49%;
	padding: 0 3px 0 0;
	float: left;
	overflow:hidden;
}
.centerLcolumn .blockTitle {
	color: #555;
	background:url(images/blockTitleBack_c2.gif) no-repeat left center;
	padding: 3px 0 3px 22px;
/*	font: bold 110%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;*/
	font: bold 110%/normal;
}
.centerLcolumn .blockContent {
	padding: 3px 8px 8px 3px;
	line-height: 140%;
	margin-bottom:5px;
}
.centerRcolumn {
	width: 48%;
	padding: 0 0 0 3px;
	float: right;
	overflow:hidden;
}
.centerRcolumn .blockTitle {
	color: #555;
	background:url(images/blockTitleBack_c2.gif) no-repeat left center;
	padding: 3px 0 3px 22px;
/*	font: bold 110%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;*/
	font: bold 110%/normal;
}
.centerRcolumn .blockContent {
	padding: 3px 3px 8px 8px;
	line-height: 140%;
	margin-bottom:5px;
}
#content {
	clear: both;
	line-height:175%;
}


#page_top {
	clear: both;
	text-align: right;
}
#page_top a {
	float: right;
	display:block;
	text-decoration:none;
}
#page_top a.top {
	width:80px;
	height:19px;
	background:url(images/icon_top.gif) no-repeat;
}
#page_top a.home {
	width:65px;
	height:19px;
	background:url(images/icon_home.gif) no-repeat;
}

#xoops_banner {
	clear:both;
	text-align: center;
	padding: 15px 0;
}
/* ------------ left column & right column ------------ */

.leftcolumn .blockTitle, .rightcolumn .blockTitle {
	margin: 0;
	font-weight: bold;
	display:block;
	height:22px;
	padding: 7px 0px 5px 0px;
	background-image: url(images/cont_bg.gif);
	color:#333333;
	text-align: center;
	background-color: #FFFFFF;
	line-height: 140%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	font-size: 110%;
}
.leftcolumn .blockContent, .rightcolumn .blockContent {
	padding: 3px 0px 3px 0px;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


/* ------------ xoops mainmenu & usermenu ------------ */

#mainmenu a, #usermenu a {
	margin: 0;
	display: block;
	text-decoration: none;
	padding: 6px 0px 6px 28px;
	line-height: 100%;
	color: #000000; text-decoration: none;
}


#mainmenu a:visited, #usermenu a:visited {
	color: #000000; 
}

#mainmenu a{
	background-image: url(images/cont_bg_1.gif);
}

#mainmenu a:hover {
	background-image: url(images/cont_bg_1o.gif);
	color: #CC0000;
}

#usermenu a {
	background-image: url(images/cont_bg_u.gif);
}

#usermenu a:hover {
	background-image: url(images/cont_bg_uo.gif);
	color: #CC0000;
}

#mainmenu a.menuTop {
	background-image: url(images/cont_bg_h.gif);
}

#mainmenu	:hover.menuTop {
	background-image: url(images/cont_bg_ho.gif);
	color: #CC0000;
}

#usermenu a.highlight {
	background-image: url(images/cont_bg_1h.gif);
}
#usermenu a:hover.highlight {
	background-image: url(images/cont_bg_1h.gif);
	color: #CC0000;
}

#mainmenu a.menuSub {
	padding: 6px 0px 6px 38px;
	font-size:90%;
}

#mainmenu a.menuSub {
	background-image: url(images/cont_bg_2.gif);
}

#mainmenu a.menuSub:hover {
	background-image: url(images/cont_bg_2o.gif);
	color: #CC0000;
}




.sidemenu {
	margin: 0;
	padding: 10px;
	font-family: "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "�ｭ�ｳ 繧ｴ繧ｷ繝�け", "Osaka";
	line-height: 150%;
	text-align: center;
}
.sidemenu2 {
	margin: 0;
	padding: 10px;
	font-family: "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "�ｭ�ｳ 繧ｴ繧ｷ繝�け", "Osaka";
	line-height: 150%;
	text-align: left;
}
.sidemenu2 ul {
	margin: 0 0 0 15px;
	padding: 0;
}

.sidemenu2 li {
	list-style-position: outside;
	list-style-image: url(images/icon_cont1.gif);
	list-style-type: none;
}


/* ------------ for table ------------ */
.outer {
/*	border: 1px solid #FFEEEE;*/
	font-size: 13px;
	_font-size:small;

}
th {
	padding: 3px;
	vertical-align: middle;
	font-weight: normal;
	color: #333333;
	border-bottom: 1px solid #FFAAAA;
	background: #FFCCCC;
}
.head {
	padding: 5px;
	color: inherit;
	border-bottom: 1px solid #FFAAAA;
	background: #FFEEEE;
}
.even {
	padding: 5px;
	color: inherit;
	border-bottom: 1px solid #FFAAAA;
	background: #F7F7F7;
	line-height: 1.8em;
}
.odd {
	padding: 5px;
	color: inherit;
	border-bottom: 1px solid #FFAAAA;
	background: #FAFAFA;
	line-height: 1.8em;
}
.foot {
	padding: 5px;
	font-weight: bold;
	color: inherit;
	background: #F2F2F2;
}
tr.even td {
	padding: 5px;
	border-bottom: 1px solid #FFAAAA;
	line-height: 1.8em;
}
tr.odd td {
	padding: 5px;
	border-bottom: 1px solid #FFAAAA;
	line-height: 1.8em;
}
tr.even {
	color: inherit;
	background: #F7F7F7;
	line-height: 1.8em;
}
tr.odd {
	color: inherit;
	background: #FAFAFA;
	line-height: 1.8em;
}
/*
tr.odd:hover, tr.even:hover {
	color: #000;
	border-bottom: 1px solid #FFAAAA;
	background: #DFDFDF;
	line-height: 1.8em;
}
*/
/* ------------ error message & quote and code ------------ */
div.errorMsg {
	background: #F5E8E8;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCC;
}
div.confirmMsg {
	background: #EFF4DF;
	color: #003300;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCC;
}
div.resultMsg {
	background-color: #FFF;
	color: #333;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCC;
}
div.xoopsCode {
	background: #EFEFEF;
	color:inherit;
	border: 1px inset #CCC;
	padding: 6px;
	overflow: auto;
	width: 450px;
}
div.xoopsQuote { 
	background: #EFEFEF;
	color:inherit;
	border: 1px inset #CCC;
	padding: 6px;
	overflow: auto;
	width: 450px;
}
/* ------------ for comment area ------------ */
.formButton {

}
/* ------------ for comment ------------ */
.comTitle {
	margin-bottom: 2px;
}
.comText {
	padding: 2px;
}
.comUserStat {
	font-size:80%;
	border: 1px solid #CCC;
	margin: 2px;
	padding: 2px;
	background: #FFF;
	color:inherit;
}
.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 {
	font-size: 120%;
	margin-top:5px;
	padding: 3px 10px;
	font-weight: bold;
	border-bottom: 1px solid #FF9999;
	border-left: 5px solid #FF9999;
	background-color: #FFEEEE;
	
}
.itemInfo {
	text-align: right;
	padding: 3px 8px;
}
.itemTitle {
	font-weight: bold;
}
.itemPoster {
	font-size: 90%;
}
.itemPostDate {
	font-size: 90%;
}
.itemStats {
	font-size: 90%;
}
.itemBody {
	padding: 0 5px 0 5px;
	overflow: hidden;
}
.itemText {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	_font-size:small;
	line-height: 1.8em;
}

.itemText:first-letter {
/*
	font-size: 1.5em;
	font-weight: bold;
*/
}
.itemFoot {
	text-align: right;
	padding: 2px;
}
.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}

/* ------------ orignal ------------ */
a.sh {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
}
a.she {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 5px;
}

img.thum{
	padding: 5px;
	margin: 3px 12px;
	border: 1px solid #CCCCCC;
}
img.border {
	border:1px solid;
}
img.bann {
	border:1px solid;
	margin: 5px;
}
img.bann2 {
	border:0px solid;
	margin: 6px;
}

.fText {
	font-size: 13px;
	_font-size:small;
	line-height: 1.8em;
}

.fTextS {
	font-size: 11px;
	_font-size:x-small;
	line-height: 1.8em;
}
.fTextBBB {
	font-size: 32px;
	_font-size:xx-large;
	line-height: 1.8em;
}

.fTextB {
	font-size: 16px;
	_font-size:medium;
	line-height: 1.8em;
}
.fText2 {
	font-size: 13px;
	_font-size:small;
	line-height:100%;
}

.fTextS2 {
	font-size: 11px;
	_font-size:x-small;
	line-height:100%;
}

.fTextB2 {
	font-size: 16px;
	_font-size:medium;
	line-height:100%;
}


.fPad {
	padding-left: 30px;
}
.fB {
	font-weight: bolder;
}
.fN {
	font-weight: normal;
}
.fright {
	text-align: right;
}
.fcenter {
	text-align: center;
}

.fC1 {
	color: #003399;
}
.fC2 {
	color: #3366CC;
}
.fC3 {
	color: #FF0066;
}
.fC4 {
	color: #FF6600;
}
.fC5 {
	color: #333333;
}
.fC6 {
	color: #666666;
}
.fC7 {
	color: #FFFFFF;
}
.fC8 {
	color: #FF9900;
}
.fC9 {
	color: #FF6666;
}


.box1TopB{
	color: #FFFFFF;
	font-size: 13px;
	_font-size:small;
	line-height: 1.2em;
	font-weight: bolder;
	background-color: #0066CC;
	padding: 5px;
	border: 1px solid #0066CC;
}
.box1TopB2{
	color: #FFFFFF;
	font-size: 13px;
	_font-size:small;
	line-height: 1.2em;
	font-weight: bolder;
	background-color: #0066CC;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
}

.box1Cont{
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
}
.box1Cont2{
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0066CC;
}
.box1Cont3{
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
}
.box2{
	background-color: #FFCC33;
}

.box3{
	padding: 10px;
	border: 1px solid #FF0066;
	background-color: #FFFFCC;
}
.box4{
	padding: 10px;
	border: 1px solid #FF9999;
	background-color: #FFEEEE;
}
.box5{
	background-color: #666666;
}
.box6{
	background-color: #FF6699;
}


.boxSub{
	padding: 2px;
	border: 1px solid #009933;	
}

li.go1{
	list-style-position: outside;
	list-style-image: url(images/icon_cont1.gif);
	list-style-type: none;
	margin-top: 10px;
}

li.go2{
	list-style-position: outside;
	list-style-image: url(images/icon_cont2.gif);
	list-style-type: none;
	margin-top: 10px;
}

li.pdf{
	list-style-position: outside;
	list-style-image: url(images/icons_pdf_li.gif);
	list-style-type: none;
	margin-bottom: 10px;
}
li.mp3{
	list-style-position: outside;
	list-style-image: url(images/icons_mp3_li.gif);
	list-style-type: none;
	margin-bottom: 10px;
}

li.disc{
	list-style-position: outside;
	list-style-type: disc;
	font-weight: normal;
}

.outside{
	list-style-position: outside;
	list-style-type: square;
}
li.for1{
	list-style-position: outside;
	list-style-type: disc;
}
td.tit{
	background-color: #FFCC66;
}

td.hd{
	background-color: #FFFFCC;
	vertical-align: top;
}
td.hd02{
	background-color: #FFFFAA;
	vertical-align: top;
}

td.hd_su{
	background-color: #FFCCCC;
	vertical-align: top;
}
td.hd_su02{
	background-color: #FFAAAA;
	vertical-align: top;
}
td.hd_sa{
	background-color: #CCCCFF;
	vertical-align: top;
}
td.hd_sa02{
	background-color: #AAAAFF;
	vertical-align: top;
}

td.a01{
	background-color: #EEEEEE;
	vertical-align: top;
}
td.a02{
	background-color: #DDDDDD;
	vertical-align: top;
}
td.b01{
	background-color: #FFFFCC;
	line-height: 1.4em;
	font-size: 13px;
	_font-size:small;
}

td.c01{
	background-color: #FFFFFF;
	line-height: 1.4em;
}
td.d01{
	background-color: #CCCCCC;
	line-height: 1.4em;
}
.btLine{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.red {
	color: #CC0033;
}