@charset "Shift_JIS";

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

 Design code :  deep-water
 Designed by :  Hiraide (2008.01.01)
=================================================================== */

body{
	background:url(../images/deepwater/cell.png);
	background-attachment: fixed;
	background-color:#000;
	color:#fff;
}

a:link,
a:visited{
	color:#6ff;
}
a:hover{
	color:#fe0;
}

/** BASE ******************************************************************/

#wrapper{
	background:url(../images/deepwater/bg.png);
	background-attachment: fixed !important;
}

#logo{
	float:left;
	margin-left:12px;
	width:575px;
	height:120px;
	background:url(../images/deepwater/logo.png);
}

html > body #globalmenu-start{	/* IE6　以外 */
	visibility:visible;
	display:inline;
	vertical-align:bottom;
}
* html body #globalmenu-start{	/* IE6 */
	visibility:visible;
}
body.members #globalmenu-start,
body.gallery #globalmenu-start{
	visibility:hidden;
}

html > body #globalmenu-end{	/* IE　以外 */
	visibility:visible;
	display:inline;
	vertical-align:top;
}
* html body #globalmenu-end{	/* IE6 */
	visibility:visible;
	margin-top:-8px;
}
*:first-child + html #globalmenu-end{	/* IE7 */
	vertical-align:middle;
}


/** TITLE ******************************************************************/

h1{
 }

h2{
	font-size: 160%; 
	color:#fff;
	font-weight:normal;
 }

h3{
	color:#fff;
 }

h4{
	color:#adf;
 }

h5,h6{
	color:#fff;
 }

.title{
	color:#fff;
 }

/** LOCAL *****************************************************************/

div.aboutus,
div.info,
div.intro,
div.schedule{
	background-color:#222;
	border-width:2px;
	border-color:#000;
	border-style:outset;
}

html > body ul.aboutus{	/* IE6　以外 */
	list-style-image: url('../images/deepwater/list.png');
}
* html body ul.aboutus{	/* IE6 */
	list-style-image: url('../images/deepwater/list.gif');
}

dl.font-size{
	display:none;
}

div.info a,
div.intro a{
	color:#6ff;
}
div.info a:hover,
div.intro a:hover{
	color:#fe0;
}

#photoflame{
	background-color:#000;
	border-width:2px;
	border-color:#6cf;
	border-style:outset;
}

html > body div.intro h3{	/* IE6　以外 */
	color:#cff;
	background:url(../images/deepwater/line.png) no-repeat -4px bottom;
}
* html body div.intro h3{	/* IE6 */
	color:#cff;
	background:url(../images/deepwater/line.gif) no-repeat -4px bottom;
}

h3.records{
	color:#cff;
}

body.bbs{
	background:url(../images/deepwater/bg.png);
	color:#666;
}
body.bbs a:link,
body.bbs a:visited{
	color:#69c;
}
body.bbs a:hover{
	color:#63f;
	font-weight:bold;
}
body.bbs #wrapper{
	background:url(../images/yacht-bg.png);
}
body.bbs #header{
	float:left;
	width:800px;
	background-color:#000;
}
body.bbs h2{
	font-size:180%; 
	color:#464;
}
body.bbs #visitormenu a:link,
body.bbs #visitormenu a:visited{
	color:#6ff;
	text-decoration:none;
}
body.bbs #visitormenu a:hover{
	color:#fe0;
	font-weight:normal;
}

body.members #globalmenu-end{
	visibility:hidden;
}

/** OTHER ******************************************************************/

html > body a.totop{	/* IE6　以外 */
	background:url(..//images/deepwater/arrow-top.png) no-repeat 0 50%;
	padding-left: 16px;
}
* html body a.totop{	/* IE6 */
	background:url(..//images/deepwater/arrow-top.gif) no-repeat 0 50%;
	padding-left: 16px;
}

html > body a.goback{	/* IE6　以外 */
	background:url(..//images/deepwater/arrow-back.png) no-repeat 0 50%;
	padding-left: 16px;
	margin-right: 40px;
}
* html body a.goback{	/* IE6 */
	background:url(..//images/deepwater/arrow-back.gif) no-repeat 0 50%;
	padding-left: 16px;
	margin-right: 40px;
}



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

/* global menu start **************************************************/
div#globalmenu{
	margin:0 0 8px 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:159px;
	height:40px;
	background:url(../images/deepwater/menu.png) no-repeat;
	border-right:1px solid #202020;
	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系 */
	opacity:0.8; /* Mozzila系 */
	background-color : #222;
}
.pulldownmenu li{
	background-color : #333;
	background-image:none!important;
}

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

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

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

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

ul.globalnavigation{
	width:800px;
}

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

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 #111;
}

.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:#222;
	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/deepwater/categorymenu.png) no-repeat;
}
/* category menu end **************************************************/


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