@charset "Shift_JIS";

/** --- 全体要素 --------------------------------------------　 **/
body {
margin: 0 auto; padding:0 ;
background-color:#eeeeee;
font-size: 12px; color:#333333;line-height:1.4em;
}
/** -----------------------------------------------------end  **/

/** --- コンテナ（大枠） ----------------------------------------  **/
#container {
background-color:#ffffff;
width: 730px; /* ページの幅 */

position:absolute; /* センタリング */
left: 50%;
margin: 0 0 0 -385px; ; 
padding: 20px;

border-left: 1px #cccccc solid; /* 左枠線 */
border-right: 1px #cccccc solid; /* 右枠線 */
border-top: 1px #ffffff solid; /* 上枠線 */
border-bottom: 1px #ffffff solid; /* 下枠線 */
}
/** ---------------------------------------------------------end **/

/** --- ヘッダ -------------------------------------------------  **/
#header {
width:730px; margin:auto;
padding:0 0 15px 0;
border="0" cellspacing="0" cellpadding="0"
background-color: #ffffff; /* ヘッダの背景色 */
}
/** ----------------------------------------------------------end **/

/** ---ページボディー　------------------------------------------- **/
#pagebody {
background-color:#ffffff;
width: 730px; /* ページの幅 */
margin: 0 auto; /* センタリング */
}
/** ---------------------------------------------------------end **/

/** --- ヘッダー　ナビゲーション ------------------------------------ **/
.headerNav {
font-size: 80%;
}
/* --- メニューエリア --- */
.headerNav .nl {
margin: 0;
padding: 0;
list-style-type: none;
text-align: right; /* メニューの右寄せ */
}
/* --- メニュー項目 --- */
.headerNav .nl li {
margin: 2px 2px; /* 項目のパディング（上下、左右） */
display: inline;
}
/** -----------------------------------------------------------end **/

/** --- リストエリア （パンくず）---------------------------------------- **/
.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}
/* --- リスト項目 --- */
.topicPath li {
display: inline;
}
/* --- リンク --- */
.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(img/topic_path2.gif) no-repeat right; /* 区切りの記号 */
}
/** ------------------------------------------------------------end **/

/** --- コンテンツ-------------------------------------------------- **/

#contents {
width: 730px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* 右背景 */
}

/* --- 左メニュー --- */
#left {
float: left;
width: 160px; /* サイドバーの幅 */
}

/* --- ナビゲーションバー --- */
.nav2 {
width: 150px; /* ナビゲーションの幅 */
font-size: 100%;
}

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

/* --- メニュー項目 --- */
.nav2 .nl li {
background: #ffffff url(img/ver_menu_back02.gif) repeat-x top; /* 項目の背景 */
border-bottom: 1px #cccccc solid; /* 項目の下枠線 */
border-right: 1px #cccccc solid; /* 項目の右枠線 */
border-left: 1px #cccccc solid; /* 項目の左枠線 */
}

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



/* --- 右（メイン）メニュー --- */
#right {
float: left;
width: 570px; /* メインメニューの幅 */
}




#content h1 {
margin: 0;
padding-bottom:11px;
font-size: small;
}

#content p {
margin: 0;
padding-top:11px;
padding-bottom:11px;
font-sie: x-small ;
}

#content .lead p {
font-size:small;
line-height:1.3;
color: #333333;
}
/** ------------------------------------------------------------end **/

/** --- ナビゲーションバー（横メニュー） ----------------------------------- **/
.nav {
width:100%;
margin-bottom:5px;
background: #ffffff url(img/hor_menu3_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #cccccc solid; /* 上枠線 */
border-bottom: 1px #cccccc solid; /* 下枠線 */
font-size: 105%;
font-weight: bold; 
}

/* --- メニューエリア --- */
.nav .nl {
width:94% ;
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #ffffff url(img/hor_menu3_off.gif) repeat-x top; /* メニューの背景 */
border-left:1px  #cccccc solid; /* メニューの左枠線 */
border-right: 1px #ffffff solid ; /*メニューの右枠線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
width: 20%; /* 項目の幅 */
float:left;
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 2px 2px; /* リンクエリアのパディング（上下、左右） */
border-top:1px  #ffffff solid; /* リンクエリアの上枠線 */
border-bottom:1px  #808080 solid; /* リンクエリアの下枠線 */
border-left:1px #ffffff solid; /* リンクエリアの左枠線 */
border-right:1px #cccccc solid; /* リンクエリアの右枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #ffffff url(img/hor_menu3_on.gif) repeat-x top; /* ポイント時の背景 */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/** --------------------------------------------------------------end **/

/** --- フッタ- ------------------------------------------------------- **/
#footer {
height:30px;
text-align: center ;
margin: 0 auto; /* センターに配置 */
background-color: #ffffff; /* フッタの背景色 */
color: #333333; /* 文字色 */
clear: left; /* フロートのクリア */
}
/** -------------------------------------------------------------end **/






/** ---見出し文字の設定----------------------------------------------**/
h1{
    color: #000000; 
    border: solid;
    border-width: 0px 0px 1px 10px;
    padding: 4px;
    width:530px;
    border-color: #ff9900;
    font-size: 110% ;
    }

h2{
    color: #000000; 
    border: solid;
    border-width: 1px 1px 1px 10px;
    padding: 4px;
    border-color: #0099cc;
    width:200px;
    font-size:110% ;
}

h3{
    color: #000000; 
    border: solid;
    border-width: 0px 0px 1px 10px;
    padding: 4px;
    width:500px;
    border-color: #ff9900;
    font-size: 12pt ;
}

h4{
    color: #000000; 
    border: solid;
    width:180px;
    border-width: 1px 1px 1px 10px;
    padding: 4px;
    border-color: #0099cc;
    font-size: 100%;
    text-align:center;
}

h5{
    padding: 2px;
    font-size: 12pt ;
　  color: #666666 ;
    padding: 4px;
    margin: 2px ;
}

h6{
    padding: 2px;
    font-size: 100% ;
　  color: #666666 ;
    padding: 4px;
    margin: 2px ;
}


/** --------------------------------------------------------end **/

/* ---リンク --- */
a:link { color:#333333;}
a:visited { color: #333333;}
a:hover { color: #ff9933;  text-decoration: underline; } 
a:active { color: #ff9933; }
a { 
text-decoration: none; 
} 


/**---　リスト --------------------------------------------------**/
.ul {
list-style-type: square;
color :#333333;
font-size: 90%;
} 

p {
font-size: 12px;color:#333333;line-height:1.4em;
}


.word { word-spacing: 2em; 
}