/* CAKE CSS */
#flashMessage, #authMessage {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background:#FF0000;
	padding:15px;
	margin:0 0 1em 0;
	}
.error-message {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	margin:0 0 1em 0;
	}
.form_error {}
p.error {
	padding: 30px 0;
	}


/* TAGS */
* {
	margin:0;
	padding:0; }
html {
	overflow-y:scroll;
	}
body {
	font-size:62.5%;
	line-height:1; 
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
	}
img {
	border:none; }
a {
	color: #031159;
	}
	a:hover {
		color: #993100;
		}
	a.button {
		padding: 1px 3px 0 3px;
		font-size: 12px;
		background: #000000;
		border: 1px #FFFFFF solid;
		color: #FFFFFF;
		text-decoration: none;
		vertical-align: bottom;
		}
		a.button:hover {
			background:#E5368C;
			}
			a.button:hover strong {
				color:#000000;
				}
	a.button-bool {
		padding: 1px 3px 0 3px;
		font-size: 12px;
		text-decoration: none;
		vertical-align: bottom;
		color: #333 !important;
		background-color: #DCDCDC;
		border: 1px solid #333;
		}
		a.button-bool:hover {
			color: #FFF !important;
			background-color: #000;
			}
span {}
	span.button-bool {
		padding: 1px 3px 0 3px;
		font-size: 12px;
		text-decoration: none;
		vertical-align: bottom;
		color: #333 !important;
		background-color: #FFF;
		border: 1px solid #333;
		}
	span.new {
		color: #A65F96;
		}
	span.icon,
	span.icon-notice,
	span.icon-required,
	span.icon-alt,
	span.icon-time,
	span.tag,
	span.category {
		font-size: 9px;
		color: #5C4B3A;
		padding: 1px 3px;
		line-height: 18px;
		margin-right: 3px;
		position: relative;
		bottom: 1px;
		background-color: #FFF;
		}
	span.icon {
		color: #FFF;
		background-color: #000;
		}
	span.icon-alt {
		color: #FFF;
		background-color: #999;
		}
	span.icon-time {
		color: #669900;
		background-color: #EEE8D0;
		}
	span.tag {
		color: #FFF;
		background-color: #5C4B3A;
		}
	span.icon-required {
		color: #FFF;
		background-color: #CC3300;
		}
	span.icon-notice {
		color: #CC3300;
		border: 1px solid #CC3300;
		}
	span.category-saj_news {
		background-color: #333;
		color: #FFF;
		}
	span.category-safety_doc {
		background-color: #0080FF;
		color: #FFF;
		}
	span.category-safety_data {
		background-color: #FF0080;
		color: #FFF;
		}
	span.hidden,
	span.member {
		font-size: 9px;
		color: #CC3300;
		padding: 0 3px;
		line-height: 18px;
		margin-left: 3px;
		position: relative;
		bottom: 1px;
		border: 1px solid #CC3300;
		background-color: #FFF;
		}
	span.hidden {
		color: #666;
		border: 1px solid #666;
		background-color: #CCC;
		}
	span.add {
		font-size: 80%;
		}

strong {
	color:#293877;
	}
	strong.alt {
		color:#00CC99;
		}
ul {
	list-style: square outside;
	}
ol {
	list-style: decimal outside;
	}
hr {
	display: none;
	}
	div.hr {
		background:#FFFFFF;
		height:1px;
		margin:30px 0;
		}



/* CONTAINER */
#body {}
	#body div.bodyContainer {
		overflow:hidden; 
		}
#header {
	height:84px;
	background:url("../img/header/bg.png") 0 0 repeat-x;
	}
	#header div.headerContainer {
		width:840px;
		padding-top:30px;
		margin:0 auto;
		overflow:hidden;
		}
		#header div.headerContainer div.logo {
			float:left;
			width:237px;
			}
		#header div.headerContainer div.content {
			float:left;
			width:603px;
			}
			#header div.headerContainer div.content div.navi {
				overflow:hidden;
				text-align:right;
				}
#headerNavi {}
	#headerNavi div.headerNaviContainer {}
	#headerNavi ul {
		text-align:right;
		overflow:hidden;
		}
		#headerNavi ul li {
			display:inline;
			list-style: none;
			padding:0 0 0 2px;
			}

#globalNavi {
	overflow:hidden;
	padding:0;
	border-bottom:1px #FFFFFF solid;
	}
	#globalNavi .containerHome {
		height:272px;
		padding:0;
		margin:0 auto;
		background:#031159 url("../img/home/home-global-navi-image-bg.png") no-repeat center center;
		}
	#globalNavi .containerHome .homeGlobalNaviImage {
		width:840px;
		padding:0;
		margin:0 auto;
		}

	#globalNavi .containerOther {
		height:50px;
		padding-top:9px;
		background:#031159 url("../img/home/home-global-navi-image-bg.png") 0 0 no-repeat;
		}
	#globalNavi div.globalNaviContainer {
		width:840px;
		height:50px;
		padding:0;
		margin:0 auto;
		}
	#globalNavi ul {
		list-style-position:outside;
		overflow:hidden;
		}
		#globalNavi ul li {
			list-style:none;
			float:left;
			overflow:hidden;
			}
			#globalNavi ul li a {
				display:block;
				overflow:hidden;
				}
#topicPath {
	background:#C8C8C8;
	height:30px;
	padding:0;
	margin: 0 0 0 0;
	}
	#topicPath .topicPathContainer ul {
		padding: 12px 0 3px 0;
		width:840px;
		margin:0 auto;
		font-size:11px;
		line-height:12px;
		color:#333333;
		}
		#topicPath .topicPathContainer ul {
			list-style: none;
			overflow: hidden;
			}
		#topicPath .topicPathContainer ul li {
			display: inline;
			}
		#topicPath .topicPathContainer ul li.home a {
			padding-left: 0;
			background: none;
			}
		#topicPath a {
			padding-left: 9px;
			padding-right: 9px;
			text-decoration:none;
			background:url("../img/parts/arrow-topic-path.png") 0 0.4em no-repeat;
			}
		#topicPath span {
			padding-left: 9px;
			background:url("../img/parts/arrow-topic-path-live.png") 0 0.4em no-repeat;
			}


#content {
	background:url("../img/content/bg.png") no-repeat center top;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	#content div.contentContainer {
		width:870px;
		margin:0 auto 0 auto;
		padding:0;
		background:url("../img/content/contentContainerBg.png") no-repeat center bottom;
		overflow:hidden;
		}
#sidebar {
	float:right;
	width:202px;
	padding:18px 27px 12px 0;
	overflow:hidden;
	}
	#sidebar .sidebarContainer {
		width:202px;
		margin-bottom:12px;
		overflow:hidden;
		}
	#sidebar .link ul {
		margin:0;
		padding:0;
		}
	#sidebar .link li {
		margin:0 0 3px 0;
		}
	#sidebar .eventInformation h3 {
		margin:0;
		height:152px;
		}
	#sidebar .eventInformation ul {
		background:url("../img/sidebar/eventInformationBg.png") no-repeat center bottom;
		margin:0;
		padding:0 9px 3px 9px;
		}
	#sidebar .eventInformation li {
		margin:0 0 3px 0;
		}
		#sidebar .eventInformation li div.date {
			color:#86D1F1;
			padding:0 0 2px 0;
			}
		#sidebar .eventInformation li div.member {
			font-size:11px;
			line-height:13px;
			color:#86D1F1;
			padding:0 0 2px 0;
			}
			#sidebar .eventInformation li div.member strong {
				color:#86D1F1;
				}
		#sidebar .eventInformation li div.content {
			font-size:11px;
			line-height:12px;
			color:#FFFFFF;
			padding:0 0 6px 0;
			}
		#sidebar .eventInformation li a {
			color:#FFFFFF;
			}
	#sidebar .content h3 {
		font-size:12px;
		padding:9px;
		text-align:center;
		background:url("../img/sidebar/contentBg.png") no-repeat center top;
		}
	#sidebar .content ul {
		font-size:12px;
		line-height:12px;
		background:url("../img/sidebar/contentBg.png") no-repeat center bottom;
		margin:0 0 3px 0;
		padding:0 9px 9px 9px;
		}
		#sidebar .content ul li {
			list-style:none;
			padding:0 1em 5px 0.7em;
			background:url("../img/sidebar/arrow-r.png") 0 2px no-repeat;
			}
			#sidebar ul li a {
				text-decoration:none;
				}
#main {
	float:left;
	width:549px;
	padding:30px 35px 45px 45px;
	}
#contentForLayout {
	min-height: 300px;
	/* IE6?
	height: auto !important;
	height: 100px;
	*/
	overflow:hidden;
	}
	#contentForLayout div {}
		#contentForLayout div.naviBottom {
			padding:0 0 15px 0;
			text-align:right;
			}
		#contentForLayout div.box {
			clear:both;
			width:100%;
			overflow:hidden;
			margin-bottom:1em;
			}
			#contentForLayout div.box-l {
				float:left;
				width:261px;
				}
			#contentForLayout div.box-r {
				float:right;
				width:261px;
				}
		#contentForLayout div.note {
			padding: 9px;
			background: #EFEFEF
			}
			#contentForLayout div.note h5 {
				font-size: 11px;
				padding: 6px 0 0 0;
				margin-bottom: 3px;
				}
			#contentForLayout div.note p {
				font-size: 11px;
				padding: 0;
				margin:0;
				}
			#contentForLayout div.note ul.link {
				margin: 0 0 1em 0;
				padding: 0 0 3px 0;
				}
		#contentForLayout div#member-safety-link {
			background:url("../img/members/h2-safety-bg.png") no-repeat center top;
			height: 291px;
			width: 261px;
			overflow: hidden;
			}
			#contentForLayout div#member-safety-link ul {
				list-style: none;
				margin-top: 198px;
				width: 261px;
				text-align: center;
				}
			#contentForLayout div#member-safety-link ul li {
				padding: 0;
				margin: 0;
				height: 28px;
				}
		#contentForLayout div#safety-navi {
			overflow: hidden;
			}
			#contentForLayout div#safety-navi ul {
				list-style: none;
				overflow: hidden;
				padding: 0;
				margin: 3px 0 0 0;
				}
			#contentForLayout div#safety-navi ul li {
				display: inline;
				float: left;
				padding: 0;
				margin: 0;
				}
			#contentForLayout div#safety-navi h2 {
				padding: 0;
				margin: 0;
				}


	#contentForLayout h1 {
		overflow:hidden;
		padding:0;
		margin:0;
		}
	#contentForLayout h2 {
		font-size:1.4em;
		color:#E5368C;
		line-height:1.3;
		padding:0.5em 0 0.5em 0; }
		#contentForLayout h2.image {
			overflow:hidden;
			font-size:12px;
			line-height:1;
			height:21px;
			padding:0;
			margin:0;
			}
	#contentForLayout h3 {
		font-size:1.3em;
		color:#000000;
		line-height:1.2;
		padding:0.5em 0 0 0;
		border-bottom:1px #45382D solid;
		margin:2em 0 0.5em 0;
		}

	#contentForLayout h4 {
		font-size:1.1em;
		color:#1F286F;
		line-height:1.2;
		padding:0.5em 0 0 0;
		margin:1em 0 0.2em 0;
		}
	#contentForLayout p {
		margin:0 0 1em 0;
		font-size:1.3em;
		line-height:1.5;
		}
		#contentForLayout p.introduction {
			margin:1.5em 0;
			font-size:1.3em;
			}
	#contentForLayout img {}
		#contentForLayout img.floatLeft {
			padding:0 0.5em 0.5em 0;
			float:left;
			}
		#contentForLayout img.floatRight {
			padding:0 0 0.5em 0.5em;
			float:right;
			}
	#contentForLayout ul {
		overflow:hidden;
		}
		#contentForLayout ul.aboutShipbuilder {
			overflow:hidden;
			width:489px;
			padding:15px 30px;
			margin-bottom:3px;
			background:url("../img/home/aboutShipbuilderBg.gif");
			}
			#contentForLayout ul.aboutShipbuilder li {
				float:left;
				font-weight:bold;
				color:#09411F;
				line-height:15px;
				list-style:none;
				width:135px;
				font-size:1.2em;
				padding:0 12px;
				}
				#contentForLayout ul.aboutShipbuilder li img {
					margin-top:3px;
					width:126px;
					}
		#contentForLayout ul.link {
			margin: 0;
			padding: 6px 0;
			}
			#contentForLayout ul.link li {
				list-style:none;
				font-size:11px;
				line-height:11px;
				padding:0 0 0 9px;
				margin:9px 0 0 0;
				background:url("../img/parts/arrow-r.png") 0 0.2em no-repeat;
				}
				#contentForLayout ul.link li span {
					font-size:0.8em;
					color:#2D6587;
					}
		#contentForLayout ul.news {
			padding:18px 0 6px 0;
			list-style:none;
			}
			#contentForLayout ul.news li {
				margin-bottom:1em;
				font-weight:bold;
				width:549px;
				overflow:hidden;
				}
				#contentForLayout ul.news li div.date {
					float:left;
					width: 75px;
					line-height:16px;
					font-size:10px;
					color:#999999;
					font-style:oblique;
					}
				
				#contentForLayout ul.news li div.content {
					float:left;
					font-size:12px;
					line-height:16px;
					color:#333333;
					width:474px;
					}
					#contentForLayout ul.news li div.content a {
						color:#333333;
						text-decoration:none;
						}
		#contentForLayout ul.menu {
			margin:0;
			padding:0;
			}
			#contentForLayout ul.menu li {
				text-align:center;
				list-style:none;
				height:51px;
				padding:0;
				margin-top:6px;
				}
				#contentForLayout ul.menu li a {
					text-decoration:none;
					display: block;
					color:#000000;
					background:url("../img/parts/menu-bg.png");
					font-size:21px;
					font-weight:bold;
					line-height:51px;
					}
		#contentForLayout ul.menuNavi {
			text-align: right;
			margin: 0;
			padding: 0;
			width: 100%;
			}
			#contentForLayout ul.menuNavi li {
				float: left;
				display: inline;
				text-align: center;
				list-style: none;
				}
				#contentForLayout ul.menuNavi li a {
					width: 210px;
					height: 51px;
					margin-right: 3px;
					text-decoration: none;
					display: block;
					font-size: 18px;
					font-weight: bold;
					line-height: 51px;
					color: #000000;
					background: url("../img/parts/menu-bg.png");
					}
	#contentForLayout ol {}


	#contentForLayout table {
		border-collapse: separate;
		border-spacing: 1px;
		width: 100%;
		margin-bottom:18px;
		}
		#contentForLayout table th, 
		#contentForLayout table td {
			padding: 9px 6px;
			}
			#contentForLayout table .r {
				text-align: right;
				}
			#contentForLayout table .c {
				text-align: center;
				}
			#contentForLayout table .nobr {
				white-space: nowrap;
				}
		#contentForLayout table.list {
			line-height: 12px;
			}
			#contentForLayout table.list thead tr th {
				background-color: #DDD;
				}
				#contentForLayout table.list tr th.paging {
					white-space: nowrap;
					padding: 0 6px;
					font-weight: normal;
					height: 51px;
					background:url("../img/parts/menu-bg.png");
					}
				#contentForLayout table.list tr th.paging div {
					font-weight:bold;
					display:inline;
					}
				#contentForLayout table.list tr th.paging div.detail {
					font-weight:normal;
					display:inline;
					padding-left:1em;
					}
				#contentForLayout table.list tr th.paging a {
					font-weight:bold;
					}
			#contentForLayout table.list tr td {
				background:url("../img/parts/td-bg.png") repeat-x;
				height: 30px;
				}
				#contentForLayout table.list th.control {
					background:url("../img/parts/menu-bg.png") repeat-x;
					}
				#contentForLayout table.list td.control {
					text-align: center;
					background-color: #DCDCDC;
					white-space: nowrap;
					}
				#contentForLayout table.list tbody tr th {
					text-align: center;
					background-color: #5E8A00;
					}
					#contentForLayout table.list tbody tr th span {
						font-size: 85%;
						font-weight: normal;
						}
				#contentForLayout table.list tbody tr td strong {
					font-size: 1.1em;
					color:#333333;
					font-weight:bold;
					}
				#contentForLayout table.list tbody tr td.label {
					font-size: 13px;
					font-weight: bold;
					color: #666;
					text-align:right;
					background:url("../img/parts/td-bg2.png") repeat-x;
					}
				#contentForLayout table.list tbody tr td.value {
					font-size: 12px;
					}
			#contentForLayout table.list tbody tr.child {}
				#contentForLayout table.list tbody tr.child td {
					font-size: 12px !important;
					font-weight: normal !important;
					background: url("../img/parts/td-bg3.png") !important;
					}
				#contentForLayout table.list tbody tr.child td strong {
					font-size: 12px !important;
					font-weight: normal !important;
					color: #000 !important;
					}

		#contentForLayout table.search {
			width: 100%;
			}
			#contentForLayout table.search th {
				background-color: #DDD;
				padding: 6px;
				text-align: center;
				}
			#contentForLayout table.search td {
				background-color: #EFEFEF;
				padding: 6px;
				text-align: center;
				}
			#contentForLayout table.search td div.input {
				padding: 0;
				}
			#contentForLayout table.search td div.input input,
			#contentForLayout table.search td div.input select {
				margin: 0;
				}


#footerNavi {
	width:840px;
	margin:0 auto;
	overflow:hidden;
	}
	#footerNavi div.footerNaviContainer {
		float:left;
		width:740px;
		}
	#footerNavi ul {
		font-size:12px;
		line-height:15px;
		list-style-position:outside;
		padding:39px 0 12px 0;
		overflow:hidden;
		}
		#footerNavi ul li {
			list-style:none;
			float:left;
			padding:0 1em 0 0.7em;
			background:url("../img/parts/arrow-r.png") 0 3px no-repeat;
			overflow:hidden;
			}
			#footerNavi ul li a {
				text-decoration:none;
				}
#sign {
	float:left;
	width:100px;
	height:50px;
	padding:12px 0 6px 0;
	}
#footer {}
	#footer div.footerContainer {
		width:840px;
		margin:0 auto;
		background:url("../img/footer/hr.png") 0 0 no-repeat;
		padding:19px 0 12px 0;
		overflow:hidden;
		}
	#footer div.logo {
		float:left;
		width:286px;
		}
	#footer div.copyright {
		float:left;
		text-align:right;
		width:554px;
		}


@media print {
	body {
		background:none; margin:0;
		}
	}