/*-------------------------------------------
タイトル:
制作者 :booplan inc.
URL :
概要 :
作成日 :07/08/20
変更日 :
-------------------------------------------*/
/*ナビゲーション
-------------------------------------------*/
ul#navi      { width: 850px; height: 55px; position: relative; overflow: hidden; list-style: none; margin: 0; }
ul#navi li a { width: 232px;  height: 55px; position: absolute; overflow: hidden; padding: 0; top: 0; text-indent: -5000px; }
html>body ul#navi li a { height: 55px; }

/*　*/
li#online   a  { background: transparent url(../service/html_img/smenu01.png) no-repeat 0 0; left:   0px; }
li#service  a  { background: transparent url(../service/html_img/smenu02.png) no-repeat 0 0; left: 232px; }
li#market   a  { background: transparent url(../service/html_img/smenu03.png) no-repeat 0 0; left: 356px; }
li#colum    a  { background: transparent url(../service/html_img/smenu04.png) no-repeat 0 0; left: 480px; }
li#faq      a  { background: transparent url(../service/html_img/smenu05.png) no-repeat 0 0; left: 604px; }
li#beginner a  { background: transparent url(../service/html_img/smenu06.png) no-repeat 0 0; left: 728px; }
/*　*/
li#onlinet2  a  { background: transparent url(../service/html_img/smenu01.png) no-repeat 0 -55px; left:   0px; }
li#service2  a  { background: transparent url(../service/html_img/smenu02.png) no-repeat 0 -55px; left: 232px; }
li#market2   a  { background: transparent url(../service/html_img/smenu03.png) no-repeat 0 -55px; left: 356px; }
li#colum2    a  { background: transparent url(../service/html_img/smenu04.png) no-repeat 0 -55px; left: 480px; }
li#faq2      a  { background: transparent url(../service/html_img/smenu05.png) no-repeat 0 -55px; left: 604px; }
li#beginner2 a  { background: transparent url(../service/html_img/smenu06.png) no-repeat 0 -55px; left: 728px; }

/*マウスオーバー*/
li#online a:hover, li#service a:hover, li#market a:hover, li#colum  a:hover, li#faq a:hover, li#beginner a:hover { background-position: 0px -55px; }

/*サービスガイド　サイドナビ*/
/*　*/
.menu1 {  margin-bottom:8px; width:190px; padding:0;}
.menu2 {  margin-bottom:8px; width:190px; padding:0;}
.menu3 {  margin-bottom:8px; width:190px; padding:0;}
.menu4 {  margin-bottom:8px; width:190px; padding:0;}
.menu5 {  margin-bottom:8px; width:190px; padding:0;}
.menu6 {  margin-bottom:8px; width:190px; padding:0;}
.menu7 {  margin-bottom:8px; width:190px; padding:0;}
/*　*/

#list ul{ list-style: none; margin: 0px; text-align:left;}
#list li a { background: url(../html_img/arrow_green.png) no-repeat; padding: 0px 0px 0px 6px; vertical-align:middle; height:12px; color:#49781B;}
#list li a:hover { background: url(../html_img/arrow_green.png) no-repeat; padding: 0px 0px 0px 6px; vertical-align:middle; height:12px; color:#CCCCCC;}