@charset "utf-8";

/* =========================================================
 Level 1
========================================================= */

/* Level 2
--------------------------------------------------------- */

/* ----- Lavel 3 ----- */

/* Inline */
/* =========================================================
 フォント
========================================================= */
@font-face {
    font-family: 'M+ 1c regular';
    src: url('../fonts/mplus-1c-regular-sub.eot');
    src: url('../fonts/mplus-1c-regular-sub.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mplus-1c-regular-sub.woff') format('woff'),
    url('../fonts/mplus-1c-regular-sub.ttf') format('truetype');
}
#h1_title, #side h3 {
	font-family: 'M+ 1c regular';
        text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);
}

/*Contribute対策IE7以外(Firefox、Safari、Opera、Chrome、IE8)*/
html>/**/body h2 {
	font-family: 'M+ 1c regular';
        text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);
}

/* =========================================================
 body
========================================================= */
html, body, #wrap1, #wrap2, #wrap3 {
	padding: 0;
	margin: 0;
}
body > #wrap1, body > #wrap2, body > #wrap3 {
}
body {
	color:#000000;
	font-family: Verdana, Helvetica, sans-serif;
	width: 100%;
	/* font-size: 88%; Contribute対策 */
	font-size: 100%;
}
body.bg1{
	background: transparent url(../../images/wrap1.gif) repeat-x center top;
}
body.bg2,body.bg3{
	background: transparent url(../../images/wrap2and3.gif) repeat-x center top;
}
#wrap1{
	width: 100%;
	background: transparent url(../../images/headerArea1.jpg) no-repeat center top;
	padding-bottom: 20px;
}
#wrap2, #wrap3 {
	width: 100%;
	background:transparent url(../../images/headerArea2and3.jpg) no-repeat center top;
	padding-bottom: 20px;
}
/* =========================================================
リンク
========================================================= */
a {
	text-decoration: underline;
}
a:link {
	color: #06C;/*	color: #99CC00;*/
}
a:visited {
	color: #639;/*    color: #FF9900;*/
}
a:active {
	color: #C03;
}
a:hover {
	color: #F30;
}
/* =========================================================
ヘッダ
========================================================= */
#bordertop {
	height: 5px;
	width: 100%;
}
p#skipNav,p#from_skipNav,#cat-img p{
	POSITION: absolute;
	top: -9999px;
	left: -9999px;
}
#headerArea1{
	width: 100%;
}
#headerArea2,#headerArea3{
	width: 100%;
}
#header1, #header2, #header3 {
	margin: 0 auto;
	clear: both;
	width: 950px;
	position: relative;
}
#header1{
	height: 150px;
}
#header2, #header3 {
	height: 255px;
}
/* ヘッダバナー
----------------------------------------------- */
#header1 p {
	height: 75px;
}
#header2 p, #header3 p {
	height: 75px;
}
#header1 p, #header2 p, #header3 p {
	width:950px;
	margin: 0;
	padding: 0;
}
#header1 p a, #header2 p a, #header3 p a {
	display:block;
	width:950px;
	height: 75px;
}
#header1 p img, #header2 p img, #header3 p img {
	border: none;
	margin: 0;
	padding: 0;
}
/* メニュー関係
----------------------------------------------- */
#NaviBox2{
}
/* グローバルナビ */
#gNavi {
	width: 950px;
	height: 55px;
	margin: 20px auto 0 auto;
	padding: 0;
}
#gNavi img {
	margin: 0;
	padding: 0;
	border: none;
}
#gNavi ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#gNavi ul li {
	display: block;
	padding: 0;
	float: left;
	height: 55px;
}
#gNavi ul li a {
	display: block;
	height: 55px;
}

/* グローバルナビ用画像 gNavi hoverFade
----------------------------------------------- */
#gNavi ul.hover-css a,
#gNavi ul.hover-anims a,
#gNavi ul.hover-anims span {
	background:url(../../images/gNavi.gif) no-repeat scroll 0 0 transparent;
	display:block;
	height:55px;
	position:relative;
	overflow:hidden;
}
#gNavi ul.hover-anims span {
	position:absolute;
	left:0;
	top:0;
}
/*aboutus*/
#gNavi ul.hover-css .gNavi_aboutus a,
#gNavi ul.hover-anims .gNavi_aboutus a,
#gNavi ul.hover-anims .gNavi_aboutus span {
	width: 155px;
}
#gNavi ul.hover-css .gNavi_aboutus a:hover,
#gNavi ul.hover-anims .gNavi_aboutus span {
	background-position:0 -55px;
}
#NaviBox1 #gNavi .gNavi_aboutus a{
	background-position:0 -110px;
}
/*business*/
#gNavi ul.hover-css .gNavi_business a,
#gNavi ul.hover-anims .gNavi_business a,
#gNavi ul.hover-anims .gNavi_business span {
	width: 140px;
	background-position:-155px 0;
}
#gNavi ul.hover-css .gNavi_business a:hover,
#gNavi ul.hover-anims .gNavi_business span {
	background-position:-155px -55px;
}
#NaviBox2 #gNavi .gNavi_business a{
	background-position:-155px -110px;
}
/*tugboat*/
#gNavi ul.hover-css .gNavi_tugboat a,
#gNavi ul.hover-anims .gNavi_tugboat a,
#gNavi ul.hover-anims .gNavi_tugboat span {
	width: 180px;
	background-position:-295px 0;
}
#gNavi ul.hover-css .gNavi_tugboat a:hover,
#gNavi ul.hover-anims .gNavi_tugboat span {
	background-position:-295px -55px;
}
#NaviBox3 #gNavi .gNavi_tugboat a{
	background-position:-295px -110px;
}
/*area*/
#gNavi ul.hover-css .gNavi_area a,
#gNavi ul.hover-anims .gNavi_area a,
#gNavi ul.hover-anims .gNavi_area span {
	width: 140px;
	background-position:-475px 0;
}
#gNavi ul.hover-css .gNavi_area a:hover,
#gNavi ul.hover-anims .gNavi_area span {
	background-position:-475px -55px;
}
#NaviBox4 #gNavi .gNavi_area a{
	background-position:-475px -110px;
}
/*contact*/
#gNavi ul.hover-css .gNavi_contact a,
#gNavi ul.hover-anims .gNavi_contact a,
#gNavi ul.hover-anims .gNavi_contact span {
	width: 180px;
	background-position:-615px 0;
}
#gNavi ul.hover-css .gNavi_contact a:hover,
#gNavi ul.hover-anims .gNavi_contact span {
	background-position:-615px -55px;
}
#NaviBox5 #gNavi .gNavi_contact a{
	background-position:-615px -110px;
}
/*recruit*/
#gNavi ul.hover-css .gNavi_recruit a,
#gNavi ul.hover-anims .gNavi_recruit a,
#gNavi ul.hover-anims .gNavi_recruit span {
	width: 155px;
	background-position:-795px 0;
}
#gNavi ul.hover-css .gNavi_recruit a:hover,
#gNavi ul.hover-anims .gNavi_recruit span {
	background-position:-795px -55px;
}
#NaviBox6 #gNavi .gNavi_recruit a{
	background-position:-795px -110px;
}
/*ヘッダサブナビ*/
#subNavi {
	position: absolute;
	width:285px;
	height: 25px;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
}
#subNavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subNavi ul li {
	float: left;
	margin: 0;
	padding: 0;
}
/* subNavi hoverFade
----------------------------------------------- */
#subNavi ul li a,
#subNavi ul.hover-anims span{
	background:url(../../images/subNavi.gif) no-repeat scroll 0 0 transparent;
	display:block;
	height:25px;
	position:relative;
	overflow:hidden;
}
#subNavi ul.hover-anims span {
	position:absolute;
	left:0;
	top:0;
}
/*home*/
#subNavi ul.hover-css .subNavi-home a,
#subNavi ul.hover-anims .subNavi-home a,
#subNavi ul.hover-anims .subNavi-home span {
	width: 85px;
}
#subNavi ul.hover-css .subNavi-home a:hover,
#subNavi ul.hover-anims .subNavi-home span,
#NaviBox6 #subNavi .subNavi-home a
 {
	width: 85px;
	background-position:0 -25px;
}
/*access*/
#subNavi ul.hover-css .subNavi-access a,
#subNavi ul.hover-css .subNavi-access span,
#subNavi ul.hover-anims .subNavi-access a,
#subNavi ul.hover-anims .subNavi-access span {
	width: 90px;
	background-position:-85px 0;
}
#subNavi ul.hover-css .subNavi-access a:hover,
#subNavi ul.hover-anims .subNavi-access span,
#NaviBox7 #subNavi .subNavi-access a
{
	background-position:-85px -25px;
}
/*sitemap*/
#subNavi ul.hover-css .subNavi-sitemap a,
#subNavi ul.hover-anims .subNavi-sitemap a,
#subNavi ul.hover-anims .subNavi-sitemap span {
	width: 110px;
	background-position:-175px 0;
}
#subNavi ul.hover-css .subNavi-sitemap a:hover,
#subNavi ul.hover-anims .subNavi-sitemap span,
#NaviBox8 #subNavi .subNavi-sitemap a
{
	background-position:-175px -25px;
}

/* スタイルチェンジ */
#changeStyle {
	width:160px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 50px;
}
#changeStyle dl {
	margin: 0;
	padding: 0;
	float: right;
}
#changeStyle dl * {
	margin: 0;
	padding: 0;
}
#changeStyle dl dt {
	width: 80px;
	height: 20px;
	float: left;
	background: url(../../images/fontsize.gif) no-repeat;
}
#changeStyle dl dd {
	width: 80px;
	float: left;
}
#changeStyle dl dd ul {
	list-style-type: none;
	width: 80px;
}
#changeStyle dl dd li {
	height: 40px;
	float: left;
	margin: 0;
	display: inline;
}

/* changeStyle hoverFade
----------------------------------------------- */
#changeStyle ul li a,
#changeStyle ul.hover-anims span{
	background:url(../../images/changeStyle.gif) no-repeat scroll 0 0 transparent;
	display:block;
	height:20px;
	position:relative;
	overflow:hidden;
}
#changeStyle ul.hover-anims span {
	position:absolute;
	left:0;
	top:0;
}

/*fontM*/
#changeStyle ul.hover-css .fontM a,
#changeStyle ul.hover-anims .fontM a,
#changeStyle ul.hover-anims .fontM span {
	width: 40px;
}
#changeStyle ul.hover-css .fontM a:hover,
#changeStyle ul.hover-anims .fontM span {
	background-position:0 0;
}
/*fontL*/
#changeStyle ul.hover-css .fontL a,
#changeStyle ul.hover-anims .fontL a,
#changeStyle ul.hover-anims .fontL span {
	width: 40px;
	background-position:-40px -20px;
}
#changeStyle ul.hover-css .fontL a:hover,
#changeStyle ul.hover-anims .fontL span {
	background-position:-40px 0;
}
/* パンくずリスト */
#topic-path {
	font-size: small;
	color: #333333;
	width: 940px;
	height: 30px;
	margin: 0 auto;
	padding: 10px 5px;
	clear: both;
}
#topic-path img {
	vertical-align: middle;
}
#topic-path ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topic-path ul li {
	float: left;
	height: 20px;
	margin: 0;
	padding: 10px 0 0 20px;
}
#topic-path .topic-pathHome {
	background: url(../../images/topic-pathHome.gif) no-repeat;
	margin-left: 10px;
}
#topic-path .topic-pathImage {
	background: url(../../images/topic-path.gif) no-repeat;
}
/* フッタ
----------------------------------------------- */

#footerArea1, #footerArea2, #footerArea3 {
	width: 100%;
	clear: both;
	background: url(../../images/footerArea.jpg) #00416e repeat-x top center;
}
#footer {
	width:950px;
	height: 340px;
	clear: both;
	margin: 0 auto;
	padding: 0;
}
#footerArea1 #footer, #footerArea2 #footer, #footerArea3 #footer{
	background: url(../../images/footer.jpg) no-repeat;
}

#footNavi {
	width: 950px;
	height: 25px;
	clear: both;
	margin: 0 0 75px 0;
	padding: 0;
	float: left;
}
#footNavi * {
	margin: 0;
	padding: 0;
}
#footNavi ul {
	list-style-type: none;
	float: right;
}
#footNavi ul li {
	float: left;
	margin: 0 0 0 10px;
}
/* footNavi hoverFade
----------------------------------------------- */
#footNavi ul li a,
#footNavi ul.hover-anims span{
	background:url(../../images/footNavi.gif) no-repeat scroll 0 0 transparent;
	display:block;
	height:25px;
	position:relative;
	overflow:hidden;
}
#footNavi ul.hover-anims span {
	position:absolute;
	left:0;
	top:0;
}
/*up*/
#footNavi ul.hover-css .up a,
#footNavi ul.hover-anims .up a,
#footNavi ul.hover-anims .up span {
	width: 135px;
}
#footNavi ul.hover-css .up a:hover,
#footNavi ul.hover-anims .up span {
	background-position:0 -25px;
}
/*return*/
#footNavi ul.hover-css .return a,
#footNavi ul.hover-anims .return a,
#footNavi ul.hover-anims .return span {
	width: 115px;
	background-position:-145px 0;
}
#footNavi ul.hover-css .return a:hover,
#footNavi ul.hover-anims .return span {
	background-position:-145px -25px;
}


#footer p {
	padding: 0;
	margin: 0;
}
#footer a img {
	display: block;
	border: none;
}
#footer #leftCol {
	width: 275px;
	height: 150px;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	display: inline;
}
#footer .footerLogo {
	background: url(../../images/footerLogo.gif) no-repeat;
	width: 275px;
	height: 60px;
}
#footer address{
	width: 275px;
	height: 65px;
	display: block;
	background: url(../../images/footerAdd.gif) no-repeat;
}


#footer #dirNavi {
	width: 505px;
	height: 70px;
	margin: 30px 80px 0 0;
	padding: 0;
	float: right;
}
#footer #dirNavi ul {
	width: 505px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
#footer #dirNavi ul li {
	float: left;
	height: 35px;
}

/* dirNavi hoverFade
----------------------------------------------- */
#dirNavi ul li a,
#dirNavi ul.hover-anims span{
	background:url(../../images/dirNavi.gif) no-repeat scroll 0 0 transparent;
	display:block;
	height:35px;
	position:relative;
	overflow:hidden;
}
#dirNavi ul.hover-anims span {
	position:absolute;
	left:0;
	top:0;
}
/*aboutus*/
#dirNavi ul.hover-css .dirNavi_aboutus a,
#dirNavi ul.hover-anims .dirNavi_aboutus a,
#dirNavi ul.hover-anims .dirNavi_aboutus span {
	width: 90px;
}
#dirNavi ul.hover-css .dirNavi_aboutus a:hover,
#dirNavi ul.hover-anims .dirNavi_aboutus span {
	background-position:0 -70px;
}
/*business*/
#dirNavi ul.hover-css .dirNavi_business a,
#dirNavi ul.hover-anims .dirNavi_business a,
#dirNavi ul.hover-anims .dirNavi_business span {
	width: 90px;
	background-position:-90px 0;
}
#dirNavi ul.hover-css .dirNavi_business a:hover,
#dirNavi ul.hover-anims .dirNavi_business span {
	background-position:-90px -70px;
}
/*tugboat*/
#dirNavi ul.hover-css .dirNavi_tugboat a,
#dirNavi ul.hover-anims .dirNavi_tugboat a,
#dirNavi ul.hover-anims .dirNavi_tugboat span {
	width: 120px;
	background-position:-180px 0;
}
#dirNavi ul.hover-css .dirNavi_tugboat a:hover,
#dirNavi ul.hover-anims .dirNavi_tugboat span {
	background-position:-180px -70px;
}
/*area*/
#dirNavi ul.hover-css .dirNavi_area a,
#dirNavi ul.hover-anims .dirNavi_area a,
#dirNavi ul.hover-anims .dirNavi_area span {
	width: 90px;
	background-position:-300px 0;
}
#dirNavi ul.hover-css .dirNavi_area a:hover,
#dirNavi ul.hover-anims .dirNavi_area span {
	background-position:-300px -70px;
}
/*contact*/
#dirNavi ul.hover-css .dirNavi_contact a,
#dirNavi ul.hover-anims .dirNavi_contact a,
#dirNavi ul.hover-anims .dirNavi_contact span {
	width: 115px;
	background-position:-390px 0;
}
#dirNavi ul.hover-css .dirNavi_contact a:hover,
#dirNavi ul.hover-anims .dirNavi_contact span {
	background-position:-390px -70px;
}
/*access*/
#dirNavi ul.hover-css .dirNavi_access a,
#dirNavi ul.hover-anims .dirNavi_access a,
#dirNavi ul.hover-anims .dirNavi_access span {
	width: 115px;
	background-position:0 -35px;
}
#dirNavi ul.hover-css .dirNavi_access a:hover,
#dirNavi ul.hover-anims .dirNavi_access span {
	background-position:0 -105px;
}
/*sitemap*/
#dirNavi ul.hover-css .dirNavi_sitemap a,
#dirNavi ul.hover-anims .dirNavi_sitemap a,
#dirNavi ul.hover-anims .dirNavi_sitemap span {
	width: 115px;
	background-position:-115px -35px;
}
#dirNavi ul.hover-css .dirNavi_sitemap a:hover,
#dirNavi ul.hover-anims .dirNavi_sitemap span {
	background-position:-115px -105px;
}
/*term-of-use*/
#dirNavi ul.hover-css .dirNavi_term-of-use a,
#dirNavi ul.hover-anims .dirNavi_term-of-use a,
#dirNavi ul.hover-anims .dirNavi_term-of-use span {
	width: 135px;
	background-position:-230px -35px;
}
#dirNavi ul.hover-css .dirNavi_term-of-use a:hover,
#dirNavi ul.hover-anims .dirNavi_term-of-use span {
	background-position:-230px -105px;
}
/*privacy*/
#dirNavi ul.hover-css .dirNavi_privacy a,
#dirNavi ul.hover-anims .dirNavi_privacy a,
#dirNavi ul.hover-anims .dirNavi_privacy span {
	width: 140px;
	background-position:-365px -35px;
}
#dirNavi ul.hover-css .dirNavi_privacy a:hover,
#dirNavi ul.hover-anims .dirNavi_privacy span {
	background-position:-365px -105px;
}

#footer #copyright {
	clear: both;
	width: 950px;
	float: left;
	height: 20px;
	margin: 60px 0 0 0;
	background: url(../../images/footer_copyright.gif) no-repeat center;
}
/* コンテンツ共通
/*--------------------------------------------- */
#container2, #container3 {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
#container2 {
}
#container3 {
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%
}
.clearfix {
	display:block;
}
/* end MacIE5 */
#container1,#main2, #main3 {
	letter-spacing: 0em;
	line-height: 1.5em;
	padding: 0;
}
/*Contribute対策IE7以外(Firefox、Safari、Opera、Chrome、IE8)*/
html>/**/body #container1 p,html>/**/body #container2 p,html>/**/body #container3 p,
html>/**/body #container1 h1,html>/**/body #container2 h1,html>/**/body #container3 h1,
html>/**/body #container1 h2,html>/**/body #container2 h2,html>/**/body #container3 h2,
html>/**/body #container1 h3,html>/**/body #container2 h3,html>/**/body #container3 h3,
html>/**/body #container1 h4,html>/**/body #container2 h4,html>/**/body #container3 h4,
html>/**/body #container1 h5,html>/**/body #container2 h5,html>/**/body #container3 h5,
html>/**/body #container1 h6,html>/**/body #container2 h6,html>/**/body #container3 h6,
html>/**/body #container1 li,html>/**/body #container2 li,html>/**/body #container3 li,
html>/**/body #container1 table,html>/**/body #container2 table,html>/**/body #container3 table{
	letter-spacing: 0.1em;
}
/*Contribute対策IE7*/
*:first-child+html #container1 p,*:first-child+html #container2 p,*:first-child+html #container3 p,
*:first-child+html #container1 h1,*:first-child+html #container2 h1,*:first-child+html #container3 h1,
*:first-child+html #container1 h2,*:first-child+html #container2 h2,*:first-child+html #container3 h2,
*:first-child+html #container1 h3,*:first-child+html #container2 h3,*:first-child+html #container3 h3,
*:first-child+html #container1 h4,*:first-child+html #container2 h4,*:first-child+html #container3 h4,
*:first-child+html #container1 h5,*:first-child+html #container2 h5,*:first-child+html #container3 h5,
*:first-child+html #container1 h6,*:first-child+html #container2 h6,*:first-child+html #container3 h6,
*:first-child+html #container1 li,*:first-child+html #container2 li,*:first-child+html #container3 li,
*:first-child+html #container1 table,*:first-child+html #container2 table,*:first-child+html #container3 table{
	letter-spacing: 0.1em;
}
/*Contribute対策IE7以外(Firefox、Safari、Opera、Chrome、IE8)*/
html>/**/body h1,
html>/**/body h2,
html>/**/body h3,
html>/**/body h4,
html>/**/body h5{

	font-weight: normal;
}

#container1 p, #main2 p, #main3 p {
	clear: both;
	font-size: 90%;
	margin: 0 auto 10px auto;
}

#cat-img {
	width: 950px;
	height: 95px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background-repeat: no-repeat;
	background-position: 0 25px;
}
#main2 h1, #main3 h1 {
	font-size: 160%;
	height: 50px;
	margin: 0 auto 20px auto;
	clear: both;
	padding: 30px 0 0 40px;
}
#main2 h2, #main3 h2 {
	color: #333;
	font-size: 120%;
	line-height: 1.5em;
	background-repeat: no-repeat;
	margin: 0 auto 15px auto;
	padding: 10px 0 0 20px;
	clear: both;
	min-height: 40px;
}
#main2 h3, #main3 h3 {
	color: #333;
	font-size: 100%;
	line-height: 1.5em;
	background: url(../../images/h3.gif) no-repeat left top;
	margin: 0 auto 15px auto;
	padding: 5px 0 0 30px;
	clear: both;
	min-height: 30px;
}
#main2 h4, #main3 h4 {
	color: #333;
	font-size: 96%;
	background: url(../../images/h4.gif) repeat-x left bottom;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 20px;
	clear: both;
}
#main2 h5, #main3 h5 {
	color: #FFF;
	font-size: 96%;
	margin: 0 auto 10px auto;
	padding: 4px 10px 6px 10px;
	clear: both;
	background: url(../../images/h5.gif) repeat-x;
}
#main2 h6, #main3 h6 {
	color: #615947;
	font-size: 80%;
	margin: 0 auto 10px auto;
	padding: 6px 10px 4px 10px;
	clear: both;
	background-color: #D9D5CC;
}
#main2 hr, #main3 hr {
	color: #666666;
	height: 1px;
	width: 90%;
	margin: 10px auto;
}
#main2 ul, #main3 ul {
	list-style-type: none;
	margin: 10px auto;
	padding: 0;
	clear: both;
}
#main2 ul li, #main3 ul li {
	font-size: 90%;
	margin: 5px auto;
	padding: 0 0 0 20px;
	background: url(../../images/ul.gif) no-repeat top left;
}
#main2 ol, #main3 ol {
	margin: 10px auto;
	padding: 0;
	clear: both;
}
#main2 ol li, #main3 ol li {
	font-size: 90%;
	background: none no-repeat;
	margin: 5px auto;
	padding: 0;
}
#main2 ol li ol *, #main3 ol li ol * {
	background: none no-repeat;
	margin: 5px 0 5px 20px;
	padding: 0 0 4px 0;
	font-size: 100%;
}
#main2 ol li ul *, #main3 ol li ul *, #main2 ul li ul *, #main3 ul li ul * {
	margin: 5px auto;
	padding: 0 0 5px 15px;
	font-size: 100%;
	width: 96%;
}
#main2 table, #main3 table {
	margin: 10px auto 30px auto;
	border-collapse: collapse;
	font-size: 100%;
	clear: both;
}
#main2 th, #main3 th {
	background-color: #e7e7e7;
}
#main2 th, #main2 td, #main3 th, #main3 td {
	padding: 5px 5px;
	font-size: 90%;
	vertical-align: top;
}
#main2 table h4, #main3 table h4 {
	margin: 0;
	width: auto;
}
#main2 table p, #main3 table p {
	margin: 0;
	width: auto;
	font-size: 100%;
}
#main2 table ul, #main2 table ol, #main3 table ul, #main3 table ol {
	margin: 0;
	width: auto;
}
#main2 table li, #main3 table li {
	font-size: 100%;
}
#main2 img, #main3 img {
	border: solid #CCC 1px;
	padding: 3px;
	margin: 5px;
}
/*コンテンツカラー
----------------------------------------------- */
/*[200]初期設定*/
.category200#cat-img {
	background-image: url(../../images/cat-img_.gif);
}
/*[1]会社情報*/
.category1#cat-img {
	background-image: url(../../images/cat-img_aboutus.gif);
}
/*[2]事業案内*/
.category2#cat-img {
	background-image: url(../../images/cat-img_business.gif);
}
/*[3]所有船舶一覧*/
.category3#cat-img {
	background-image: url(../../images/cat-img_tugboat.gif);
}
/*[4]営業区域*/
.category4#cat-img {
	background-image: url(../../images/cat-img_area.gif);
}
/*[5]お問い合わせ*/
.category5#cat-img {
	background-image: url(../../images/cat-img_contact.gif);
}
/*[6]採用情報*/
.category6#cat-img {
	background-image: url(../../images/cat-img_recruit.gif);
}
/*[8]サイトマップ*/
.category8#cat-img {
	background-image: url(../../images/cat-img_sitemap.gif);
}
/*[99]交通案内*/
.category99#cat-img {
	background-image: url(../../images/cat-img_access.gif);
}
/*[9]ご利用*/
.category9#cat-img {
	background-image: url(../../images/cat-img_term-of-use.gif);
}
/*[10]個人情報*/
.category10#cat-img {
	background-image: url(../../images/cat-img_privacy.gif);
}
/*[100]その他*/
.category100#cat-img {
	background-image: url(../../images/cat-img_other.gif);
}
/* コンテンツトップ
/*--------------------------------------------- */
#container1 {
	width: 950px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	line-height: 1.5em;
	font-size: 100%;
}
#container1 h1 {
	margin: 0;
	padding: 0;
	height: 1px;
}
#container1 h2 {
	clear: both;
	margin: 0;
	padding: 0;
	display: block;
}
#mainImgArea {
	clear: both;
	width: 100%;
	height: 430px;
	margin: 0;
	padding: 20px 0 0 0;
}
#main2 #mainImgArea {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
#mainImg {
	margin:0 auto;
	padding: 5px 15px 0 15px;
	width: 920px;
	height: 430px;
	clear: both;
	position: relative;
}
#main2 #mainImg {
	width: 620px;
	height: auto;
	padding: 0;
}
#mainImg .frame {
	width: 950px;
	height: 450px;
	display: block;
	position: absolute;
	background: url(../../images/mainImg-frame.png) no-repeat;
	left: 0px;
	top: -10px;
	margin: 0;
	padding: 0;
	z-index: 100;
}
#mainImg p {
	margin: 0;
	padding: 0;
}
#main2 #mainImg p {
	margin: 0;
}
#mainImg img {
	border: none;
}
#main2 #mainImg img{
	border: solid #CCC 1px;
	padding: 5px;
	margin: 4px;
}

#mainImgArea #controls {
	z-index: 1000;
	position: absolute;
/*	bottom: 20px;*/
    top: 10px;
	right: 0;
	margin: 0;
	display: none;
	padding: 0;
	width: 200px;
}
#mainImgArea #controls span *{
	width: 50px;
	height: 50px;
	display: block;
	float: left;
}
#mainImgArea #controls #prev{
	background: url(../../images/controls_prev.png) 0 0;
}
#mainImgArea #controls #next{
	background: url(../../images/controls_next.png) 0 0;
}
#mainImgArea #controls #pause{
	background: url(../../images/controls_pause.png) 0 0;
}
#mainImgArea #controls #play{
	background: url(../../images/controls_play.png) 0 0;
}
/* 下段エリア */
#main1 {
	width: 665px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}
#main1 p {
	width: 580px;
}
#main1 h3 {
	color: #333;
	font-size: 100%;
	line-height: 2em;
	letter-spacing: 0.05em;
	margin: 0 auto;
	clear: both;
	width: 580px;
}
/* トップ概要 */
#aboutus {
	width: 685px;
}
#aboutus h2 {
	height: 65px;
	background: url(../../images/aboutus.gif) no-repeat;
}
#info {
	width: 685px;
}
#info h2 {
	height: 95px;
	background: url(../../images/info.gif) no-repeat;
}
/* 更新情報 */
#news {
	width: 665px;
	margin: 0;
	float: left;
	clear: both;
}
#news h2 {
	height: 30px;
	border-bottom: 3px solid #999;
	position: relative;
	padding: 5px 0;
	font-size: 131%;
	text-indent: 0.5em;
}
#news h2:before {
	content:"";
	display:block;
	width:20%;
	border-bottom:3px solid #0066CC;
	position:absolute;
	bottom:-1px;
	margin-bottom:-2px;
}
#newsArea {
	margin: 10px 10px 0 20px;
	padding: 0 10px 0 0;
	font-size: 80%;
	overflow: auto;
	height: 350px;
}
#newsArea ul {
	color: #333;
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 0;
}
#newsArea li {
	border-bottom: solid #CCC 1px;
	margin: 15px auto;
	padding: 0 0 10px 20px;
	background: url(../../images/ul.gif) no-repeat top left;
}
/* 右カラム */
#container1 #side {
	float: right;
	width:260px;
	margin: 0;
	padding: 10px 0 0 0;
	background: none;
}
/* バナー */
#container1 #side #banner {
	width: 260px;
	clear: both;
	margin: 0 auto;
	padding: 0;
}
#container1 #side #banner ul {
	width: 260px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#container1 #side #banner ul li {
	width: 260px;
	padding: 0;
	margin: 0 0 10px 0;
	background: none;
	border: none;
}
#banner ul li a * {
	border: none;
}/* コンテンツ2
/*--------------------------------------------- */
#main2 {
	width: 700px;
	float: right;
	padding: 0;
	clear: both;
}
#main2 p {
	width: 630px;
}
#main2 h1 {
	width: 660px;
	background: url(../../images/h1_main2.gif) no-repeat left top;
}
#main2 h2 {
	width: 650px;
	background-image: url(../../images/h2_main2.gif);
}
#main2 h3 {
	width: 640px;
}
#main2 h4 {
	width: 630px;
}
#main2 h5 {
	width: 610px;
}
#main2 h6 {
	width: 610px;
}
#main2 ul {
	width: 630px;
}
#main2 ul li {
}
#main2 ol {
	width: 590px;
}
/* サイドメニュー */
#side {
	float: left;
	width:240px;
	padding: 0;
}
#side h3 {
	font-size: 106%;
	color: #333;
	width: 185px;
	margin: 0 auto;
	padding: 20px 0 0 55px;
	height: 40px;
	background: url(../../images/side_h3.gif) no-repeat left top;
}
#container2 #side ul {
	list-style-type: none;
	padding:0 15px;
	margin: 0 auto;
	clear: both;
	width: 210px;
	background: url(../../images/side.gif) repeat-y left top;
}
#side ul li {
	font-size: 90%;
	letter-spacing: 0.05em;
	background: url(../../images/side_ul-li.gif) no-repeat left top;
	width: 158x;
	margin:0;
	padding:12px 0 11px 20px;
	line-height: 1.2em;
	border-bottom: solid #CCC 1px;
}
#side ul li ul {
	width: 180px;
	margin: 10px 0 0 10px;
}
#side ul li ul li {
	font-size: 100%;
	width: 160px;
	padding:5px 0 5px 20px;
	background: url(../../images/side_li-ul-li.gif) no-repeat left top;
}
#side p {
	margin: 10px auto;
	padding:0;
}
#side li a {
	text-decoration: none;
	display: block;
}
#side li a:hover {
}
#side a img {
	border: none;
}
#side hr{
	border: none;
	width: 240px;
	height: 10px;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../../images/side_footer.gif) no-repeat left top;
}
/* フッタナビ
----------------------------------------------- */
#main2 .footNavi {
	margin: 0;
	padding: 0;
	clear: both;
	width: 340px;
	float: right;
}
#main2 .footNavi a {
	font-size: 1px;
	display:block;
	line-height:1px;
	text-decoration:none;
	outline:none;
	float: left;
	width: 160px;
	height: 40px;
	margin: 0 10px 0 0;
}
#main2 .footNavi a:hover {
	background-position:left bottom;
}
#main2 .footNavi-return {
	background:url(../../images/footnav_return.gif) no-repeat left top;
}
#main2 .footNavi-up {
	background:url(../../images/footnav_up.gif) no-repeat left top;
}
/* コンテンツ3
/*--------------------------------------------- */
#main3 {
	width: 950px;
	clear: both;
	margin: 0 auto;
}
#main3 p {
	width: 880px;
}
#main3 h1 {
	width: 910px;
	background: url(../../images/h1_main3.gif) no-repeat left top;
}
#main3 h2 {
	width: 900px;
	background-image: url(../../images/h2_main3.gif);
}
#main3 h3 {
	width: 890px;
}
#main3 h4 {
	width: 880px;
}
#main3 h5 {
	width: 860px;
}
#main3 h6 {
	width: 860px;
}
#main3 ul {
	width: 880px;
}
#main3 ul li {
}
#main3 ol {
	width: 840px;
}
.wrapLeft {
	width: 440px;
	float: left;
	margin-left: 20px;
}
.wrapRight {
	width: 440px;
	float: right;
	margin-right: 20px;
}
#main3 .wrapLeft h3, #main3 .wrapRight h3 {
	width: 400px;
}
#main3 .wrapLeft h4, #main3 .wrapRight h4 {
	width: 380px;
}
#main3 .wrapLeft ul, #main3 .wrapRight ul {
	width: 380px;
}
/* フッタナビ
----------------------------------------------- */
#main3 #footnav {
	margin: 0;
	padding: 0 25px 0 0;
	clear: both;
	text-align: right;
	height: 60px;
	background: url(../../images/main3_under.gif) no-repeat bottom center;
}
/* floatリセット */
#clear {
	clear: both;
}
.clear {
	clear: both;
}
.pagelink {
	font-size: small;
	text-align: right;
	margin: 0 5px 5px 65px;
	clear: both;
}
blockquote {
	margin-bottom: 0;
}
/* 各個別ページ
/*--------------------------------------------- */
.three-col{
	overflow: hidden;
	margin: 0 auto 40px auto;
	clear: both;
}
#main2 .three-col{
	width: 680px;
}
#main3 .three-col{
	width: 930px;
}
#main2 .three-col h4{
	width: 210px;
	padding: 0 0 10px 5px;
}
#main2 .three-col img,#main3 .three-col img{
	margin: 0;
}
.left-col{
	float: left;
	width: 220px;
}
.center-col{
	margin-left: 10px;
	float: left;
	width: 220px;
}
.right-col{
	float: right;
	width: 220px;
}
#main2 .more,#main3 .more{
	width: 110px;
	height: 20px;
	background: url(../../images/more.gif) no-repeat left top;
	margin: 0;
	display: block;
}
.more a{
	display: block;
}
/* googlemap
----------------------------------------------- */
#gmap{
	font-size: 80%;
	line-height: 1.4em;
}
#map_canvas1,#map_canvas2,#map_canvas3{
	width: 800px;
	height: 500px;
	margin: 0 auto;
	letter-spacing: 0.05em;
}
#map_canvas1 img,#map_canvas2 img,#map_canvas3 img{/*画像リセット*/
	border: none;
	padding: 0;
	margin: 0;
}
#map_canvas_content{
	width: 250px;
}
iframe{
	width: 640px;
	margin: 0 0 0 20px;
}



/* 非表示
----------------------------------------------- */
#main2 h1 div.subText, #main3 h1 div.subText, #side h3 div.subText, #main3 dl dt div.subText {
	display: none;
}
/* テキスト非表示
----------------------------------------------- */
.gNavi_aboutus, .gNavi_business, .gNavi_tugboat, .gNavi_area, .gNavi_contact, .gNavi_recruit,
.subNavi-home, .subNavi-access, .subNavi-sitemap,
#changeStyle dl dt, #changeStyle dl dd li,
#footer .footerLogo, #footer address, #footer #dirNavi, #footer #copyright, #footNavi ul li a,
#container1 h1, #controls, #main2 .footNavi a,
.more{
	text-indent: -9999px;
}

/*Contribute対策IE7以外(Firefox、Safari、Opera、Chrome、IE8)*/
html>/**/body{
	font-size: 100%;
}
/*Contribute対策IE7*/
*:first-child+html body{
	font-size: 100%;
}