@charset "shift-JIS";
/* ※このnavi.cssは左側およびナビゲーションに関する記述です※ */
/* == ヘッダのナビ ======================================== */
ul#headnavi    { float: right; position: absolute; right: 6px; bottom: 6px; width: 400px }
ul#headnavi li    { background: url(../img/ic-headnavi.gif) no-repeat left center; list-style-type: none; float: right; padding-right: 12px; padding-left: 12px }
ul#headnavi li a   { font-size: 0.9em; text-decoration: none }
/* == グロナビ ======================================== */
div#glonavi   { background: url(../img/bg-glonavi2.gif) repeat-x left top; margin-bottom: 15px }
#glonavi  ul   { background: url(../img/bg-glonavi.gif) no-repeat center bottom; margin-right:auto; margin-left: auto; width: 860px; height: 39px }
#glonavi li  { background-image: url(../img/glonavi.gif); text-indent: -9999em; list-style-type: none; float: left; height: 36px }
#glonavi li a  { background-image: url(../img/glonavi.gif); text-indent: -9999em; height: 36px; display: block } 
#glonavi li.n01 a   { background-position: 0px 0px; width: 144px; }
#glonavi li.n02 a  { background-position: -144px 0px; width: 143px; }
#glonavi li.n03 a  { background-position: -287px 0px; width: 143px; }
#glonavi li.n04 a { background-position: -430px 0px; width: 143px; }
#glonavi li.n05 a { background-position: -573px 0px; width: 143px; }
#glonavi li.n06 a { background-position: -716px 0px; width: 144px; }

#glonavi li.n01 a:hover  { background-position: 0px -36px; }
#glonavi li.n02 a:hover  {  background-position:-144px -36px; }
#glonavi li.n03 a:hover  {  background-position:-287px -36px; }
#glonavi li.n04 a:hover { background-position:-430px -36px; }
#glonavi li.n05 a:hover { background-position:-573px -36px; }
#glonavi li.n06 a:hover { background-position:-716px -36px; }
#glonavi:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#glonavi li.n01on a { background-position: 0px -74px; width: 134px; }
#glonavi li.n02on a { background-position: -134px -74px; width: 134px; }
#glonavi li.n03on a { background-position: -268px -74px;width: 132px;  }
#glonavi li.n04on a { background-position: -400px -74px; width: 135px; }
#glonavi li.n05on a { background-position: -535px -74px; width: 131px; }
#glonavi li.n06on a { background-position: -666px -74px; width: 134px; }

#glonavi li.n01on a:hover { background-position: 0px -111px; width: 134px; }
#glonavi li.n02on a:hover { background-position: -134px -111px; width: 134px; }
#glonavi li.n03on a:hover { background-position: -268px -111px;width: 132px;  }
#glonavi li.n04on a:hover { background-position: -400px -111px; width: 135px; }
#glonavi li.n05on a:hover { background-position: -535px -111px; width: 131px; }
#glonavi li.n06on a:hover { background-position: -666px -111px; width: 134px; }

/* パンくず */
ul#pan  { }
ul#pan li    { list-style-type: none; float: right; margin-bottom: 5px; padding-left: 5px }
ul#pan li a  { background: url(../img/ic-pan.gif) no-repeat right center; padding-right: 10px }

/* 文字サイズ変更 */
.fontsize  {  float: right; margin-right: 10px; display: inline }
.fontsize input  { vertical-align: middle; padding-top: 4px }
.fontsize span { font-size: 12px; }

/* == 左サイド ======================================== */
/* サイドのナビ */
#sidenavi ul.navi  { background: url(../img/bg-sidenavi_btm.gif) no-repeat center bottom;  width: 200px; padding-bottom: 9px; margin-bottom: 15px; }
#sidenavi ul.navi li  { margin-right: 10px; margin-left: 10px; list-style-type: none; border-bottom: 1px dashed #ccc; background: url(../img/ic-sidenavi.gif) no-repeat left center; padding: 8px 0px 8px 15px; }
#sidenavi ul.navi li.nolink  { color: #333333; background: url(../img/ic-sidenavi2.gif) no-repeat left center; }
#sidenavi ul.navi li a  { color: #666666; text-decoration: none; line-height:100%; font-weight:normal; }
#sidenavi ul.navi li a:hover  { color: #1b9f7e; }
#sidenavi ul.navi li.bottom {  border-bottom: 0px none; }

/* 他サイドのバナーなど */
#sidenavi ul.bn { }
#sidenavi ul.bn li  { text-align: center; list-style-type: none; margin-bottom: 5px }

/* テキストナビ */
ul.txtnavi  { text-align: center; margin: 3px 20px; clear: both; background: url(../img/bg-footer.gif) no-repeat center top; padding-top: 0.5em; padding-bottom: 0.2em; }
ul.txtnavi li   { padding-left: 0.4em; border-left: 1px solid gray; display: inline }
ul.txtnavi li.side  { border-right: 1px solid gray; padding-right: 0.4em; /padding-right: 0em; }
ul.txtnavi li  a  { line-height:100%; font-size:0.9em; }
ul.txtnavi li  a:hover  { text-decoration: none; }



/* これ以降Mac IE 5のみに適用される \*//*/
ul.txtnavi li   { border: none; }
ul.txtnavi li.side  { border: none; }
/* これ以降Mac IE 5以外にも適用される */