@charset "Shift_JIS";

/******** The University of Tokyo Design Select : style1 **************************************************/
/* ===================================================================
 CSS information

 Design code :  aqua-blue
 Designed by :  Hiraide (2008.01.01)
=================================================================== */


/********  menu settings **************************************************/

/* global menu start **************************************************/
div#globalmenu{
	margin:0 0 24px 0;
	padding:0;
	height:24px;
	width:100%;
	z-index:100;
}

/* globalmenu start *************************/
div#globalmenu ul li#about_us,
div#globalmenu ul li#bbs,
div#globalmenu ul li#cruiser,
div#globalmenu ul li#dinghy,
div#globalmenu ul li#event{
	margin:0;
	padding:0;
	float:left;
	text-indent:-999em;
	font-size:1px;
	line-height:1px;
}

div#globalmenu ul li#about_us a,
div#globalmenu ul li#bbs a,
div#globalmenu ul li#cruiser a,
div#globalmenu ul li#dinghy a,
div#globalmenu ul li#event a{
	text-decoration:none;
}

div#globalmenu ul li,
div#globalmenu ul li a{
	padding:0;
	width:160px;
	height:40px;
	background:url(../images/aquablue/menu.png) no-repeat;
	display:block;
}

div#globalmenu ul li#about_us a{background-position:0 0;}
div#globalmenu ul li#bbs a{background-position:-160px 0;}
div#globalmenu ul li#cruiser a{background-position:-320px 0;}
div#globalmenu ul li#dinghy a{background-position:-480px 0;}
div#globalmenu ul li#event a{background-position:-640px 0;}

div#globalmenu ul li#about_us a:hover,
div#globalmenu ul li#about_us a.hi{background-position:0 -40px;}

div#globalmenu ul li#bbs a:hover,
div#globalmenu ul li#bbs a.hi{background-position:-160px -40px;}

div#globalmenu ul li#cruiser a:hover,
div#globalmenu ul li#cruiser a.hi{background-position:-320px -40px;}

div#globalmenu ul li#dinghy a:hover,
div#globalmenu ul li#dinghy a.hi{background-position:-480px -40px;}

div#globalmenu ul li#event a:hover,
div#globalmenu ul li#event a.hi{background-position:-640px -40px;}
/* globalmenu end *************************/

/* pulldown setting start *************************/
.globalnavigation a{text-decoration:none;}

.pulldownmenu{
	filter: Alpha(opacity=90); /* IEŚn */
	opacity:0.8; /* MozzilaŚn */
	background-color : #f0f9ff;
}
.pulldownmenu li{
	background-color : #f0f9ff;
	background-image:none!important;
}

.pulldownmenu li a{
	background-image:none!important;
}

.pulldownmenu a:hover{
	background-color:#fe0!important;
}

.pulldownmenu li.pulldownon{
	background-color:#fe0!important;
}

.pulldownmenu a:link,
.pulldownmenu a:visited,
.pulldownmenu a:hover{
	color:#339;
	text-indent:0.6em;
	line-height:20px!important;
}

ul.globalnavigation{
	width:800px;
}

ol.pulldownmenu{
	width:158px!important;
	font-size:13px;
	border-left:1px solid #66c;
	border-right:1px solid #007;
}

ol.pulldownmenu li.pulldownoff{
	width:158px!important;
	height:24px!important;
}
ol.pulldownmenu li.pulldownon{
	width:158px!important;
	height:24px!important;
}

.pulldownmenu li.pulldownoff,
.pulldownmenu li.pulldownon{
	padding-top:4px!important;
	border-bottom:1px solid #007;
}

.pulldownmenu a{
	padding:0;
	width:158px!important;
	height:24px!important;
}

.globalnavigation *{margin:0;padding:0;list-style:none;display:block;}
ul.globalnavigation{position:relative;}
ul.globalnavigation li.globalnavioff{position:relative;float:left;overflow:hidden;}
ul.globalnavigation li.globalnavion{float:left;overflow:hidden;}
ul.globalnavigation>li.globalnavion{overflow:visible;}
ol.pulldownmenu{position:relative;}
ol.pulldownmenu li.pulldownoff{position:relative;overflow:hidden;}
ol.pulldownmenu li.pulldownon{overflow:hidden;}
ol.pulldownmenu>li.pulldownon{overflow:visible;}

/* pulldown setting end *************************/
/* global menu end **************************************************/


/* category menu start **************************************************/
div.categoryinfo{
	width: 650px;
	background-color:#f0f9ff;
	border-width:1px;
	border-color:#000;
	border-style:outset;
	border-bottom-style:none;
}
div#categorymenu ul li,
div#categorymenu ul li a{
	background:url(../images/aquablue/categorymenu.png) no-repeat;
}
/* category menu end **************************************************/


/* visitor menu start **************************************************/
#visitormenu{
	filter: Alpha(opacity=80);	/* IEŚn */
	opacity:0.8; /* MozzilaŚn */
	background-color : #f0f8ff;
}
/* visitor menu end **************************************************/