@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 750px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */

/* border-left: 1px #c0c0c0 solid; */ /* 左枠線 */
/* border-right: 1px #c0c0c0 solid; */ /* 右枠線 */

font-size: 80%;
}



#containerInner {
width: 100%;
background: url(sidebar_180.gif) repeat-y right; /* 右サイドバーの背景画像 */
}

/* --- ヘッダ --- */
#header {
background-color: #ffffff; /* ヘッダの背景色 */
height:200px;
}
#header p {
    text-align:center;
}
/* --- ナビゲーション --- */
#nav {
width: 185px; /* 左サイドバーの幅 */
background-color: #ffffff; /* #FFF9F4;  #FFF1DB; */
padding-top : 0px;
}

.lst ul  { margin-top: 0px; margin-bottom: 15px; margin-left: 30px }
.lst li {
    margin: 0px 0px 0px -10px;
    padding: 0px 0px 0px -10px;
    }
.lst li a { color: #00568f; text-decoration: none }
.lst li a:hover { color: #f63 }
.lst li a:link    { color : #00f ; text-decoration : none ; }
.lst li a:visited { color : #369 ; text-decoration : none ; }
.lst li a:hover   { color : #f00 ; text-decoration : underline ; }
.lst li a:active  { color : #f60 ; text-decoration : underline ; }


/* --- メインカラム --- */
#content {
float: left;
width: 650px; /* メインカラムの幅 */
padding-top : 10px;
}

/* --- サブナビゲーション --- */
#aside {
float: left;
width: 155px; /* 右サイドバーの幅 */
padding-top : 10px;
}

/* --- フッタ --- */
#footer {
margin-top : 10px;
padding-top: 10px;
clear: left; /* フロートのクリア */
width: 100%;
background: url(../images0811/bgmat.gif) repeat-x left; /* 背景画像 */
/* background-color: #ffe080; */ /* フッタの背景色 */
border-top: 1px #c0c0c0 solid; /* 上枠線 */
border-bottom: 1px #c0c0c0 solid; /* 下枠線 */
}
#footer p{
margin  : 5px 0px 5px 0px;
padding : 5px 0px 5px 0px;
text-align:center;
}




/* --- ナビゲーションバー --- */
.nav {
width: 150px; /* ナビゲーションの幅 */
font-size: 80%;
border-right: 1px #c0c0c0 solid; /* 右枠線 */

}


/* --- メニューエリア --- */
.nav .nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav .nl li {
background: #ffffff url(../images0811/ver_menu3_back.gif) repeat-x top; /* 項目の背景 */
border-bottom: 1px #cccccc solid; /* 項目の下枠線 */
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 11px 10px 11px 12px; /* リンクエリアのパディング（上右下左） */
background: url(../images0811/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: url(../images0811/ver_menu3_on.gif) no-repeat 3px; /* ポイント時の三角マーク */
}


/* --- ボックス_150 --- */
.section_150 {
width: 150px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../images0811/maru1_150_bottom.gif) no-repeat bottom; /* ボックスの背景 */
line-height:180%;
}

/* --- 見出し_150 --- */
.section_150 h2 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../images0811/maru4_150_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size: 110%; /* 見出しの文字サイズ */
color: #413318;
}

/* --- ボックス内の段落_200 --- */
.section_150 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}


/* --- ボックス内の装飾_150 --- */
.section_150 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}
.section_150 ul,li { margin: 0px; padding: 0px }
.section_150 ul  { margin-top: 5px; margin-bottom: 10px; margin-left: 25px }
.section_150 li { line-height: 130%; margin-left:5px;margin-right:5px; margin-bottom: 5px; list-style: url(../images0811/ver_menu3_off.gif);}
.section_150 li a { color: #00568f; text-decoration: none }
.section_150 li a:hover { color: #f63 }
.section_150 li a:link    { color : #00f ; text-decoration : none ; }
.section_150 li a:visited { color : #369 ; text-decoration : none ; }
.section_150 li a:hover   { color : #f00 ; text-decoration : underline ; }
.section_150 li a:active  { color : #f60 ; text-decoration : underline ; }


#banner {
    float:right;
    margin :5px 5px 0px 10px;
    padding:5px 5px 0px 10px;

}