@charset "euc-jp";

@import "css/ex.css";

/* ------------ HTML TAG Re-definition ------------ */
body {
	color: #555;
	margin: 0;
	padding: 0;
	background: #FFF;
	font-family: Verdana, Helvetica, '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'Hiragino Kaku Gothic Pro', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', osaka, sans-serif;
}
table {
	width: 100%;
	margin: 0;
	padding: 0;
}
table td {
	padding: 0;
	margin: 0;
	vertical-align: top;
	line-height: 130%;
}

/* ------------ Link Color Settings ------------ */
a {
	color: #9D5B2F;
	text-decoration: none;
}
a:visited {
	color: #625523;
}
a:hover {
	color: #9D5B2F;
	text-decoration: underline;
}
/* ------------ Heading and List tag Settings ------------ */
h1, h2, h3 {
	clear: both;
}
h3, h4, h5 {
	font-size: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
}
ul, ol, li {
	margin: 0 0 0 10px;
	padding: 2px;
	text-align: left;
}
legend {
	padding: 0 10px;
	color: #666;
	background: inherit;
}
p {
	padding: 0 0 8px;
	margin: 0;
	line-height: 170%;
}
hr {
	clear: both;
	height: 1px;
	border-bottom: 1px dotted #CCC;
	background: #FFF;
	color: #EEE;
}

/* ------------ from item settings ------------ */
textarea {
	width:320px;
}
#blogform textarea {
	width:380px;
}
#timezone_offset {
	width:300px;
}
#desclaimer {
	font-size:12px;
}

/* ------------ Layout settings ------------ */
.usual {
	margin:0;
	padding:0;
	text-align:center;
	color: #333;
	background:#FFF url(images/back.gif);
	}
div.page_back {
	width:100%;
	background:url(images/page_back.gif) repeat-y top center;
}
div.page {
	width: 792px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background:#FFF;
	}


/* ------------ Header elements ------------ */

#header {
	position:relative;
}
#header_back {
	background:url(images/header_back.gif) no-repeat left top;
	height:77px;
}
#pagetitle {
	margin:0;
	padding:0;
	display:block;
	width:350px;
	height:77px;
	text-indent:-9999px;
	background:url(images/header_back.gif) no-repeat left top;
	border:none;
}
#sub_menu {
	position:absolute;
	right:5px;
	top:10px;
	font-size:90%;
}
#sub_menu ul{
	margin:0;
	padding:0;
}
#sub_menu li {
	float:left;
	margin:0 8px 0 0;
	padding:0;
	list-style:none;
}
#sub_menu2 {
	clear:both;
	border-top:1px dotted #DDD;
	text-align:center;
	padding-top:10px;
	font-size:90%;
}
#header_description {
	padding:3px;
	clear:both;
}
#header_description strong {
	font-weight:normal;
}
/* header main menu2 */
#header_menu2 {
	height:37px;
	background:url(images/menu2_back.gif) repeat-x;
	width:100%;
}
#header_menu2 ul {
	margin:0;
	padding:0 0 0;
	height:37px;
	width:auto;
}
#header_menu2 li {
	float:left;
	padding:0;
	margin:0;
	text-decoration: none;
	list-style:none;
}
#header_menu2 ul li a {
	text-indent:-9999px;
	display: block;
	height:37px;
	width:90px;
	text-decoration:none;
}

#header_menu2 ul li a.menu_s00 {
	background: url(images/menu_s00.gif) no-repeat left top;
	width:70px;
}
	#header_menu2 ul li a.menu_s00_active, #header_menu2 ul li a.menu_s00:hover {
		background: url(images/menu_s00.gif) no-repeat left bottom;
		width:70px;
	}
#header_menu2 ul li a.menu_s01 {
	background: url(images/menu_s01.gif) no-repeat left top;
}
	#header_menu2 ul li a.menu_s01_active, #header_menu2 ul li a.menu_s01:hover {
		background: url(images/menu_s01.gif) no-repeat left bottom;
	}
#header_menu2 ul li a.menu_s02 {
	background: url(images/menu_s02.gif) no-repeat left top;
}
	#header_menu2 ul li a.menu_s02_active, #header_menu2 ul li a.menu_s02:hover {
		background: url(images/menu_s02.gif) no-repeat left bottom;
	}
#header_menu2 ul li a.menu_s03 {
	background: url(images/menu_s03.gif) no-repeat left top;
}
	#header_menu2 ul li a.menu_s03_active, #header_menu2 ul li a.menu_s03:hover {
		background: url(images/menu_s03.gif) no-repeat left bottom;
	}
#header_menu2 ul li a.menu_s04 {
	background: url(images/menu_s04.gif) no-repeat left top;
}
	#header_menu2 ul li a.menu_s04_active, #header_menu2 ul li a.menu_s04:hover {
		background: url(images/menu_s04.gif) no-repeat left bottom;
	}
#header_menu2 ul li a.menu_s05 {
	background: url(images/menu_s05.gif) no-repeat left top;
}
	#header_menu2 ul li a.menu_s05_active, #header_menu2 ul li a.menu_s05:hover {
		background: url(images/menu_s05.gif) no-repeat left bottom;
	}
#header_menu2 ul li a.menu_s06 {
	background: url(images/menu_s06.gif) no-repeat left top;
}
	#header_menu2 ul li a.menu_s06_active, #header_menu2 ul li a.menu_s06:hover {
		background: url(images/menu_s06.gif) no-repeat left bottom;
	}
#header_menu2 ul li a.menu_s07 {
	background: url(images/menu_s07.gif) no-repeat left top;
}
	#header_menu2 ul li a.menu_s07_active, #header_menu2 ul li a.menu_s07:hover {
		background: url(images/menu_s07.gif) no-repeat left bottom;
	}
#header_menu2 ul li a.menu_s08 {
	background: url(images/menu_s08.gif) no-repeat left top;
}
	#header_menu2 ul li a.menu_s08_active, #header_menu2 ul li a.menu_s08:hover {
		background: url(images/menu_s08.gif) no-repeat left bottom;
	}

/* header tab menu */
#header_2ndline {
	width:100%;
	position:relative;
	background: url(images/menu_back.gif) repeat-x;
}
#font_changer {
	position:absolute;
	top:5px;
	right:3px;
}
#tab_menu {
	overflow:hidden;
	padding-left:10px;
}
#tab_menu ul {
	margin:0;
	padding:0;
}
#tab_menu li {
	float:left;
	padding:0;
	margin:0;
	text-decoration: none;
	list-style:none;
}

#tab_menu ul li a {
	text-indent:-9999px;
	display: block;
	height:32px;
	width:100px;
	text-decoration:none;
}

#tab_menu ul li a.menu00_active {
	background: url(images/menu_00.gif) no-repeat left bottom;
}
#tab_menu ul li a.menu01 {
	background: url(images/menu_01.gif) no-repeat left top;
}
#tab_menu ul li a:hover.menu01 {
	background: url(images/menu_01.gif) no-repeat left center;
}
#tab_menu ul li a.menu01_active {
	background: url(images/menu_01.gif) no-repeat left bottom;
}
#tab_menu ul li a.menu02 {
	background: url(images/menu_02.gif) no-repeat left top;
}
#tab_menu ul li a:hover.menu02 {
	background: url(images/menu_02.gif) no-repeat left center;
}
#tab_menu ul li a.menu02_active {
	background: url(images/menu_02.gif) no-repeat left bottom;
}
#tab_menu ul li a.menu03 {
	background: url(images/menu_03.gif) no-repeat left top;
}
#tab_menu ul li a:hover.menu03 {
	background: url(images/menu_03.gif) no-repeat left center;
}
#tab_menu ul li a.menu03_active {
	background: url(images/menu_03.gif) no-repeat left bottom;
}
#tab_menu ul li a.menu04 {
	background: url(images/menu_04.gif) no-repeat left top;
}
#tab_menu ul li a:hover.menu04 {
	background: url(images/menu_04.gif) no-repeat left center;
}
#tab_menu ul li a.menu04_active {
	background: url(images/menu_04.gif) no-repeat left bottom;
}
#tab_menu ul li a.menu05 {
	background: url(images/menu_05.gif) no-repeat left top;
}
#tab_menu ul li a:hover.menu05 {
	background: url(images/menu_05.gif) no-repeat left center;
}
#tab_menu ul li a.menu05_active {
	background: url(images/menu_05.gif) no-repeat left bottom;
}
#tab_menu ul li a.menu06 {
	background: url(images/menu_06.gif) no-repeat left top;
}
#tab_menu ul li a:hover.menu06 {
	background: url(images/menu_06.gif) no-repeat left center;
}
#tab_menu ul li a.menu06_active {
	background: url(images/menu_06.gif) no-repeat left bottom;
}


/* font size changer */
#fontsize_back {
	width:100%;
	background:#FFF;
}
#fontsize {
	float:right;
	text-align:right;
	padding:5px 0 0;
	
}
#fontSizeSwitcher {
	float:left;
	margin: 0;
	padding:0;
	list-style: none;
}
#fontSizeSwitcher li {
	margin: 0;
	padding: 0;
	float:left;
	text-align: center;
	cursor: pointer;
}
#fontSizeSwitcherSmall {
	background:url(images/fbtn_small.gif) no-repeat;
	width:22px;
	height:21px;
	display:block;
	text-indent:-9999px;
}
#fontSizeSwitcherMedium {
	background:url(images/fbtn_middle.gif) no-repeat;
	width:22px;
	height:21px;
	display:block;
	text-indent:-9999px;
}
#fontSizeSwitcherLarge {
	background:url(images/fbtn_large.gif) no-repeat;
	width:22px;
	height:21px;
	display:block;
	text-indent:-9999px;
}

/* ¥Ø¥Ã¥À¡¼¥°¥é¥Õ¥£¥Ã¥¯ */
#main_img {
	clear:both;
}
/*
#bulletin #main_img {
	background:url(images/main_img_bulletin.jpg) no-repeat left top;
	height:70px;
}
#concept #main_img {
	background:url(images/main_img_concept.jpg) no-repeat left top;
	height:70px;
}
#column #main_img {
	background:url(images/main_img_column.jpg) no-repeat left top;
	height:70px;
}
#exp #main_img {
	background:url(images/main_img_exp.jpg) no-repeat left top;
	height:70px;
}

#about #main_img {
	background:url(images/main_img_about.jpg) no-repeat left top;
	height:70px;
}
#inquiry #main_img {
	background:url(images/main_img_inquiry.jpg) no-repeat left top;
	height:70px;
}
#mylinks #main_img {
	background:url(images/main_img_mylinks.jpg) no-repeat left top;
	height:70px;
}
#sitemap #main_img {
	background:url(images/main_img_sitemap.jpg) no-repeat left top;
	height:70px;
}
*/

#breadcrumbs {
	clear:both;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, sans-serif;
	text-align:left;
	overflow:hidden;
	padding:5px 0;
	font-size:90%;
}
.side_bottom {
	width:220px;
	height:220px;
	background:url(images/side_bottom.jpg) no-repeat center center;
	display:block;
	
}
/* ------------ Content Area ------------ */

#content_area {
	clear:both;
	padding:25px 20px 10px 25px;
	background:url(images/main_back.gif) repeat-x left top;
}
#content_area_top {
	clear:both;
	padding:25px 20px 10px 25px;
	background:url(images/main_back_top.gif) repeat-x left top;
}

#side_area {
	float:right;
	width:220px;
	overflow:hidden;
	background:url(images/side_back.gif);
}

#bulletin #side_area ,#concept #side_area ,#exp #side_area ,#special #side_area ,#column #side_area ,#gnavi #side_area {
	float:left;
}

#contentsMenu a.active {
	color:#FF6600;
	font-weight:bold;
}


#main_area {
	float:left;
	width:500px;
	overflow:hidden;
}
#bulletin #main_area ,#concept #main_area ,#exp #main_area ,#special #main_area ,#column #main_area ,#gnavi #main_area {
	float:right;
}


/* user menu */
#admin_menu {
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	background:url(images/admin_menu_back.gif) no-repeat bottom;
}
#welcomeHead {
	background:url(images/welcomeHead.gif) no-repeat top;
	padding-top:6px;
}
#welcomeBtm {
	background:url(images/welcomeBtm.gif) no-repeat bottom;
	width:200px;
	padding-bottom:9px;
}
#welcome {
	color:#FFF;
	background-color:inherit;
	text-align:center;
	font-weight:bold;
	padding:0 0 10px;
}

/* ------------ footer ------------ */
#footer {
	clear:both;
	font-size:90%;
	text-align: center;
	margin-top:25px;
	padding-top:20px;
	padding-bottom:60px;
	color:inherit;
	background: url(images/footer_back.gif) repeat-x left top;
	border-top:1px solid #DAD2CF;
	}
#footer a {
	background:url();
}
/* ------------ left column ------------ */
.leftcolumn {
}
.block {
	padding:0 0 7px;
	margin-bottom:5px;
	/* border-bottom:1px dotted #DDD; */
}

.leftcolumn .blockTitle, .rightcolumn .blockTitle {
	margin:0;
	line-height:normal;
	font-size: 1.0em;
	font-weight: bold;
	padding: 8px 5px 5px;
	background:#F7F6F1 url(images/blockTitleBack_l.gif) left top;
	text-align:center;
}
.leftcolumn .blockContent {
	padding:5px 10px;
}
/* ------------ right column ------------ */
.rightcolumn .blockContent {
	padding:5px 10px;
}
/* ------------ main content ------------ */

#swfarea {
	padding-bottom:5px;

}

.centercolumn {
	text-align:left;
	line-height: 140%;
	padding-bottom:20px;
	}

/*block detail*/

.centerCcolumn .blockTitle {
	margin:0;
	line-height:normal;
	font-size: 1.1em;
	clear:both;
	font-weight: bold;
	padding: 5px 14px;
	background:url(images/h1_back.gif) no-repeat left bottom;
	color:#7F4A16;
}
.centerCcolumn .blockTitle {
	margin:0;
}
.centerCcolumn .blockContent {
	padding:3px 0;
	line-height: 150%;
}
.centerCcolumn2 .blockContent {
	padding:3px 0;
	line-height: 150%;
}
.centerLcolumn {
	width: 48%;
	padding: 0 3px 0 0;
	float: left;
	position: relative;
	overflow:hidden;
	}
.centerLcolumn .blockTitle {
	margin:0;
	padding: 2px;
	font-weight: bold;
	}
.centerLcolumn .blockContent { padding: 3px 3px 8px; line-height: 140%;}


.centerRcolumn {
	width: 48%;
	padding: 0 0 0 3px;
	float: right;
	position: relative;
	overflow:hidden;
	}
.centerRcolumn .blockTitle {
	margin:0;
	padding: 2px;
	font-weight: bold;
	}
.centerRcolumn .blockContent { padding: 3px 3px 8px; line-height: 140%;}

#content {
	overflow:hidden;
}
/* ------------ main content hedding set ------------ */
.modTitle {
	margin-bottom:8px;
}

h1 {
	margin:5px 0 0;
	line-height:normal;
	font-size: 1.2em;
	clear:both;
	font-weight: bold;
	padding: 5px 14px;
	background:url(images/h1_back.gif) no-repeat left bottom;
	color:#7F4A16;
}
h1.normal {
	padding:5px 0;
	background: url();
}
h2 {
	margin:16px 0 2px;
	line-height:normal;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
	background:url(images/h2_line.gif) no-repeat left bottom;
	color:#A16E49;
}
h3 {
	margin:12px 0 2px;
	line-height:normal;
	font-size: 1.0em;
	font-weight: bold;
	padding: 5px;
	background:url(images/h3_line.gif) no-repeat left bottom;
	color:#A16E49;
	background-color: inherit;
}

#page_top a {
	display:block;
	float:right;
	background:url(images/page_top.gif) no-repeat right center;
	height:34px;
	width:97px;
	text-indent:-9999px;
}
#page_top a{
padding:10px;
}

#xoops_banner {
	text-align:center;
}


/* ------------ for table ------------ */
.outer {border: 1px solid #E8E8E8;}
th {
	padding:2px;
	line-height:150%;
	font-weight: bold;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	color: #666;
	background-color: #F0EEE6;
	}

.head {
	padding: 5px;
	font-weight: bold;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color: #F0EEE6;
	color:inherit;
}
.even {
	padding: 2px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color: #F5F3EA;
	color:inherit;
}
.odd {
	padding: 2px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#FBFAF6;
}
.foot {padding: 5px; font-weight: bold;}
tr.even td {
	padding: 2px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color: #F5F3EA;
	color:inherit;
}
tr.odd td {
	padding: 2px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#FBFAF6;
	color:inherit;
}
tr.even {
	background-color: #FFF;
	color:inherit;
}
tr.odd {
	background-color: #F5F3EA;
	color:inherit;
}
tr.odd:hover, tr.even:hover {
	color: #000000;
	background-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}

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;
	color: #333333;
}
div.confirmMsg {
	background-color: #CCFF33;
	color: #003333;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
div.resultMsg {
	background-color : #FFFFFF;
	color: #333333;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

div.xoopsCode {
	background:#EFEFEF;
	color:inherit;
	border: 1px inset #336600;
	font-family: "Courier New",Courier,monospace, osaka;
	padding: 6px;
	overflow: auto;
	width: 450px;
}
div.xoopsQuote { 
	background: #FFFFFF;
	color:inherit;
	border: 1px inset #336600;
	font-family: "Courier New",Courier,monospace, osaka;
	padding: 0px 6px 6px 6px;
	overflow: auto;
	width: 450px;
}

/* ------------ for comment area ------------ */
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; background-color:inherit; 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-style: normal; font-size: 9px}
.comDateCaption {font-weight: bold; font-style: normal;}


/* ------------ for news module ------------ */
.item {
	margin-bottom:30px;
}
.blockContent .item {
	margin-bottom:0px;
}
.itemHead {
	padding:2px;
}
#content .itemHead, .item h1{
	margin:3px 0 0;
	line-height:normal;
	font-size: 1.2em;
	clear:both;
	font-weight: bold;
	padding: 5px 14px;
	background:url(images/h1_back.gif) no-repeat left bottom;
	color:#7F4A16;
}
.itemInfo {
	text-align: right;
	padding:3px 5px;
	border-bottom:1px dotted #DEDEDE;
	}
.itemTitle a {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; overflow:hidden;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
/* .itemText:first-letter {font-size: 1.5em; font-weight: bold;} */
.itemFoot {
	text-align: right;
	padding:3px 5px;
	border-top:1px dotted #DEDEDE;
	}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
.itemBody a img {

}


/*pagenav.php */
.pagenav {
	clear:both;
	margin:5px 0;
	padding:5px 0;
	border-bottom:1px dotted #CCC;
	overflow:hidden;
	width:100%;
}
.pager {
  clear: both;
  padding: 10px 0px;
	text-align:center;
}
span.current {
	font-weight:bold;
}
a.pagerLink {
  padding: 2px 5px;
  margin: 0px 1px;
	font-weight:bold;
	text-decoration:underline;
	/*-moz-border-radius: 4px;*/
}
a:hover.pagerLink {
  background: #5D8F00;
  color: #FFF;
}
.pager a.first {
	background:url(images/icon_prev.gif) no-repeat center center;
	padding: 3px 10px;
	border:none;
	text-decoration:none;
}
.pager a.last {
	background:url(images/icon_next.gif) no-repeat center center;
	padding: 3px 10px;
	border:none;
	text-decoration:none;
}

.right_banner img {
	margin-bottom:5px;
}


.pico_body{
	margin	:0;
	padding	:0 0 15px;
}