@charset "utf-8";

/*
===========================================================
	［OJTsite］index.css ver 1.0 [2009/11] ナビゲート
===========================================================
*/
/*=====テキスト====*/
/*エントリーページ*/
#leftZone_entry p {
 line-height: 1.7;  }
#colZone h4 {
 color:         #5c9f6d;
 font-size:     115%;
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 padding-bottom: 1px;
 padding-left:  0;
 border-bottom: 2px solid #b4d9af; }
h4.tit {
 background-color: #bae9ab;
 width: 90%;
 margin-right: auto;
 margin-left: auto;
 padding: 3px 3px 3px 10px; }

h5.buletL {
 background-image: url(../../imagesN/bulet_L.gif);
 background-repeat: no-repeat;
 background-position: 0 center;
 margin-right:     auto;
 margin-left:      auto;
 padding:          3px 3px 3px 23px;
 width:            87%; }
h5.tit {
 background-repeat:   no-repeat;
 margin-right:        auto;
 margin-left:         auto;
 padding:             3px 3px 3px 0;
 width:               87%;
 margin-top: 20px;
 border-bottom: 3px solid #bae9ab; }
ul.size80 {
 font-size: 13px;
 width: 80%;
 margin-right: auto;
 margin-left: auto; }
/**/
/*=====Zone====*/
#leftZone_entry {
  }
#colZone {
 width: 98%;
 clear: both;
 margin-right: auto;
 margin-left: auto;
 padding-top: 0;
 padding-right: 0;
 padding-left: 0; }
.ojtrironPage #colZone {
 background-image:      url(../../imagesN/dotline_1.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 bottom;
 padding-bottom: 20px; }

#colZone p,#colZone li,#colZone h1,#colZone h2,#colZone h3,#colZone h4,#colZone h5 {
 font-size: 100%; }
#rightZone_entry {
  }
#rightZone_entry h3 {
 font-size: 13px;
 font-weight: normal;
 background-image: url(../images/rbox_bar.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 0;
 height: 25px;
 margin: 0 auto;
 padding: 4px 1px 3px 10px;
 border: solid 1px #bebebe;  }
/*=====navigation====*/
/*ローカルナビゲーション*/
#lnavi {
 margin-bottom: 0;
 margin-left: 230px;
 padding-top: 1px; }
*html #lnavi { margin-bottom: 0;
 margin-left:   230px;
 padding-top:   12px; }
*:first-child+html #lnavi {
 padding-top: 12px;  }

/* main menu */
#lnavi ul.localnavi {
 background-image: url(../images/localnavi.gif);
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: 0 0;
 height: 48px;
 position: relative;
 width: 490px;
 margin: 13px 0 0;
 padding: 0; }
#lnavi ul.localnavi li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
#lnavi ul.localnavi li, #lnavi ul.localnavi li a{
height: 48px;
display: block;
overflow:hidden;
}
#lnavi ul.localnavi li a{
text-indent: -9999px;
text-decoration: none;
}
#lnavi ul.localnavi li a:hover, #lnavi ul.localnavi li a:visited:hover, #lnavi ul.localnavi li a.selected:link, #lnavi ul.localnavi li a.selected:visited{
background-repeat: no-repeat;
background-color: transparent;
border: none;
}
/* 各ボタン */
.lnavi1{ left: 0; width: 96px;}
.lnavi2{ left: 96px; width: 96px;}
.lnavi3{ left: 192px; width: 96px;}
.lnavi4{ left: 288px; width: 96px;}
.lnavi5 { left:  384px; width: 96px;}
.lnavi6 { left:  480px; width: 96px;}
.lnavi7 { left:  576px; width: 96px;}
.lnavi1 a:hover, .lnavi1 a:visited:hover{ background: url(../images/localnavi.gif) 0 -48px;}
.lnavi2 a:hover, .lnavi2 a:visited:hover{ background: url(../images/localnavi.gif) -96px -48px;}
.lnavi3 a:hover, .lnavi3 a:visited:hover{ background: url(../images/localnavi.gif) -192px -48px;}
.lnavi4 a:hover, .lnavi4 a:visited:hover{ background: url(../images/localnavi.gif) -288px -48px;}
.lnavi5 a:hover, .lnavi5 a:visited:hover { background: url(../images/localnavi.gif) -384px -48px; }
.lnavi6 a:hover, .lnavi6 a:visited:hover { background: url(../images/localnavi.gif) -480px -48px; }
.lnavi7 a:hover, .lnavi7 a:visited:hover { background: url(../images/localnavi.gif) -511px -48px; }
.lnavi1 a.selected:link, .lnavi1 a.selected:visited { background: url(../images/localnavi.gif) 0 -96px;}
.lnavi2 a.selected:link, .lnavi2 a.selected:visited { background: url(../images/localnavi.gif) -96px -96px;}
.lnavi3 a.selected:link, .lnavi3 a.selected:visited { background: url(../images/localnavi.gif) -192px -96px;}
.lnavi4 a.selected:link, .lnavi4 a.selected:visited { background: url(../images/localnavi.gif) -288px -96px;}
.lnavi5 a.selected:link, .lnavi5 a.selected:visited { background: url(../images/localnavi.gif) -384px -96px;}
.lnavi6 a.selected:link, .lnavi6 a.selected:visited { background: url(../images/localnavi.gif) -480px -96px;}
.lnavi7 a.selected:link, .lnavi7 a.selected:visited { background: url(../images/localnavi.gif) -576px -96px;}
/*ここまで*/
/*みぎボックス*/
/* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
/*--------------sidenaviB内の階層下-----------------*/
.rbox2 {
 background-image: url(../../imagesN/rbox2.gif);
 background-repeat: no-repeat; }
.rbox {
 background-color: #c8dbf9;
 width: 100%;
 padding: 5px;
 
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：ここでの背景設定はメニュー部分の内容がある部分にしか適用
           されません。サイドメニュー部分全体に背景を適用させる場合は
           コンテンツコンテナの背景として，サイドメニュー部分の背景を
           作ってください */
   }
.rbox ul {
 background-color: #fff;
 margin: 0 auto 0 0;
 padding: 0;
 border-color: #fff #fff #c8c8c8;
 border-style: solid;
 border-width: 1px;
 border-size: 1px; }
.rbox ul li {
 background-image: url(../../imagesN/cat_bar.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 bottom;
 margin: 0;
 padding: 0;
 border-bottom: 1px none #b4b4b4;
 border-top-color: #fff;
 border-top-width: 1px;
 list-style: none; }
.rbox ul li a {
 background-color: #3a5f9a;
 text-decoration: none;
 text-align:      left;
 height: 22px;
 margin: 0;
 padding: 12px 0 10px;
 border-bottom: 1px solid #c8c8c8;
 border-top-color: #b4b4b4;
 border-top-width: 1px;
 border-right-width: 1px;
 border-left-width: 1px;
 voice-family:    inherit; }
* html .rbox ul li a:link, .rbox ul li a:visited {
 padding-top: 15px;
 border-bottom-style: none; }
.rbox ul li a:link, .rbox ul li a:visited {
 color:          #7a7a7a;
 font-size:      13px;
 background:     url(../../imagesN/arrows_ind2.gif) no-repeat 5px center;
 padding-left: 25px;
 display:        block; }
.rbox ul li a:hover {
 color: #f33;
 background-color: #ebebeb;
 background-image: url(../../imagesN/arrows_ind2R.gif);
 text-decoration: none; }
.rbox ul li a:active {
 color: #066;
 background-color: transparent; }
.rbox ul li.owner a,.rbox ul li.owner a:visited,.rbox ul li.owner a:hover {
 color:      #fff;
 font-weight: bold;
 background-color: #7f9fd2;
 background-image: url(../../imagesN/cat_bar_on.gif);
 background-position: 0 bottom;
 height: 24px; }
[id="sidenaviB"].rbox {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) .rbox {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}
.rbox ul.S {
 background-color: #e1e8f9;
 background-image: none;
 border-bottom: 1px solid #c8c8c8;
 border-top-style: none;
 border-right-style: none;
 border-left-style: none; }
.rbox ul.S li {
 background-image: none;
 border-style: none;  }
.rbox ul.S li a:link, .rbox ul.S li a:visited {
 color: #2d56dd;
 font-size: 12px;
 font-weight: normal;
 background: #e1e8f9 url(../../imagesN/arrow_green.gif) no-repeat 10px center;
 height: 1%;
 padding-top: 7px;
 padding-bottom: 5px;
 padding-left: 20px;
 border-top: 1px solid #fff;
 border-bottom: 1px none #e1e8f9; }
.rbox ul.S li a:hover {
 color: #f00;
 font-weight: normal;
 background: #c8dbf9 url(../../imagesN/arrow_red.gif) no-repeat 10px center;
 height: 1%; }
.rbox ul.S li.ownerS a,.rbox ul.S li.ownerS a:visited,.rbox ul.S li.ownerS a:hover {
 color: #fff;
 font-weight: bold;
 background-color: #7f9fd2;
 background-image: url(../../imagesN/arrow_red.gif);
 background-position: 10px center;
 border-bottom-style: none; }