@charset "utf-8";

/* ==================================================

株式会社エスアイピー

================================================== */


/* Win版 IE5.x系列用 
--------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */


/* 共通 
--------------------------------------------------------------------*/

body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#646464;
	background-color:#f0f0f0;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited {
	color:#0064b4;
	text-decoration:none;
}
a:hover,
a:active {
	color:#0064b4;
	text-decoration:underline;
}
br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}
.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border:1px solid #ff0000;
	padding:7px 10px 10px;
	margin-top:10px;
}

.main-bk {
	width:882px;
	margin:0 auto;
	background:url(../common/images/bk.gif) repeat-y;
}
.main {
	width:850px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	border-top:solid 3px #e61e1e;
}
.main-i {
	width:800px;
	margin:0 auto;
}
.header {
	height:75px;
}
.header h1 {
	font-size:85%;
	line-height:26px;
	color:#969696;
}
.header h2 {
	padding-top:2px;
}
.tm li {
	float:left;
}
.title-area {
	padding-top:10px;
}
.main-area {
	padding-top:20px;
}
.main-area .main-left {
	float:left;
	width:200px;
}
.main-area .main-left .lm {
	padding-bottom:15px;
}
.banner-area li {
	padding-bottom:10px;
}
.main-area .main-right {
	float:right;
	width:580px;
}
.main-area .frame {
	border-left:solid 1px #d2d2d2;
	border-right:solid 1px #d2d2d2;
	padding:0 20px;
	background-color:#fff;
}

.bottom-link {
	padding:50px 0 9px;
	text-align:center;
	font-size:85%;
	line-height:120%;
}
.footer {
	background:url(../common/images/footer_bk.gif) repeat-x;
	height:41px;
}
.footer p {
	color:#fff;
	padding-top:10px;
	text-align:center;
	font-size:85%;
	line-height:120%;
}

.copy {
	padding-bottom:7px;
}

/* トップページ 
--------------------------------------------------------------------*/
#top h3 {
	padding-top:20px;
}
#top .top-flash {
	padding:10px 0 20px;
}
#top .top-main-area .top-main-left {
	float:left;
	width:580px;
}
#top .service-area {
	padding-bottom:20px;
}
#top .service-area .service-left {
	float:left;
	width:285px;
}
#top .service-area .service-right {
	float:right;
	width:285px;
}
#top .service-left .service {
	background:url(../images/box1_bk.jpg) no-repeat;
	height:129px;
}
#top .service-right .service {
	background:url(../images/box2_bk.jpg) no-repeat;
	height:129px;
}
#top .service-area .service .title {
	padding:19px 0 8px 96px;
}
#top .service-area .service .text {
	padding:0 10px 0 96px;
	font-size:11px;
	line-height:120%;
}
#top .about-area {
	background:url(../images/box3_bk.jpg) no-repeat;
	height:134px;
}
#top .about-area .title {
	padding:15px 0 7px 180px;
}
#top .about-area  .text {
	padding:0 12px 0 180px;
	font-size:12px;
	letter-spacing:0.1em;
}
#top .information-area {
	border-left:solid 1px #d2d2d2;
	border-right:solid 1px #d2d2d2;
	background-color:#fff;
}
#top .information-area-i {
	padding:0 20px;
}
#top .information th,
#top .information td {
	padding:9px 0;
}
#top .information th.top,
#top .information td.top {
	border-top:none !important;
}
#top .information th {
	width:138px;
	border-top:dotted 1px #d2d2d2;
}
#top .information th p {
	background:url(../common/images/arrow_1.gif) no-repeat 0 5px;
	padding-left:18px;
}
#top .information td {
	width:400px;
	border-top:dotted 1px #d2d2d2;
}
#top .information td p {
	padding-right:5px;
}
#top .top-main-area .top-main-right {
	float:right;
	width:200px;
}
#top .get-flash-area .get-flash {
	background:url(../images/get_flash_bk.gif) repeat-y;
	padding:0 17px;
	color:#969696;
}
#top .get-flash-area .get-flash img {
	margin-bottom:7px;
}

/* 会社案内
--------------------------------------------------------------------*/
#company .profile {
	width:100%;
}
#company .profile th,
#company .profile td {
	padding:9px 0;
}
#company .profile th.last,
#company .profile td.last {
	border-bottom:none !important;
	padding:9px 0 6px !important;
}
#company .profile th {
	width:120px;
	border-bottom:dotted 1px #d2d2d2;
}
#company .profile th p {
	background:url(../common/images/arrow_1.gif) no-repeat 0 5px;
	padding-left:18px;
}
#company .profile td {
	border-top:dotted 1px #d2d2d2;
}
#company .profile td.name {
	width:320px;
}
#company .profile td p {
	padding-right:5px;
}

/* 事業案内
--------------------------------------------------------------------*/
#service .frame {
	padding:3px 20px;
}
#service .service {
	padding:15px 0;
	border-bottom:dotted 1px #d2d2d2;
}
#service .last {
	border-bottom:none !important;
}
#service .service .photo {
	float:left;
	width:150px;
}
#service .service .photo-r {
	float:right;
	width:373px;
}

/* 事業実績
--------------------------------------------------------------------*/
#results .results {
	font-size:85%;
	line-height:120%;
	position:relative;
}
#results .results th,
#results .results td {
	padding:10px 0 9px;
	border:solid 1px #d2d2d2;
}
#results .results th.top ,
#results .results td.top {
	padding:7px 0 6px !important;
	background-color:#f5f5f5;
	text-align:center;
}
#results .results th p {
	background:url(../common/images/arrow_2.gif) no-repeat 9px 1px;
	padding:0 8px 0 27px;
}
#results .results td p {
	padding:0 9px;
}
#results .results td p span {
	font-weight:bold;
}
#results .corner-left {
	position:absolute;
	bottom:0;
	left:0;
}
#results .corner-right {
	position:absolute;
	bottom:0;
	right:0;
}

/* 採用情報
--------------------------------------------------------------------*/
#recruit .frame {
	padding:0;
}
#recruit .frame-i {
	padding:15px 20px 20px;
}
#recruit .recruit-top .photo {
	float:left;
	width:170px;
}
#recruit .recruit-top .photo-r {
	float:right;
	width:398px;
}
#recruit .recruit-top .photo-r-i {
	padding:20px 20px 0 0;
}
#recruit .recruit-top .tel {
	padding:10px 0 12px;
}
#recruit .recruit-top .tel img {
	vertical-align:middle;
	margin-right:10px;
}
#recruit .recruit {
	padding-bottom:20px;
}
#recruit .recruit .photo {
	float:left;
	width:150px;
}
#recruit .recruit .photo-r {
	float:right;
	width:373px;
}
#recruit .recruit .photo-r .copy {
	padding-top:2px;
}
#recruit .frame-i th,
#recruit .frame-i td {
	padding:9px 0;
}
#recruit .frame-i th.last,
#recruit .frame-i td.last {
	border-bottom:none !important;
	padding:9px 0 6px !important;
}
#recruit .frame-i th {
	width:105px;
	border-top:dotted 1px #d2d2d2;
}
#recruit .frame-i th p {
	background:url(../common/images/arrow_1.gif) no-repeat 0 5px;
	padding-left:18px;
}
#recruit .frame-i td {
	border-top:dotted 1px #d2d2d2;
}
#recruit .frame-i td p {
	padding-right:5px;
}
#recruit .frame-i .text {
	padding-top:5px;
}