/* ----------------------------------------------------------------------

---------------------------------------------------------------------- */
@charset "euc-jp";

* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* 特別な調整 */
* html #Days_body,* html #Main,* html #Wrapper,* html #Left,* html #Right,* html .block,* html #Main a,* html #Wrapper a,* html #Left a,* html #Right a,* html #mainmenu a,* html #usermenu a {height: 1%;}

body {
	margin: 0;
	padding: 0;
	font-size: 100.01%; font-family:Verdana, Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;
	font-size: 75%;
}

body.showBlockL1R1, body.showBlockL1R0, body.showBlockL0R1, body.showBlockL0R0 {
	text-align: center;
}

img {	border: 0; }

p  {}
h1 { margin:0; padding:0; font-size:1.5em; }
h2 { margin:0; padding:0; font-size:1.2em; }
h3, h4, h5 { margin:0; padding:0; font-size:1em; }

dl, dt, dd, ul, li { margin: 0;	padding: 0;	list-style: none; }

em { font-style: italic; }
strong { font-weight: bold; }

.x-small { font-size: 80%; }
.small { font-size: 90%;}
.large { font-size: 110%; }
.x-large { font-size: 120%; }

.floatLeft { float: left; }
.floatRight { float: right; }
.marginCenter { margin-left:auto; margin-right:auto; }
.clearall { clear: both; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter {text-align: center; }


/* ----------------------------------------------------------------------
■サイト全体の色の設定
　サイト全体の色やサイズをここで決定する。
---------------------------------------------------------------------- */
body { background-color:#E9E9E9; }

#Days_body {
	/* コンテンツ全体の色 */
	background-color:#FFF;
	/* コンテンツ枠の色 */
	border-left:5px solid #DFDFDF;
	border-right:5px solid #DFDFDF;
}

/* リンク色の設定 */
a {
	color:#696969; /* gray */
	text-decoration: none;
}

a:hover {
	color:#191970; /* red */
}

/* サイト名文字色 */
.sitename { color:#AF753A; }
/* スローガン文字色 */
.slogan { color:#AF753A; }

/* 左右ブロックタイトル色 */
#Left .blockTitle, #Right .blockTitle {
	color:#5F5F5F;
	border-bottom: 1px solid #fff; /* ブロックタイトルの下線 */
}

/* 中央ブロックのタイトル定義 */
.blockTitleM {
	background: #FFFFFF;
	color:#5F5F5F;
	border-bottom: 1px solid #fff; /* ブロックタイトルの下線 */
}

/* メインメニューの色 */
#mainmenu {	background-color: transparent; } /* メニューのバックグラウンド */
#mainmenu a { background: transparent; }
#mainmenu a:hover { background-color: #D5E4FD; }
#mainmenu a.menuTop { border-top: 0px solid silver; }
#mainmenu a.menuMain { border-top: 1px solid #fff; }
#mainmenu a.menuSub { border-top: 1px solid #fff; }

/* ユーザーメニューの色 */
#usermenu {	background-color: transparent; } /* メニューのバックグラウンド */
#usermenu a { background: transparent; }
#usermenu a:hover { background-color: #D5E4FD; }
#usermenu a.menuTop { border-top: 0px solid #fff; }
#usermenu a.highlight { background-color: #fcc; }

/* ナビの色 */
#navi { color:#778899; }
#navi ul li { border-right:solid 1px silver; }
#navi ul li a:hover { border-bottom:solid 5px #D5E4FD; }

/* ２カラム左メニューの場合は、メインの左側に点線を入れる */
.showBlockL1R0 #Main {
	border-left:1px solid #B4B4B4; /* 点線を入れる */
}

/* ２カラム右メニューの場合は、メインの右側に点線を入れる */
.showBlockL0R1 #Main {	/* for 2 cols of center and right 780(580-200)*/
	border-right:1px solid #B4B4B4; /* 点線を入れる */
}

/* ３カラムの場合は、メインの両方に点線を入れる */
.showBlockL1R1 #Main {	/* for 2 cols of center and right 780(580-200)*/
	border-left:1px solid #D5E4FD; /* 点線を入れる */
	border-right:1px solid #D5E4FD; /* 点線を入れる */
}

/* 左右ブロックのa:hoverの背景色 */
#Left ul li a:hover, #Right ul li a:hover {
	background-color:#D5E4FD; /* 薄い実線を入れる */
}

/* ニュースモジュールの色 */
.itemHead { background-color: #2F97FF; color: #FFFFFF; }
.itemInfo { background-color: #C4E1FF; }
.itemTitle a { color: #FFFFFF; background-color: transparent; }
.itemBody { background-color: #EEF7FF; }
.itemFoot { background-color: #C4E1FF; }

/* フォーラム、イベントの色 */
.outer { border: 1px solid #2F97FF; }
th { color:#FFF; background-color: #2F97FF; }
.head  { background-color: #C4E1FF; }
.even { color:#000; background-color: #E6F2FF; }
.odd { color:#000; background-color: #EEF7FF; }
.foot { color:#000; background-color: #C4E1FF; }
tr.even td { background-color: #E6F2FF; }
tr.odd td { background-color: #EEF7FF; }
tr.even td a { color: #000; }
tr.odd td a { color: #000; }

/* フッタの定義 */
#Footer {
	border-top:1px solid #DFDFDF;
	background:#fff;
}


/* ----------------------------------------------------------------------
■テーブルの設定
　テーブル全体のサイズをここで決定する。
---------------------------------------------------------------------- */

table {
	width: 100%;
	margin: 0;
	padding: 0;
}
th {
	padding:2px;
	vertical-align:middle;
}
table td {
	padding: 0;
	margin: 0;
	vertical-align: top;
	line-height: 130%;
}
table caption {
	text-align:left;
	font-size:1.1em;
	padding: 0 0 5px;
}


h1,h2,h3,h4,h5,h6 { font-weight:normal; }
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
table td li { margin-left:24px; }/* FAQモジュールで必要な調整 */


/* ----------------------------------------------------------------------
■全体ブロックの定義
　サイト全体のレイアウトをここで決定する。
　#Days_body 親。
　#Days_header ヘッダ。
　#Left 左。　#Main 中央。　#Right 右。
　
---------------------------------------------------------------------- */
/* サイト全体を統括する親DIV */
#Days_body {
	width: 900px; /* 全体の幅。これを変えたら、左右ブロックの幅も変えること */
	margin: 0 auto; /* autoで、firefox,safariで全体のセンタリング */
	text-align:left;
	font-size:100%;
	position:relative;
}

/* ヘッダ */
#Days_header {
	width: 100%;
	margin:0;
	height: 300px;
	text-align: left;
}

/* ----------------------------------------------------------------------
■中央のブロック幅
	.showBlockL1R1　３コラムの場合の幅
　.showBlockL1R0　２コラム左センターの場合の幅
　.showBlockL0R1　２コラム右センターの場合の幅
　.showBlockL0R0　メニューなしの場合の幅
---------------------------------------------------------------------- */
.showBlockL1R1 #Main {	/* for 3 columns  900(170-440-170) */
	width: 500px;
	left: 200px;
}
.showBlockL1R0 #Main {	/* for 2 cols of left and center 780(200-700) */
	width: 700px;
	left: 200px;
}
.showBlockL0R1 #Main {	/* for 2 cols of center and right 900(700-200)*/
	width: 700px;
	left: 0;
}

.showBlockL0R0 #Main {	/* center only 780(780)*/
	width: 900px;
	float: none;
}

.showBlockL1R1 #Left {	/* for 3 cols */
	width: 200px;
	left: -500px;
}
.showBlockL1R0 #Left {	/* for 2 cols of left and center */
	width: 200px;
	left: -700px;
}

.showBlockL1R1 #Right {	/* for 3 cols */
	width: 200px;
	left: 0px;
}

.showBlockL0R1 #Right {	/* for 2 cols of center and right 780(580-200)*/
	width: 200px;
	left: 0;
}

/* 左ブロック */
#Left {
	margin:0;
	display: inline;
	float: left;
	position: relative;
}

/* 中央ブロック */
#Main {
	margin-left:-2px;
	margin-right:-2px;
	margin-top:10px;
	float: left;
	position: relative;
	overflow:hidden; /* ブロックからはみ出した画像や文字列を隠す */
}

/* 右ブロック */
#Right {
	margin:0;
	display: inline;
	float: right;
	position: relative;
}

/* フッタの定義 */
#Footer {
	width: 100%;
	margin:0;
	clear: both;
	position: relative;
	text-align:center;
	padding-top:8px;
}


/* ヘッダ - サイト名画像の位置 */
.headimage{
	margin-left:30px;
}


/* ----------------------------------------------------------------------
■ナビゲーションの定義
　ヘッダ部分右に設置するナビの設定
---------------------------------------------------------------------- */

/* ナビ全体の定義 */
#navi {
	float:right;
	position:relative;
	top:40px; /* ヘッダからナビの高さを調整 */
	clear:both;
	height:30px;
	overflow:hidden;
	margin-bottom:5px;
	padding-right:10px;
}

#navi ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#navi ul li a {
	display:block;
	text-align:center;
	padding: 2px 5px 2px 5px;
}

#navi ul li a:hover { }

#navi .last {
	border-right:0px;
}


/* ----------------------------------------------------------------------
■サイト名・スローガンの定義
　ヘッダ部分に設置するサイト名・スローガンの設定
---------------------------------------------------------------------- */
.sitename {
	float:left;
	position:relative;
	margin-top:-90px;
	margin-left:40px;
	font-size:2em;
}

.slogan {
	float:left;
	position:relative;
	margin-top:-75px;
	margin-left:40px;
	padding-left:1em;
	font-size:1.5em;
}



/* ----------------------------------------------------------------------
■メニューの定義
　左右ブロックのリンク定義
　左右のブロックタイトルは同じデザイン。
　中央は別デザインを設置する。
---------------------------------------------------------------------- */

#Left ul li, #Right ul li {
	margin-right:0px;
	display:block;
	list-style:none;
	background:url(images/listmark.gif) no-repeat 0 50%;
	border-bottom:1px solid #f0f8ff;
}

/* リストマークの位置は右ブロックと左ブロックでは変更が必要 */
#Left ul li{ margin-left:-30px; }
#Right ul li { margin-left:0px; }

#Left ul li a, #Right ul li a {
	padding: 5px 0 5px 20px;
	display:block;
}

#Left ul li a:hover, #Right ul li a:hover { }


/* ----------------------------------------------------------------------
■リストの微調整
　UL DL OL LI
---------------------------------------------------------------------- */
#Main .block ul, #Left .block ul, #right .block ul,
#Main .block dl, #Left .block dl, #Right .block dl,
#Main .block ol, #Left .block ol, #Right .block ol{
	margin:2px 0 2px 24px;
}

#Main li, .block li {
	list-style: disc outside;
}

.blockContent {
	padding:1em 1em 2em 1em;
	line-height:150%;
}


/* ----------------------------------------------------------------------
■XOOPSのカラムの設定
　中央右、中央左はフロートを使用する。
---------------------------------------------------------------------- */
#ModuleContents {
	margin: 10px 10px 0;
	padding: 10px;
	position: relative;
	background: #fff;
	border: 1px solid #FFF; /* 分かりやすくするなら赤で囲む。 */
}
#Wrapper {
	margin: 0;
	padding: 0;
	position: relative;
}


/* 左右ブロックの枠 */
.block {
	clear:both;
	border: 1px solid #FFF; /* 分かりやすくするなら赤で囲む。 */
	background: #fff;
	margin: 10px 0 0 5px;
	padding: 0;
}

/* 中央-左ブロックの定義 */
#cLeft {
	float:left;
	width: 49%;
}


/* 中央-右ブロックの定義 */
#cRight {
	float:left;
	width: 49%;
}


/* ----------------------------------------------------------------------
■ブロックタイトルのデザイン設定
　左右のブロックタイトルは同じデザイン。
　中央は別デザインを設置する。
---------------------------------------------------------------------- */
/* 左右メニューのタイトル定義 */
#Left .blockTitle, #Right .blockTitle {
	font-size:1.1em;
	font-weight: bold;
	padding:5px 0 5px 10px;
	margin-right:5px; /* 左メニューと中央を分ける点線につかないようにここで離す */
}

/* 中央ブロックのタイトル定義 */
.blockTitleM {
	font-size:1.3em;
	padding:5px 0 15px 5px;
	font-weight:bold;
}


/* ----------------------------------------------------------------------
■ユーティリティ
---------------------------------------------------------------------- */

/* 属性そのものを非表示にする */
.skip {
	position: absolute;
	left: -999em;
}

.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFix { display: inline-table; }

* html .clearFix {height: 1%;}
.clearFix {display: block;}


/* ----------------------------------------------------------------------
■メイン・ユーザメニュー
　ＣＳＳデザイン
---------------------------------------------------------------------- */

/* メインメニュー */
#mainmenu a { display: block; margin: 0; padding: 4px; }
#mainmenu a:hover { }
#mainmenu a.menuTop { padding-left: 3px; }
#mainmenu a.menuMain { padding-left: 3px; }
#mainmenu a.menuSub { padding-left: 9px; }


/* ユーザーメニュー */
#usermenu a { display: block; margin: 0; padding: 4px; }
#usermenu a:hover { }
#usermenu a.menuTop { padding-left: 3px; }
#usermenu a.highlight { }


/* ----------------------------------------------------------------------
■ニュースモジュール
　フォントサイズ・余白間隔設定
---------------------------------------------------------------------- */

input.formButton {}

.item { border: 1px solid #8A9398; }
.itemHead { padding: 3px; }
.itemInfo { text-align: right; padding: 3px; }
.itemTitle a { font-size: 130%; font-weight: bold; font-variant: small-caps; }
.itemPoster { font-size: 90%; }
.itemPostDate { font-size: 90%; }
.itemStats { font-size: 90%; }
.itemBody { padding-left: 5px; }
.itemText { margin-top: 5px; margin-bottom: 5px; line-height: 1.5em; }
.itemFoot { text-align: right; padding: 3px; }
.itemAdminLink { font-size: 90%; }
.itemPermaLink { font-size: 90%; }


/* ----------------------------------------------------------------------
■フォーラム、イベント
　テーブルデザイン
---------------------------------------------------------------------- */

.head  { padding: 5px; font-weight: bold; }
.even { padding: 5px; }
.odd { padding: 5px; }
.foot { padding: 5px; font-weight: bold; }
tr.even td { padding: 5px; }
tr.odd td { padding: 5px; }

div.errorMsg { background-color: #fcc; text-align: center; border-top: 1px solid #ddf; border-left: 1px solid #ddf; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; font-weight: bold; padding: 10px; }
div.confirmMsg { background-color: #ddffdf; color: #136C99; text-align: center; border-top: 1px solid #ddf; border-left: 1px solid #ddf; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; font-weight: bold; padding: 10px; }
div.resultMsg { background-color : #ccc; color: #333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 10px; }

div.xoopsCode { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px; margin: .5em; }
div.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px; margin: .5em; }
.xoopsCode pre { font-size: 100%; margin: 0; padding: .5em; }
.xoopsQuote blockquote { margin: .5em; }

.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: #fff; 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; }


/* ----------------------------------------------------------------------
■XOOPSフォーム
　デザイン
---------------------------------------------------------------------- */
.xoopsForm {
	width: 100%;
	margin: 0 auto;
}

.xoopsFormHeader {
	margin: 1em 0 0;
	padding: .5em 10px;
	fontsize: 1em;
	color: #fff;
	background: #2F5376;
}

.xoopsForm fieldset,
.xoopsForm dl,
.xoopsForm ul {
	margin: 0;
	padding: .5em 0 1.3em;
	border-width: 1px;
	border-color: #776d6b;
	border-style: none none dotted none;
}
.fieldLast {
	border-bottom: none;
}
.label {
	clear: left;
	display: block;
	padding-top: .8em;
	padding-left: 10px;
	float: left;
	width: 140px;
	line-height: 2em;
}
.control {
	display: block;
	margin: 0 0 0 150px;
	padding-top: .8em;
	line-height: 2em;
}


/* ----------------------------------------------------------------------
---------------------------------------------------------------------- */
.btnMenu input {
	margin-bottom:5px;
	width: 140px;
	padding:3px;
	text-align: left;
	color:#778899;
	background-color:#FFFAFA;
	border: 1px solid #ccccc0;
}