/* css--------------------------------------------------- */
/*

	株式会社海洋計画

*/
/*--------------------------------------------------------*/


/*基本設定(文字・行間・種類・禁則処理・ボーダー)
----------------------------------------------------------*/
body{
	background-image:url('../img/common/bg.gif');
	font-size: 12px;
	margin:0px;
	padding:0px;
	color:#4f4f4f;
}

body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre{
	margin: 0px;
	padding: 0px;}

ul li{	list-style-type: none;}

table,img{	border: 0px;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,ol{
	font-family: "ＭＳ Ｐゴシック", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-weight: normal;
	line-height: 120%;
	line-break: strict;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body{	font-size: 12px;}

img {
	border: 0px;
}
a img {
	border: none;
}
.none{
	display:none;
}
strong {
	font-weight: normal;
}
/*--------------------------------------------------------*/


/*h
----------------------------------------------------------*/

h1 {
	font-size:10px;
	color:#FFFFFF;
	padding:0px 0px 2px 2px;
	background-color:#2d508c;
}

#logo {
	float:left;
}
#logo a{
	display: block;
	width:224px;
	height:53px;
	text-indent: -9999px;
	background-image:url('../img/common/title_logo.gif');
	background-repeat: no-repeat;
	margin: 9px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}


/*--------------------------------------------------------*/


/*linkColor
----------------------------------------------------------*/
a:link{
	color:#2a5c9b;
	text-decoration:underline;
}
a:visited{
	color:#2a5c9b;
	text-decoration:underline;
}
a:hover{
	color:#2a5c9b;
	text-decoration:none;
}
/*--------------------------------------------------------*/
a.link02:link{
	color:#0033CC;
	text-decoration:underline;
}
a.link02:visited{
	color:#0033CC;
	text-decoration:underline;
}
a.link02:hover{
	color:#FF6600;
	text-decoration:underline;
}
/*--------------------------------------------------------*/
#huta a:link {
	color: #ffffff;
}
#huta a:visited {
	color: #ffffff;
}
#huta a:hover {
	color: #dcdcdc;
}
/*--------------------------------------------------------*/


/*テキスト設定　余白　など
----------------------------------------------------------*/

.taL{ text-align:left;}
.taR{ text-align: right;}
.taC{ text-align: center;}

.ma3 {margin:3px;}
.ma5 {margin:5px;}
.ma10{margin:10px;}
.ma15{margin:15px;}

.maT5 {margin-top:5px;}
.maT10 {margin-top:10px;}
.maT15 {margin-top:15px;}
.maT20 {margin-top:20px;}
.maT30 {margin-top:30px;}
.maT40 {margin-top:40px;}

.maL5 {margin-left:5px;}
.maL10 {margin-left:10px;}
.maL15 {margin-left:15px;}
.maL20 {margin-left:20px;}
.maL30 {margin-left:30px;}
.maL40 {margin-left:40px;}

.maR5 {margin-right:5px;}
.maR10 {margin-right:10px;}
.maR15 {margin-right:15px;}
.maR20 {margin-right:20x;}
.maR30 {margin-right:30x;}

.maB5 {margin-bottom:5px;}
.maB10 {margin-bottom:10px;}
.maB15 {margin-bottom:15px;}
.maB20 {margin-bottom:20px;}

.pa5 {padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}

.paT5 {padding-top:5px;}
.paT10 {padding-top:10px;}
.paT15 {padding-top:15px;}
.paT20 {padding-top:20px;}
.paT30 {padding-top:30px;}
.paT40 {padding-top:40px;}

.paL5 {padding-left:5px;}
.paL10 {padding-left:10px;}
.paL15 {padding-left:15px;}
.paL20 {padding-left:20px;}

.paR5 {padding-right:5px;}
.paR10 {padding-right:10px;}
.paR15 {padding-right:15px;}
.paR20 {padding-right:20x;}

.paB8 {padding-bottom:8px;}
.paB10 {padding-bottom:10px;}
.paB15 {padding-bottom:15px;}
.paB20 {padding-bottom:20px;}

.fs10{ font-size:10px;}
.fs11{ font-size:11px;}
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}

.he10 {height:10px;}
.he15 {height:15px;}
.he20 {height:20px;}
.he30 {height:30px;}
.he40 {height:40px;}
.he60 {height:60px;}
.he85 {height:85px;}


.blue {color:#23437b;}
.green {color:#669900;}
.naby {color:#3c5095;}
.orange {color:#FF6600;}
.darkorange {color:#ff8c00 ;}
.red {color:#FF0000;}
.enji {color:#ca3b3b ;}
.orangered {color:#ff4500 ;}
.midnightblue {color:#191970 ;}


.b_back {background-color:#23437b;}
.lightyellow_back {background-color:#fffacd;}
.lightgoldenrodyellow_back {background-color:#fafad2;}
.lightcyan_back {background-color:#e0ffff ;}
.papayawhip_back {background-color:#ffefd5 ;}
.coral_back {background-color:#ff7f50 ;}
.gold_back {background-color:#ffd700 ;}
.ffcc99_back {background-color:#ffcc99 ;}
.ccff99_back {background-color:#ccff99 ;}
.f5f5f5_back {background-color:#f5f5f5 ;}
.orangered_back {background-color:#ff4500 ;}

.bold {font-weight:bold;}
/*--------------------------------------------------------*/


/*flort
----------------------------------------------------------*/
.fl {
	float:left;
}
.fr {
	float:right;
}

.clear {
	clear:both;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

 /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;} .clearfix {display: block;}



/* layout
--------------------------------------------------------- */
#wrap01 {
	width :830px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 5px 0px;
	background-color: #ffffff;
}
/*table*/
table.table01 {
	width: 590px;
	font-size: 12px;
	margin: 0px 5px 0px 5px;
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #808080 solid;
}
.table01 td {
	padding: 3px 5px 3px 5px;
	border: 1px #a9a9a9 solid;
}
.table01.td01 {
	width:120px;
}
table.table02 {
	width: 590px;
	font-size: 12px;
	margin: 30px 5px 0px 5px;
	background-color: #ffffff;
	border-collapse: collapse;
	border: 1px #808080 solid;
}
.table02 td {
	width:14%;
	padding: 3px 5px 3px 5px;
	border: 1px #a9a9a9 solid;
}

/*ヘッド*/
#head {
	width :830px;
	height :86px;
	background-image:url('../img/common/head_back.gif');
	background-repeat: no-repeat;
}
#head ul{
	float:right;
	margin: 50px 5px 0px 0px;
}
#head li{
	background-image:url('../img/common/arrow01.gif');
	background-repeat: no-repeat;
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 0px 10px;
	display:inline;
}

/*メイン*/
#wrap02 {
	width :810px;
	padding: 10px 10px 0px 10px;
	background-color: #ffffff;
}
	#wrap02l {
		width :203px;
		float: left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
		/*左メニュー*/
		#wrap02l ul {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
		}
		#wrap02l li {
			display: block;
			text-decoration: none;
			text-indent: -9999px;
		}
		#wrap02l li a {
			display: block;
			text-decoration: none;
			text-indent: -9999px;
		}
		
		#navi01 li a{
			background:url(../img/menu/contact02_off.gif);
			width:195px;
			height:110px;
		}
		#navi01 li a:hover { 
			background:url(../img/menu/contact02_on.gif);
			width:195px;
			height:110px;
		}
		ul#navi02 {
			margin: 10px 0px 0px 0px;
		}
		#navi02 li a{
			background:url(../img/menu/blog_off.gif);
			width:195px;
			height:96px;
		}
		#navi02 li a:hover { 
			background:url(../img/menu/blog_on.gif);
			width:195px;
			height:96px;
		}
		ul#navi03 {
			margin: 10px 0px 0px 0px;
		}
		#navi03 li#navi03_00 {
			background:url(../img/menu/menu_00.gif);
			width:203px;
			height:50px;
		}
		#navi03 li#navi03_01 a{
			background:url(../img/menu/menu_01_off.gif);
			width:203px;
			height:31px;
		}
		#navi03 li#navi03_01 a:hover { 
			background:url(../img/menu/menu_01_on.gif);
			width:203px;
			height:31px;
		}
		#navi03 li#navi03_02 {
			background:url(../img/menu/menu_02.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_03 a{
			background:url(../img/menu/menu_03_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_03 a:hover { 
			background:url(../img/menu/menu_03_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_04 a{
			background:url(../img/menu/menu_04_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_04 a:hover { 
			background:url(../img/menu/menu_04_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_05 a{
			background:url(../img/menu/menu_05_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_05 a:hover { 
			background:url(../img/menu/menu_05_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_06 a{
			background:url(../img/menu/menu_06_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_06 a:hover { 
			background:url(../img/menu/menu_06_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_07 a{
			background:url(../img/menu/menu_07_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_07 a:hover { 
			background:url(../img/menu/menu_07_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_08 a{
			background:url(../img/menu/menu_08_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_08 a:hover { 
			background:url(../img/menu/menu_08_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_09 a{
			background:url(../img/menu/menu_09_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_09 a:hover { 
			background:url(../img/menu/menu_09_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_10 a{
			background:url(../img/menu/menu_10_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_10 a:hover { 
			background:url(../img/menu/menu_10_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_11 {
			background:url(../img/menu/menu_11.gif);
			width:203px;
			height:31px;
		}
		#navi03 li#navi03_12 a{
			background:url(../img/menu/menu_12_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_12 a:hover { 
			background:url(../img/menu/menu_12_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_13 a{
			background:url(../img/menu/menu_13_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_13 a:hover { 
			background:url(../img/menu/menu_13_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_14 a{
			background:url(../img/menu/menu_14_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_14 a:hover { 
			background:url(../img/menu/menu_14_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_15 {
			background:url(../img/menu/menu_15.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_16 a{
			background:url(../img/menu/menu_16_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_16 a:hover { 
			background:url(../img/menu/menu_16_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_17 a{
			background:url(../img/menu/menu_17_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_17 a:hover { 
			background:url(../img/menu/menu_17_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_18 a{
			background:url(../img/menu/menu_18_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_18 a:hover { 
			background:url(../img/menu/menu_18_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_19 a{
			background:url(../img/menu/menu_19_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_19 a:hover { 
			background:url(../img/menu/menu_19_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_20 {
			background:url(../img/menu/menu_20.gif);
			width:203px;
			height:21px;
		}
		#navi03 li#navi03_21 {
			background:url(../img/menu/menu_21.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_22 a{
			background:url(../img/menu/menu_22_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_22 a:hover { 
			background:url(../img/menu/menu_22_on.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_23 a{
			background:url(../img/menu/menu_23_off.gif);
			width:203px;
			height:30px;
		}
		#navi03 li#navi03_23 a:hover { 
			background:url(../img/menu/menu_23_on.gif);
			width:203px;
			height:30px;
		}
		#navi04 li#navi04_01 a{
			background:url(../img/menu/kennosuke_cup.gif);
			width:101px;
			height:59px;
			margin: 13px 0px 0px 51px;

		}
        #navi04 li#navi04_02 a{
			background:url(../img/common/sij.jpg);
			width:197px;
			height:40px;
			margin: 5px 0px 3px 0px;
		}


	#wrap02r {
		width :597px;
		float: right;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
/*フッタ*/
#huta {
	font-size:10px;
	color: #ffffff;
	padding: 10px 0px 10px 10px;
	margin: 20px 0px 0px 0px;
	background-color: #23437b;
	background-image:url('../img/common/address.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}
	#huta ul {
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}
	#huta li {
		line-height: 130%;
		margin: 0px;
		padding: 0px;
		display: inline;
	}

.contact02 {
	border-top: 3px #dcdcdc solid;
}
.to_top {
	margin: 40px 0px 0px 0px;
	float: right;
}

.style1 {color: #FF0066}
.style2 {color: #6666FF}
.style4 {color: #CC3300}