/*========================================================

		なんきょく工房 2009-11 版
		 Webサイトレイアウト定義スタイルシート

========================================================*/
/*
	#で始まるID要素は１個のHTML中1回だけしか使えない
	.で始まるクラス要素は何度でも使える
*/

/* body タグ内の要素定義 */
A:link    {color: #2758c9; } 
A:visited {color: #9399EC; } 
A:active  {color: #0FE8C1; }
 
/* ベースフィールド */
#PageLayout{
	font-family: "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif ;
	font-size:14px;

	background-color:#e4e0dc;
	margin: 0px 0px 0px 0px;
	/*padding: 0px 0px 0px 0px;*/
	text-align:center;
	/*background-image: url('class/back.jpg');*/
}

/* コンテンツエリアを定義するコンテナ*/
#Container{
	margin-top:0px;
	margin-bottom:0px;
	margin-right: auto; /* Opera FireFoxではこれが必要 (IEはなくても期待通りになる)*/
	margin-left: auto;  /* Opera FireFoxではこれが必要 (IEはなくても期待通りになる)*/
	padding: 0px;
	text-align:center;
	/*background-color:#FFFFFF;*/
	width:840px;	
	background-color:#FFFFFF;
}

/*トップバーボトムバーをのぞいたコンテンツ領域*/
.ContentsField{
	width:840px;	
	background-image: none; 
	/*background-color:#FFFFFF;*/
}

/* なんきょく工房タイトル画像*/
.NanokyokuTitleImage{
	border: 0px;
	margin-top:16px;
	margin-bottom:8px;
}

/* なんきょく工房ヘッドメッセージ*/
.HeadMessage{
	text-align:center;
	font-size:14px;
	margin-top:8px;
	margin-bottom:8px;
}

/* TopBar BottomBarを定義するバナーフィールド */
#TopBannerField{
	background-image: url('class/topbar.png');
	width : 840px;
	height: 64px;
	border-width:0;
	border-style : none;
	padding: 0px;
	clear:left;
	text-align:left;
}
#BottomBannerField{
	background-image: url('class/bottombar.png');
	width : 840px;
	height:48px;
	border-width:0;
	border-style : none;
	padding: 0px;
	clear:left;
	text-align:center;
}

/*==============================================================*/
/*バーのロゴ*/
.TopBarLogo
{
    padding-left:16px;
    padding-top:8px;
}

.FootBarLogo
{
    padding-top:8px;
}

.LogoImage{
	border-style:none;
}

/*==============================================================*/
/*Index HTMLのみのスタイル*/
/*メインメニューフィールド*/
#MainMenuField{
	width : 200px;
	border-style:none;

	margin: 0px 0px 0px 0px;   /*IE以外 (Opera FireFox)できれいに対応させる場合は明示的に指定する必要がある*/

	padding-top: 5px;
	padding-left: 7px;
	padding-bottom: 5px;
	padding-right: 0px;

	float : left;
}

/*メインフィールド*/
#MainIndexField {
	/* border-width:0px; */
	/*border-style : none; */
	width : 600px;
	float : left;	 
	border-left: 1px solid #1F1D1B;
	
	padding-left:16px;
	padding-right:16px;
	margin-left: 8px;	/*IE以外 (Opera FireFox)できれいに対応させる場合は明示的に指定する必要がある*/
	margin-top: 0px;	/*IE以外 (Opera FireFox)できれいに対応させる場合は明示的に指定する必要がある*/
	margin-right:8px;	/*IE以外 (Opera FireFox)できれいに対応させる場合は明示的に指定する必要がある*/
	margin-bottom:0px;	/*IE以外 (Opera FireFox)できれいに対応させる場合は明示的に指定する必要がある*/

	padding: 5px 5px 2px 5px;
}
/*==============================================================*/

/*過去ログ*/
.PreviousContents{
	margin-top:12px;
	margin-bottom:8px;
	font-size:16px;
}

/*==============================================================*/
/*リンクボタン*/
.MenuLinkButton{
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
	margin-bottom:2px;
	text-align:center;

	/*font-family: "A-OTF 新ゴ Pro M", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif ;*/
	font-family: "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif ;
	font-size:14px;
	font-weight:normal;
	border: 1px #C0C0C0 solid;
	background-color:#F0F0F0;
}

.MenuLinkExplain{
	font-size:10px;
	margin-top:1px;
	margin-bottom:8px;
}

/*リンクボタンテキスト*/
.MenuLinkButtonLinkText{
	padding-top:1px;
	padding-bottom:1px;
	display:block;
	font-size:14px;
	font-weight:normal;
}
A.MenuLinkButtonLinkText:link{
	color: #2758c9;
	text-decoration:none;
}
A.MenuLinkButtonLinkText:visited{
	color: #2758c9;
	text-decoration:none;
}
A.MenuLinkButtonLinkText:hover{
	color: #2758c9;
	background-color:#ddd9c6;
	text-decoration:none;
}
/*==============================================================*/


/* テキストメニューキャプション */

/* コメントのキャプション */
.TopCommentCaption{
	margin-top:4px;
	margin-bottom:16px;
	font-size:14px;
}
/* トピックのキャプション */
.TopTopicCaption{
	margin-top:2px;
	margin-bottom:12px;
	font-size:10pt;
}
/*画像スタイル*/
.TopImage{
	border-width: 0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;		
}

/*DivLine*/
.TopDivideLine{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;	
	text-align:center;

	height:28px;
	width:480px;
	border-top:1px #808080 dotted;
}

.NoFrameImage{
	margin-top:2px;
	margin-bottom:2px;
	border-width: 0px;
}

/*携帯用ページへのリンク*/
.MainMenuMobileLink{
	margin-left:16px;
	text-align:left;
	font-size:xx-small;
}

/*区切り線*/
.MainMenuDiv{
	margin-top:4px;
	margin-bottom:6px;
	margin-left:0px;
	margin-right:0px;
}

.FooterLink{
	/*line-height:64px;*/
	margin-bottom:24px;
	margin-top:24px;	
}

.CMFrame{
	font-size:14px;	
}
.RSSDisplayText{
	font-size:12px;
	margin-top:2px;
	margin-bottom:2px;
}

.KogadoFrame {
	text-align:center;
	font-size:12px;
	margin-top:4px;
	margin-bottom:4px;
}

/*HTTPD*/
.DocumentField
{
	margin-left:64px;
	margin-right:64px;
	margin-top:48px;
	margin-bottom:48px;
	
	text-align:left;
}
	
.ErrorMessageCaption
{
	font-size:16px;
	font-weight:700;
}
.ErrorMessageText
{
	font-size:14px;
}

.ServerName{
	font-size:12px;
	text-align:right;
	}
}