@charset "utf-8";
/* --------------------------------------------
 * gmenu.css
 * デザイン要素指定用スタイルシート


 * Date: 2009/5/29   Update:2009/5/29
 * Auther: ケイゾン
 * 適応範囲: グローバルメニュー
 * -------------------------------------------- */
 
/* --------------------------------------------
 * layout構成
 * -------------------------------------------- */

#navi {
position:relative;
clear:both;
padding:0;
margin:0;
width: 100%;
}

#gmenu {
clear:both;
padding:0;
margin: 0px auto;
width: 700px;
vertical-align: middle;
}

#submenu {
clear:both;
padding: 10px 0px;
width: 100%;
font-size: 88%;
}

ul.mainmenu {
list-style : none;
padding:0;
margin:0;
}

ul.menu {
list-style : none;
overflow: hidden;
margin: 0px auto;
padding:0;
width: 700px;
vertical-align: middle;
}

ul.mainmenu li,
ul.menu li {
float:left;
margin:0;
padding:0;
}

ul.menu a {
display:block;
height:auto!important;
padding:0;
}

#submenu a {
  padding: 3px 10px 3px 16px;
}
/* --------------------------------------------
 * theme構成
 * -------------------------------------------- */
#navi a,
#navi a:link,
#navi a:active,
#navi a:visited { color:#3C50AC; }
#submenu a:hover { color:#CC3300; }

#gmenu {
background-color: #ffffff;
border-bottom: none;
}

#gmenu li.sel {
background-color:#DDD;
}

#submenu {
background-color: #D5EAF2;
}

ul.menu a,
ul.menu span.disable {
text-decoration : none;
white-space:nowrap;
line-height: 1.4;
}

#submenu li {
background-image:url(../../images/gmenu/pt_smenu.gif);
background-repeat:no-repeat;
background-position: 6px 10px;
}

#submenu li.sel {
background-image:url(../../images/gmenu/pt_smenu_sel.gif);
}

#submenu li.sel a:link,
#submenu li.sel a:active,
#submenu li.sel a:visited{
color:#CC3300;
}

#gmenu img {
border:none;
padding:0;
margin:0;
display:block;
}

#gmenu li a {
height: 61px;
display:block;
text-decoration:none;
}

/* = ホーム = */
#gmenu li.home {
margin-right: 5px;
width: 50px;
}
#gmenu li.home a:hover{
background: url(../../images/gmenu/gmenu_01_on.gif) no-repeat;
}

/* = 学ぶ = */
#gmenu li.study {
margin-right: 5px;
width: 105px;
}
#gmenu li.study a:hover{
background:url(../../images/gmenu/gmenu_02_on.gif) no-repeat;
}

/* = 掴む = */
#gmenu li.grip {
margin-right: 5px;
width: 105px;
}
#gmenu li.grip a:hover {
background:url(../../images/gmenu/gmenu_03_on.gif) no-repeat;
}

/* = 実践する = */
#gmenu li.practice {
margin-right: 5px;
width: 141px;
}
#gmenu li.practice a:hover {
background:url(../../images/gmenu/gmenu_04_on.gif) no-repeat;
}

/* = 証券会社比較 = */
#gmenu li.comparison {
margin-right: 5px;
width: 94px;
}
#gmenu li.comparison a:hover {
background:url(../../images/gmenu/gmenu_05_on.gif) no-repeat;
}

/* = アンケート = */
#gmenu li.question {
margin-right:5px;
width: 70px;
}
#gmenu li.question a:hover {
background:url(../../images/gmenu/gmenu_06_on.gif) no-repeat;
}

/* = ニュース お知らせ = */
#gmenu li.news {
margin-right:0px;
width: 104px;
}
#gmenu li.news a:hover {
background:url(../../images/gmenu/gmenu_07_on.gif) no-repeat;
}

#gmenu li a:hover img{
position:relative!important;
visibility:hidden!important;
z-index: -1!important;
}