@charset "Shift_JIS";

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

 Design code :  azure
 Designed by :  Ryouhei Yamanaka (2008.04.01)
=================================================================== */

body{
	background:url(../images/azure/bg-R.png) repeat-y 100% 0 !important;
	background-color:#000 !important;
	color:#ccc;
}

a:link,
a:visited{
	color:#6cf;
}
a:hover{
	color:#fc0;
}

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

#wrapper{
	left:400px !important;
	width:80% !important;
	background:url(../images/azure/bg-L.png) repeat-y;
}
#index #wrapper p.center{
	margin-left:20%;
}

#header{
	float:left;
	width:125% !important;
}

html > body #logo{	/* IE6　以外 */
	position:relative;
	width:800px;
	left:50%;
	margin-left:-400px;
	height:120px;
	background:url(../images/azure/logo.png) no-repeat;
}
* html body #logo{	/* IE6 */
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
	height:120px;
	background:url(../images/azure/logo.png) no-repeat;
}

#header-function{
	display:none;
}

#globalmenu-start{
	display:none;
}

#globalmenu-end{
	visibility:hidden;
}

#contents{
	margin-left:10%;
	min-width:800px;
}

#visitormenu-start{
	width:100% !important;
}

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

h1{
 }

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

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:#6cf;
}
div.info a:hover,
div.intro a:hover{
	color:#fc0;
}

div.moreInfo{
	display:block !important;
}
div.moreInfo marquee{
	display:none;
}
a.open-close,
p.headline{
	display:none;
}

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

h3.records{
	color:#cff;
}

body.bbs{
	background-image:none !important;
	background-color:#f6ffff !important;
	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);
	background-color:#f6ffff;
}
body.bbs #header{
	float:left;
	width:800px;
	background-color:#f6ffff;
}
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;
}

/** 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{
	width:125% !important;
	position:absolute;
	top:100px;
	margin:0;
	padding:0;
	z-index:100;
}
*:first-child + html 
div#globalmenu{
	width:125% !important;
	position:relative;
	top:-20px;
	margin:0;
	padding:0;
	z-index:100;
}

/*globalmenu start *************************/
div#globalmenu ul{
	position:relative;
	width:800px;
	left:50%;
	margin-left:-400px;
	padding:0;
	list-style-type:none;
}

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:60px;
	background:url(../images/azure/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 -60px;}

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

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

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

div#globalmenu ul li#event a:hover,
div#globalmenu ul li#event a.hi{background-position:-640px -60px;}
/*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:#ccf;
	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 **************************************************/


/* breadcrumbs start **************************************************/
p.breadcrumb{
	font-size:12px!important;
	margin:60px 0 12px 10%;
}
* html body p.breadcrumb{
	padding-top: 90px;
}/* breadcrumbs 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 **************************************************/
html > body #visitormenu{	/* IE6　以外 */
	width:100% !important;
	clear:both;
	position:fixed;
	top:100%;
	margin-top:-50px;
	height:50px;
	filter: Alpha(opacity=80); /* IE系 */
	opacity:0.8; /* Mozzila系 */
	background-color : #000;
	color:#ccc;
}
* html body #visitormenu{	/* IE6 */
	width:125% !important;
	clear:both;
	position:relative;
	margin-top:50px;
	height:50px;
	filter: Alpha(opacity=80); /* IE系 */
	background-color : #000;
	color:#ccc;
}
/* visitor menu end **************************************************/