@charset "EUC-JP";

/****** 背景 *******/

	body{			/* 画面全体の背景 */
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		color:#1a3300;
		font-size:9.5pt;
		text-align:center;
		background-color:#88aa88;
		font-family: 'メイリオ', 'OSAKA', 'MS UI ゴシック', arial, verdana, sans-serif;
	}

	#body{	/* コンテンツ表示部分の背景 */
		/* IE はtableなしでもOKだが、Firefoxはtableなしだとbackgroundを */
		/* 継承しても、実体のある部分にしか背景色がつかないので、不細工 */
		/* tableで囲むとgoogleMAPでクリック座標がずれるのがわかったので */
		/* wordpressの時のみ、tableタグを出力するようにtemplateで対応   */
		/* OKwave2878247を発見してtableなしで実現できた                 */
		width:780px;
		margin:0px auto 0px auto; padding:0px; border:0px;
		text-align:left;
		position:relative;
		background-color:#fcfdfc; /*f4ffee,eeffdd*/
	}

	#body:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}

/****** メニュー *******/

		/* xoopsシステムのメニュー */

	#xoopsmenu{
		width:780px;
		margin:0 auto 0 auto;padding:0;
		color:#333333;
		text-align:left;
		font-size:90%;
		font-weight:bold;
	}

		/* 上部の背景イメージ(画像としては下記のメニュー部も含む)*/

	#topmenubar{
		width:780px; height:136px;
		margin:0 auto 0 auto;padding:0;
		text-align:left;
		position:relative;
		background:url(images/title.jpg) no-repeat;
	}

		/* 一般利用者向けメニュー */

	#topmenu{
		font-size:11px;
		font-weight:bold;
		color:#1a3300;
	}
	#topmenu a {color: #1a3300;}
	#topmenu a:hover {color: #ff6600; text-decoration: underline overline;}
	#topmenu a:hover img {border: 1px solid #ff6600;}

		/* google検索 */

	#gsearch{
		position:absolute; top:45px; left:525px;
		margin:0px 0px 0px 0px;
		padding: 0px;
		color:#444444;	/* color:#00ffaa; */
		font-size:90%;
		font-weight:bold;
	}
	#gsearch a {color: #aaffff;}
	#gsearch a:hover {color: #ff6600; text-decoration: underline overline;}
	#gsearch a:hover img {border: 1px solid #ff6600;}

/***** 最下段のフッター部 *****/

	#footer     {float:left; width:780px; background-color: #1a3300; color: #feffe6; 
	             text-align: center; padding:3px 0px 3px 0px;}
	#footer a   {margin:0; padding:2px 0px 2px 0px; color: #feffe6;}
	#footer a:hover {color: #ff6600; text-decoration: underline overline;}
	#footer a:hover img {border: 1px solid #ff6600;}
	
/****** ポップアップの設定 *******/

	/* IE ではポップアップ部分のstyleでwidthがないと幅１文字になってしまう。*/
	/* (2007-1) IE ではポップアップ下にプルダウンがあると、それが突き抜けて */
	/* しまう。これを避けるには、iframeを置くしかないと判った               */
	/* (2010-1-15) z-index での重ね合わせは、IE & FF では                   */
	/* position:absoluteのdiv相互でないと効果がないと判明。半日かかった！   */
	/* また、FFでは隠れていても iframe に楽天アフィリエイトが表示されるのが */
	/* 判ったので、iframe をIE以外では使わないように html 含めて変更した    */
	/*    html中の 「<!--[if IE]> <![endif]-->」は IE6-8 で有効だが         */
	/*    style中の「* html」					は IE6,7 のみ有効のなので   */
	/*    style中の「* html」の指定はしない事にした                         */


	/* --- ポップアップの最上面 --- */

	.popsurface {z-index:11; position:absolute;
		left:0px; top:0px; width:100%;
		padding:10px;
		text-align:left; font-weight:bold;
		color:#1a3300; 
		background-color:#feffe6; border:1px solid #1a3300;
	}
	.popsurface a {color:#1a3300;}
	.popsurface a:hover {color:#ff6600; text-decoration:underline overline;}
	.popsurface a:hover img {border: 1px solid #ff6600;}

	/* --- リンク --- */

	#poplink {z-index:9; position:absolute; display:none;
		left:20px; top:20px; width:720px; 
	}
	#poplink iframe {z-index:10; position:absolute;
		left:0px; top:0px; width:100%; height:200px;
	}
	#poplink table {
		margin-left: 10px;
		*margin-left: 15px;
		border: 2px solid #1a3300;
	}
	#poplink table td {
		padding: 6px; 
		*padding: 10px; 
		border: 2px solid #1a3300;
	}

	/* --- 本 --- */

	#popbook {z-index:9; position:absolute; display:none; 
		left:520px; top:50px; width:240px;
	}

	/* --- お問合せなど --- */

	#popsupport {z-index:9; position:absolute; display:none;
		left:560px; top:30px; width:190px;
	}
	#popsupport iframe {z-index:10; position:absolute;
		left:0px; top:0px; width:100%; height:200px;
	}

	/* --- ポップアップ共通 --- */

	.popup_surface {z-index:11; position:absolute;
			left:0px; top:0px; width:100%;padding:3px;
			text-align:left; color:#1a3300;font-family:sans-serif; 
			background-color:#f0ffff; border:0px solid #cccccc; /* #feffe6, #1a3300*/
	}

	.popup_surface a {color:#1a3300;}
	.popup_surface a:hover {color:#ff6600; text-decoration:underline overline;}
	.popup_surface a:hover img {border: 1px solid #ff6600;}

	.popup_win {z-index:9; position:absolute; display:none;
			left:650px; top:5px;
	}

	.popup_win iframe {z-index:10; position:absolute;
			left:0px; top:0px; width:100%; height:100%;
	}
	/* --- YouTubeポップアップ --- */

	#popYouTube {z-index:9; position:absolute; display:none;
		left:100px; top:100px; width:425px; height:420px;
	}
	#popYouTube iframe {z-index:10; position:absolute;
		left:0px; top:0px; width:445px; height:120px;
	}

	/* お気に入り／ブックマーク登録 */

	#favorite{
		color:#ffffff;
		background-color:#88aa88;
		padding:0px 4px 0px 4px;
		font-size:90%;
		line-height:1.1em;
	}
	#favorite a {color: #ffffff; text-decoration:none;}
	#favorite a:hover {color:#ff8888; text-decoration:none; cursor:pointer;}

	#popFavorite {z-index:9; position:absolute; display:none;
		left:600px; top:5px; width:160px;
		background-color:#fbf9df;
		font-size:90%;
		line-height:1.2em;
	}
	#popFavorite iframe {z-index:10; position:absolute;
		left:0px; top:0px; width:100%; height:140px;
	}
	.popFavoriteUnit{
		border:1px solid #888888;
		padding:2px;
	}
	.popFavoriteUnit a:hover {cursor:pointer;}

	/* --- ホットイベントのヘルプ --- */

	#popHotEventHelp {z-index:9; position:absolute; display:none;
		left:160px; top:20px; width:620px; height:320px;
	}
	#popHotEventHelp iframe {z-index:10; position:absolute;
		left:290px; top:130px; width:260px; height:30px;
	}
	#popHotEventHelpSurface {z-index:11; position:absolute;
		left:0px; top:0px; width:550px; height:300px;
		padding:30px 25px;
		font-size:95%;
		line-height:1.5em;
	}

/****** 個別の画面の追加設定 *******/

	/* --- 本の紹介画面 --- */

	#bookguide table {border:1px solid #1a3300;}
	#bookguide td {border:1px solid #1a3300; padding:10px;}

	/* --- 写真表示画面 --- */

	.photo_title {text-align:left;
		font-size:150%;
		margin-left:60px;
		padding-top:0px;
		margin-top:0px;
	}

	.photo_movelink {font-weight:bold;
		font-size:120%;
		position:absolute;
		left:540px;
		bottom:510px;	/* 2011-3-15 changed top => bottom */
		width:160px;
		padding:4px;
		border:1px solid #888888;
		background-color:#f8e8aa
	}


/****** イベント検索バー *******/

	/* --- 日本語画面 --- */

	#querybar {background-color: #D8FEB1; 
		color: #1a3300; 
		font-size:11px;
		margin:0; 
		padding:3px 0px 0px 0px; 
		height:24px;
	}
	#querybar a {color: #1a3300;}
	#querybar a:hover {color: #ff6600; text-decoration: underline overline;}
	#querybar a:hover img {border: 1px solid #ff6600;}
	#querybar table {width:100%;}

	/* --- 英語画面用 --- */

	#header2 {background-color: #1a3300; 
		color: #D8FEB1; 
		font-size:90%;
		margin:0; 
		padding:4px 2px 4px 2px;
	}
	#querybar2 {background-color: #D8FEB1;
		color: #1a3300; 
		font-size:90%;
		margin:0; 
		padding:4px 2px 4px 2px;
	}
	#querybar2 a {color: #1a3300;}
	#querybar2 a:hover {color: #ff6600; text-decoration: underline overline;}
	#querybar2 a:hover img {border: 1px solid #ff6600;}
	#querybar2 table {width:100%;}

/****** イベントコンテンツページ *******/

	#eventtitle{position:absolute;top:40px;left:105px;
		padding:10px;width:380px;height:70px;
		background:#fcfdfc; /*f4ffee,eeffdd*/
	}

/****** メイン画面 *******/

	/* --- コンテンツを含むメインブロック --- */

	#main { width:780px;
		line-height:135%;
		/* overflow-x:hidden;	2007-11-29 YouTube再生のトラブル原因だったのでコメントにした、基本的にwordpressの為だったのでここはコメントでもOKのようだ。　2007-5-11 inserted */
	}
	#main img {vertical-align: top;}
	#maincenter {margin:0; padding:0;}
	#maincenter_2 {float:left; width:600px; margin:0px; padding:0px;
		border-right:1px solid #aaaa88;
		overflow-x:hidden;	/* 2007-5-11 inserted */
	}
				/* old 610px */

	/* --- メインブロック内のブロック --- */

	#mcl_block {margin:0; padding:0;}
	#mcc_block {margin:0; padding:0;}
	#mcr_block {margin:0; padding:0;}

	#mcc_block td {padding:0; border: 0 solid silver;}
	#mcc_block .blockTitle {
		background-color: palegreen; 
		color: #1a3300; 
		padding : 0px; 
		font-weight: bold;
	}
	#mcc_block .blockContent {margin:0px 20px 10px 20px; padding:0;}

	#content {text-align: left; margin:10px 20px 0px 20px; 
		padding:0px 0px 10px 0px;}

/****** 右ブロック *******/
	
	#mainright  {float:left; width:165px; margin:0px; padding:15px 0 0 8px;
		overflow-x:hidden;	/* 2007-5-11 inserted */
	}

	#mainright td {padding:0; border: 0 solid silver;}
	#mainright .blockTitle {
		/* background-color: palegreen; */
		color: #1a3300; 
		margin:10px 0px 0px 0px; 
		padding:0;
		font-weight: bold;
	}
	#mainright .blockContent {margin:0px 15px 10px 15px; padding:0;}

/****** 参加したい画面のカウンター *******/

	#counter {
		font-weight:bold;
		font-size:120%;
		text-align:center;
		padding:6px 4px 3px 4px; margin:0px 75px;
		background-color:#1a3300; color:#ddffdd;
	}

/****** イベント一覧表 *******/

	#evtbl table {margin:10px 15px 10px 0px; border:1px solid #1a3300; line-height: 120%;}
	#evtbl th    {padding:3px  3px; border:1px solid #1a3300;
	              background-color: #dfffb8;/*palegreen;*/ color: #1a3300;}
	#evtbl td    {padding:3px  3px; border:1px solid #1a3300;}

/****** 注目させたい要素 *******/

	#attn1   {color: #993300;}
	#attn1 a {color: #993300; text-decoration:none; font-weight:bold;}
	#attn1 a:hover {color: #ff6600; text-decoration: underline overline;}
	#attn1 a:hover img {border: 1px solid #ff6600;}

/****** 全体共通属性 *******/

	table {margin: 0; padding: 0; border-collapse: collapse;}
	table th {background-color: palegreen; color: #1a3300; padding : 0px; 
		vertical-align : middle; }
	table td {padding: 0; vertical-align: top; }
	
	form {margin: 0; padding: 0;}
		/* IEはformに対する省略時の下部paddingが10px以上ある。style.cssで
		   formに対してpadding:0にしておかないとレイアウト調整困難。   */
	a {color: #1a3300; text-decoration: underline;}
	a:hover {color: #ff6600; text-decoration: underline overline;}
	img {border: 1px solid #ffffff; margin: 0px;}
	a:hover img {border: 1px solid #ff6600; margin: 0px;}

	/* h1 {font-size: 24px; font-weight: bold; padding: 10px 0px 0px 0px;} */
	/* h2 {} */
	h3 {font-size: 16px; font-weight: bold; padding: 0px; margin: 0px; layout-grid-line:none;}
	h4 {font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; layout-grid-line:none;}
	/* h5 {} */
	ol { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
	ol li { margin-left: 10px; list-style: decimal outside;}
	ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
	ul li { margin-left: 50px; list-style: disc outside;}
	
	textarea { font-size: 100%; }
	
	input.formButton {}


	/* TOPページのオリエンテーリング・フォトなど反転タイトル mサイズ */
	.r_title_m {font-weight:bold; font-size:100%;
		color:#fcfcfc; background-color:#1a3300;
		padding:3px 2px 2px 2px; margin:5px;}
	.r_title_m a {color:#fcfcfc; text-decoration:none;}
	.r_title_m a:hover {color:#ff6600; text-decoration:underline overline;}

	/* コントロール記号 △○◎ のテキストを赤で表示 */
	.ctrl { color:red; font-weight:bold; font-size:130%;}


	.outer {border: 0px solid silver; margin: 0;}
	.head  {border: 0px solid silver; margin: 0;}
	.even  {border: 0px solid silver; margin: 0; background: #feffe6;}
	.odd   {border: 0px solid silver; margin: 0; background: #ffffff;}
	/*.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}*/
	/*tr.even td {background-color: #dee3e7; padding: 5px;}*/
	/*tr.odd td {background-color: #E9E9E9; padding: 5px;}*/
	
	.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;}
	.confirmMsg { background-color: #DDFFDF; color: #136C99; 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;}
	.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; 
		border-top: 1px solid silver; border-left: 1px solid silver; 
		font-weight: bold; border-right: 1px solid #666666; 
		border-bottom: 1px solid #666666; padding: 10px;}
	
	.xoopsCode { background: #FFFFFF; border: 1px inset #000080; 
		font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
	.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; 
		font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
	
	.comTitle {font-weight: bold; margin-bottom: 2px;}
	.comText {padding: 2px;}
	.comUserStat {font-size: 80%; 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; 
		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-weight: normal; font-style: italic; font-size: smaller}
	.comDateCaption {font-weight: bold; font-style: normal;}
	
	.item {border: 1px solid #cccccc;}
	.itemHead {padding: 3px; font-size: 120%; color: #feffe6; background-color: #1a3300;}
	.itemInfo {text-align: right; padding: 3px; background-color: #D8FEB1}
	.itemTitle a {font-weight: bold; color: #feffe6; background-color: #1a3300;}
	.itemPoster {font-size: 90%; font-style:italic;}
	.itemPostDate {font-size: 90%; font-style:italic;}
	.itemStats {font-size: 90%; font-style:italic;}
	.itemBody {padding-left: 5px;}
	.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
	.itemText:first-letter {font-size: 133%; font-weight: bold;}
	.itemFoot {text-align: right; padding: 3px; background-color: #ccffbb}
	.itemAdminLink {font-size: 90%;}
	.itemPermaLink {font-size: 90%;}