/* ===== 共通デザイン ===== */

* {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #f0f0f0;
	line-height: 1em;
	background-color: #ffffff;
}

ul, ol {
	padding-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

a:link {
	text-decoration: none;
	color: #202080;
}

a:visited {
	text-decoration: none;
	color: #202080;
}

a:hover {
	text-decoration: underline;
	color: #c02020;
}

a:visited:hover {
	text-decoration: underline;
	color: #c04040;
}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #c0c0c0;
	height: 1px;
	margin: 1em 0 1em 0;
}

img {
	border: 0;
}

#header-container {
}

#header {
	width: 950px;
	height: 120px;
	margin-right: auto;
	margin-left: auto;
	background: url(logo_bg.png) no-repeat;
}

#topmenu {
	clear: both;
	background: url(topmenu-bg.png) repeat-x;
	height: 35px;
	line-height: 35px;
}

#topmenu ul {
	list-style-type: none;
	width: 950px;
	margin: 0 auto 0 auto;
	display: block;
	padding: 0;
	font-size: 16px;
	color: #ffffff;
	line-height: 35px;
	text-align: center;
}

#topmenu li {
	float: left;
}

#topmenu a {
	float: left;
	width: 120px;
	background: url(topmenu-bg.png) repeat-x;
	color: #ffffff;
	border-left: 1px #ffffff solid;
}

#topmenu a:link {
	text-decoration: none;
}

#topmenu a:visited {
	text-decoration: none;
}

#topmenu a:hover {
	text-decoration: none;
	background: #00a0f0;
}

#topmenu a:visited:hover {
	text-decoration: none;
	background: #00a0f0;
}

#topmenu .current a:hover {
	text-decoration: none;
	background: #00a0f0 url(current-top.png) no-repeat -48px 35px;
	height: 52px;
	margin-bottom: -15px;
}

#topmenu .current a:visited:hover {
	text-decoration: none;
	background: #00a0f0 url(current-top.png) no-repeat -48px 35px;
	height: 52px;
	margin-bottom: -15px;
}

#topmenu .current a {
	background: #00a0f0 url(current-top.png) no-repeat -48px 35px;
	height: 52px;
	margin-bottom: -15px;
}

#gsearch-text {
	width: 150px;
}

#toplink-shop {
	border-right: 1px #ffffff solid;
	margin-right: 20px;
}

#header-right {
	float: right;
}

#header-left {
	float: left;
}

#top-navi {
	text-align: right;
	padding: 10px 0 10px 0;
	font-size: 10pt;
}

#top-desc {
	font-weight: normal;
	font-size: 8pt;
	padding: 10px 20px 10px 20px;
	color: #404040;
}

#top-logo {
	font-size: 8pt;
	padding: 5px 10px 10px 15px;
}

#top-ad {
	float: right;
	width: 468px;
	height: 60px;
	margin: 5px 0 0 0;
	background-color: #f0f0f0;
}

#toplink-location, #toplink-shop {
	font-size: 12px;
}

#content {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	position: relative;
 	min-height: 1100px;
}

#content-left {
	width: 200px;
	margin: 10px 0 0 0;
	text-align: center;
	position: absolute;
	left:0;
	top:0;
}

#content-center {
	width: 510px;
	margin-left: 220px;
}

#content-right {
	width: 200px;
	position: absolute;
	right:0;
	top:0;
}

.full #content-left {
	display: none;
}

.full #content-center {
	width: 720px;
	margin: 0px 10px 10px 10px;
}

#content-body {
	margin: 1em;
	line-height: 1.3em;
	font-size: 11pt;
}

#footer {
	background-color: #f0f0f0;
	margin: 3em 10px 1em 10px;
	padding: 1em 2em 1em 2em;
	font-size: 10pt;
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/stylesheets/PIE.htc);
}

#footer-content {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#about {
	float: left;
	width: 600px;
	margin-right: 1em;
}

#siteinfo {
	float: left;
	width: 200px;
	margin: 0;
	border-left: 1px solid #c0c0c0;
}

#copyright {
	clear: both;
	text-align: center;
	margin-top: 1em;
}

h1 {
	font-weight: bold;
	background-color: #808080;
	color: #ffffff;
	font-size: 16px;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/stylesheets/PIE.htc);
}

h2 {
	border-left: 5px solid #808080;
	background-color: #f0f0f0;
	font-weight: bold;
	color: #000000;
	font-size: 11pt;
	padding: 0.3em 1em 0.3em 1em;
	margin: 1em 0 1em 0;
}

h3 {
	font-weight: bold;
	font-size: 11pt;
	padding: 0;
	margin: 1em 0em 1em 0em;
/*
	padding: 0.2em;
	border-bottom: 1px solid #e0e0e0;
*/
}

h4, h5 {
	font-weight: bold;
	font-size: 11pt;
	padding: 0;
	margin: 1em 0em 1em 0em;
}

.panel {
	background-color: #f0f0f0;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/stylesheets/PIE.htc);
}

.panel h2 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/stylesheets/PIE.htc);
	text-align: center;
	font-weight: bold;
	background-color: #808080;
	color: #ffffff;
	font-size: 16px;
	padding: 10px;
	margin: 0 0 10px 0;
}

.panel h2 .username {
	font-size: 10px;
	height: 1em;
	padding: 0;
	margin: 0;
	display: block;
}

.panel h3 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/stylesheets/PIE.htc);
	text-align: center;
	font-weight: bold;
	background-color: #808080;
	color: #ffffff;
	font-size: 12px;
	padding: 2px 8px 2px 8px;
	margin: 0;
}

.panel h2 a {
	color: #ffffff;
}

.panel h2 a:hover {
	color: #ffffff;
}

.panel-content {
	padding: 0.5em;
	font-size: 10pt;
	text-align: left;
}

#sidemenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 16px;
	color: #ffffff;
	margin-top: 10px;
}

#sidemenu a {
	background-color: #b0b0b0;
	color: #ffffff;
	display: block;
	margin: 1px 0 0 0;
	padding-left: 15px;
	font-size: 14px;
	text-align: left;
	line-height: 40px;
}

#sidemenu a:link {
	text-decoration: none;
}

#sidemenu a:visited {
	text-decoration: none;
}

#sidemenu a:hover {
	text-decoration: none;
	background: #00a0f0;
}

#sidemenu a:visited:hover {
	text-decoration: none;
	background: #00a0f0;
}

#sidemenu .current a:hover {
	text-decoration: none;
	width: 196px;
	background: #00a0f0 url(current-left.png) no-repeat 201px 0px;
}

#sidemenu .current a:visited:hover {
	text-decoration: none;
	width: 196px;
	background: #00a0f0 url(current-left.png) no-repeat 201px 0px;
}

#sidemenu .current a {
	width: 196px;
	background: #00a0f0 url(current-left.png) no-repeat 201px 0px;
}

#inline-side {
	float: left;
	width: 200px;
	margin-left: 20px;
}

#inline-content {
	float: left;
	width: 470px;
}

#breadcrumbs {
	text-align: right;
	font-size: 12px;
	margin: 20px 0 10px 0;
}

input, textarea, select {
 border: 1px solid silver;
 padding: 2px;
}

/*
.submit {
 color: black;
 background: silver;
 border: 1px solid grey;
}
*/

.tagged {
 color: silver;
}

.hover tr:hover {
 background: #f0ffff;
 cursor: pointer;
}

.breadcrumbs {
	text-align: right;
	margin: 0 1em 20px 1em;
	font-size: 8pt;
}

.ui-widget-content { color: #666666; }
/* .ui-widget-content a { color: #666666; } */
.ui-widget-header { color: #666666; }
.ui-widget-header a { color: #666666; }

textarea {
	font-size: normal;
}

#disabled-js { background-color:red;color:white;text-align:center; }

.ui-state-highlight { padding: 0pt 0.7em; margin: 1em; margin-bottom:2em; }
.ui-state-error { padding: 0pt 0.7em;  margin: 1em; margin-bottom:2em; }
.ui-icon { float:left; }

.apple_pagination {
	margin-top: 1em;
}

/* ===== ログインフォーム ===== */

#login-form {
	white-space: nowrap;
	margin-top: 10px;
}

#login-form dt {
	clear: both;
	float: left;
	font-size: 12px;
	width: 70px;
	height: 27px;
}

#login-form dd {
	height: 27px;
}

#login-form dd input {
	width: 110px;
}

#login-auto {
}

#login-submit {
	text-align: right;
	margin-top: 0.5em;
}

#login-signup {
	border-top: 1px solid #c0c0c0;
	margin: 10px;
	padding: 10px;
	text-align: center;
}

#login-about {
	text-align: center;
	margin-bottom: 10px;
}

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

#panel-avatar {
	margin-bottom: 10px;
}

#panel-status {
	font-size: 10pt;
	margin: 10px;
}

/* ===== 小アバター画像 ===== */

.avatar-icon {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.avatar-nickname {
	font-weight: bold;
	font-size: 10pt;
	height: 1em;
}

.avatar-title {
	font-weight: normal;
	font-size: 11pt;
}

.avatar-username {
	font-size: 8pt;
	margin-bottom: 0.5em;
}

.avatar-pref {
	font-weight: normal;
	font-size: 8pt;
}

.avatar-info {
	font-weight: normal;
	font-size: 8pt;
	margin-bottom: 0.5em;
}

.avatar-content {
	clear: both;
}

/* ===== バルーンアイテム ===== */

.list-item {
	background-color: #fff9f0;
	padding: 10px;
	margin-bottom: 0.5em;
	border: 1px solid #e0e0e0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/stylesheets/PIE.htc);
	font-size: 10pt;
	line-height: 1em;
}

.log-list {
	background-color: #f0f9ff;
}

.log-list-thumbnail {
	float: right;
	margin-left: 1em;
}

.list-item-content {
	clear: left;
	line-height: 1.3em;
}

.title-tools {
	text-align: right;
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-size: 10pt;
	background-color: #f0f0f0;
}

.note {
	font-size: 11pt;
	margin: 1em;
	margin-top: 2em;
	padding: 1em;
	border: 1px solid silver;
}

.require-form {
	padding: 1em;
	border: 1px solid silver;
	background-color:#fff0f0;
}

.more {
	float: right;
	font-weight: normal;
	font-size: 11pt;
}

.mymenu-item {
	clear: both;
	margin: 0.3em;
}

.select-head {
	margin: 0.5em 0 0.5em 0;
	padding: 2px;
	border-bottom: 1px solid #f0f0f0;
}

/* ===== 海況 ===== */

.condition-state-10 {
	color: green;
}
.condition-state-20 {
	color: orange;
}
.condition-state-25 {
	color: red;
}
.condition-state-30 {
	color: red;
}
.condition-state-40 {
	color: orange;
}
.condition-state-45 {
	color: orange;
}
.condition-state-50 {
	color: orange;
}
.condition-state-default {
	color: silver;
}

/* ===== Google AdSense ===== */

#aus {
	width: 200px;
}