@charset "utf-8";

/*
* main.css
* date---2015/08/31
* date---2023/05/11
*/


/*===============================================
	main.css
===============================================*/

/* ----------------------------------------------
	page_header
---------------------------------------------- */
#page_header {
	width: 960px;
	height: 220px;
	margin: 0 auto;
}
	#page_header h2 {
		text-indent: -9999px;
	}

#company #page_header{ background:url(img/headimg1.jpg) no-repeat center top;}
#biz #page_header{ background:url(img/headimg2.jpg) no-repeat center top;}
#terminal #page_header{ background:url(img/headimg3.jpg) no-repeat center top;}
#terminal.page_kashii #page_header{ background:url(img/headimg3_2.jpg) no-repeat center top;}
#terminal.page_eco #page_header{ background:url(img/headimg3_3.jpg) no-repeat center top;}
#terminal.page_bcp #page_header{ background:url(img/headimg3_4.jpg) no-repeat center top;}

/*#itsystem #page_header{ background:url(img/headimg4.jpg) no-repeat center top;}*/
.kaccs #page_header{ background:url(img/headimg4_1.jpg) no-repeat center top;}
.hits #page_header{ background:url(img/headimg4_2.jpg) no-repeat center top;}
#shiryo #page_header{ background:url(img/headimg5.jpg) no-repeat center top;}
#port #page_header{ background:url(img/headimg6.jpg) no-repeat center top;}
#park #page_header{ background:url(img/headimg7.jpg) no-repeat center top;}

#privacy #page_header{ background:url(img/headimg11.jpg) no-repeat center top;}
#inquiry #page_header{ background:url(img/headimg12.jpg) no-repeat center top;}
#link #page_header{ background:url(img/headimg13.jpg) no-repeat center top;}
#sitemap #page_header{ background:url(img/headimg14.jpg) no-repeat center top;}
#news #page_header{ background:url(img/headimg15.jpg) no-repeat center top;}
#news_en #page_header{ background:url(img/headimg15_en.jpg) no-repeat center top;}
#photo #page_header{ background:url(img/headimg16.jpg) no-repeat center top;}

#access #page_header{ background:url(img/headimg17.jpg) no-repeat center top;}
#katsuyo #page_header{ background:url(img/headimg18.jpg) no-repeat center top;}
#career #page_header{ background:url(img/headimg19.jpg) no-repeat center top;}
.sdgs #page_header{ background:url(img/headimg20.jpg) no-repeat center top;}



/* ----------------------------------------------
	contfoot
---------------------------------------------- */
#contfoot{
	clear: both;
	margin:20px 0;
	padding:10px 0 0 10px;
	border-top: 1px dotted #999;
}
#contfoot .pageLink{
	float: left;
	width: 580px;
	white-space: nowrap;
}
#contfoot .pagetop{
	float: right;
	width: 100px;
}



/* ----------------------------------------------
 main
---------------------------------------------- */

/* text
------------------------------- */
h2{ font-size: 30px;}
h3{ font-size: 122%;}
h4{ font-size: 115%;}
h5{ font-size: 108%;}
h6{ font-size: 100%;}
h2, h3, h4, h5, h6{ font-weight: bold;}


/* maintit
------------------------------- */
#maintit{
	height: 50px;
	margin-bottom: 20px;
}
	#maintit h3{
		padding: 10px 20px;
		line-height: 30px;
	}
#maintit:after{
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}


/* text
------------------------------- */
/* ul */
.ul_list{
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	list-style: none;
}
	.ul_list li{
		padding:0.1em 0 0.1em 1em;
		line-height:1.6;
		background: url(img/ico_circle.gif) no-repeat 0 0.7em;
	}

.ul_linelist{
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	list-style: none;
}
	.ul_linelist li{
		padding:0.6em 10px;
		line-height:1.6;
		border-bottom: 1px dotted #DDD;
	}

/* dl */
dl.dl_table {
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCC;
	background: #E5F8FC;
}
	dl.dl_table dt {
		float: left;
		width: 7em;
		padding: 10px 0 0 10px;
		border-top: 1px solid #CCC;
	}
	dl.dl_table dd {
		margin-left: 7em;
		padding: 10px;
		border-top: 1px solid #CCC;
		background: #FFF;
	}