@charset "UTF-8";

/*
===============================================================================
/css/public.css
全てのページに適用される共通のスタイルシートです。
===============================================================================*/

/*-----------
Shared Styles
-------------*/

/* [HTML Tag] body		背景、余白、フォントサイズの指定
						ポップアップ等背景画像や余白が不要なページでは、body タグに plain クラスを指定
===============================================================================*/
body {
	margin:0 12px;
	padding:0;
	background:#fff url("../images/mainbg.gif") repeat-y left top;
	color:#333;
	
	font-size:81.25%;

	width:762px;
}
body.plain {
	width:auto;
	margin:0;
	padding:0;
	background:#fff;
}

/* [HTML Tag] td, th	フォントサイズの指定
===============================================================================*/
td, th {
	font-size:81.25%;
	f\ont-size:100%;
}

/* [HTML Tag] h1, h2, h3, ...	画像で構成されるタイトルの余白の指定と、Hx タグで囲まれた画像の表示の指定
===============================================================================*/
h1, h2, h3 {
	margin:0;
	padding:0;
}
h1 img, h2 img, h3 img, h4 img, h5 img {
	display:block;
}

/* [HTML Tag] hr		hr タグは通常表示しない（スタイルシート無効の場合表示。非対応ブラウザおよびテキストブラウザでの可読性向上のため）
===============================================================================*/
hr {
	display:none;
}

/* [HTML Tag] form		余白の指定
===============================================================================*/
form {
	margin:0;
	padding:0;
}

/* [HTML Tag] address	フォントの指定
===============================================================================*/
address {
	font-style:normal;
	line-height:1.2em;
}

/* [HTML Tag] label		フォームのラベル
						カーソルをリンクと同じに
===============================================================================*/
label {
	cursor:pointer;
}

/* [HTML Tag] p			行間・上下の余白
===============================================================================*/
p {
	line-height:1.4em;
	margin:1.4em 0;
}

/* [HTML Tag] a			デフォルトのリンク色
===============================================================================*/
a:link {
	color:#2353A5;
}
a:visited {
	color:#90529d;
}

/* [HTML Tag] aタグの中のimgタグ	枠の消去
===============================================================================*/
a img {
	border:none;
}

/* [Class] menuクラス	メニューに使用するul・olタグへの余白と表示の指定。
						リストタグでメニューを構成する場合、リスト頭の点を取る。
===============================================================================*/
ul.menu, ul.menu li, ol.menu, ol.menu li {
	margin:0;
	padding:0;

	list-style:none;
	display:block;
}
ul.menu a, ul.menu a {
	display:block;
}

/* [Class] textクラス	通常のテキストのリストとして、行間をつけたい場合使用
===============================================================================*/
ul.text, ol.text {
	line-height:1.2em;
}

/* [Class] rolloverクラス		内容の画像をロールオーバーさせるaタグのの初期設定
===============================================================================*/
a.rollover {
	display:block;
	background-position:left top;
	background-color:transparent;
	background-repeat:no-repeat;
}
a.rollover img {
	width:100%;
	height:100%;
	border:0;
}
a.rollover:hover {
	visibility:visible;
}
a.rollover:hover img {
	visibility:hidden;
}
a.current img {
	visibility:hidden;
}


/* [Class] auralVisibleDisplayNoneクラス		ビジュアルブラウザには表示されないが、読み上げブラウザで読み上げることのできるようにする設定
												（トリックであるため、各種読み上げブラウザがウェブ標準対応後に再チェック必要）
===============================================================================*/
.auralVisibleDisplayNone {
	position:absolute;
	left:-1990px;
	width:900px;
}

/* [Class] textForPrintMediaクラス		印刷時のみ出力される項目（主にテキスト）にする設定
===============================================================================*/
.textForPrintMedia {
	display:none;
}

/* [Class] clearFixクラス		このエレメントより前（上）のエレメントのfloatを全て解除する
								通常、それまでのエレメントのfloatを解除する場合、解除したい部分のエレメントにclearを指定します。
								しかし、MacIE のバグにより、clearを指定したエレメントの子エレメントでは、floatを使用できなくなってしまいます。
								そのため、そうした場合にclearするだけの捨てエレメントを用意して利用します。
===============================================================================*/
.clearFix {
	clear:both;
	height:0;
	margin:0;
	padding:1px 0 0 0;
	font-size:0;
	line-height:0;
}
/* \*/
* html .clearFix {
	padding:0;
}
/* */

/* [CLASS] pagetop			ページトップボタン
===============================================================================*/
/* IE5.x 用 */
.pagetop {
	display:block;
	position:relative;
	width:71px;
	left:434px;
	margin:0 0 48px auto;
}

/* その他 （セレクタ内に \ がある場合エスケープされ、0-9、a-f までの文字が続く場合のみ、16進数として解釈されます。
　　　　　　IE5.x は、それ以外の文字についてもエスケープしてしまい、このスタイル指定全体を無視します。）*/
.page\top {
	position:static;
	margin-right:30px;
}


/* [CLASS] pdf			PDFアイコンが付きます
						インラインエレメント用
===============================================================================*/
.pdf {
	padding-left:16px;
	background:transparent url("../images/getacrobat.gif") no-repeat left center;
	white-space:nowrap;
}

/* [CLASS] pdfBlock		PDFアイコンが付き、背景色がひかれます。
						ブロックエレメント用
===============================================================================*/
.pdfBlock {
	padding:8px 6px 8px 26px;
	background:#f0f0f0 url("../images/getacrobat.gif") no-repeat 11px 10px;
	
	line-height:1.2em;
}

/* [CLASS] kanrenLink		関連リンクアイコン
							DLをinlineに
===============================================================================*/
.kanrenLink {
	padding-left:16px;
	background:transparent url("../images/kanren_link.gif") no-repeat 0em 0.2em;
	white-space:nowrap;
	float:right;
	font-size:87.5%;
	
	line-height:1.5em;
}
.kanrenLink dl, .kanrenLink dd, .kanrenLink dt {
	display:inline;
	margin:0;
}
.kanrenLink dd {
	color:#868686;
}

/* [CLASS] kanrenLink2		関連リンクアイコン
							DLをinlineに
===============================================================================*/
.kanrenLink {
	padding-left:16px;
	background:transparent url("../images/kanren_link.gif") no-repeat 0em 0.2em;
	white-space:nowrap;
	font-size:87.5%;
	
	line-height:1.5em;
}
.kanrenLink dl, .kanrenLink dd, .kanrenLink dt {
	display:inline;
	margin:0;
}
.kanrenLink dd {
	color:#868686;
}



/* [CLASS] flowLeft			左に寄り、右に文章を流します。また、右と下に余白をつけます。
							（主に画像に使用）
===============================================================================*/
.flowLeft {
	margin:1.8em 18px 12px 0;
	float:left;
} html>body .flowLeft {margin-top:0;}

/* [CLASS] flowRight		右に寄り、左に文章を流します。また、左と下に余白をつけます。
							（主に画像に使用）
===============================================================================*/
.flowRight {
	margin:1.8em 0 12px 18px;
	float:right;
} html>body .flowRight {margin-top:0;}

/* [CLASS] footRight		執筆者、執筆日付等、文章末尾に右寄せで表示されるテキスト
===============================================================================*/
.footRight {
	text-align:right;
}

/* [CLASS] name				名前、固有名詞など、途中で改行しないようにする設定
===============================================================================*/
.name {
	white-space:nowrap;
}

/* [CLASS] title			肩書きや添え書きなど、主となるものの横につくテキスト等を小文字にする設定
===============================================================================*/
.addition {
	font-size:84.7%;
}



/*-----------
Element Styles
-------------*/


/* [ID] footerMenu		フッタのメニュー
===============================================================================*/
#footerMenu {
	padding:0 0 7px;
	margin:0 0 23px 20px;
	
	display:inline;/* WindowsIE で float したオブジェクトのマージンが倍になるバグをフィックスするためのトリック */

	float:left;
	background:#384663;

	width:304px;
	height:24px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:17px;
} html>body #footerMenu {height:17px;}
#footerMenu li {
	display:inline;
}
#footerMenu li a {
	float:left;
}

/* [CLASS] mailform			メールニュースで使用するフォーム部分
===============================================================================*/
.mailform {
	position:relative;
	
	margin:10px auto;
	padding:25px 0 0 20px;
	
	text-align:left;
	background:transparent url("../mailnews/images/mailform_bg.gif") no-repeat left top;

	width:291px;
	height:100px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:271px;
	height:75px;
} html>body .mailform {width:271px;height:75px;}
.onetext {
	padding-top:35px;
	background-image:url("../mailnews/images/mailform_one_bg.gif");

	height:70px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:35px;
} html>body .onetext {height:35px;}
.mailform input {
	vertical-align:middle;
}
.mailform .text {
	width:212px;
}
.mailform .text2 {
	position:absolute;
	width:212px;
	top:68px;
	left:20px;
}
.mailform .submit {
	position:absolute;
	top:68px;
	left:240px;
}
.onetext .submit {
	top:38px;
}

/* [ID] copyright		ページ末尾のコピーライト表記
===============================================================================*/
#copyright {
	margin:0;
	padding:0 0 7px;

	float:left;
	background:#384663;
	
	width:394px;
	height:24px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:17px;
} html>body #copyright {height:17px;}