/*========================================================================
99%CSS?v???_?E?????j???[for?J?X?^?}?C?Y?@?X?^?C???V?[?g
????FWEB?H?[????????? http://www.stylish-style.com
??I???????F2005?N8??6??
????X?^?C???V?[?g????R??????????????????A??z?z???]????????
webstudio-kic@stylish-style.com ???A????????????B
=========================================================================*/
/*???
?P?F????????
?Q?F?J???[?????O????
		a?F?w?i?F
		b?F?????F?i?????N?J???[?j
?R?F???j???[?T?C?Y????
		a?F???C?????j???[
		b?F?T?u???j???[
		c?F?T?u???j???[?Q
?S?F???j???[?\????u????
?T?F???R?L?q?I?v?V????
?U?F??X?s??
*/

/************************?P?F????????***************************************/
/*========================================================================
???????????w??????Bpx??w???????????
=========================================================================*/
UL.main{
	margin-top : 10px;
margin-left : 10px;
margin-right : 0px;
margin-bottom : 0px;
  border-right-width : medium;
  border-top-color : #000000;
}
/*========================================================================
???????????w??????Bcenter,left,right??w??B???????????????B
=========================================================================*/
UL.main{
	text-align:center;/*???C?????j???[?????????*/

}
ol.sub{
	text-align:left;/*?T?u???j???[?????????*/
}
ul.sub-2{
	text-align:left;/*?T?u???j???[?????????*/
}
/*========================================================================
?????????w??????B?s?v???????????????
=========================================================================*/
ul.main{
	font-family:"?l?r ?o?S?V?b?N","Osaka",sans-serif?G;
}
/*========================================================================
?????N???????w??????B?K?v???l??underline??
=========================================================================*/
.main A{
	text-decoration:none;
color : lime;

}


/************************?Q?F?J???[?????O????*******************************/
/*========================================================================
???j???[??I???}?E?X????w?i?F?w???s??????B
????g?p??????????A???????Z???N?^?????w????????????B
=========================================================================*/
/*?F???C?????j???[??w?i?F*/
.main{background-color:;/*?T?u???j???[???u??????????w??K?{*/}
.main LI{
	background-color: #80ffff;
	font-size: 14px;
}
/*???C?????j???[??I???}?E?X??*/
.main A:hover{
	background-color : #000000;
color : white;
}
/*?T?u???j???[?????????????F?imain a:hover??????l?????j*/
.main li.on{
	background-color:#f3f3f3;
}


/*?T?u???j???[??w?i?F:?Q????????l????邱?????*/
.sub{
	background-color:#f3f3f3;
}
.sub LI{
	background-color:#f3f3f3;
font-size : 12px;
}
/*?T?u???j???[??I???}?E?X??*/
.sub A:hover{
	background-color : #000000;
color : aqua;
width : 100%;
display : block;
}
/*?T?u???j???[2?????????????F?isub a:hover??????l?????j*/
.sub li.on2{background-color:#00000;}

/*?T?u???j???[2??w?i?F*/
.sub-2{
	background-color:#f3f3f3;
}
.sub-2 li{
	background-color:#f3f3f3;
}
/*?T?u???j???[2??I???}?E?X??*/
.sub-2 a:hover{
	background-color:#000000;
}

/*========================================================================
???j???[??I???}?E?X????????F?w???s??????B
?ォ????A?K??O?A?K???A?I???}?E?X?????????B
?S??????J???[???????A?T?u???j???[??T?u???j???[2??????????B
=========================================================================*/
/*?F???C?????j???[??????F*/
.main a:link{
	color:#333399;
}
.main a:visited{
	color:#333399;
}
.main a:hover{
	color:#ffffff;
}

/*?F?T?u???j???[??????F*/
.sub a:link{
	color:#333399;
}
.sub a:visited{
	color:#333399;
}
.sub a:hover{
	color:#ffffff;
}

/*?F?T?u???j???[?Q??????F*/
.sub-2 a:link{
	color:#333399;
}
.sub-2 a:visited{
	color:#333399;
}
.sub-2 a:hover{
	color:#ffffff;
}


/********************?R?F???j???[?T?C?Y?E?]???E?g??????*********************/
/*========================================================================
???j???[??T?C?Y????????B??]???????width??l????????????????B
??????g???????????????Aborder-width????????????????????????B
????A
ul.main{width:1%;}
ol.sub{
    left:100%;
    top:-20px;
    width:120px;
}
.main li.on{
    height:19px;
    width:120px;
}
??p????????c?^???j???[???????B??????border??????????K?v???????B

=========================================================================*/

/*---------------???C?????j???[??????--------------------*/
/*???C?????j???[??????F????s??B?l??1%??????c?^???j???[????
?A?C?e??????~?A?C?e?????{?{?[?_?[???????a??Z?o????px??肪????????B
???????????????100%????????*/
UL.main{
	width : 120px;
}

/*---------------???C?????j???[?A?C?e????????--------------------*/
.main LI.off{
    height : 19px;/*?u???E?U?[??m?F??????????E????????IE??FF????????????*/
    width : 120px;/*????????????????*/
}
.main LI.on{
    width : 120px;/*off??l?????邱?????*/
}
/*---------------???C?????j???[?A?C?e???]??????--------------------*/
.main a{
	padding:2px;/*????????l??w????????????*/
}

/*---------------???C?????j???[?g??????--------------------*/
/*????E???C?????j???[??g??*/
.main li.off{
    border:1px solid #666666;
}
/*?W?J???E???C?????j???[??g??*/
.main LI.on{
    border-top-width : 1px;border-right-width : 1px;border-bottom-width : 0px;border-left-width : 1px;border-top-style : solid;border-right-style : solid;border-bottom-style : none;border-left-style : solid;border-top-color : #666666;border-right-color : #666666;border-left-color : #666666;
    
}
/*?W?J?????C???A?C?e??????????????????h?~*/
.main a{
    border-bottom:1px solid #666666;
}

/*---------------?T?u???j???[??????--------------------*/
ol.sub{
    left:0;/*?T?u???j???[?\????u??????????????w??B????*/
    top:0;/*?T?u???j???[?\????u??????????????w??B????*/
    width:120px;/*.main li.off??????l???A??????????E???s??*/
}

/*---------------?T?u???j???[?A?C?e????????--------------------*/
ol.sub li.off2{
    width:120px;/*ol.sub??????l????*/
    height:18px;/*??X??\?E???????M?~?b?N??????*/
}
ol.sub li.on2{
    width:120px;/*ol.sub??????l????*/
    height:18px;/*??X??\?E???????M?~?b?N??????*/
}
/*---------------?T?u???j???[?g??????--------------------*/
ol.sub{
/*border:1px solid #666666;?l???X??\?F?T?u???j???[??g???F?T?u???j???[??\????u????????????~????
?g?p????????O???R?????g???*/
}
.sub li.off2,.sub li.on2{
    border-bottom:1px solid #666666;
/*?A?C?e???????g???????????Ebottom??O?????????????????B
???E??????????li.off2,on2??width??l????????K?v*/
}
/*---------------?T?u???j???[?]??????--------------------*/
.sub a{
    padding:2px 5px;/*????????l??????*/
    width:110px;/*???s??*/
    height:14px;/*???s??*/
/*width+padding?i???E?j??l??ol.sub??width????????????B
height+padding?i???j??l??ol.sub??height???????????????*/
}

/*========================================================================
2?i?K???T?u???j???[???p????????T?u???j???[2?????????s?v
=========================================================================*/
/*---------------?T?u???j???[?Q??????--------------------*/
ul.sub-2{
    left:100%;/*100%?????????A??肭??????????E????*/
    top:-20px;/*?u???E?U?[?????????????*/
    width:120px;/*?l???X??\*/
}
/*---------------?T?u???j???[?Q?g??????--------------------*/
ul.sub-2{
    border:1px solid #666666;/*?l???X??\?F?T?u???j???[?Q?S???g??*/
    border-bottom:0px;/*?l???X??\?F?A?C?e????w?????g????_?u????h?~*/
}
.sub-2 a{
    border-bottom:1px solid #666666;
/*?A?C?e???????g???????????Ebottom??O?????????????????B*/
}
/*---------------?T?u???j???[?Q?]??????--------------------*/
.sub-2 a{
    padding:3px 5px;/*????????l??????*/
}


/************************?S?F???j???[??\????u????*************************/
/*========================================================================
???j???[??\????u????????B??]???????top,left,width??l????
????????????B?????O?????????????????
=========================================================================*/
DIV#menu{
    top:;
    left:;
    width : 100%;
    position:absolute;
    z-index:100;
  color : lime;
  background-color : white;
}

/************************?T?F???R?L?q?I?v?V????*************************/
/*========================================================================
??????D???????v???p?e?B????????????????B
???????E???????A?t?B???^?[?????????????????????B
???p???????Z???N?^??p??????????????B
=========================================================================*/
DIV#menu{} /* ?S?????{?b?N?X */

ul.main{} /* ?????C?????j???[?F?p????????`???????? */
ul.main li.off{} /* ???C?????j???[?A?C?e????? */
ul.main li.on{} /* ???C?????j???[?A?C?e???W?J?? */
li.off a,li.on a{} /* ???C?????j???[?p?????N */

ol.sub{} /* ?T?u???j???[ */
ol.sub li.off2{} /* ?T?u???j???[?A?C?e????? */
ol.sub li.on2{} /* ?T?u???j???[?A?C?e???W?J?? */
li.off2 a,li.on2 a{} /* ?T?u???j???[?p?????N */

ul.sub-2{} /* ?T?u???j???[2 */
ul.sub-2 li{} /* ?T?u???j???[2?A?C?e?? */
ul.sub-2 li a{} /* ?T?u???j???[2?p?????N */

/************************?U?F??X?s??*******************************/
/*========================================================================
?????v???p?e?B??v???_?E???@?\??[???????????????B
?n?????O???????????????????B
=========================================================================*/
.main *{
	margin:0px;padding:0px;list-style:none;display:block;
}
ul.main{
	position:relative;
}
ul.main li.off{
	position:relative;float:left;overflow:hidden;
}
ul.main li.on{
	float:left;overflow:hidden;
}
ul.main>li.on{overflow:visible;/*?~*/}
ol.sub{
	position:relative;
}
ol.sub li.off2{
	position:relative;overflow:hidden;
}
ol.sub li.on2{
	overflow:hidden;
}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{
	position:relative;
}


.tab{
	background-image : url(../../img/arrow-down.gif);
background-repeat : no-repeat;background-position : right center;
}