body {
	margin: 0px;
	padding: 0px;
	background-image: url(/work/files/Image/common/common-back.gif);
	background-repeat: repeat;
}
#layout {
	margin: 0px;
	padding: 0px;
	width: 760px;
        background-color: #FFFFFF;
}

#fadeshow4{
position:relative;
width:760px;
height:260px;
z-index:1;
background:url(../Image/top_img/02.jpg) no-repeat top left;
}



.news_button {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: right;
}
#img_area{
position:relative;
width:760px;
height:260px;
}
#keepouroceans {
position:absolute;
left:32px;
top:95px;

}

#divingbigin {
position:absolute;
top:181px;
left:32px;

}
#topimg {
	margin-bottom: 20px;
	background-image: url(../Image/top/topimg.jpg);
	background-repeat: no-repeat;
	height: 260px;
	width: 760px;
	
}




#topnavi {
	margin-top:10px;
	margin-right: 14px;
	margin-left: 14px;
}






#bsacback {
	background-image: url(../Image/top/bsactohaback.jpg);
	background-repeat: no-repeat;
	background-color:#46B0BF;
    background-position:bottom;
}
#couseback {
	background-image: url(../Image/top/couseback.jpg);
	background-repeat: no-repeat;
	background-color: #46B0BF;
    background-position:bottom;
}
#goodsback {
	background-image: url(../Image/top/goodsback.jpg);
	background-repeat: no-repeat;
    background-position:bottom;


}

ul.lineup_list{
margin:0px;
padding:0px;
list-style:none;
margin-left:5px;
width:120px;
}

.lineup_list li{
	color: #FFFFFF;
	margin: 0px 0px 4pt;
	list-style: none;
	text-align: left;
	padding-left: 10px;
	line-height: 1.3em;
	background-image: url(../Image/top/arrouwhite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	text-decoration: none;
	width:120px;

}


.lineup_list li a:link{
color:#FFFFFF;
text-decoration:none;
}

.lineup_list li a:visited{
color:#0000FF;
text-decoration:none;
}

.lineup_list li a:hover{
color:#00489d;
text-decoration:underline;
}

.lineup_list lia:active{
color:#FFFFFF;
}


.lineup_list .left{
width:40px!important;
float:left;
}

.lineup_list .left2{
width:55px!important;
float:left;
}

.lineup_list .left a{
clear:both;
}

.clear{
clear:both;
}

/*
#textwhiteul {
	padding: 0px;
	margin: 5px 0px 0px 10px;
	font-size: 12px;
	list-style: none;
}

#textwhiteul li{
width:110px;
}

#textwhiteul li a {
	color: #FFFFFF;
	margin: 0px 0px 4pt;
	list-style: none;
	text-align: left;
	padding-left: 10px;
	line-height: 1em;
	background-image: url(../Image/top/arrouwhite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	text-decoration: none;
	display:block;
}

#textwhiteullia2 {
	color: #FFFFFF;
	margin: 0px 0px 0pt;
	list-style: none;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	display:block;
	width: 50px!important;
	float: left;
}

#textwhiteullia3 {
	color: #FFFFFF;
	margin: 0px 0px 0pt;
	list-style: none;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	display:block;
	width: 70px!important;
	float: left;
}
*/

/*
#textwhite {
	color: #FFFFFF;
	margin: 0px 0px 4pt;
	list-style: none;
	text-align: left;
	padding-left: 10px;
	line-height: 14px;
	background-image: url(../Image/top/arrouwhite.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
}

#textwhitelong {
	color: #FFFFFF;
	margin: 0px 0px 4pt;
	list-style: none;
	text-align: left;
	padding-left: 10px;
	line-height: 14px;
	background-image: url(../Image/top/arrouwhite.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-size: 12px;
}
*/
#goodsback {
	background-image: url(../Image/top/goodsback.jpg);
	background-repeat: no-repeat;
	background-color: #46B0BF;
	background-position:bottom;
}
#divecenterback {
	background-image: url(../Image/top/divecenterback.jpg);
	background-repeat: no-repeat;
	background-color: #46B0BF;
	background-position:bottom;
}

#tetudukiback {
	background-image: url(../Image/top/tetuduki.jpg);
	background-repeat: no-repeat;
	background-color: #46B0BF;
	background-position:bottom;
}
#info {
	margin-top: 10px;
	margin-bottom: 20px;
}


#infoul {
	padding:0px;
	margin:13px 0px;
	list-style: none;
	font-size: 12px;
	
}

#infoul li ul{
list-style:none;
margin:0;
padding:0;}

#infoul li ul li{
clear:both;}

#infoul li span.n_date {
float:left;
padding-right:5px;
padding:0px 5px 0px 10px;
	margin:0px 0px 0px 7px;
	background-image: url(/work/files/Image/top/arrowblue.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
}

#infoul li span.n_mark {
float:left;
margin-left;
padding-right:5px;
}

#infoul li span.n_title {
float:left;
width:380px;
padding-right:5px;

}


#infoul li span.n_new {
float:right;
padding-right:10px;
}


#infoul_r {
	padding:0px;
	margin:0px 0px 10px 0px;;
	list-style: none;
	font-size: 12px;
}


#infoul_r ul{

border:2px solid #58c10c;
border-top:none;
padding-bottom:5px;
background-color:#f2fbec;
width:169px;
text-align:left;
margin:0px;
padding:0;
list-style:none!important;
padding-top:10px;
padding-bottom:10px;
}

#info #infoul_r ul li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 7px;
	
	font-size: 12px;
	font-weight: lighter;
	line-height:1.4em;
	text-align:left;

}

#info #infoul_r ul li a{
	float:none;
	font-size:12px;
	text-align:left;
	background-image: url(../Image/top/arrowblue.png);
	background-repeat:no-repeat;
	display:block;
	padding-bottom:0px;
padding-left:15px;}

#infoul_r ul li a{
	color:#00489d;}
	
#infoul_r ul li a:hover {
	color:#ff0000;
	text-decoration: none;
}

#infoul_r ul li a:visited {
	color:#581e8d;
	text-decoration: none;
}	

#info p a {
	color:#00489d;
	padding:0px 10px 10px 12px;
	margin:0px;
	background-image:url(../Image/top/arrowblue.png);
	background-repeat:no-repeat;
	background-position:left 2px;
	font-size: 10px;
	float: right;
	font-weight: lighter;
	text-decoration: none;
}

#info p a:hover {
	color:#ff0000;

    text-decoration: none;
}

#info p a:visited {
	color:581e8d;

	text-decoration: none;
}
#flashtd {
	margin:0px;
	background-color:#28d3e5;
	padding: 7px 0px 4px;
}

#flashtd p {
	padding:0px;
	margin:4px 21px 3px 19px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 14px;
	font-weight: lighter;
}

#info_list_ta{
background-color:#eefcfe;
border-left:2px solid #3373dc;
border-right:2px solid #3373dc;
border-bottom:2px solid #3373dc;
}

#info_right_ta{
margin:0px;
}

#info_right_ta img{
padding-top:3px;}

/*追崢*/

.top_pad15{
}

.top_pad15 img{
padding-top:15px;
}

.top_pad10{
}

.top_pad10 img{
padding-top:10px;}

.top_pad05{
}

.top_pad05 img{
padding-top:5px;}

#infoul_r {
	padding:0px;
	margin:0px 0px 10px 0px;;
	list-style: none;
	font-size: 12px;
}
#infoul_r table{

border:2px solid #58c10c;
border-top:none;
padding-bottom:5px;
background-color:#f2fbec;
width:173px;
text-align:left;
}

#infoul_r .n_new {
	color:#FF0000;
	font-size: 12px;
}


#info #infoul_r p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 7px;
	
	font-size: 12px;
	font-weight: lighter;
	line-height:1.4em;
	text-align:left;
}

#info #infoul_r p a{
	float:none;
	font-size:12px;
	text-align:left;
	background-image: url(../Image/top/arrowblue.png);
	display:block;
	padding-bottom:0px;
background-position:0px 3px;}

#infoul_r li a{
	color:#00489d;
	
}

#infoul_r li a:hover {
	color:#ff0000;
	text-decoration: none;
}

#infoul_r li a:visited {
	color:#581e8d;
	text-decoration: none;
}





#infoul_b {
	padding:0px;
	margin:20px 0px 10px 0px;
	list-style: none;
	font-size: 12px;
	
	
}
#infoul_b .table_wap{

border:2px solid #05084d;
border-top:none;
padding-bottom:5px;
background-color:#d8e9ff;
width:546px;
padding:0px 0px 10px 0px;
}

#infoul_b .table_wap .wap_tit{
margin:0px 0px 10px 0px;
}


#infoul_b .n_new {
	color:#FF0000;
	font-size: 12px;
}

#infoul_b .table_wap ul{
list-style:none;

padding:0px;
margin:10px;}


	
	#infoulshop {
	padding:0px;
	margin:0px;
	
	list-style: none;
	font-size: 12px;
}












#infoulshop li a {
	color:#00489d;
}

#infoulshop li a:hover {
	color:#ff0000;
	text-decoration: none;
}

#infoulshop li a:visited {
	color:#581e8d;
	text-decoration: none;
}




.ma_b10{
	margin-bottom:10px;}
	
	.pa_t10{
		padding-top:10px!important;}
	.pa_b10{
		padding-bottom:10px!important;}

		
/*======================================================================navi*/
#g_navi,#g_navi ul,#g_navi,#g_navi ul li{
margin:0;
padding:0;}

#g_navi{
font-size:small;
z-index:2;}


#g_navi,#g_navi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#g_navi_area{
height:38px;


}

#g_navi	{
	position:relative;
	width:760px;

	z-index:2;
}
#g_navi li#g_navi01{
position:absolute;
top:0;
left:0;
}
#g_navi li#g_navi02{
position:absolute;
top:0;
left:152px;
}
#g_navi li#g_navi03{
position:absolute;
top:0;
left:305px;
}
#g_navi li#g_navi04{
position:absolute;
top:0;
left:457px;
}
#g_navi li#g_navi05{
position:absolute;
top:0;
left:609px;
}





#g_navi li ul{
	width: 120px;
	position: absolute;
	left:0;
	top: 38px;
	display: none;
}

#g_navi ul li{

	}


#g_navi ul li a{
	
	border-bottom: 1px solid #317b85;
	padding-left:15px;
	padding-top:3px;
	padding-bottom:3px;

	display: block;
color: #fff;
	text-decoration: none;
	background:url(../Image/common/arrow_pulldown.gif) no-repeat 1px 8px #46b0bf;
}




#g_navi ul li a:hover{
color:#0000FF;
text-decoration:underline;

}
#g_navi ul li.first a{
	
	
}
#g_navi ul li.first a:hover{
	
}


/*幅指定*/


#g_navi #g_navi01 ul li a{
width:152px;
}

#g_navi #g_navi02 ul li a{
width:219px;
}

#g_navi #g_navi03 ul li a{
width:170px;
}

#g_navi #g_navi03 ul li.secli{


	


}

#g_navi #g_navi03 ul li.secli a{
width:165px;

color:#FFFFFF;

background-color:#46b0bf;
display:block;
background-image:none!important;
text-indent:-1em;
padding-left:20px;
border-bottom: 1px solid #317b85;
}


#g_navi #g_navi04 ul li a{
width:137px;
}

#g_navi #g_navi05 ul li a{
width:190px;
}
#g_navi #g_navi05 ul li.secli{

}



#g_navi #g_navi05 ul li.secli a{
width:185px;
color:#FFFFFF;
padding-left:20px;
background-color:#46b0bf;

display:block;
background-image:none!important;
text-indent:-1em;
border-bottom: 1px solid #317b85;

}


/*
----------------------------------------------------------- */
#g_navi ul li ul {
	top: 0px;
	left: 175px;
}
#g_navi ul ul{
display:none;
}



.pad_t10{
padding-top:10px!important;}

.pad_b10{
padding-top:10px!important;}

.heig_10{
height:10px;}


.colorffff00{
color:#ffff00!important;}




#infoul {
	padding:0px;
	margin:13px 0px;
	list-style: none;
	font-size: 12px;
}

#infoul .n_new {
	color:#FF0000;
	font-size: 12px;
}


#infoul li p{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 7px;
	background-image: url(../Image/top/arrowblue.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	font-weight: lighter;
	line-height:1.4em;
	
}

#infoul li a {
	color:#00489d;
}

#infoul li a:hover {
	color:#ff0000;
	text-decoration: none;
}

#infoul li a:visited {
	color:#581e8d;
	text-decoration: none;
}

#infoul_b .table_wap ul{
margin:0;
padding:0;
list-style:none;}


#infoul_b .table_wap ul li{
clear:both;}

#infoul_b .table_wap li span.n_date {
float:left;
padding-right:5px;
padding:0px 5px 0px 10px;
margin:0px 0px 0px 7px;
background-image: url(../Image/top/arrowblue.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 12px;

}

#infoul_b .table_wap ul li span.n_mark {
float:left;

padding-right:5px;
}



#infoul_b .table_wap ul li span.n_title {
width:470px;


float:left;
}



#infoul_b .table_wap ul li span.n_new {
float:left;
padding-right:10px;
}

.clear{
clear:both;
}


/*=====   clearfix   =====*/
.clearfix {overflow:hidden;}
.clearfix:after {
    content		: ".";
    display		: block;
    visibility	: hidden;
    clear		: both;
    height		: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}

/* for IE7 */
*:first-child+html .clearfix  {
	min-height: 1%;
	/*zoom	: 1;*/
}

/* for Mac IE */
* html .clearfix {
	display	: inline-table;
}

/* no Mac IE \*/
* html .clearfix {
	height	: 1%;
}

.clearfix {
	display	: block;
}
/* */

/*=====   clearfix   =====*/