@charset "utf-8";
body {
	font-family:Meiryoke_PGothic,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(./gif/bg_new2.gif);
	color:#333333;
	background-color:#eeeeee;
	text-align:center;
	padding:0;
}

#container {
	width: 850px;
	line-height: 130%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#main_con {
	margin: 10px 1% 10px 1%;
}

#title {
	font-family:Osaka,Verdana,Arial,Helvetica,sans-serif;
	color:#666666;
	background-color:#eeeeee;
	border:1px solid #a9a9a9;
	padding:5px;
	margin:6px 0 6px 0;
	background-repeat:no-repeat;
	text-align:left;
}

div#title{
	background-image:url(./gif/jmsdf_02405-wb.jpg);
	height: 165px;
}

#title h1 {
	font-size:20pt;
	font-weight:bold;
	border:none;
	margin:5px 0 99px 0;
}

#title h1 a {
	color:#ffffff;
	background-color:transparent;
	text-decoration:none;
}

#sub_title{
	font-family:Meiryo;
	font-size:100%;
	font-weight:bold;
}

#title dl.rec_search a,li.line a {
	color:#666666;
	background-color:transparent;
}

#title h2 {
	display: inline-block;
	width: 46em;
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	margin:0;
	font-weight:bold;
}

#title h2 a {
	color:#ffffff;
	background-color:transparent;
	text-decoration:none;
}

#title p a{
	display: inline-block;
	color:#ffffff;
	background-color:transparent;
	font-size:11px;
	margin:0 0 0 780px;
	font-weight:bold;
}

h2 {
/*	margin-left:20px;
	padding:1px;
	font-weight:bold;
	clear:both;*/
}

h2.subtitle {
	font-size:12px;
	letter-spacing:-0.5px;
	color:#333333;
	background-color:#eeeeee;
	margin:0 0 3px 0;
	padding:5px;
	font-weight:bold;
}

h2.subtitle a, .side a:link, .side a:visited, .side a:active {
	color:#333333;
	background-color:transparent;
}

h2.subtitle a:link, h2.subtitle a:visited, span.prev_next a:link, span.prev_next a:visited {
	color:#333333;
	background-color:transparent;
	text-decoration:none;
}

h2.subtitle a:active, h2.subtitle a:hover, span.prev_next a:active {
	color:#333333;
	background-color:transparent;
	text-decoration:underline;
}

h3 {
	font-size:13px;
	font-weight:bold;
}

h4 {
	font-size:12px;
	font-weight:normal;
	margin:0 0 10px 20px;
	padding:1px;
}

p {
	font-size:100%;
	text-align:left;
	margin:0;
	padding:0;
}

p.topicpath {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #a9a9a9;
	width:100%;
}

#counter {
	display:block;
	padding:2px;
	color:#a9a9a9;
	background-color:transparent;
	font-size:11px;
	text-align:right;
}

#tabsH {
	float:left;
	width:100%;
	font-size:90%;
	line-height:normal;
	margin:0 0 1em 0;
	border-bottom:1px solid #a9a9a9;
}

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

#tabsH li {
	display:inline;
	margin:0;
	padding:0;
}

#tabsH a {
	float:left;
	background:url("gif/tableftH_w.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 2px;
	text-decoration:none;
}

#tabsH a span {
	float:left;
	display:block;
	background:url("gif/tabrightH_w.gif") no-repeat right top;
	padding:5px 10px 4px 5px;
	color:#eeeeee;
	background-repeat:no-repeat;
}

#tabsH a:hover span {
	color:#eeeeee;
	background-repeat:no-repeat;
	background-position:100% -42px;
}

#tabsH a:hover, #tabsH #current a {
	background-position:0 -42px;
}

#tabsH #current a span {
	background-position:100% -42px;
}

#main_down {
	clear:both;
}

p.menu_top {
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}

p.menu_bottom {
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #a9a9a9;
}

p.manage {
	display:block;
	text-align:right;
	margin:0 7px 5px 0;
}

dl.rec_search {
	padding-top:2px;
	padding-bottom:0;
	border-top:1px solid #a9a9a9;
}

.op_cl {
	margin: 1em 0;
}

div.sidehide label {
	display:block;
	margin:8px 0 2px 0;
}

div.sidehide textarea{
	width: 98%;
	padding:3px;
}

div.sidehide textarea.few_text{
	height:1em;
	overflow: hidden;
}

div.sidehide textarea.lot_text{
	height:3em;
	overflow: auto;
}

h3.search_keyword{
	width: 97.5%;
	border:1px solid #dcdcdc;
	margin:0;
	padding: 3px 4px;
	font-weight:normal;
}

div.sidehide pre{
	font-family:Meiryoke_PGothic,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;
	margin:0;
	padding:3px;
	border:1px solid #dcdcdc;
	height:15em;
	width: 400px;
	overflow: auto;
}

form.edit_form p {
	clear: both;
}

form.edit_form input {
	width: 3em;
}


.error h1 {
	font-size:x-large;
	margin:40px 5px;
}

.error h2 {
	font-size:small;
	margin:10px 5px;
	padding:40px;
	border-bottom:1px solid #a9a9a9;
}

div#jmsdf_flag_form{
	width:40%;
	padding:1em;
	margin:1em;
	border:1px solid #a9a9a9;
	color:#333333;
	background-color:#eeeeee;
}

div#jmsdf_kako{
	display:block;
	overflow:hidden;
	height: 100%;
	padding:1em 0 1em 7px;
	margin:1em;
	border:1px solid #a9a9a9;
	color:#333333;
	background-color:#eeeeee;
}

#kako_title{
	color:#333333;
	background-color:transparent;
	font-weight:normal;
	margin:0 0 1em 0;
}

div.jmsdf_view{
	border:1px solid #a9a9a9;
	color: #333333;
	font-family:Osaka;
	background-color: #dcdcdc;
	width: 150px;
	float: left;
	padding: 5px 0 0 0;
	margin: 5px;
}

span.jmsdf_image, span.file_caption {
	display:block;
	text-align: center;
	margin: 5px;
}

span.file_caption {
	font-size: 80%;
}

span.now_page {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

span.page_list {
	font-family:Tahoma;
	font-size:12px;
	word-spacing:0;
}

span.prev_next a {
	color:#666666;
	background-color:transparent;
	border:1px solid #333333;
	padding:2px 5px;
	margin:0 5px;
}

span.prev_next a:hover {
	color:#3333cc;
	background-color:transparent;
	text-decoration:none;
	border:1px solid #3333cc;
	padding:2px 5px;
}

p.uline, td {
	font-size:12px;
}

a:link {
	color:#5f9ea0;
	background-color:transparent;
	text-decoration:none;
}

a:visited {
	color:#778899;
	background-color:transparent;
	text-decoration:none;
}

a:active {
	color:#3366ff;
	background-repeat:no-repeat;
	text-decoration:underline;
}

a:hover {
	color:#0066ff;
	background-repeat:no-repeat;
	text-decoration:underline;
}

img {
	border:none;
}

table {
	width:100%;
	border:0;
	margin:0;
	border-collapse:separate;
	border-spacing:10px;
	empty-cells:show;
	text-align:left;
}

#up_img {
	margin-left:auto;
	margin-right:auto;
}

td.imgbox {
	/* IE hack */
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#eeeeee;
	width:100%;
	border:1px solid #a9a9a9;
	font-size:12px;
	padding:1px;
}

td strong, td.size {
	font-weight:bold;
}

p.ifimg {
	width:100%;
	text-align:center;
}

td.imgbox img {
	vertical-align:bottom;
	padding:2px;
	margin:0 auto;
	padding:0 ;
}

form {
	font-size:12px;
	color:#333333;
	background-color:transparent;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}

form.edit_form {
	margin:0;
	padding:0;
	display:inline;
}

input, select {
	font-size:12px;
	color:#333333;
	background-color:#eeeeee;
	outline-style:none;
	border:1px solid #a9a9a9;
	padding:1px;
	margin:1px;
}

.radio {
	border:1px solid #333333;
}

p.search_form a {
	color:#333333;
	background-color:transparent;
	text-decoration:none;
}

.box {
	font-size:15px;
	font-weight:bold;
	padding:2px;
}

#file {
	color:#696969;
	background-color:#eeeeee;
}

textarea {
	font-size:12px;
	color:#333333;
	background-color:#eeeeee;
	border:1px solid #dcdcdc;
	padding:1px 5px;
	margin:1px 0;
}

ul {
	margin-top:8px;
	margin-bottom:8px;
}

li {
	line-height:150%;
	list-style-type:circle;
}

.new {
	font-size:x-small;
	font-weight:bold;
	margin:0 0 0 2em;
}

a.new {
	color:#4169e1;
	background-color:transparent;
	text-decoration:none;
}


.search_ok {
	color:#3366ff;
	background-color:transparent;
	margin:1px;
	padding:1em;
}

.search_ok a{
	color:#3366ff;
	background-color:transparent;
}

.search_ok h2{
	font-size:15px;
}

.search_error {
	color:red;
	background-color:transparent;
	border-bottom:1px solid #a9a9a9;
	margin:1px;
	padding:1em;
}

#valid {
	text-align:right;
	margin:10px;
	display:block;
}

#bbs_form {
	border-bottom:1px solid #a9a9a9;
	padding-bottom:5px;
	margin-bottom:1em;
}

span.bbs_comment {
	margin-bottom:5px;
	display:block;
}

.mailform td {
	border:none;
}

#ok_proces {
	border:1px solid #a9a9a9;
	padding:10px;
	margin:40px;
}

.main_list {
	float:left;
	border:1px solid #a9a9a9;
	padding:10px 40px 10px 10px;
	margin:25px 40px 20px 20px;
	overflow:hidden;
}

.main_list li, .ships_list li {
	list-style-type:none;
}

ul.ships_list {
	width:200px;
	padding:0;
	margin:14px 0 0 0;
	overflow:hidden;
}

.side {
	display:block;
	border:1px solid #a9a9a9;
	padding:0;
	margin:1px 0;
}

.side a {
	padding:3px;
	display:block;
	text-decoration:none;
	color:#333333;
	background-color:transparent;
}

.side a:hover {
	color:#333333;
	background-color:#666666;
	text-decoration:none;
	}

#info {
	width:900px;
	padding:1em 2em;
}

/* lightbox.js */
#lightbox {
	background-color: #eee;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#lightboxCaption {
	color: #333;
	background-color: #eee;
	padding: 5px 0;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#lightboxIndicator {
	border: 1px solid white;
}

#lightboxOverallView,#overlay {
	background-color: #000;
/*	opacity: 0.5;*/
}

* html #lightboxOverallView,* html #overlay {
	background-color: #000;
/*	filter: Alpha(opacity=50);*/
}

/* suggest.js */
#suggest {
	position:absolute;
	color:#333333;
	background-color:#eeeeee;
	border:1px solid #a9a9a9;
	margin-left:50px;
	width:420px;
}

#suggest div {
	padding:2px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
}

#suggest div.select {
	color:#333333;
	background-color:#eeeeee;
}

#suggest div.over {
	color:#333333;
	background-color:#696969;
}

/* 選択強調 */
span.highlight {
	padding:2px;
	font-size:120%;
	color:#333333;
	background-color:#e0ffff;
	font-weight:bold;
}

 * html object.wmv_mozilla {
	display: none;
}
* html object.wmv_mozilla/**/ {
	display: inline;
}
* html object.wmv_mozilla {
	display/**/: none;
}

/* Title.js */
/* Fading Tooltips By Dustin Diaz*/
body div#toolTip {
	position:absolute;
	z-index:1000;
	width:300px;
	background:#fff;
	border:1px solid #696969;
	text-align:left;
	padding:5px;
	min-height:1em;
	/*-moz-border-radius:5px;*/
}
body div#toolTip p {
	margin:0;
	padding:0;
	color:#000;
}

body div#toolTip p em {
	display:block;
	margin-top:3px;
	color:#4169e1;
/*	font-style:normal;
	font-weight:bold;*/
}

body div#toolTip p em span {
	font-weight:bold;
	color:#fff;
}