body { text-align:center; }  

/* 海洋速報レイアウト(横幅の設定）
----------------------------------------- */
#sotowaku { width:940px; float:center; margin:0 auto; }  
#qbocmenu { width:150px; float:right; }  
#qbocmenu2 { width:150px; float:right; }  
#maincontents { width:770px; float:left; }  

.inner { margin:5px 5px; }  
.inner2 { margin:10px 0; }  


#kyucyojouhou {
	width:860px;
	padding-left:35px;
	padding-right:35px;
	float:center; 
	text-align:center;
	font-size: 90%; /* 見出しの文字サイズ */

	
}

#qboctitle {
	float:center;
	width:930px;
	text-align:center;
}

#qbocsubtitle {
	float:center;
	width:930px;
	text-align:center;
}


/* トップ専用ぱんくず
----------------------------------------- */
#topbread2 {
	font-size:80%;
	padding:0px;
}

/* トップ以外のぱんくず
----------------------------------------- */
#topbread {
	font-size:80%;
	padding:3px;
}


/* 海洋速報（横幅の広いページ用）
------------------------------------------------------------ */
#container_png {
	width:1300px;
}

#container_png {
	background-color:#FFF;
	text-align:left;
	margin:0 auto;
	padding:0 5px;
}

#sotowaku_png { width:1300px; float:center; margin:0 auto; }  

#qboctitle_png {
	float:center;
	width:1290px;
	text-align:center;
}

#qbocsubtitle_png {
	float:center;
	width:1290px;
	text-align:center;
}


/* 速報タイトル
------------------------------------------------------------ */

#qboctitle h1{
	font-size:160%;
	padding:5px 10px;
	background-color:#5BA9D9;
	background-image:url(../images/barbgh1.gif);
	background-repeat:repeat-x
	/*
	background-image: linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	background-image: -o-linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	background-image: -moz-linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	background-image: -webkit-linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	background-image: -ms-linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #63AEDC),
		color-stop(0.78, #BAE3F8)
	);
	*/
}
#qboctitle h1 span{
	display:block;
	border-left:solid  5px #307eae;
	border-right:solid 5px #307eae;
	padding-left:10px;
}

#qboctitle .inner{ padding:20px 15px 0 15px;}

/* 速報サブタイトル
------------------------------------------------------------ */
#qbocsubtitle h1{
	font-size:140%;
	line-height:1;
	padding:3px 0 3px 20px;*/
	background:url(../images/barbg1.gif);
	border-color:#307eae; border-style:solid;
	border-width:1px 0px 1px 0px;
	padding:5px;
}

/* 速報タイトル png用
------------------------------------------------------------ */

#qboctitle_png h1{
	font-size:160%;
	padding:5px 10px;
	background-color:#5BA9D9;
	background-image:url(../images/barbgh1.gif);
	background-repeat:repeat-x
	/*
	background-image: linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	background-image: -o-linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	background-image: -moz-linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	background-image: -webkit-linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	background-image: -ms-linear-gradient(bottom, #63AEDC 0%, #BAE3F8 78%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #63AEDC),
		color-stop(0.78, #BAE3F8)
	);
	*/
}
#qboctitle_png h1 span{
	display:block;
	border-left:solid  5px #307eae;
	border-right:solid 5px #307eae;
	padding-left:10px;
}

#qboctitle_png .inner{ padding:20px 15px 0 15px;}

/* 速報サブタイトル png用
------------------------------------------------------------ */
#qbocsubtitle_png h1{
	font-size:140%;
	line-height:1;
	padding:3px 0 3px 20px;*/
	background:url(../images/barbg1.gif);
	border-color:#307eae; border-style:solid;
	border-width:1px 0px 1px 0px;
	padding:5px;
}

/* 急潮情報背景
----------------------------------------- */
.kyuchoback{
	padding-bottom:7px;
	
	background-color:#d1e8ff;
	padding:4px;
	border-top:3px solid #396CD9;
		/* 角丸 */
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	
}

/* --- お知らせボックス
----------------------------------------- */
div.section {
width: 850px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 90%; /* ボックスの文字サイズ */
}

div.section h3 {/* --- 見出し --- */
margin: 0; /* 見出しのマージン */
padding: 0px 5px; /* 見出しのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下境界線 */
font-size: 90%; /* 見出しの文字サイズ */
}

div.section div.textArea {/* --- 本文領域 --- */
height: 70px; /* 本文領域の高さ */
overflow: auto;
}

div.section div.textArea p {/* --- 本文領域内の段落 --- */
margin: 2px 10px; /* 段落のマージン（上下、左右） */
}

/* 仕切りの点々線
----------------------------------------- */

ul.dottoline {/* --- リストエリア --- */
width: 760px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

ul.dottoline li {/* --- リスト項目 --- */
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

ul.dottoline dl {/* --- 項目内容 --- */
width: 100%;
margin: 0;
font-size: 90%;
}

ul.dottoline dt.photo {/* --- 写真エリア --- */
width: 160px; /* 写真エリアの幅 */
float: left;
}
ul.dottoline dt.photo img {
border: 1px #808080 solid; /* 写真の境界線 */
}

ul.dottoline dt.title,/* --- キャプションエリア --- */
ul.dottoline dd {
margin: 0 0 0 160px; /* キャプションエリアのマージン（上右下左） */
}

ul.dottoline dt.title {/* --- タイトルエリア --- */
margin-bottom: 5px; /* タイトルエリアの下マージン */
line-height: 120%;
}

ul.dottoline dd {/* --- コメントエリア --- */
line-height: 150%;
}

.clearFix:after {/* --- clearfix --- */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* 仕切りの点々線(リンク用）
----------------------------------------- */

ul.dottoline2 {/* --- リストエリア --- */
width: 760px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

ul.dottoline2 li {/* --- リスト項目 --- */
padding: 10px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* ボックス枠
------------------------------------------ */
#qbocbox{
float:left;
width: 700px; /* ボックスの幅 */
height: 300px;
	padding-left:20px;
	padding-right:20px;
padding-bottom: 5px; /* ボックスの下パディング */
background: #ffffff url(../image_h/maru2_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 100%;
color: #000000;
}
#box2 h4 {
margin: 0; /* 見出しのマージン */
padding: 1em 15px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../image_h/maru2_300_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 120%; /* 見出しの文字サイズ */
}
#box2 p {
margin: 1em 15px 1em 10px; /* 段落のマージン（上右下左） */
	padding-left:20px;
	padding-right:20px;
}

/* 速報サイドメニュー
----------------------------------------- */

 #qbocmenu ul {
 list-style: none;
 margin: 0;
 padding: 0px 0px;
 border-top: 1px dotted #999999;
 }

 #qbocmenu li {
 background:#d1e8ff;
 margin: 0;
 padding: 1px 1px;
 border-bottom: 1px dotted #999999;
 }

 #qbocmenu a {
 border-left: 8px solid #0066CC;/*文字の横に付箋のようなマークを入れる*/
 padding:7px 5px;
 display: block;
 width: 122px ; 
 color: #333333;
 text-decoration: none;
 }

 #qbocmenu a:hover {
 background: #cccccc;
 border-left: 8px solid #00bfff;/*カーソルオーバーでマークの色が変わる*/
 color: #111111;
 width: 122px ; 
 }

/* コンテンツサイドメニュー
----------------------------------------- */

 #qbocmenu2 ul {
 list-style: none;
 margin: 0;
 padding: 0px 0px;
 border-top: 1px dotted #999999;
 }

 #qbocmenu2 li {
 background:#ffffff;
 margin: 0;
 padding: 1px 1px;
 border-bottom: 1px dotted #999999;
 }

 #qbocmenu2 a {
 border-left: 8px solid #d1e8ff;/*文字の横に付箋のようなマークを入れる*/
 padding:3px 5px;
 display: block;
 width: 130px ; 
 color: #333333;
 text-decoration: none;
 }

 #qbocmenu2 a:hover {
 background: #cccccc;
 border-left: 8px solid #00bfff;/*カーソルオーバーでマークの色が変わる*/
 color: #111111;
 width: 125px ; 
 }

/* バックナンバー (色分け）
----------------------------------------- */
#table {
width: 700px; /* 表の幅 */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 90%;
}
#table caption {/* --- 表タイトル --- */
padding-bottom: 15px; /* 表タイトルの下パディング */
}
#table thead th {/* --- 見出しセル --- */
background-color: #A9A9A9; /* 見出しセルの背景色 */
text-align: center;
}
#table th,/* --- セル --- */
#table td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
text-align: center;
}}
#table tfoot td {/* --- フッタセル --- */
background-color: #ffffff; /* フッタセルの背景色 */
}
#table tr.odd {/* --- 奇数行 --- */
background-color: #ffffff; /* 奇数行の背景色 */
}
#table tr.even { /* --- 偶数行 --- */
background-color: #f5f5f5; /* 偶数行の背景色 */
}
#table tr.blue { /* 各ページ */
background-color:#f5f5f5; /* 各バックナンバーページの背景色 */
}


/* マウスオンで図の画像色を変更
----------------------------------------- */

img.linkimg {
border: 1px #A6C7E0 solid;
}

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

/* マウスオンで図の画像色を変更・画像を角丸（トップ用）
----------------------------------------- */

img.linkimg2 {
border: 1px #A6C7E0 solid;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

a img.linkimg2{
background:none!important;
}
 
a:hover img.linkimg2{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}


/* 文字の大きさの設定
----------------------------------------- */

span.size1 {font-size: 90%; }

span.size2 {font-size: 100%; }

span.size3 {font-size: 110%; }

span.size4 {font-size: 120%; }

span.size5 {font-size: 150%; }