/*全体
------------------------------*/

body {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: #333333;
	padding-top: 0px; 
}

div {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

.headerLink {
	background-image: url(../common_img/icon_01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #003399;
}
form {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}
table {
	border-collapse: collapse;
}

/*全体　タグ別
------------------------------*/

h1 {
	font-size: xx-small;
	margin: 0px;
	padding: 0px;
	color: #990000;
}

h2 {
	margin: 0px 0px 19px;
	padding: 0px;
	text-align: center;
}

h3 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}

td {
	font-size: 13px;
	font-family: ms pgothic, osaka;
}

p {
	margin:0px;
	text-indent: 1em;
}

ul,
li {
	margin:0px;
	padding:0px;
	list-style: none;
}

input {
	font-size: 10pt
}

a {
	text-decoration: none;
}

a:link {
	/*color: #990000*/
}

a:visited {
	/*color: #990000*/
}

a:hover {
	text-decoration: underline;
}

/* 画像リンクのボーダー消し */

img a {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*個別設定
------------------------------*/

.sideMenu {
	background-color: #D9E3EC;
	background-image: url(../common_img/helm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	vertical-align: top;
}

#text-topics {
	font-size: small;
	color: #2c4190; 
}

/* 各包装エリア */

.about,
.crew {
	margin-bottom: 30px;
}

/* キャプション */

.exple {
	padding-top: 20px;
	padding-bottom: 20px;
}
.exple2 {
	padding-bottom: 20px;
}
.union caption {
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}

.work table,
.work th,
.work td {
	border: 1px solid #333333;
	font-weight: normal;
	text-align: center;
}

/* 内航海運について */

.about a,
.about a:visited,
.about a:active {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
.about a:hover {
	text-decoration: none;
}

.about h3 {
	font-weight: bold;
	color: #1D3176;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #AFBDE5;
	padding-bottom: 5px;
	font-size: 120%;
	padding-top: 5px;
	margin-bottom: 3px;
}
.about h4 {
	font-size: 110%;
	color: #1D3176;
	margin-top: 10px;
	margin-bottom: 10px;
}
.about p,
.crew p,
.union p {
	line-height: 140%;
}
.aboutCaption {
	border: 1px solid #333333;
	margin-top: 10px;
}

.aboutCaption h3 {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #CCCCCC;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.aboutCaption p {
	margin:10px;
}

.about #sidelist {
	margin-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}

.about #sidelist td {
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

/* 総連合会について */

.union .whats h3 {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.union h3 {
	background-color: #FFFFFF;
	margin-bottom: 15px;
	text-align: left;
	padding-left: 10px;
	border-left: 5px solid #6490F4;
	font-size: 115%;
}
.union .sailor h4 {
	background-image: url(../union/union_img/union09_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 102%;
}


.union ul,
.crewSchool ul {
	margin-top: 15px;
	margin-left: 15px;
	padding-left: 15px;
}

.union li {
	margin-bottom: 10px;
	list-style-type: decimal;
}

.pamphletCaption {
	padding-top: 5px;
	padding-right: 10px;
	font-size: 85%;
	line-height: 120%;
	padding-left: 10px;
	padding-bottom: 20px;
}


/* 船乗りになろう */

.crew h3 {
	font-size: 120%;
	color: #333333;
	padding-bottom: 10px;
}

.crew .right img {
	margin-bottom: 10px;
}
.crewSchool td {
	padding-bottom: 100px;
}
.crewSchool {
	background-image:url(../crew/crew_img/crew_school_bg.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.crewSchool li {
	margin-bottom: 10px;
	list-style-type: disc;
}

.crew .recruit li {
	line-height: 140%;
}


/* サイトマップ */

.sitemap td {
	white-space: nowrap;
}
.sitemap a {
	color: #333333;
}
.sitemap li {
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
}
.sitemap .list td {
	padding-bottom:10px;
}

/* ポップアップ */

#w-union {
	margin-bottom: 50px;
}

#w-union p {
	text-indent: 0px;
	margin-bottom: 10px;
}

/* リンク */

.link ul {
	margin: 10px 0px 0px 6px;
	padding: 10px 0px 0px 6px;
	list-style-type: none;
}
.link li {
	text-indent: 1em;
	margin-bottom: 10px;
}


/*汎用クラス
------------------------------*/

/* 余白 */

.margin0 {
	margin:0;
}
.padding0 {
	padding:0;
}
.marginTop5px {
	margin-top:5px;
}
.marginTop10px {
	margin-top:10px;
}
.marginTop15px {
	margin-top:15px;
}
.marginTop20px {
	margin-top:20px;
}
.marginTop25px {
	margin-top:25px;
}
.marginTop30px {
	margin-top:30px;
}
.marginTop35px {
	margin-top:35px;
}
.marginTop40px {
	margin-top:40px;
}
.marginTop45px {
	margin-top:45px;
}
.marginTop50px {
	margin-top:50px;
}
.paddingTop5px {
	padding-top:5px;
}
.paddingTop10px {
	padding-top:10px;
}
.paddingTop15px {
	padding-top:15px;
}
.paddingTop20px {
	padding-top:20px;
}
.paddingTop25px {
	padding-top:25px;
}
.paddingTop30px {
	padding-top:30px;
}
.paddingTop35px {
	padding-top:35px;
}
.paddingTop40px {
	padding-top:40px;
}
.paddingTop45px {
	padding-top:45px;
}
.paddingTop50px {
	padding-top:50px;
}
.marginRight5px {
	margin-right:5px;
}
.marginRight10px {
	margin-right:10px;
}
.marginRight15px {
	margin-right:15px;
}
.marginRight20px {
	margin-right:20px;
}
.marginRight25px {
	margin-right:25px;
}
.marginRight30px {
	margin-right:30px;
}
.marginRight35px {
	margin-right:35px;
}
.marginRight40px {
	margin-right:40px;
}
.marginRight45px {
	margin-right:45px;
}
.marginRight50x {
	margin-right:50px;
}
.paddingRight5px {
	padding-right:5px;
}
.paddingRight10px {
	padding-right:10px;
}
.paddingRight15px {
	padding-right:15px;
}
.paddingRight20px {
	padding-right:20px;
}
.paddingRight25px {
	padding-right:25px;
}
.paddingRight30px {
	padding-right:30px;
}
.paddingRight35px {
	padding-right:35px;
}
.paddingRight40px {
	padding-right:40px;
}
.paddingRight45px {
	padding-right:45px;
}
.paddingRight50px {
	padding-right:50px;
}
.marginBottom5px {
	margin-bottom:5px;
}
.marginBottom10px {
	margin-bottom:10px;
}
.marginBottom15px {
	margin-bottom:15px;
}
.marginBottom20px {
	margin-bottom:20px;
}
.marginBottom25px {
	margin-bottom:25px;
}
.marginBottom30px {
	margin-bottom:30px;
}
.marginBottom35px {
	margin-bottom:35px;
}
.marginBottom40px {
	margin-bottom:40px;
}
.marginBottom45px {
	margin-bottom:45px;
}
.marginBottom50px {
	margin-bottom:50px;
}
.paddingBottom5px {
	padding-bottom:5px;
}
.paddingBottom10px {
	padding-bottom:10px;
}
.paddingBottom15px {
	padding-bottom:15px;
}
.paddingBottom20px {
	padding-bottom:20px;
}
.paddingBottom25px {
	padding-bottom:25px;
}
.paddingBottom30px {
	padding-bottom:30px;
}
.paddingBottom35px {
	padding-bottom:35px;
}
.paddingBottom40px {
	padding-bottom:40px;
}
.paddingBottom45px {
	padding-bottom:45px;
}
.paddingBottom50px {
	padding-bottom:50px;
}
.marginLeft10px {
	margin-left:10px;
}
.marginLeft15px {
	margin-left:15px;
}
.marginLeft20px {
	margin-left:20px;
}
.marginLeft25px {
	margin-left:25px;
}
.marginLeft30px {
	margin-left:30px;
}
.marginLeft35px {
	margin-left:35px;
}
.paddingLeft10px {
	padding-left:10px;
}
.paddingLeft15px {
	padding-left:15px;
}
.paddingLeft20px {
	padding-left:20px;
}
.paddingLeft25px {
	padding-left:25px;
}
.paddingLeft30px {
	padding-left:30px;
}
.paddingLeft35px {
	padding-left:35px;
}

/*フォントサイズ*/

.fs11px {
	font-size: 11px;
	line-height: 120%;
	font-family: ms pgothic, osaka;
}
.fs12px {
	font-size: 12px;
	line-height: 120%;
	font-family: ms pgothic, osaka;
}
.fs13px {
	font-size: 13px;
	line-height: 120%;
	font-family: ms pgothic, osaka;
}
.fs14px {
	font-size: 14px;
	line-height: 120%;
	font-family: ms pgothic, osaka;
}
.fs15px {
	font-size: 15px;
	line-height: 120%;
	font-family: ms pgothic, osaka;
}

/* テキスト左揃え */

.textLeft {
	text-align:left;
}

/* テキスト中央揃え */

.textCenter {
	text-align:center;
}

/* テキスト右揃え */

.textRight {
	text-align:right;
}

/* 上線 */

.line-top-index {
	border-top: 1px solid #92a8d5;	
}

.line-top {
	border-top: 1px solid #1e3465;	
}

/* 左線 */

.line-left-index {
	border-left: 1px solid #92a8d5;	
}

/* 文字下線 */

.under {
	text-decoration:underline;
}

/* 改行 */

p.maragin1 {
	margin: 5px 0px;
}
p.maragin2 {
	margin: 50px 0px;
}

/* 右に回り込ませる */

.floatLeft {
	float: left;
}

/* 画像下スペース削除 */

.imgSpaneNo {
	vertical-align: bottom;
}


/* 1文字分テキストインデント */

.indent1em {
	text-indent: 1em;
}

/* リストアイコン */

.liIconNo {
	list-style-type: none;
	list-style-position: inside;
}

.liIconDecimal {
	list-style-type: decimal;
	list-style-position: inside;
}

.liIconDisc {
	list-style-type: disc;
	list-style-position: inside;
}

/* 文字色 */

.fcOrange {
	color: #FF6600;
}

/* テーブルの枠線を重ねる*/

.collapse {
	border-collapse: collapse;
}

/* 下線 */

td.underBlue1px {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1D3176;
}

/* 右線 */
td.rightBlack1px {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}