@charset "UTF-8";
/* CSS Document  2009-03-20T23:42:00+09:00　by A10*/

/* Generic font families */
/*  フォント  一般名     */
/*　　serif(セリフ)           : ひげ付き
　　　　　サンプル-日本語: Ryumin Light-KL, Kyokasho ICA, Futo Min A101
　　　sans-serif(サンセリフ)  : ひげ無し
　　　　　サンプル-日本語: Shin Go, Heisei Kaku Gothic W5
　　　cursive(カージブ)       : 手書き風
　　　　　サンプル-日本語: 
　　　fantasy(ファンタジ)     : 装飾タイプ
　　　　　サンプル-日本語: 
　　　monospace(モノスペース) : 等幅タイプ
　　　　　サンプル-日本語: Osaka Monospaced
*/

/*--------------------------------------------------------
  --------------------------------------------------------
   全体のベース部分
  --------------------------------------------------------
----------------------------------------------------------*/
/* 全体のベース:	フォント指定 */
body,td,th {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, sans-serif;
}
a {
	margin: 0px;
	padding: 0px;
}
a:link {							/* リンク状態:未クリック */
	color: #0000FF;
	text-decoration: underline;
}
a:visited {							/* リンク状態:クリック済み */
	text-decoration: underline;
	color: #000000;
}
a:hover {							/* リンク状態:カーソルがリンク上にある時 */
	color: #000066;
	background-color: #cccccc;
}
a:active {
	color: #adfcff;
}

/* 全体のベース:	デフォルト変更
--------------------------------------------------------------------*/
p {
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
li {
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
}

/* 全体のベース:	ブロックテクニック
--------------------------------------------------------------------*/
.clearfix:after {					/*clearfix for IE6*/
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix { display:inline-block; }	/*clearfix for IE7*/

/* テスト用:
--------------------------------------------------------------------*/
.testBackground-Black{					/* バッググランド-黒指定 */
	background-color: #000000;
}

/* ブロック指定
--------------------------------------------------------------------*/
#container {							/* container				*/
	color: #000000;						/* 文字の色					*/
	background-color: #FFFFFF;			/* バックグランドの色		*/
	font-size: 12px;
	width: 950px;						/* 幅						*/
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
#header {								/* header					*/
	clear: both;
}
#breadcrumbs-list {						/* breadcrumbs-list			*/
	clear: both;
}
#content {								/* content					*/
	clear: both;
}
#footer {								/* footer					*/
	width: 950px;						/* 幅						*/
	clear: both;
}
#powered-by {							/* powered-by				*/
	width: 950px;						/* 幅						*/
	clear: both;
}

/* header内指定
--------------------------------------------------------------------*/
#header-container {						/* header					*/
	width: 100%;						/* 表示幅 100% */
	background-color: #FFFFFF;
}
#header-logo {
	width: 110px;						/* 表示幅 110 */
	background-color: #FFFFFF;
	float: left;
	padding-left: 100px;
}
#header-logo img{
	display: block;
	margin: 0px;
	padding: 0px;
}
#header-navigation-main {
	display: block;
	float: right;
	padding-left: 200px;
	padding-right:50px;
	background-color: #FFFFFF;
}
#header-navigation-sp {
	display: block;
	content: ".";
	height: 55px;
	background-color: #FFFFFF;
}
#header-navigation-main ul, header-navigation-main li, header-navigation-main a {
	display: block;
	margin: 0px;
	padding: 0px;
}
#header-navigation-main li {
	float: left;
	list-style: none;
	font-size: 12px;
	white-space: nowrap;
}
#header-navigation-main a {
	display: block;				/* インライン要素の「a」をブロック要素に設定*/
	height: 1em;				/* ブロック要素: 高さ指定 */
	float: left;				/* 左回り込みブロック-ブロック要素なので「a」リンクの前後に改行が入るのをfloatで制御 */
	background-color: #CCCCCC;
	text-decoration: none;		/* リンクの下線を消す */
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
}
#header-navigation-main a:link {				/* リンク状態:未クリック */
	color: #0000FF;
}
#header-navigation-main a:hover {				/* カーソルがリンク上にある時の色を設定 */
	color: #FF0000;
	background-color: #666666;
}
#header-navigation-main a:visited {				/* リンク状態:クリック済み */
	color: #000000;
}
#header-navigation-main a:active {
	color: #adfcff;
}

/* breadcrumbs-list内指定
--------------------------------------------------------------------*/
#breadcrumbs-list-container {					/* パンくず */
	display: block;
	margin: 0px;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-right: 0px;
}
#breadcrumbs-list-container ul, breadcrumbs-list-container li, breadcrumbs-list-container a {
	display: block;
	margin: 0px;
	padding: 0px;
}
#breadcrumbs-list-container li {
	float: left;
	list-style: none;
	font-size: 1em;
	padding-left: 3px;
	padding-right: 3px;
}
#breadcrumbs-list-container a {
	display: block;				/* インライン要素の「a」をブロック要素に設定*/
	height: 1em;				/* ブロック要素: 高さ指定 */
	float: left;				/* 左回り込みブロック-ブロック要素なので「a」リンクの前後に改行が入るのをfloatで制御 */
}

/* content内指定
--------------------------------------------------------------------*/
#content-in {							/* 内容 */
	width: 100%;						/* 表示幅 100% */
	background-color: #FFFFFF;
}
#content-main {							/* メインの内容 */
	width: 100%;						/* 表示幅 100% */
	background-color: #FFFFFF;
}
#content-relation {						/* 関連情報 */
	width: 100%;						/* 表示幅 100% */
	background-color: #FFFFFF;
}
#navigation-sitemap {					/* サイトマップ */
	width: 100%;						/* 表示幅 100% */
	background-color: #FFFFFF;
}
/* footer内指定
--------------------------------------------------------------------*/
#footer-copyright {
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
	text-align: center;
}
#footer-browser {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
#footer-w3c {
	float: left;
	margin-right: 10px;
}
#footer-browser-version {
	margin-left: 10px;
	font-size: 12px;
	color: #66CCCC;
	text-align: left;
}
/* powered-by内指定
--------------------------------------------------------------------*/
#powered-by-url {
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 25px;
	margin-left: auto;
	color: #666666;
	text-align: right;
}
