@charset "euc-jp";
/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons License */
/* http://creativecommons.org/licenses/by-nc-sa/2.1/jp/         */
/* Copyright (C) 2007, Masanao Takahashi @ BCOOL Inc.           */
/* http://2bcool.net/                                           */
/*--------------------------------------------------------------*/

/* Customize : Inbanuma Sunsethills 2008 */

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

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

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

blockquote {
	margin-left:20px;
}

/* ------------ Link Color Settings ------------ */
a:link {color:#006600; text-decoration:none;}
a:visited {color:#009933; text-decoration:none;}
a:hover {color:#006600; text-decoration:underline;}
a:active {color:#009933; text-decoration:underline;}

/* ------------ Heading and List tag Settings ------------ */
h1, h2, h3, h4, h5 {
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color:#339900;
	padding:0;
	margin:0;
}
h1 {
	clear:both;
	color:#339900;
	background:url(images/blockTitleBack_c.gif) no-repeat left center;
	padding:10px 22px;
	font-size:110%;
	line-height:normal;
}
h2 {
	color:#339900;
	background:url(images/blockTitleBack_c2.gif) no-repeat left center;
	padding:10px 0 7px 20px;
	font-size:100%;
}
h3, h4, h5 {
	color:#339900;
	font-size:100%;
}
legend {
	padding:0 10px;
	color:#F60;
	background:inherit;
}
legend {
	padding:0 10px;
	color:#333;
	background:inherit;
}

/* ------------ Layout settings ------------ */
.usual {
	margin:0;
	padding:0;
	text-align:center;
	color:#333;
	background:#FFF url(images/bg.gif) repeat-y center;
}
#header {
	margin:0;
	position:relative;
	padding:5px 0 10px 20px;
	background:#FFF url(images/head_back.gif) no-repeat top;
	height:75px;
}

#header a {
	color:#006600;
	}

	#logo {
		display:block;
		width:388px;
		height:55px
	}

	#hm_main {
		position:absolute;
		top:60px;
		left:20px;
		list-style:none;
	}
	#hm_main li {
		float:left;
		margin:0;
		padding:0;
	}
	#hm_main li a {
		display:block;
		height:30px;
		text-indent:-9999px;
		background-image:url(images/menu.gif);
		background-repeat:no-repeat;
	}
	#hmm01 a{
		width:53px;
		background-position:0 top;
	}
	#hmm01 a:hover, #hmm01 a.active {
		background-position:0 bottom;
	}
	#hmm02 a{
		width:67px;
		background-position:-53px top;
	}
	#hmm02 a:hover, #hmm02 a.active {
		background-position:-53px bottom;
	}
	#hmm03 a{
		width:80px;
		background-position:-120px top;
	}
	#hmm03 a:hover, #hmm03 a.active {
		background-position:-120px bottom;
	}
	#hmm04 a{
		width:82px;
		background-position:-200px top;
	}
	#hmm04 a:hover, #hmm04 a.active {
		background-position:-200px bottom;
	}
	#hmm05 a{
		width:80px;
		background-position:-282px top;
	}
	#hmm05 a:hover, #hmm05 a.active {
		background-position:-282px bottom;
	}

	#hm_sub {
		position:absolute;
		top:42px;
		right:0;
		text-align:left;
		padding:0;
		margin:0;
	}
	#hm_sub li {
		display:inline;
		float:left;
		list-style:none;
		margin:0;
		padding:0 10px 0 0;
		line-height:1px;
		font-size:1px;
	}

#main_area {
	clear:both;
	margin-top:10px;
}
	#cc_base {
		width:530px;
		text-align:left;
		overflow:hidden;
		margin:0 auto;
		padding:0;
	}
#footer {
	clear:both;
	width:784px;
	background:#FFF;
	border-top:1px solid #FE9F34;
	margin:0 auto;
	padding:0;
	line-height:1px;
	font-size:1px;
}

#footer ul {
	width:764px;
	margin:0 auto;
	padding:0;
	line-height:1px;
	font-size:1px;
}

#footer ul li {
	display:inline;
	float:left;
	list-style:none;
	margin:0;
	padding:10px 10px 20px 0;
	line-height:1px;
	font-size:1px;
}

/* ------------ centercolumn ------------ */
.centerCcolumn {
	clear:both;
}
.centerCcolumn .blockTitle {
	clear:both;
	color:#339900;
	background:url(images/blockTitleBack_c_bar.gif) no-repeat left center;
	padding:10px 22px;
	line-height:normal;
	font:bold 110%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.centerCcolumn .blockContent {
	line-height:150%;
	margin-bottom:10px;
}
.blockContent ul li{
	margin:0 5px 0 5px;
	list-style-type:none;
	padding:0 0 0 17px;
	background:url(images/arrow_li.gif) no-repeat 0 0.3em;
}
.centerLcolumn {
	width:49%;
	padding:0 3px 0 0;
	float:left;
	overflow:hidden;
}
.centerLcolumn .blockTitle {
	color:#339900;
	background:url(images/blockTitleBack_c2.gif) no-repeat left center;
	padding:3px 0 3px 22px;
	font:bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.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:#339900;
	background:url(images/blockTitleBack_c2.gif) no-repeat left center;
	padding:3px 0 3px 22px;
	font:bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.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 {
	margin-left:auto;
	display:block;
	width:100px;
	height:30px;
	text-decoration:none;
	background:url(images/page_top.gif) no-repeat;
}
#xoops_banner {
	clear:both;
	text-align:center;
	padding:15px 0;
}

/* ------------ left column & right column ------------ */
.leftcolumn {
	margin-bottom:15px;
}
.leftcolumn .blockTitle {
	font:bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color:#FFF;
	text-align:left;
	display:block;
	width:167px;
	height:21px;
	padding:4px 23px 0 23px;
	overflow:hidden;
	background:url(images/blockTitleBack_l.gif) no-repeat;
}
.leftcolumn .blockContent {
	padding:0 0 10px 0;
	line-height:150%;
}
.leftcolumn .blockContent p {
	padding:5px 5px 0 5px;
	line-height:150%;
}
.rightcolumn .blockTitle {
	font:bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	padding:5px 3px 5px 25px;
	background:url(images/blockTitleBack_r.gif) no-repeat left center;
}
.rightcolumn .blockContent {
	padding:5px 10px;
	line-height:150%;
	margin-bottom:10px;
}

/* ------------ xoops mainmenu & usermenu ------------ */
#mainmenu a {
	display:block;
	text-decoration:none;
	color:#006600;
	margin-bottom:5px;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #DDD;
}
#usermenu a {
	display:block;
	text-decoration:none;
	color:#006600;
	margin-bottom:5px;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #DDD;
}
#mainmenu a:hover, #usermenu a:hover {
	color:#006600;
	text-decoration:underline;
}
#mainmenu a:active, #usermenu a:active {
	color:#009933;
	text-decoration:underline;
}

#mainmenu a.menuSub, #mainmenu a.menuSub:hover {
	padding-left:20px;
}

#usermenu a.highlight {
	color:#FFF;
	padding:3px;
	background:#333;
}

/* ------------ for table ------------ */
.outer {
	border:1px solid #EEE;
}
th {
	padding:3px;
	vertical-align:middle;
	font-weight:normal;
	color:#333;
	border-bottom:1px solid #CCC;
	background:#E2E9F7;
}
.head {
	padding:5px;
	color:inherit;
	border-bottom:1px solid #CACACA;
	background:#EAEFF9;
}
.even {
	padding:2px;
	color:inherit;
	border-bottom:1px solid #CACACA;
	background:#F3F5FA;
}
.odd {
	padding:2px;
	color:inherit;
	border-bottom:1px solid #CACACA;
	background:#F7F8FD;
}
.foot {
	padding:5px;
	font-weight:bold;
	color:inherit;
	background:#EAEFF9;
}
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:#F3F5FA;
}
tr.odd {
	color:inherit;
	background:#F7F8FD;
}
tr.odd:hover, tr.even:hover {
	color:#000;
	border-bottom:1px solid #CACACA;
	background:#DFDFDF;
}

/* ------------ error message & quote and code ------------ */
div.errorMsg {
	background:#F5E8E8;
	color:#FF0000;
	text-align:center;
	font-weight:bold;
	padding:10px;
	margin:0 20px 20px 20px;
	width:470px;
	border:1px solid #DDD;
}
div.errorMsg ul li {
	list-style-type:none;
	background-image:none;
}
div.confirmMsg {
	background:#F2F7EA;
	color:#333;
	text-align:center;
	font-weight:bold;
	padding:10px;
	margin:0 20px 20px 20px;
	width:470px;
	border:1px solid #DDD;
}
div.resultMsg {
	background-color:#FFF;
	color:#333;
	text-align:center;
	font-weight:bold;
	padding:10px;
	margin:0 20px 20px 20px;
	width:470px;
	border:1px solid #CCC;
}
div.xoopsCode {
	background:#EFEFEF;
	color:inherit;
	border:1px inset #DDD;
	padding:6px;
	overflow:auto;
	width:450px;
}
div.xoopsQuote { 
	background:#EFEFEF;
	color:inherit;
	border:1px inset #DDD;
	padding:6px;
	overflow:auto;
	width:450px;
}

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

/* ------------ 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 {
	color:#339900;
	background:url(images/blockTitleBack_c_bar.gif) no-repeat left bottom;
	padding:10px 0 4px 22px;
	line-height:normal;
	font:bold 110%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.itemInfo {
	text-align:right;
	padding:6px 0 0 0;
}
.itemPoster {
	font-size:90%;
}
.itemPostDate {
	font-size:90%;
}
.itemStats {
	font-size:90%;
}
.itemBody {
	padding:0;
	overflow:hidden;
}
.itemText {
	margin-top:0;
	margin-bottom:0;
	line-height:150%;
}
.itemFoot {
	text-align:right;
	padding:2px;
}
.itemAdminLink {
	font-size:90%;
}
.itemPermaLink {
	font-size:90%;
}

/* ------------ pico ------------ */
.bottom_of_content_body {
	display:none;
}
.pico_body p {
	margin:0.8em 0 0.8em 0;
	line-height:170%;
}
.pico_body img {
	padding:2px;
	border:1px solid #CEDB72;
	margin:0 5px 0 5px;
}
.pico_body ul li{
	margin:0 5px 0 5px;
	list-style-type:none;
	padding:0 0 0 17px;
	background:url(images/arrow_li.gif) no-repeat 0 0.3em;
}
.pico_body ol li{
	list-style-type:decimal;
	margin:0.7em 10px 0.7em 30px;
	padding:0;
}
.pico_list_contents_in_menu li{
	margin:0 5px 0 5px;
	list-style-type:none;
	padding:0 0 0 17px;
	background:url(images/arrow_li.gif) no-repeat left center;
}
.pico_list_contents li{
	margin:0 5px 0 5px;
	list-style-type:none;
	padding:0 0 0 17px;
	background:url(images/arrow_li.gif) no-repeat left center;
}

/* ------------ pico sitemap ------------ */
.sitemap {
	clear:both;
	line-height:150%;
	margin:0 0 10px 90px;
}
.sitemap h2 {
	color:#339900;
	background:url(images/blockTitleBack_c2.gif) no-repeat left center;
	padding:10px 0 7px 20px;
	font-size:100%;
}
.sitemap ul li{
	margin:0 5px 0 90px;
	list-style-type:none;
	padding:0 0 0 17px;
	background:url(images/arrow_li.gif) no-repeat 0 0.3em;
}

/* ------------ More ------------ */
.more{
	margin:5px 0 0 0 !important;
	padding:2px 5px 0 0 !important;
	border-top:1px dotted #DDD;
	text-align:right;
}
	.more span{
		padding-left:8px;
		background:url(images/arrow.gif) no-repeat left center;
	}

/* ------------ rss ------------ */
.rss{
	padding:3px 5px 5px 0;
	text-align:right;
}
	.rss span{
		padding-left:8px;
		background:url(images/arrow.gif) no-repeat left center;
	}


/* ------------ yearTable ------------ */
.yearTable {
	clear:both;
	font-size:100%;
	line-height:150%;
	margin:0 5px;
	width:520px;
	border:1px solid #DDD;
	border-spacing:0;
	border-collapse:collapse;
}
.yearTable th{
	font-weight:bold;
	text-align:center;
	border:1px solid #DDD;
	padding:3px 6px;
	background:#E8E8E8 url(images/table_bg.gif);
}
.yearTable td {
	border:1px solid #DDD;
	padding:3px 6px;
}
.yearTable th.day{
	width:20%;
}
.yearTable th.time{
	width:20%;
}
.yearTable th.title{
	width:40%;
}
.yearTable th.place{
	width:20%;
}

/* ------------ nameTable ------------ */
.nameTable {
	font-size:100%;
	line-height:150%;
	margin:0 20px;
	width:490px;
	border:1px solid #DDD;
	border-spacing:0;
	border-collapse:collapse;
}
.nameTable th{
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	background:#E8E8E8 url(images/table_bg.gif);
	width:16%;
	border:1px solid #DDD;
}
.nameTable td {
	padding:3px 6px;
	width:28%;
	border:none;
}
.nameTable td.td2 {
	padding:3px 6px;
	width:28%;
	border-bottom:1px solid #DDD;
}

/* ------------ nameTable2 ------------ */
.nameTable2 {
	font-size:100%;
	line-height:150%;
	margin:0 20px;
	width:330px;
	border:1px solid #DDD;
	border-spacing:0;
	border-collapse:collapse;
}
.nameTable2 th{
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	background:#E8E8E8 url(images/table_bg.gif);
	border:1px solid #DDD;
}
.nameTable2 td {
	padding:3px 6px;
	border-bottom:1px solid #DDD;
	border-right:1px dotted #DDD;
}
.nameTable2 td.year {
	text-align:center;
}
.yearTable2 th.name {
	width:30%;
}
.yearTable2 th.year {
	width:10%;
}
.yearTable2 th.charge {
	width:60%;
}

/* ------------ aboutTable ------------ */
.aboutTable {
	font-size:100%;
	line-height:150%;
	margin:0 20px;
	width:490px;
	border:1px solid #DDD;
	border-spacing:0;
	border-collapse:collapse;
}
.aboutTable th{
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	background:#E8E8E8 url(images/table_bg.gif);
	width:30%;
	border:1px solid #DDD;
}
.aboutTable td {
	padding:3px 6px;
	width:70%;
	border-bottom:1px solid #DDD;
}

/* ------------ campTable ------------ */
.campTable {
	font-size:100%;
	line-height:150%;
	margin:0 20px;
	width:490px;
	border:1px solid #DDD;
	border-spacing:0;
	border-collapse:collapse;
}
.campTable th{
	font-weight:bold;
	text-align:center;
	padding:3px 3px;
	background:#E8E8E8 url(images/table_bg.gif);
	width:50%;
	border:1px solid #DDD;
}
.campTable td {
	padding:3px 3px;
	width:50%;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
}

.campTable img {
	padding:0;
	border:0;
	margin:0;
}

/* ------------ bbqTable ------------ */
.bbqTable {
	font-size:100%;
	line-height:150%;
	margin:0 20px;
	width:490px;
	border:1px solid #DDD;
	border-spacing:0;
	border-collapse:collapse;
}
.bbqTable th{
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	background:#E8E8E8 url(images/table_bg.gif);
	border:1px solid #DDD;
	width:20%;
}
.bbqTable td {
	padding:3px 6px;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	vertical-align: middle;
}

.bbq_price {
	font-weight:bold;
	font-size:110%;
}

/* ------------ accessTable ------------ */
.accessTable {
	font-size:100%;
	line-height:150%;
	margin:0 20px;
	width:490px;
	border:1px solid #DDD;
	border-spacing:0;
	border-collapse:collapse;
}
.accessTable th{
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	background:#E8E8E8 url(images/table_bg.gif);
	width:30%;
	border:1px solid #DDD;
}
.accessTable td {
	padding:3px 6px;
	width:70%;
	border-bottom:1px solid #DDD;
	vertical-align: middle;
}

/*--- img ---*/
.imgLeft {
	float:left;
	padding:1px;
	border:1px solid #DDD;
	margin:0 10px;
}
.imgRight {
	float:right;
	padding:1px;
	border:1px solid #DDD;
	margin:0 10px;
}
.imgNormal {
	padding:1px;
	border:1px solid #DDD;
	margin:0 0 0 5px;
}

/*--- itemBody ---*/
.itemBody p {
	margin:0.8em 0 0.8em 0;
	line-height:170%;
}
.itemBody img {
	padding:2px;
	border:1px solid #CEDB72;
	margin:0 10px 0 0;
}

/*--- txt ---*/
.txtRight {
	text-align:right;
}
.txtCenter {
	text-align:center;
}

/*--- SmoothGallery ---*/
#main_img {
	z-index:5;
	display: none;
	width:530px;
	height:263px;
}