@charset "Shift_JIS";
/*---------------------------------------*/
/* スタイルシートテンプレート            */
/* RAC専用２カラムデザイン               */
/* コメント 　　　　　　　　　         　*/
/* #でdiv idを指定、.で span classを指定 */
/* 2008.08.06　by suto　  　　　       　*/
/*---------------------------------------*/


/*------------------------------------*/
/*　基本設定                        　*/
/*  必要のない指定は削除してください  */
/*------------------------------------*/

/* ブラウザによる差異をクリア */
* {
	margin : 0px;
	padding : 0px;
	font-style : normal;
	text-decoration : none;
}

/* メインとスクロールバー（WINIE） */
/* フォントサイズは別CSSにて管理 */
html{
	scrollbar-face-color: #ffffff;               /* 表面の色 */
	scrollbar-arrow-color: #000000;              /* 矢印の色 */
	scrollbar-highlight-color: #ffffff;          /* ハイライトの色 */
	scrollbar-3dlight-color: #000000;            /* 左端と上端の色 */
	scrollbar-shadow-color: #ffffff;             /* 影の色 */
	scrollbar-darkshadow-color: #000000;         /* 右端と下端 */
	scrollbar-track-color: #ffffff;              /* バーの背景の色 */
}
body {
	background-color: #ffffff;                   /* 背景色 */
	color: #000000;                              /* 文字色 */
	text-align: center;                          /* テキストの行揃え*/
	margin: 0px;                                 /* 全体のマージン */
	font-size : small;
	line-height:150%;/*行の高さ*/
	letter-spacing: 0.05em;
}

/*段落*/
p {
	padding:5px;
}

p.info {
	padding-left:20px;
	
}
hr{
	border : 1px solid #777777;
	margin : 5px 0 5px 0;
}

#remarks {	
	font-size : x-small;
}

h1 {font-size : medium;
    font-weight : bold;
    padding : 5px;
	line-height: 120%;                          /* 行の高さ */
	word-spacing: 0.5em;                        /* 文字の間隔 */
	color : #330099;
}

h2 {font-size : medium;
    padding : 5px;
	line-height: 120%;                          /* 行の高さ */
	word-spacing: 0.5em;                        /* 文字の間隔 */
}

h3 {font-size : small;
    font-weight : bold;
    padding : 2px;
	line-height: 120%;                          /* 行の高さ */
	word-spacing: 0.5em;                        /* 文字の間隔 */
	color : #330099;
}

/* リンク */
/* link:リンク色 visited:訪問済みリンク hover:カーソルが乗った時に変化色 active:クリック時のリンク色 */
a:link {
	text-decoration: underline;
	color: #0033cc;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #000000;
	background: #cc9900;
}
a:active {
	text-decoration: underline;
	color: #000000;
	background: #cc9900;
}

/* 画像関係 */
img {
	vertical-align: middle;                  /* 画像の縦方向の位置揃え */
}

/* テーブル class="layout"でレイアウトを適用 */
table,th,td {
    padding : 3px;
	caption-side : top;
    }

table.layout {
	border-width: 1px;
    border-collapse : collapse;
    border-style : solid;
	border-color: #000000;
	caption-side : top;
	padding : 0px;
	margin : 0px;
	font-size: small;
}

table.layout th{
	border-width: 0 1px 1px 0;
    border-collapse : collapse;
    border-style : solid;
	border-color: #000000;
}

table.layout td {
	border-width: 1px;
    border-collapse : collapse;
    border-style : solid;
	border-color: #000000;
}
table.nospace,table.nospace td,table.nospace th{
	border: 0px;
	padding : 0px;
	margin : 0px;
	font-size: small;
}

}
.tb-bgc {
    background-color : #ffbb66;      /*テーブルセルの背景色を設定*/
    text-align : center;
}

.center{
	text-align:center;
	margin:0px auto;
}

.floatl{
	float : left;}

.floatr{
	float : right;
}


/*------------------------------------
     レイアウト設定                  
     数値はレイアウトに合わせて指定   
     必要のない指定は削除してください 
------------------------------------*/

/* 全体包括 */
#wrap {
     width : 840px ;
     border : 0px;
     margin : 0px auto;
     padding : 0px;
     background : url(image/background.gif) repeat-y;
}

/*　ヘッダーレイアウト　*/
#header {
	width: 800px;                               /* テーブル幅 */
	border-right: 1px solid #695130;                                /* テーブル外枠の太さと色 */
	border-left: 1px solid #695130;                                /* テーブル外枠の太さと色 */
	margin: 0px auto;                           /* マージン */
	padding: 0px;                               /* 枠から内容までの空間サイズ */
	background: #FFFFFF;                        /* 背景色 */
	text-align : center;
}

/*　ナビバー+本文レイアウト　*/
#container {
	border-top: 10px solid #695130;                                /* テーブル外枠の太さと色 */
    clear : both;
	width: 800px;                               /* テーブル幅 */
	border-right: 1px solid #695130;                                /* テーブル外枠の太さと色 */
	border-left: 1px solid #695130;                                /* テーブル外枠の太さと色 */
	margin: 0px auto;                           /* マージン */
	padding: 0px;                               /* 枠から内容までの空間サイズ */
	background : #ffffff;                        /* 背景色 */
    text-align : center;                        /* 文字位置 */
    background : #ffffff;
}

/*　ナビゲーションバーレイアウト　*/

#navi {                                            /* ナビバー大枠 */
	width: 150px;                                  /* テーブル幅 */
    border-right : 1px solid #695130;
    border-bottom : 1px solid #695130;
	margin: 0px;                                   /* マージン */
	padding: 0px;                                  /* 枠から内容までの空間サイズ */
	text-align: left;                              /* 文字位置*/
	float : left;
	font-size:75%;
    background : #ffffff;
}

/*　本文テキストエリアレイアウト　*/
#text_area {
	width: 630px;                               /* テーブル幅 */
	margin: 0px;                           /* マージン */
	padding: 10px 5px 0px 0px;                 /* 枠から内容までの空間サイズ */
	background: #ffffff;                        /* 背景色 */
	text-align: left;                           /* 文字位置 */
	line-height: 140%;                          /* 行の高さ */
	word-spacing: 0.5em;                        /* 文字の間隔 */
    float : right;                              /* 右寄せ */
    background : #ffffff;
}

/* リスト */
/* ieではテキストエリアのマージンを0にしている関係で、リスト表記がボックスに消えてしまう。
そのため、マージンを取って表示位置の調整をしてあげることが必要*/
#text_area li {
    margin : 0 0 0 30px;
}

.nolistmark{
    list-style:none;
}
/*フッ
横の影を下まで持ってくるためにダミーで挿入 */
#foot {
    clear : both;
    width : 800px;
    height : 10px;
    margin : 0px:
    background : #ffffff;
}

/*フッター 
下側の影用に*/
#footer {
    clear : both;
    width : 820px;
    height : 20px;
    margin : 0px auto;
    background : url(image/underbg.gif) no-repeat;
}