@charset "utf-8";


body {
	background: #fff;
	font-size: 80%;
	padding-left: 10px;
	padding-top: 10px;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 1.5;
}
a , a:visited {
	text-decoration: none;
}

.header {
	width:780px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	padding:0px;
	margin:0px;
}
.header .logo {
	float:left;
	width:194px;
}
.header .header-menu {
	float:left;
	width:586px;
}
.menu {
	width:780px;
	padding:3px 0px;
	margin:0px;
	border-top: 1px solid #88e;
	border-bottom: 1px dotted #77d;
	clear:both;
}
.top-img {
	width:780px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	padding:0px;
	margin:0px;
}
.news {
	width:780px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	margin:0px;
	background: #fff url(image/newsback.gif) 10% 50% repeat-y;
	border-bottom: 1px solid #aaa;
	
}
.news ul {
	height: 114px;
	margin:0px;
	padding:10px 0px 0px 20px;
	overflow-y:scroll;
	scrollbar-arrow-color:#CCC;
	scrollbar-base-color: #CCC;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3d-light-color: #CCC;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-darkshadow-color: #CCC;
}
.news ul li {
	margin:0px 0px 3px;
	padding:0px;
	list-style:none outside none;
}
.news ul li a {
	color: #a00;
}
.news ul li a:hover {
	text-decoration: underline;
}
.news image {
	display: block;
}
.comment {
	font-size: 10px;
	padding: 3px 0px 3px 0px;
	background: #000;
	color: #fff;
	border-bottom: 1px solid #333;
	width:782px;
}
.comment p {
	display: inline;
	padding-left: 30px;
}
.footer {
	font-size: 10px;
	background-color:#000;
	text-align: right;
	color: #fff;
	padding:5px;
	font-family: "Times New Roman","sans-serif";
	width:772px;
}



.title {
	padding:30px 0px;
	margin:0px;
	text-align:right;
	background: #fff url(image/backimage.jpg) left repeat-y;
	width:780px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}
.contents {
	color: #334;
	background: #fff url(image/backimage.jpg) left repeat-y;
	padding: 15px 20px 30px 40px;
	width:720px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}

.contents h2 {
	border-bottom: 1px solid #fdd;
	border-left: 4px solid #fcc;
	color: #FF6600;
	padding:0px 10px 5px;
	font-size:140%;
	clear:both;
}

.top-recruit {
	padding:20px 40px;
	border-bottom:1px solid #CCC;
	background-color:#FFFFCC;
}
.top-recruit h1 {
	margin:10px 0;
	line-height:normal;
	font-size:120%;
	text-align:center;
	color:#FF3300;
	padding:0 0 5px;
	border-bottom:2px solid #CCCCCC;
}
.top-recruit p {
	font-size:110%;
	margin:0;
}
/*
.contents h3 {
	margin: auto;
	text-align: left;
	width: 80%;
	padding-left: 10px;
	padding-right: 20px;
}
*/


.contents ol {
	text-align: left;
}
.contents ol li {
	margin-left: 60px;
}
.contents ol ul {
	margin-left: 0px;
	list-style: disc;
}

/* 業務内容 */

table.catia {
	width:100%;
}
table.catia td {
	padding:5px;
	font-weight:bold;
	color:#CC3300;
}
table.catia td div {
	text-align:center;
}
table.catia th {
	padding:5px;
	width:50%;
}

td.catia , th.catia {
	border-right: 1px dotted #aaa;
}



/* ごあいさつ */

.topic {
	border : 3px double #fdd;
	padding: 10px ;
	margin:20px 0px 0px;	
}
.topic span {
	color:#FF0000;
}

/* 会社概要 */

table.profile {
	width:80%;
	margin:0px auto;
}
table.profile td {
	border-bottom: 1px dotted #aaa;
	padding:5px;
}
table.profile th {
	border-bottom: 1px dotted #aaa;
	width:5em;
	white-space:nowrap;
	padding:5px;
	font-weight:normal;
}
table.profile table {
	width:100%;
}
table.profile td table td {
	padding:10px 0px;
}
table.profile td table th {
	white-space:nowrap;
	padding:10px 0px;
	font-weight:normal;
	width:auto;
}
td.profile , th.profile {
	border:none !important;
}


/* 採用情報 */

.job {
	width:100%;
}
.job td {
	border-bottom: 1px dotted #aaa;
	padding:5px;
}
.job th {
	border-bottom: 1px dotted #aaa;
	width:7em;
	white-space:nowrap;
	padding:5px;
	font-weight:normal;
}
.oubo {
	text-align:center;
	margin:0px 0px 20px;
}
.icon {
	vertical-align: text-bottom;
	margin:0px 10px;
	border:none;
}


/* 社員の声 */

.voice {
	width:80%;
	border:1px solid #CCC;
	margin:0px auto 30px;
	padding:10px;
}
.voice img {
	margin:0px 0px 0px 20px;
	float:right;
}
.voice table {
	font-size:130%;
	line-height:normal;
}
.voice td {
	padding:5px 0px 5px;
	font-weight:bold;
	border-bottom:1px solid #FF3300;
}
.voice th {
	text-align:right;
	padding:5px 10px 5px 0px;
	white-space:nowrap;
	vertical-align:top;
	border-bottom:1px solid #FF3300;
}


/* ポップアップ */

.header-bg {
	background: #FFFFFF url(image/header-bg.jpg)  no-repeat right top;
	padding:30px 20px 20px;
}


/* その他 */
.border-dot-bottom {
	border-bottom: 1px dotted #aaa;
}