@charset "Shift_JIS";

/*-----------------------------------------
  sample2スタイル
 -----------------------------------------*/

/* cModsJS_navi内のリスト要素全般 */
ul.cModsJS_navi2,
ul.cModsJS_navi2 ul,
ul.cModsJS_navi2 li
{
margin: 0;
padding: 0;
list-style: none;
}

/* メインメニューの幅など */
ul.cModsJS_navi2 li{
float: left;
width: 116px;
height:27px;
}

/* cModsJS_navi内のアンカー全般 */
ul.cModsJS_navi2 li a{
text-decoration: none;
display: block;
border: none;
height: 27px;
}

ul.cModsJS_navi2 li ul a{
text-decoration: none;
display: block;
border: none;
height: 18px;
}


ul.cModsJS_navi2 li a:hover{
text-decoration: none;
color:#f30;
}

/* メインメニューのアンカー */
ul.cModsJS_navi2 a.onmenu{
background-image: url(../images/navi_03.gif);
}
/* メイン＆サブメニューのアンカー（オンマウス）*/ 
ul.cModsJS_navi2 a.hover{
background-position: top right;
}

/* サブメニューの幅など */
ul.cModsJS_navi2 ul{
position: absolute;
visibility: hidden;
width: 104px;
margin-top:1px;
margin-left:2px;
padding-top:10px;
background-color:#e5e5e5;
border-left:#f30 solid 10px;
}

ul.cModsJS_navi2 ul li{
/* 継承されたスタイルを取り消す */
display:block;
float: none;
height:18px;
margin: 0;
padding:0;
width: auto;
text-indent:8px;
}
				
/* for IE */
* html ul.cModsJS_navi2 ul li { float: left; }

.lineY {
	border-bottom-width: 2px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}

.lineGr {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.lineB {
	border-bottom-width: 2px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #00CCFF;
	border-left-color: #00CCFF;
	margin-left: 1px;
}

.lineG {
	border-bottom-width: 2px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #33FF66;
	border-left-color: #33FF66;
	margin-left: 1px;
}