/* 全体上部周り start */
body{
	margin-top:0px;
	text-align:center;
	background-image:url(../images/bg_l.jpg);
	background-repeat:repeat-x;
	background-color:#0F2850;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
}
#outline{
	width:850px;
	background-color:#000000;
	margin:0 auto;
}
#nav_top { 
	margin:0px;
	padding:0px;
	float:right; 
} 
#movable {
width:29px;
}
h1{
	font-size:16px;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	color:#333333;
	line-height:22px;
	display:none;
}
h3{
	margin:0px 0px 15px;
}
h4{
	margin:0px 0px 100px;
}
a{
	text-decoration:underline;
	color:#FFFFFF;
}
a:link{
}
a:visited{
}
a:hover{
	color:#e65b00;
}
a:active{
}
.topbanner{
	background-image:url(../images/ocean_top.jpg);
	width:850px;
	height:110px;
	background-repeat:no-repeat;
	text-align:right;
	position:relative;
}
.topbanner h2{
	font-size:12px;
	color:#666666;
	font-weight:400;
	margin:0px 50px 55px 0px;
	line-height:1.5em;
}
.topbanner p{
	margin:0px 0px 6px;
	font-size:12px;
	font-weight:600;
	color:#FFFFFF;
}
/* 全体上部周り end */

.c-both{
	clear:both;
	font-size:11px;
}
/* フッターまわり定義 */
.footer{
	height:50px;
	background-color:#0a1d3e;
	border-top:1px dotted #999999;
}
.footer p{
	font-size:11px;
	text-align:right;
	color:#CCCCCC;
	margin:10px 20px;
}


.main{
	width:850px;
	height:950px;
	background-image:url(../images/ocean_content_re.jpg);
	background-color:#FFFFFF;
}
.main p{
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	margin:0px 10px;
	color:#666666;
}
.main ul{
	margin-top:30px;
	font-size:12px;
}
.main li{
	color:#333333;
	list-style-image:url(../img/blue_marker.gif);
}


/* トップページ　コンテンツ内容 */
.main_pv{
	background-image:url(../images/ocean_motion.jpg);
	width:850px;
	height:230px;
}
.main_contents{
	width:850px;
	height:600px;
	background-image:url(../images/ocean_content_re.jpg);
	background-color:#FFFFFF;
}
.main_contents p{
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	margin:0px 20px 15px 60px;
	color:#666666;
}
.main_contents ul{
	margin-top:30px;
	font-size:12px;
}
.main_contents li{
	color:#333333;
	list-style-image:url(../img/blue_marker.gif);
}
.strong1{
	border-left:10px solid #ff6600;
	border-bottom:1px solid #ff6600;
	padding-left:5px;
}
.strong2{
	border-bottom:1px dotted #ff6600;
}

/*---------------------------------------------------------------中心各事業一覧--*/
.category {
	border:none;
	width:850px;
	margin:0px;
	padding:0px;
}
.category_d {
	border:none;
	width:850px;
	margin:0px;
	padding:0px;
}
.category_l {
	width:400px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 5px;
	border:none;
	background-image:url(../images/ocean_web.jpg);	
	background-repeat:no-repeat;
}
.category_l img {
	margin:0px;
	padding:0;
}
.category_r {
	width:400px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 5px;
	border:none;
	background-image:url(../images/ocean_design.jpg);	
	background-repeat:no-repeat;	
}
.category_r img {
	margin:0px;
	padding:0;
}
.category_l2 {
	width:400px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 5px;
	border:none;
	background-image:url(../images/ocean_trial.jpg);
	background-repeat:no-repeat;		
}
.category_r2 {
	width:400px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 5px;
	border:none;
	background-image:url(../images/ocean_lowprice.jpg);	
	background-repeat:no-repeat;	
}
.category_l3 {
	width:400px;
	float:left;
	margin:0px;
	padding:5px;
	border:none;
	background-image:url(../images/ocean_cell.jpg);
	background-repeat:no-repeat;		
}
.category_r3 {
	width:320px;
	float:left;
	margin:0px;
	padding:0px;
	border:none;
}

div#info_cr {
	position:relative;
	width:320px;
	height:200px;
	margin:0px;
	padding:0px;

}
div#info_dc {
	position:relative;
	width:320px;
	height:200px;
	margin:0px;
	padding:0px;
}

div#info_ia {
	position:relative;
	width:320px;
	height:200px;
	margin:0px;
	padding:0px;
}

div#info_ds {
	position:relative;
	width:320px;
	height:200px;
	margin:0px;
	padding:0px;
}
.info_contents {
	text-align:left;
	position:relative;
	width:380px;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
}
.info_contents p {
	margin:5px;
	clear:both;
	padding:0px;
	font-size:12px;
	line-height:1.5em;
	color:#666666;
	text-align:left;
}
.info_contents_float{
	float:left;
}
/*-------------------------------------------------------------第2階層以降ナビゲーション--*/
.info_link {
	text-align:right;
	margin:0px 5px;
	padding:0px;
	vertical-align:middle;
}
.info_link img {
border:none;
}
.info_link a {
border:none;
font-size:12px;
line-height:1.5em;
text-decoration:underline;
color:#3366CC;
}
.info_link a:visited {
	color: #3366CC;
}
.info_link a:hover {
	color: #7B9CDF;
}