﻿@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* 特別な調整 */
* html #Days_body,* html #Main,* html #Wrapper,* html #Right,* html .block,* html #Main a,* html #Wrapper a,* html #Right a,* html #mainmenu a,* html #usermenu a {height: 1%;}

body {
	margin: 0;
	padding: 0;
	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: 85%; }
.small { font-size: 95%;}
.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: url(images/body_bg.gif) repeat; 
	margin: 0px 0px 5px 0px;
}
#Days_body {
	/* コンテンツ全体の色 */
	background-color:#FAF0E6;;
border-left: 1px solid #ffccd4
;
border-right: 1px solid #ffccd4;

border-bottom: 1px solid #ffccd4;
}

#cover {
	background-color:#FAF0E6;
border-right: 5px solid #ffccd4;
border-left: 5px solid #ffccd4;
}

#Main {
		background: url(images/bg_fabric_cotton_nep1.jpg) repeat;
}

#Right {
	background-color:#FAF0E6;

}

/* リンク色の設定 */
a {
	color:#e73557;
	text-decoration: none;
}

a:hover {
	color:#FF4500;
	text-decoration: underline;
}

/* サイト名文字色 */
.sitename { color:#fff; }
/* スローガン文字色 */
.slogan { color:#fff; }

/* メインブロックタイトル色 */
#Main .blockContent {
		background: url(images/bg_fabric_cotton_nep1.jpg) repeat;
}

/* 右ブロックタイトル色 */
#Right .blockTitle {
	color: #696969;
	background-color: #FAF0E6;
}

#Right .blockContent {
	background-color: #FAF0E6;
}

/* 中央ブロックのタイトル定義 */
.blockTitleM {
	color:#696969;
		background: url(images/bg_fabric_cotton_nep1.jpg) repeat;
}

/* メインメニューの色 */
#mainmenu {	background-color: transparent; } /* メニューのバックグラウンド */
#mainmenu a { background: transparent; }
#mainmenu a:hover {
	color:#990000;
	background-color: #FAEBD7;
}
#mainmenu a.menuTop { }
#mainmenu a.menuMain { }
#mainmenu a.menuSub { }

/* ユーザーメニューの色 */
#usermenu {	background-color: transparent; } /* メニューのバックグラウンド */
#usermenu a { background: transparent; }
#usermenu a:hover {
	color:#990000;
	background-color: #FAEBD7;
}
#usermenu a.menuTop { }
#usermenu a.highlight { background-color: #fcc; }

/* 右ブロックのa:hoverの背景色 */
#Right ul li a:hover {
	color:#990000;
	background-color: #FAEBD7;
}

/* ニュースモジュールの色 */
.itemHead { background-color: #383e58; color: #696969; }
.itemInfo { background-color: #F7F0EA; }
.itemTitle a { color: #FFFFFF; background-color: transparent; }
.itemBody { background-color: #EEF3EF; }
.itemFoot { background-color: #F7F0EA; }

/* フォーラム、イベントの色 */
.outer { border: 1px solid #5F6774; }
th { color:#FFF; background-color: #C3B9A0; }
.head  { background-color:#FFFFFF; }
.even { color:#696969; background-color: #EEF3EF; }
.odd { color:#696969; background-color: #F7F0EA; }
.foot { color:#696969; background-color: #E4EDE6; }
tr.even td { background-color: #EEF3EF; }
tr.odd td { background-color: #F7F0EA; }
tr.even td a { color: #e73557; }
tr.odd td a { color: #e73557; }

/* フッタの定義 */
#Footer {
	border-top:8px solid #663333;
	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; }
table { font-size:inherit; }
table td li { margin-left:24px; }/* FAQモジュールで必要な調整 */


/* ----------------------------------------------------------------------
■全体ブロックの定義
　サイト全体のレイアウトをここで決定する。
　#Days_body 親。
　#Main 中央。　#Right 右。
　
---------------------------------------------------------------------- */
/* サイト全体を統括する親DIV */
#Days_body {
	width: 890px; /* 全体の幅。これを変えたら、左右ブロックの幅も変えること */
	margin: 0 auto; /* autoで、firefox,safariで全体のセンタリング */
	text-align:left;
	font-size:100%;
}

/* メインとセンター画像を含有するブロック */
#cover {
	width:638px;
	margin:0;
	float: left;
        overflow:hidden; /* ブロックからはみ出した画像や文字列を隠す */
}

/* 中央ブロック */
#Main {
	width: 638px;
	margin:0px 0px 0px 0px;
	float: right;
	overflow:visible; /* ブロックからはみ出した画像や文字列をはみ出して見せる */
}

/* センターイメージ */
#CenterImage{
	width:0px;
	margin:0;
       	background: url(images/bg_content.jpg) repeat;
	float: left;
	overflow:hidden; /* ブロックからはみ出した画像や文字列を隠す */
}

/* 右ブロック（左ブロックもここに入っていく） */
#Right {
	width: 220px;
	margin:0px 10px 0px 10px;

	float: left;
	overflow:hidden; /* ブロックからはみ出した画像や文字列を隠す */
}

/* フッタの定義 */
#Footer {
	clear: both;
	width: 890px;
	margin:0;
	text-align:center;
}


/* ----------------------------------------------------------------------
■スローガンの定義
　ヘッダ部分に設置するスローガンの設定
---------------------------------------------------------------------- */

.slogan {
	padding-left:202px;
	color: #99829C;
}



/* ----------------------------------------------------------------------
■メニューの定義
　右ブロックのリンク定義
　中央は別デザインを設置する。
---------------------------------------------------------------------- */

#Right ul li {
	margin-right:0px;
	display:block;
	list-style:none;
	background:url(images/listmark.gif) no-repeat 0 50%;
}

/* リストマークの位置 */
#Right ul li { margin-left:0px; }
#Right ul li a {
	padding: 5px 0 5px 20px;
	display:block;
}

#Right ul li a:hover { }


/* ----------------------------------------------------------------------
■リストの微調整
　UL DL OL LI
---------------------------------------------------------------------- */
#Main .block ul, #right .block ul,
#Main .block dl, #Right .block dl,
#Main .block ol, #Right .block ol{
	margin:2px 0 2px 24px;
}

#Main li, .block li {
	list-style: disc outside;
list-style:none;
}

.blockContent {
	line-height:150%;
}


/* ----------------------------------------------------------------------
■XOOPSのカラムの設定
　中央右、中央左はフロートを使用する。
---------------------------------------------------------------------- */
#ModuleContents {
	margin: 10px 0 0 0;
	padding: 10px;
	position: relative;
	background: transparent;
}
#Wrapper {
	margin: 0;
	padding: 0;
	position: relative;
}


/* 右ブロックの枠 */
.block {
	background: #FFFFFF;
	margin: 10px 0 0 5px;
	padding: 0;
}

/* 中央-左ブロックの定義 */
#cLeft {
	float:left;
	width: 50%;
}


/* 中央-右ブロックの定義 */
#cRight {
	float:left;
	width: 50%;
}


/* ----------------------------------------------------------------------
■ブロックタイトルのデザイン設定
　左右のブロックタイトルは同じデザイン。
　中央は別デザインを設置する。
---------------------------------------------------------------------- */
/* 右メニューのタイトル定義 */
#Right .blockTitle {
	font-size:1.1em;
	font-weight: bold;
	padding:8px 0 5px 10px;
}

/* 中央ブロックのタイトル定義 */
.blockTitleM {
	font-size:1.1em;
	padding:13px 0 15px 15px;
	font-weight:bold;
}

#Main .blockContent {
	padding: 1em;
}

#CenterImage{
	padding:0;
}

.imageLogo {
	padding-left: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #B5907D;
}

/* ----------------------------------------------------------------------
■ユーティリティ
---------------------------------------------------------------------- */

/* 属性そのものを非表示にする */
.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 #696969; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px; margin: .5em; }
div.xoopsQuote { background: #fff; border: 1px inset #696969; 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;
	font-size: 1em;
	color: #fff;
	background: #BC8F8F;
}

.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;
}


/* ----------------------------------------------------------------------
■666days用ＣＳＳデザイン
　通常のダウンロードユーザは削除しても構いません。
---------------------------------------------------------------------- */
.btnMenu input {
	margin-bottom:5px;
	width: 140px;
	padding:3px;
	text-align: left;
	color:#996666;
	background-color:#FFFAFA;
	border: 1px solid #ccccc0;
}


