@charset "utf-8";


/* ---------------- ◆ [基本設定部分　開始] ◆ ---------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #000000; 
	font-size: 10pt; 
	font-family: "ＭＳ Ｐゴシック",Osaka;
	text-align: center;
	line-height: 1.4; 
	word-break:break-all;
	margin: 0 auto;
	background: #ffffff url("../img/base.jpg") repeat-x left top;
}

a:link {
	color: #0000ff; 
}
a:visited {
	color: #8A00FF;
}
a:hover {
	color: #4D4DFF;
}
a:active {
	color: #4D4DFF;
}

a img {
	border: 0 none;
}

/* ---------------- ◆ [基本設定部分　終了] ◆ ---------------- */



/* ---------------- ◆ [構造部分　開始] ◆ ---------------- */

div#header {
	width: 100%;
	margin: 0 auto;
}
div#contents {
	width: 900px;
	clear: both;
	margin: 0 auto;
}
div#contents #left {
	width: 225px;
	display: block;
	float: left;
}
div#contents #right {
	width: 660px;
	display: block;
	float: left;
}
div#bottom {
	width: 100%;
	clear: both;
}

/* ---------------- ◆ [構造部分　終了] ◆ ---------------- */



/* ---------------- ◆ [HEADER用　開始] ◆ ---------------- */

div#header {
	text-align: left;
}

/*
h1{
margin:0px;
padding:0px;
}
*/

div#header span {
	width: 865px;
	height: 92px;
	display: block;
	margin: 0 auto;
	padding: 15px 0 0 35px;
}
div#header img {
	display: block;
	float: left;
}
div#header ul.submenu {
	float: right;
}
div#header ul.submenu li {
	list-style: none;
	font-size: 0.2em;
	float: left;
	padding: 10px 0 0;
}
div#header ul.submenu li.company {
	padding: 10px 10px 0 0;
}
div#header ul.submenu li a {
	width: 119px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	outline: 0;
}
div#header ul.submenu li.company a {
	background: transparent url("../img/button_company.jpg") no-repeat left top;
}
div#header ul.submenu li.contact a {
	background: transparent url("../img/button_contact.jpg") no-repeat left top;
}

/* ---------------- ◆ [HEADER用　終了] ◆ ---------------- */



/* ---------------- ◆ [CONTENTS用　開始] ◆ ---------------- */

div#contents {
	background: transparent url("../img/base_contents.jpg") repeat-y left top;
}

/* ---------------- ◇ [left(メニュー)用　開始] ◇ ---------------- */
div#contents #left {
	text-align: left;
	padding: 16px 0 50px;
	background: transparent url("../img/base_contentsleft.jpg") repeat-x left top;
}
div#contents #left p.menutitle {
	width: 220px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url("../img/menutitle.jpg") no-repeat left top;
}
div#contents #left ul.mainmenu {
	padding: 0 0 0 9px;
}
div#contents #left ul.mainmenu li {
	list-style: none;
	font-size: 0.2em;
	padding: 0 0 3px;
}
div#contents #left ul.mainmenu li a {
	width: 206px;
	height: 62px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	outline: 0;
}
div#contents #left ul.mainmenu li.toppage a {
	background: transparent url("../img/button_toppage.jpg") no-repeat left top;
}
div#contents #left ul.mainmenu li.jobinfo a {
	background: transparent url("../img/button_jobinfo.jpg") no-repeat left top;
}
div#contents #left ul.mainmenu li.workstyle a {
	background: transparent url("../img/button_workstyle.jpg") no-repeat left top;
}
div#contents #left ul.mainmenu li.qanda a {
	background: transparent url("../img/button_qanda.jpg") no-repeat left top;
}
div#contents #left ul.mainmenu li.enterprise a {
	background: transparent url("../img/button_enterprise.jpg") no-repeat left top;
}
div#contents #left .banner {
	width: 212px;
	display: block;
	margin: 20px auto 0;
	padding: 12px 0 7px;
	background: #afbcff;
	border: 1px solid #162eb7;
}
div#contents #left .banner img {
	display: block;
	margin: 0 auto 5px;
}
div#contents #left p.mobiletitle {
	width: 220px;
	height: 95px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: transparent url("../img/mobiletitle.jpg") no-repeat left 38px;
}
div#contents #left .mobileinfo {
	width: 202px;
	display: block;
	margin: 8px auto 0;
	padding: 12px 0 10px 10px;
	background: #afbcff;
	border: 1px solid #162eb7;
}
div#contents #left .mobileinfo span {
	width: 194px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
div#contents #left .mobileinfo p.mobileqr {
	width: 74px;
	height: 74px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: transparent url("../img/QR.jpg") no-repeat left top;
}
div#contents #left .mobileinfo p.mobileguide {
	width: 110px;
	float: left;
	padding: 0 0 0 10px;
}
div#contents #left p.companytitle {
	width: 220px;
	height: 95px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: transparent url("../img/companytitle.jpg") no-repeat left 38px;
}
div#contents #left .companyinfo {
	width: 202px;
	display: block;
	margin: 8px auto 0;
	padding: 12px 0 7px 10px;
	background: #afbcff;
	border: 1px solid #162eb7;
}
div#contents #left .companyinfomore {
	display: block;
	font-size: 8pt;
	margin: 0 0 0 1em;
	padding: 10px 0 0;
}
div#contents #left .companyinfomore span {
	margin: 0 0 0 -1.1em;
}
/* ---------------- ◇ [left(メニュー)用　終了] ◇ ---------------- */

/* ---------------- ◇ [right(メインコンテンツ)用　開始] ◇ ---------------- */
div#contents #right {
	text-align: left;
	padding: 16px 0 30px 15px;
	background: transparent url("../img/base_contentsright.jpg") repeat-x left top;
}
div#contents #right p.pan {
	font-size: 8pt;
	padding: 5px 0 15px;
}
div#contents #right #contentsbox {
	width: 607px;
	margin: 12px 0;
	padding: 15px 20px;
	border: #aaaaaa 1px solid;
}

/* ---------------- ◇ [right(メインコンテンツ)用　終了] ◇ ---------------- */

p.jumptop {
	width: 890px;
	clear: both;
	text-align: right;
	padding: 0 10px 20px 0;
}
p.jumptop a {
	text-decoration: none;
	line-height: 12px;
	padding: 0 0 0 16px;
	background: transparent url("../img/icon_jump.jpg") no-repeat left center;
}

/* ---------------- ◆ [CONTENTS用　終了] ◆ ---------------- */



/* ---------------- ◆ [BOTTOM用　開始] ◆ ---------------- */

div#bottom {
	text-align: left;
	padding: 30px 0 0;
	background: transparent url("../img/base_bottom.jpg") repeat-x left top;
}
div#bottom .bottomarea {
	width: 900px;
	display: block;
	margin: 0 auto;
}
div#bottom ul.bottommenu {
	text-align: center;
	padding: 0 0 45px;
}
div#bottom ul.bottommenu li {
	display: inline;
	border-right: 1px solid #000000;
	padding: 0 7px;
}
div#bottom ul.bottommenu li.sitemap {
	border-right: 0px none;
}
div#bottom .bottomcompanyinfo {
	display: block;
	clear: both;
}
div#bottom p.security {
	float: right;
	margin: 5px 0 0;
}
div#bottom p.companyinfo {
	width: 480px;
	display: block;
	font-size: 8pt;
	padding: 0 0 15px 90px;
	background: transparent url("../img/logo_ss.jpg") no-repeat left 5px;
}
div#bottom p.companyinfo .companyinfotext1 {
	width: 250px;
	display: block;
	float: left;
}
div#bottom p.companyinfo .companyinfotext2 {
	width: 230px;
	display: block;
	float: right;
}
div#bottom p.copyright {
	clear: both;
	color: #ffffff;
	text-align: center;
	padding: 4px 0;
	background: #0520C3;
}

/* ---------------- ◆ [BOTTOM用　終了] ◆ ---------------- */