/* *************************
* 全体レイアウト
************************** */

* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: left;
	font-size: 13px;
	line-height: 160%;
	color: #191919;
/*	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; */
}

#page {
	min-width: 820px;
	max-width: 950px;
	padding: 10px 10px 10px 15px;
	text-align: left;
}
/* under IE6 hack */
* html #page {
  width : 950px;
  width : expression(
  (document.documentElement.clientWidth > 950)? "950px" :
  (document.documentElement.clientWidth < 820)? "820px" :
  "auto");
}





/* *************************
* ヘッダー
************************** */

#header {
	width:100%;
	height: 54px;
}
#header_ad {
	width:100%;
}

	#header h1 a{
		float: left;
		width: 186px;
		height: 46px;
		background-image: url(../images/global/header_03.gif);
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#header_ad h1 a{
		float: left;
		width: 159px;
		height: 43px;
		background-image: url(../images/global/logo_s.gif);
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}

#subNavi {
	float: left;
	display: inline;
	width: 220px;
	list-style-image:none;
	list-style-type:none;
	position: relative;
	top: 24px;
	left: 10px;
}
	#subNavi li{
		display: inline;
	}

#sn_home a {
	float: left;
	width: 60px;
	height: 19px;
	background-image: url(../images/global/header_10.gif);
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#sn_marinavi a {
	float: left;
	width: 75px;
	height: 19px;
	background-image: url(../images/global/header_11.gif);
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#userNavi {
	float: right;
	width: 460px;
}
	#userNavi ul {
		float: right;
		list-style-image:none;
		list-style-type:none;
		font-size: 11px;
	}
	#userNavi li {
		display: inline;
		background-image: url(../images/global/header_06.gif);
		background-position: center left;
		background-repeat: no-repeat;
		padding-left: 8px;
		margin-left: 8px;
	}
	#userNavi li a {
		text-decoration: none;
	}
	#userNavi li a:hover {
		text-decoration: underline;
	}
	

#state {
	clear: both;
	text-align: right;
}
	#state p {
		float: right;
		background-image: url(../images/global/ico_03.gif);
		background-position: center left;
		background-repeat: no-repeat;
		padding-left: 25px;
	}



/* *************************
* ナビゲーションタブバー
************************** */
#super {
	border-collapse: collapse;
	width:100%;
	margin-bottom: 10px;
	padding: 5px 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #EFEFEF;
}

#superM {
	padding: 5px 0px;
}

#superL {
	width: 58px;
	background-image: url(../images/global/gra_03.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

#superR {
	width: 58px;
	background-image: url(../images/global/gra_05.gif);
	background-repeat: repeat-y;
	background-position: top center;
}



/* *************************
* ナビゲーションタブバー
************************** */

#upper {
	float: left;
	width:100%;
	height: 28px;
}

	#upper ul {
		float: left;
		display: inline;
		width: 761px;
		height: 28px;
		margin-left: 5px;
	}
	#upper li {
		float: left;
		display: inline;
		position: relative;
	}
	#upper li a {
		float: left;
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#un_news a {
		width: 74px;
		height: 28px;
		background-image: url(../images/global/navi_19.gif);
	}
	#un_guideS a {
		width: 88px;
		height: 28px;
		background-image: url(../images/global/navi_20.gif);
	}
	#un_guideA a {
		width: 88px;
		height: 28px;
		background-image: url(../images/global/navi_21.gif);
	}
	#un_everyone a {
		width: 101px;
		height: 28px;
		background-image: url(../images/global/navi_22.gif);
	}
	#un_link a {
		width: 88px;
		height: 28px;
		background-image: url(../images/global/navi_23.gif);
	}
	#un_info a {
		width: 138px;
		height: 28px;
		background-image: url(../images/global/navi_24.gif);
	}
	#un_about a {
		width: 77px;
		height: 28px;
		background-image: url(../images/global/navi_25.gif);
	}
	#un_cruise a {
		width: 101px;
		height: 28px;
		background-image: url(../images/global/navi_26.gif);
	}
	
	#upper li a:hover {
		background-position: 0px -28px;
	}
	#upper li a:active {
		background-position: 0px -56px;
	}
	#news #un_news a,
	#guideS #un_guideS a,
	#guideA #un_guideA a,
	#everyone #un_everyone a,
	#link #un_link a,
	#info #un_info a,
	#about #un_about a,
	#cruise #un_cruise a {
		background-position: 0px -84px;
	}
	
	
	#fontCh {
		float: right;
		width: 130px;
		background-image: url(../images/global/header_16.gif);
		background-position: top left;
		background-repeat: no-repeat;
		text-align: right;
	}


#upper ul ul {
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	width: 134px;
	margin: 0;
	z-index: 9999;
}
#upper ul ul a,
#upper ul ul a:visited {
	display: block;
	width: 130px;
	height: auto;
	background-image: none;
	background-color: #f3f3f3;
	text-indent: 0;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #CfCfCf;
	border-right: 1px solid #CfCfCf;
	border-bottom: 1px solid #CfCfCf;
	padding: 4px 10px;
	font-size: 12px;
	color: #40525E;
	text-decoration: none;
}
#upper ul ul a:hover{
	color: #137ABD;
	text-decoration: underline;
}
#upper li:hover ul {
	display: block;
}
#upper .pulldown_open {
	top: 28px;
	left: 0;
}


#lower {
	float: left;
	width:100%;
	height: 42px;
	background-image: url(../images/global/header_29.gif);
	background-repeat: repeat-x;
	font-family: sans-serif;
	margin-bottom: 5px;
}

	#lower ul {
		float: left;
		display: inline;
		height: 30px;
		padding: 6px 0px 0px 5px;
		background-image: url(../images/global/header_26.gif);
		background-position: top left;
		background-repeat: no-repeat;
		font-size: 11px;
	}
	#lower li {
		float: left;
		width: 133px;
		height: 30px;
		display: inline;
		background-image: url(../images/global/header_36.gif);
		background-position: top center;
		background-repeat: no-repeat;
		line-height: 30px;
		margin-right: 1px;
	}
	#lower li a {
		float: left;
		width: 111px;
		height: 30px;
		padding-left: 22px;
		color: #40525E;
		text-decoration: none;
	}
	#lower li a:hover {
		color: #137ABD;
		text-decoration: underline;
	}
	
	#rollbg {
		background-image: url(../images/global/header_34.gif);
		color: #FFFFFF !important;
		text-decoration: none !important;
	}
	#rollbg:hover{
		text-decoration: underline !important;
	}
	

#lower_r {
	float:right;
	width: 5px;
	height: 42px;
	background-image: url(../images/global/header_31.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/* *************************
* 左+真ん中メニュー
************************** */

#contents {
	clear: both;
	width:100%;
	border-collapse: collapse;
}
	#contents td {
		vertical-align: top;
	}


/* *************************
* 左メニュー
************************** */

.yahoo{
width: 160px;
font-size: 12px;
margin-bottom:5px;
}

.yahoo_t{
color:red;
line-height:12px;
margin:0;
}

.w105 {
width:100px;
} 

#menuBar {
	width: 160px;
	font-size: 12px;
}


#login {
	float: left;
	width: 150px;
	height: 92px;
	background-image: url(../images/global/login_76.gif);
	font-size: 11px;
	padding-top: 24px;
	margin-bottom: 5px;
}
	#login label {
		clear: both;
		float:left;
		height:22px;
		line-height:22px;
		margin:0 4px 0 0;
		text-align:right;
		width:30px;
	}
	

#member{
	float: left;
	margin: 0px 0px 5px 0px;
}

#trialB {
	width: 150px;
	height: 110px;
	background-image: url(../images/global/tri_76.gif) ;
}
	#trialB p{
		text-align: right;
		position: relative;
		top: 75px;
		font-size: 28px;
		padding-right: 29px;
		color: #FF4901;
		font-weight: bold;
	}

/* 今日の一枚 */
#todayPic {
	float: left;
	width: 148px;
	border: 1px solid #FF8003;
	margin: 0px 0px 5px 0px;
	text-align:center;
}
	#todayPic h2 {
		float: left;
		width: 148px;
		height: 42px;
		background-image: url(../images/global/left_81.gif);
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#todayPic p {
		width: 138px;
		line-height: 150%;
		text-align: left;
		margin: 5px 5px 10px 5px;
	}



/* 前日の記事ランキング */
#ranking {
	float: left;
	width: 148px;
	border: 1px solid #D43132;
	margin: 0px 0px 5px 0px;
	text-align:center;
	line-height: 140%;
}
	#ranking h2 {
		float: left;
		width: 148px;
		height: 42px;
		background-image: url(../images/global/left_112.gif);
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#ranking ul {
		float: left;
		margin:0px 3px 10px 0px;
		list-style-type: none;
		text-align: left;
		width: 140px;
	}
	#ranking a{
	}
	#ranking01 {
		background-image:url(../images/global/jmd_70.gif);
		background-position:4px 0;
		background-repeat:no-repeat;
		margin-bottom: 5px;
		padding-left: 24px;
	}
	#ranking02 {
		background-image:url(../images/global/jmd_75.gif);
		background-position:4px 0;
		background-repeat:no-repeat;
		margin-bottom: 5px;
		padding-left: 24px;
	}
	#ranking03 {
		background-image:url(../images/global/jmd_77.gif);
		background-position:4px 0;
		background-repeat:no-repeat;
		margin-bottom: 5px;
		padding-left: 24px;
	}
	#ranking04 {
		background-image:url(../images/global/jmd_80.gif);
		background-position:4px 0;
		background-repeat:no-repeat;
		margin-bottom: 5px;
		padding-left: 24px;
	}
	#ranking05 {
		background-image:url(../images/global/jmd_82.gif);
		background-position:4px 0;
		background-repeat:no-repeat;
		margin-bottom: 5px;
		padding-left: 24px;
	}



/* 記者の視点、特集 */
#aspect,
#feature,
#health {
	float: left;
	width: 148px;
	border: 1px solid #8DADC4;
	margin: 0px 0px 5px 0px;
	text-align:center;
	line-height: 140%;
}
	#aspect h2 {
		float: left;
		width: 148px;
		height: 41px;
		background-image: url(../images/global/left_132.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#feature h2 {
		float: left;
		width: 148px;
		height: 41px;
		background-image: url(../images/global/left_136.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#health h2 {
		float: left;
		width: 148px;
		height: 41px;
		background-image: url(../images/global/left_138.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#aspect ul,
	#feature ul,
	#health ul {
		float: left;
		margin:0px 3px 10px 0px;
		list-style-type: none;
		text-align: left;
		width: 140px;
	}
	#aspect a,
	#feature a,
	#health a {
	}
	#aspect ul li,
	#feature ul li,
	#health ul li {
		background-image:url(../images/global/jmd_ar.gif);
		background-position:4px 0;
		background-repeat:no-repeat;
		margin-bottom: 5px;
		padding-left: 24px;
	}






/* *************************
* 真ん中メニュー
************************** */

#article,
#article2 {
	margin: 0px 15px 0px 0px;
}

	#article ul,
	#article2 ul {
		clear: both;
		padding-left: 19px;
		padding-right: 10px;
		margin-bottom: 0px;
		line-height: 130%;
	}

	#article ul li,
	#article2 ul li	{
		list-style-image: url(../images/global/ar_168.gif);
		margin-bottom: 8px;
	}
	
	#article ol,
	#article2 ol {
		clear: both;
		margin-bottom: 10px;
	}

	#article ol li,
	#article2 ol li {
		list-style-image: none;
	}



/* *************************
* 右メニュー
************************** */

#option {
	width: 300px;
}

.optionBox {
	clear:both;
	float: left;
	text-align: center;
	margin-bottom: 5px;
}

.inside {
	float: left;
	width: 300px;
	background-image: url(../images/option/border_03.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #A0A0A0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.optionBox_n {
	clear:both;
	margin-bottom: 5px;
}

.optionBox table {
	clear:both;
}


/* ニュース速報 */
#newsFlash{
	line-height: 150%;
}
	#newsFlash h2{
		float: left;
		width: 300px;
		height: 23px;
		background-image: url(../images/option/news_r_03.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
	}

/* 日本海事新聞社からのお知らせ */
#information{
	line-height: 125%;
}
	#information h2{
		float: left;
		width: 300px;
		height: 23px;
		background-image: url(../images/option/info_03.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
	}

/* 株価・為替情報 */
	#luggage h2{
		float: left;
		width: 300px;
		height: 23px;
		background-image: url(../images/option/right_114.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	
/* バンカー価格情報 */
	#bunker h2 {
			float: left;
			width: 300px;
			height: 23px;
			background-image: url(../images/option/bk_78.gif);
			background-position: bottom center;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
	}

/* 最新動画 */
	#video h2{
		float: left;
		width: 300px;
		height: 28px;
		background-image: url(../images/option/movie_03.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#video_archives {
		text-align:right;
		padding-top:2px;
		font-size:12px;
	}


/* 天気情報 */
	#weather h2{
		float: left;
		width: 300px;
		height: 23px;
		background-image: url(../images/option/jmd_83.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}

/* マリナビ会員区分と共通コンテンツ */
	#marinaviCategory h2{
		float: left;
		width: 300px;
		height: 23px;
		background-image: url(../images/option/m_content_03.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#marinaviCategory table {
		line-height: 130%;
	}
	#marinaviCategory .box {
		padding-top:3px;
	}
	#marinaviCategory .more {
		margin-bottom: 0px;
	}
	#marinaviCategory a {
		float: right;
		width: 149px;
		height: 20px;
		background-image: url(../images/option/content_btn_03.gif);
		background-position: top left;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}


/* Reuters:ビジネス */
#marinData {
	text-align: left;
}
	#marinData h2{
		float: left;
		width: 300px;
		height: 28px;
		background-image: url(../images/option/mdata_03.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#marinData ul {
		margin: 0px 10px 5px 10px;
		padding-left: 19px;
		line-height: 125%;
	}
	#marinData ul li {
		list-style-image:url(../images/global/ar_168.gif);
		margin-bottom: 8px;
	}

/* Reuters:ビジネス */
#reuters1 {
	text-align: left;
}
	#reuters1 h2{
		float: left;
		width: 300px;
		height: 23px;
		background-image: url(../images/option/Reuters1_03.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#reuters1 ul {
		margin: 0px 10px 5px 10px;
		padding-left: 19px;
		line-height: 125%;
	}
	#reuters1 ul li {
		list-style-image:url(../images/global/ar_168.gif);
		margin-bottom: 8px;
	}
/* Reuters:マーケット */
#reuters2 {
	text-align: left;
}
	#reuters2 h2{
		float: left;
		width: 300px;
		height: 23px;
		background-image: url(../images/option/Reuters2_03.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#reuters2 ul {
		margin: 0px 10px 5px 10px;
		padding-left: 19px;
		line-height: 125%;
	}
	#reuters2 ul li {
		list-style-image:url(../images/global/ar_168.gif);
		margin-bottom: 8px;
	}
/* Reuters:世界のこぼれ話 */
#reuters3 {
	text-align: left;
}
	#reuters3 h2{
		float: left;
		width: 300px;
		height: 23px;
		background-image: url(../images/option/Reuters3_03.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#reuters3 ul {
		margin: 0px 10px 5px 10px;
		padding-left: 19px;
		line-height: 125%;
	}
	#reuters3 ul li {
		list-style-image:url(../images/global/ar_168.gif);
		margin-bottom: 8px;
	}





/* *************************
* フッター
************************** */

#footer {
	width: 100%;
	height: 100px;
	margin-top:15px;
	border-top: 1px solid #808080;
}
#footer p {
	width: 100%;
	height: 35px;
	text-align: center;
	line-height: 35px;
}

#copyright {
	width: 100%;
	height: 50px;
	line-height: 25px;
	font-size: 11px;
	color: #090909;
	text-align: center;
	border: 1px solid #808080;
	margin-bottom: 21px;
}