@charset "EUC-JP";

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

	body{			/* 画面全体の背景 */
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		color:#220000;
		font-size:90%;
		text-align:center;
		background:#cc9966;
	}

	#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:#fff5f3;
		border-right: solid 1px #aa7744;
		border-left:  solid 1px #aa7744;
}	}

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

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

	#xoopsmenu{		/* xoopsシステムのメニュー */
		width:780px;
		margin:0 auto 0 auto;padding:0;
		color:#333333;
		text-align:left;
		font-size:90%;
		font-weight:bold;
		font-family: 'MS UI Gothic', 'Osaka';
	}
	#topmenubar{		/* 上部の背景イメージ */
		width:780px; height: 150px;
		margin:0 auto 0 auto;padding:0;
		text-align:left;
		position:relative;
		background:url(images/title_kaze.jpg) no-repeat;
	}
	#topmenu{		/* 一般利用者向けメニュー */
		color:#333333;
		font-size:90%;
		font-weight:bold;
		font-family: 'MS UI Gothic', 'Osaka';
	}
	#topmenu a {color: #333333;}
	#topmenu a:hover {color: #ff6600; text-decoration: underline overline;}

	#gsearch{		/* google検索 */
		position:relative; top:0px; left:0px;
		margin:0px 0px 0px 0px;
		padding: 0px;
		color:#444444;	/* color:#00ffaa; */
		font-size:90%;
		font-weight:bold;
		font-family: 'MS UI Gothic', 'Osaka';
	}
	#gsearch a {color: #aaffff;}
	#gsearch a:hover {color: #ff6600; text-decoration: underline overline;}

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

	#footer{float:left; width:780px; 
		background-color: #333300; color: #fff5f3; 
		font-size: 9pt; text-align: center;
		padding:3px 0px 3px 0px;
		margin:0px auto 0px auto; border:0px;
	}
	#footer a   {margin:0; padding:2px 0px 2px 0px; color: #feffe6;}
	#footer a:hover {color: #ff6600; text-decoration: underline overline;}

/****** ポップアップの設定 *******/

	/* IE ではポップアップ部分のstyleでwidthがないと幅１文字になってしまう。*/
	/* (2007-1) IE ではポップアップ下にプルダウンがあると、それが突き抜けて */
	/* しまう。これを避けるには、iframeを置くしかないと判った */

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

	.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;}

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

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

	/* --- 本 --- */

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

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

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

	/* --- YouTubeポップアップ --- */

	#popYouTube {z-index:9; display:none;
		position:absolute; left:100px; top:100px; width:450px; height:420px;
	}

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

	/* --- TOP画面のブロック --- */

	#top_main {width:380px;border:3px double #333300;padding:10px;margin:10px 10px 10px 0px;background-color:#ffffcc;}
	#top_main_title {font-size:145%;font-weight:bolder;padding:5px;background-color:#333300; color:#fff5f3;}
	#top_main_body {font-weight:bold;}
	#top_attn {width:380px;border:0px;padding:10px;margin:10px 10px 10px 0px;}
	#top_new_map {width:280px;border:1px solid #333300;padding:10px;margin:10px;background-color:#ddffdd;}
	#top_whatsnew {width:280px;border:1px solid #333300;padding:10px;margin:10px;background-color:#ffdddd;}

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

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


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

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

	#main { width:780px;
		line-height:135%;
		font-family: 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'Osaka',Verdana, Arial, Helvetica, sans-serif;
	}
	#main img {vertical-align: top;}
	#maincenter {margin:0; padding:0;}
	#maincenter_2 {float:left; width:610px; margin:0px; padding:0px;}

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

	#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:0px;}

	#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 20px 10px 20px; padding:0;}

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

	#counter {
		font-weight:bold;
		padding:4px; margin:0px 85px;
		background-color:#1a3300; color:#ddffdd;
	}

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

	#evtbl table {margin:10px 10px; border:1px solid #1a3300; line-height: 120%;}
	#evtbl th    {padding:3px  3px; border:1px solid #1a3300;
	              background-color: 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;}

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

	table {margin: 0; padding: 0; border-collapse: collapse;}
	table th {background-color: #cccc99; color: #333300; 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;}

	/* h1 {font-size: 24px; font-style: bold; padding: 10px 0px 0px 0px;} */
	/* h2 {} */
	/* h3 {} */
	/* h4 {} */
	/* h5 {} */
	ol { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
	ol li { margin-left: 20px; list-style: decimal outside;}
	ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
	ul li { margin-left: 20px; list-style: disc outside;}
	/*ul.kaze_ul { margin: 2px; padding: 2px; text-align: left;}*/
	/*ul.kaze_ul li { margin-left: 20px; list-style: outside url(images/run_foot.png); font-style:bold; vertical-align:center;}*/
	
	textarea { font-size: 100%; }
	
	input.formButton {}
	
	.outer {width: 100%; border: solid 1px #cc9966; }
	/*.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%;}