@charset "UTF-8";

/* -------------------------------------Base----- */
* { font-style: normal;}
h1, h2, h3, h4, h5, h6, p, form {
	margin: 0; padding: 0;}
ul, li, dl, dt, dd {
	list-style: none;
	margin: 0; padding: 0;}
ol {
	margin: 0 0 0 20px; padding: 0;}
ol li {
	list-style: decimal;}
table, td, th {
	border-width:0; margin: 0; padding: 0;}
th { text-align: left; font-weight:normal;}
table.tableA th, table.tableA td { vertical-align: top;}

a img { border: none;}
.withIconA img, img.withIconA { vertical-align: middle; padding-right: 5px;}
em { font-weight: bold;}

.clear {
	clear: both;
	background: transparent;
	height: 1px;	font-size: 1px;}
.hide { display: none;}

/* -------------------------------------Font----- */
body {
	color: #333333;
	font-size: 12px; _font-size: 75%; line-height: 1.5;
	font-family: Geneva, Arial, Helvetica, "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}
td, th { font-size: 12px; _font-size: 75%; line-height: 1.5;}
p { line-height: 1.5;}
.sml { font-size: 10px !important; _font-size: 85% !important; line-height: 1.4;}
.lag { font-size: 14px !important; _font-size: 115% !important; line-height: 1.4;}

.notes { color: #CC0000;}

/* -------------------------------------Link----- */
a:link { color: #990033; text-decoration: none;}
a:visited { color: #990033; text-decoration: none;}
a:hover { color: #990033; text-decoration: underline;}
a:active { color: #990033; text-decoration: underline;}

a.email:link { color: #01215A; text-decoration: none;}
a.email:visited { color: #01215A; text-decoration: none;}
a.email:hover { color: #01215A; text-decoration: underline;}
a.email:active { color: #01215A; text-decoration: underline;}

a.withIconA {
	background: #FFFFFF url(../img/icon_arrow.gif) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 10px;}

/* -------------------------------------Space----- */
.t01 { margin-top: 5px;}
.t02 { margin-top: 10px;}
.t03 { margin-top: 15px;}
.t04 { margin-top: 20px;}
.t05 { margin-top: 25px;}
.t06 { margin-top: 30px;}

/* -------------------------------------Layout----- */
#container { position:relative; width: 700px;}
#header { margin: 12px 0 0 12px;}
#headertop {
	padding-bottom: 22px;}

#mainarea {
	margin: 0 15px 0 20px;}
#navi {
	float: left; text-align: left;
	background: #FFFFFF url(../img/parts_nv_line.gif) no-repeat right top;
	width: 136px; height: 280px;
}
#content {
	float: right; text-align: left;
	width: 500px;}
#banner {
	float: left; margin-top: 120px;}

#footer {
	clear: both; width: 700px;
	text-align: right;
	padding-top: 35px; padding-bottom: 20px;}
address {
	margin: 8px 0 0 0; padding: 8px 20px 0 0;
	border-top: 1px solid #01215A;}

/* -------------------------------------nav----- */

#navi ul { margin: 20px 0 0 0; padding: 0;}
#navi ul li { display: block; margin: 0 0 15px 0; vertical-align:bottom; height:18px; overflow:hidden;}
#navi ul li h2{margin:0; padding:0; vertical-align:bottom; height:18px; overflow:hidden; font-size:0;}
#navi ul li a { padding: 0; display: block;}
#navi ul.ennav { margin: 40px 0 0 0; padding: 0;}

/* -------------------------------------Contents----- */
body {
	background: #F8F8F8 url(../img/bg.gif) repeat-y;
	margin: 0; padding: 0;}

.tohome { margin: 10px 0 0 0;}
.totop { padding: 0 20px 0 0;}
.subtitle { margin: 20px 0 0 0;}
.read { margin: 20px 10px 0 0;}
.parag { margin: 10px 15px 0 10px;}
.waku {
	background: #FFFFFF url(../img/parts_wc.gif) repeat-y;
	margin: 10px 0 0 0; width: 380px;}
.box { margin: 10px 20px 10px 20px;}


/* ------list----- */
ul.disc { margin: 3px 0 7px 17px;}
ul.disc li { list-style-type: disc; line-height: 1.4;}
ul.kome { margin: 3px 0 0 0;}
ul.kome li {
	padding-bottom: 3px; line-height: 1.4;
	padding-left: 1em; text-indent: -1em;}
ul.num { margin: 3px 0 0 0;}
ul.num li {
	padding-bottom: 5px; line-height: 1.4;
	padding-left: 1.4em; text-indent: -1.4em;}
dl.tel { margin: 0;}
dl.tel dt { width: 2em;}
dl.tel dd { margin: -1.5em 0 0 2.2em;}

/* ------recruit----- */
.parag_rec { margin: 10px 8px 0 8px;}
.parag_rec ul li {
	padding: 0 0 5px 13px;
	background: url(../img/icon_mark01.gif) no-repeat; background-position: 0 5px;
	line-height: 1.4;}
.parag_rec ul li ul li {
	margin-top: 3px; padding: 0 0 0 12px;
	background: url(../img/icon_mark02.gif) no-repeat; background-position: 0 4px;
	line-height: 1.4;}


/* -------------------------------------Print----- */
@media print { 

body { zoom: 90%;}
.parag_rec ul li:before { content: "●"; padding-right: 5px;}

}