﻿@charset "UTF-8";

/* ブラウザスタイルの初期化 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, {
	margin: 0;
	padding: 0;
	color:#666666;
	font-family:
		Arial,
		"ヒラギノ角ゴ Pro W3",
		"Osaka",
		"ＭＳ Ｐゴシック",
		san-serif;
	line-height: 1.3;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/* tables still need 'cellspacing="0"' in the markup */

caption, th, {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html{overflow-y:scroll;}


/* 文書本体 */

body{
	font-size: 13px;
	color: #666666;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bg01s.jpg);
	background-repeat: repeat-x;
	background-color: #000032;
}

/* リンクテキスト */

a:link {
	text-decoration: underline;
	color: #069;
}
a:visited {
	text-decoration: underline;
	color: #006699;
}
a:hover,a:focus,a:active {
	text-decoration: underline;
}

/* CSSオフ時の境界線表示 */

hr {
	display:none;
	background-color: #999966;
}


/* 画像 */

img {
	border: 0; /* boder: nonde;でもＯＫ */
}
p {
	margin-top: 10px;
}


h1 {
	font-size: 12px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	color: #FFF;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.photo_waku {
	margin: 3px;
	padding: 2px;
	border: 1px solid #999;
}

.photo_right {
	border: 1px solid #CCCCCC;
	padding: 2px;
	float: right;
	background-color: #FFF;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.photo_left {
	padding: 2px;
	float: left;
	border: 1px solid #999;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.red {
	color: #FF0000;
}
.m01 {
	font-weight: bold;
	color: #690;
}
.m02 {
	font-weight: bold;
	color: #336;
}
.m3 {
	font-size: 110%;
	font-weight: bold;
	color: #069;
	margin: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-bottom-width: medium;
	border-bottom-style: double;
	border-bottom-color: #069;
	clear: both;
}
.m04 {
	font-weight: bold;
	color: #333;
	margin-top: 15px;
}


.top10 {
	margin-top: 10px;
}
.kanryou {
	font-size: 150%;
	font-weight: bold;
	color: #C00;
}



#container .flash {
	margin-left: 10px;
}


#container {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top: -6px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../img/bg02s.jpg);
	background-repeat: repeat-y;
}
#container #header {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_header1.jpg);
	background-repeat: no-repeat;
	height: 70px;
}

#container #mainnav {
	margin-top: 10px;
	height: 190px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#container #mainnav ul li {
	display: block;
	width: 225px;
	float: left;
	margin: 0px;
}
#container #mainnav ul li p {
	margin-top: 0px;
	font-size: 90%;
}
#container #contents {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#container #contents #main {
	float: left;
	width: 670px;
	padding-bottom: 20px;
}
#container #contents #main .service {
	width: 310px;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}
#container #contents #main .service p .left {
	border: 1px solid #CCC;
	margin-right: 8px;
	padding: 2px;
}

#container #contents #side {
	float: right;
	width: 210px;
	margin-right: 10px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
#container #contents #side #side_c {
	border: 1px solid #FC6;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: auto;
}
#container #contents #main #footerbanar {
	background-image: url(../img/bg_footerbn.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 510px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float: none;
}
#container #contents #main #footerbanar p img {
	position: relative;
	top: 100px;
	left: 265px;
}


#footer {
	clear: both;
	height: 30px;
	margin-top: 20px;
}
#container #contents #footer ul li a {
	float: left;
	margin-right: 30px;
}

#copyright {
	background-color: #FC6;
	margin: 0px;
	height: 80px;
	background-image: url(../img/copyback.jpg);
	background-repeat: repeat-x;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
}
#copyright p {
	width: 900px;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	padding-top: 8px;
}
.box01 {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	clear: both;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 10px;
}
#main .box00 {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
}
.table01 {
	margin-right: auto;
	margin-left: auto;

}

.table01 tr th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin: 0px;
	background-color: #FFF2D9;
	font-weight: normal;
	color: #333;
}

.table01 .t01 th {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
.table01 .t01 td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}


.table01 tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	margin: 0px;
	padding-left: 5px;
	color: #333;
}
.box_photo01 {
	margin: 3px;
	width: 290px;
	padding: 3px;
	float: left;
}
.box_photo02 {
	margin: 2px;
	padding: 2px;
	width: 200px;
	float: left;
}
.no1 {
	font-size: 110%;
	font-weight: bold;
	color: #C60;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-bottom-width: medium;
	border-bottom-style: double;
	border-bottom-color: #C63;
}
.new {
	color: #C03;
	text-decoration: blink;
}
marquee {
	color: #C00;
}


#container #contents #main #note01 {
	margin-right: 40px;
	margin-left: 40px;
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: #F5F2E7;
	margin-bottom: 20px;
}
#container #contents #main #note01 p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C96;
	margin-top: -15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.event_box {
	background-image: url(../event/img/evento_top.jpg);
	width: 620px;
	height: 230px;
	padding-top: 100px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
.event_chirashi {
	padding: 3px;
	float: left;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 8px;
}
.gasfire {
	background-image: url(../recruit/img/fire.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #69C;
	font-size: 110%;
	font-weight: bold;
	color: #069;
}
#hanko {
	background-image: url(../recruit/img/bg_hanko.gif);
	background-repeat: no-repeat;
	border: 1px solid #999;
	margin: 15px;
	background-position: right center;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #333;
	font-size: 110%;
}
#hanko table tr td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#container #contents #main #pagetop {
	text-align: right;
	clear: both;
}

.staff_m {
	margin: 20px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	border: 2px solid #C2D3FC;
	background-color: #F7F2F0;
}

.staff_m .photo {
	border: 1px solid #999;
	padding: 2px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}
.q01 {
	background-image: url(../recruit/img/q01.png);
	background-repeat: no-repeat;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #699;
	margin-top: 10px;
	font-weight: bold;
	color: #369;
	margin-right: 20px;
	margin-left: 20px;
}
.q02 {
	background-image: url(../recruit/img/q02.png);
	background-repeat: no-repeat;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #699;
	margin-top: 10px;
	font-weight: bold;
	color: #369;
	margin-right: 20px;
	margin-left: 20px;
}
.q03 {
	background-image: url(../recruit/img/q03.png);
	background-repeat: no-repeat;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #699;
	margin-top: 10px;
	font-weight: bold;
	color: #369;
	margin-right: 20px;
	margin-left: 20px;
}
.p_text p {
	margin-right: 30px;
	margin-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC9;
	margin-top: -10px;
}
.question {
	background-image: url(../repair/img/question.gif);
	background-repeat: no-repeat;
	height: 35px;
	padding-left: 50px;
	padding-top: 10px;
	color: #036;
	font-weight: bold;
	clear: both;
}
.answer {
	background-image: url(../repair/img/answer.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

*html #container {
	margin-top: 4px;
}

*html #container #contents #footer ul li {
	float: left;
}

*:first-child+html #container {
	margin-top: 5px;
}

*:first-child+html #container #contents #footer ul li {
	float: left;
}

*:first-child+html #container #contents #main #pagetop {
	text-align: right;
	clear: both;
	margin-top: 15px;
}

*:first-child+html #container #contents #main .box00 .table01 .t01 td .new {
	text-decoration: blink;
}

