@charset "shift_jis";
/* CSS Document */

*{
  margin:0px;
  padding:0px;
  }
  
body{
	text-align:center;
	background-image: url(../img/bg_head_border.jpg);
	background-repeat: repeat-x;
	height: 5px;
  }
  
img{
  border:none;
  }
  
.thisclear{
clear:both;
}

.text1{
	font-size:12px;
	text-align:left;
	color:#626262;
	line-height:18px;
	padding-top: 15px;
	padding-left: 20px;
}
.text2{
	font-size:12px;
	color:#626262;
	text-align:left;
	line-height: 21px;
	padding-left: 20px;
}
.text3{
	font-size:12px;
	color:#626262;
	text-align:left;
	line-height: 21px;
	padding-left: 20px;
}
.text4 {
	font-size:12px;
	color:#ffffff;
	text-align:center;
	line-height: 18px;
	padding-left: 12px;
	padding-top: 20px;
}
.text4 a{
	color:#ffffff;
	text-decoration:none;
}
.text5{
	font-size:12px;
	color:#ffffff;
	text-align:center;
	line-height: 21px;
	padding-left: 12px;
}
.dil{
display:inline;
}
.tl{
text-align:left;
}
.tr{
text-align:right;
}
.tc{
text-align:center;
}
.mgt-15{
margin-top:-15px;
}
.mgt15{
margin-top:15px;
}
.pdl10{
padding-left:10px;
}
.liststylein{list-style-position:inside; 
}
.pdb20{padding-bottom:20px;}

.mgt20{
margin-top:20px;
}

.border{
margin-top:10px;
}

.pagetop{
	text-align: right;
	margin-top: 50px;
}

.photo{
width:162px; margin-left:auto; margin-right:auto;
 }
.photo1{
  float:right; 
  width:156px;
  margin-left:15px;
  }
  
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                             wrapper                               */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#wrapper{
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	background-image: url(../../../%EF%BD%88%EF%BD%94%EF%BD%8D%EF%BD%8C/kaiyoudaigaku/img/wrapper_bg.jpg);
	background-repeat: repeat-y;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                              header                               */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#header{
	margin-bottom:5px;
	height: 293px;
	width: 800px;
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/header.jpg);
	
  }
.headerleft{
	float: left;
	width: 593px;
}
.headerright{
	float: left;
	width: 170px;
}
/* 【logo1】東京海洋大学 */
  .logo1{
	text-align: left;
	margin-left: 18px;
	height: 80px;
	width: 223px;
}
/* IE6用CSSハック*/
* html .logo1{
	text-align: left;
	margin-right: 500px;
	height: 80px;
	width: 223px;
}

/* IE7用CSSハック*/
*:first-child+html .logo1{
	text-align: left;
	margin-right: 500px;
	height: 80px;
	width: 223px;
}


/* 【logo2】明治丸海事ミュージアム事業募金　*/
  .logo2{
	text-align: left;
	margin-left: 24px;
	margin-top: 34px;
	height: 39px;
	width: 429px;
	position: absolute;
	left: 0px;
	top: 80px;
}

/* IE7用CSSハック*/
*:first-child+html .logo2{
	text-align: left;
	margin-right: 300px;
	margin-top: 34px;
	height: 39px;
	width: 429px;
}

.glovalnavihead{
	text-align: left;
	margin-left: 6px;
	margin-top: 103px;
	height: 22px;
	width: 221px;
	float: left;
	position: absolute;
	top: 155px;
}

.bokin{
	margin-top:94px;
	position: absolute;
	left: 592px;
	top: 0px;
}

.h2{
	float:left;
	margin-left:42px;
	margin-top:94px;
	position: absolute;
	top: 155px;
	left: 225px;
	width: 324px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                              contents                             */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#contents{
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	background-color: #FFFFFF;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                          leftcontents                             */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#leftcontens{
	width: 234px;
	float: left;
}
#leftcontens ul{
	text-align: left;
	width: 234px;
}
#leftcontens ul li{
	text-align: left;
	list-style-type: none;
	height: 48px;
	width: 234px;
	margin-bottom:5px;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                          rightcontents                            */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#rightcontens{
	float: left;
	width: 551px;
	margin-left: 15px;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*                            footer                                 */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#footer{
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-x;
	height: 130px;
	margin-top: 40px;
	color: #FFFFFF;
}
#footer a{
	color: #FFFFFF;
}
