@charset "utf-8";
/* 

filename:		default.css
description:	basic design in this website
Author:			http://www.a19.jp/

*/

/* import common.css */

@import url("common.css");

/* HTML Re-setting
========================================================================================*/

h2, h3, h4, h5, h6,
table, form {
	margin-bottom: 5px;
}

/* background image
========================================================================================*/

html {
	background: #FFF url(../img/bg.jpg) repeat-x top left;
}

body {
	background: url(../img/contents.gif) repeat-y top center;
}

#header h1 {
	background: url(../img/h1.jpg) no-repeat;
}

#header #movie {
	background: url(../img/movBase.jpg) no-repeat top center;
}

#navi {
	background: url(../img/navi_bg.jpg) no-repeat top center;
}

#wrapper {
	background: url(../img/body_bg.jpg) no-repeat top center;
}

/*.index #wrapper {
	background: none;
}
*/
#footer {
	background: #FFF url(../img/footer.jpg) no-repeat top center;
}

/* basic typography
========================================================================================*/

body, td {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #333;
}

h3, h4, h5, h6 {
	color: #090;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	border-left: 5px solid #090;
}

a:link, a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #999;
	text-decoration: none;
}

#header h1 {
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	line-height: 30px;
}

.copyright {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	margin: 0px;
}

/* image floating
========================================================================================*/

img.fLeft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.fRight {
	float: right;
	margin: 0px 0px 10px 10px;
}

/* basic layout
========================================================================================*/

#wrapper {
	width: 760px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header {
	width: auto;
	margin: 0px;
	padding: 0px;
}

#header h1 {
	display: block;
	height: 30px;
	margin: 0px;
	padding: 0px 30px;
}

#header #movie {
	width: 730px;
	height: 265px;
	margin: 0px;
	padding: 0px 15px;
}

#headImg {
	width: 760px;
	margin: 0px;
	padding: 0px;
}

#navi {
	margin: 0px;
	padding: 0px;
	height: 50px;
}

#contents {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#footer {
	height: 72px;
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
}

/* main navigation
========================================================================================*/

ul#navi {
	padding-left: 60px;
	padding-top: 2px;
	display: block;
}

ul#navi li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 131px;
	height: 30px;
	float: left;
}

/* footer
========================================================================================*/

#footer ul.navi {
	margin: 0px 0px 5px;
	padding: 2px 0px 0px 35px;
	height: 20px;
}

#footer ul.navi li {
	list-style: none;
	float: left;
	line-height: 14px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid;
}

#footer ul.navi li.end {
	border: none;
}


.index #footer .banners {
	padding: 0px 10px;
	text-align: right;
	font-size: 10px;
}

/* topics
========================================================================================*/

dl#topics {
	line-height: 15px;
	display: block;
	margin: 0px;
	padding: 2px;
	width: 178px;
	height: 140px;
	border: 1px solid #3C0;
	overflow: auto;
}

dl#topics dt {
	font-weight: bold;
}

dl#topics dd {
	margin: 0px 0px 10px;
	padding: 0px;
}

iframe#topicframe {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 178px;
	height: 140px;
	border: 1px solid #3C0;
	z-index: 2;
}

dl#topics2 {
	line-height: 15px;
	display: block;
	margin: 0px;
	padding: 2px;
	width: 172px;
	height: 140px;
	overflow: auto;
}

dl#topics2 dt {
	font-weight: bold;
}

dl#topics2 dd {
	margin: 0px 0px 10px;
	padding: 0px;
}

/* banners
========================================================================================*/

ul.banners {
	margin: 0px;
	padding: 0px;
}

ul.banners li {
	list-style: none;
	margin: 0px 0px 5px;
	padding: 0px;
}

/* 3 column layout
========================================================================================*/

#colum3 {
	width: 542px;
	float: left;
	z-index: 2;
}

#colum3 #leftbar {
	width: 180px;
	float: left;
	margin-bottom: 10px;
}

#rightbar {
	width: 180px;
	float: right;
	margin-bottom: 10px;
}

#colum3 #main {
	width: 350px;
	margin: 0px;
	float: right;
}

/* 2 column layout
========================================================================================*/

#colum2 {
	width: 730px;
	float: left;
}

#colum2 #leftbar {
	width: 180px;
	float: left;
	margin-bottom: 10px;
}

#colum2 #main {
	width: 550px;
	margin: 0px;
	float: right;
}

/* sub navigation
========================================================================================*/

#colum2 #leftbar ul.navi {
	margin: 0px;
	padding: 0px;
}

#colum2 #leftbar ul.navi li {
	list-style: none;
	margin-bottom: 10px;
}

/* info (company information)
========================================================================================*/

table.companyInfo {
	width: 100%;
	margin: 0px auto;
}

table.companyInfo th {
	background-color:#EFEFEF;
	width: 100px;
}

table.companyInfo td {
	background-color: #CFC;
}

table.companyInfo td dl.officeList dt {
	font-weight: bold;
}

table.companyInfo .officeList img {
	margin: 0px;
	padding-left: 16px;
}

/* history
========================================================================================*/

table.history {
	width: 100%;
	margin: 0px auto;
}


table.history th {
	color: #060;
	background-color:#CFC;
	width: 120px;
}

p.slogan {
	border: 1px solid #090;
	background-color: #CFC;
	text-align: center;
	font-size: 14px;
	padding: 10px;
}

/* dev_bussiness
========================================================================================*/

ul.prductList {
	margin: 0px 0px 5px;
	padding: 10px 30px;
	border: 1px solid #060;
	background-color:#CFC;
}

/* dev_product
========================================================================================*/

ul#bizProduct {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 550px;
}

ul#bizProduct li {
	margin: 0px 0px 10px;
	padding: 0px 35px;
	width: 200px;
	height: 180px;
	float: left;
	list-style: none;
}

/* dev_product
========================================================================================*/

ul.oilProduct {
	margin: 0px 0px 5px;
	padding: 10px 30px;
	border: 1px solid #060;
	background-color:#CFC;
	height: 40px;
}

ul.oilProduct li {
	float: left;
	width: 220px;
}

/* recruit
========================================================================================*/

table#recruit{
	width: 600px;
	margin: 0px auto;
}

table#recruit th {
	width: 140px;
	border-top: 1px solid #CCC;
	border-right: 5px solid #CCC;
	padding-bottom: 10px;
}

table.recruit{
	width: 600px;
	margin: 0px auto;
}

table.recruit th {
	width: 140px;
	border-top: 1px solid #CCC;
	border-right: 5px solid #CCC;
	padding-bottom: 10px;
}
h3.recruit{
	margin-left:50px;
}
p.recruit{
	margin-left:50px;
}
ul.recruit{
	margin-left:15px;
}