@charset "utf-8";

/*----------------------
 Reset
------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
}
p {
	margin: 0 0 0 0;
}
ol,ul {
	list-style: none;
}
fieldset,img {
	border: 0;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}
td {
	vertical-align: top;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}


/*----------------------
 Base link
------------------------*/

a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited { color: #BF1355; text-decoration: none;}
a:hover {
	color: #FF00FF;
	text-decoration: none;
}

/*----------------------
 Clear Fix
------------------------*/
.clear:after,
div#newsArea:after,
div#footer:after,
div.achieveCase:after,
div.guideline:after,
div.entryArea:after,
div#contactArea:after,
div#contactTop:after,
div#serviceTab:after,
div#tabCont:after,
div#contArea:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear,
div#newsArea,
div#footer,
div.achieveCase,
div.guideline,
div.entryArea,
div#contactArea,
div#contactTop,
div#serviceTab,
div#tabCont,
div#contArea {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clear,
* html div#newsArea,
* html div#footer,
* html div.achieveCase,
* html div.guideline,
* html div.entryArea,
* html div#contactArea,
* html div#contactTop,
* html div#serviceTab,
* html div#tabCont,
* html div#contArea {
	height: 1%;
}
.clear,
div#newsArea,
div#footer,
div.achieveCase,
div.guideline,
div.entryArea,
div#contactArea,
div#contactTop,
div#serviceTab,
div#tabCont,
div#contArea {
	display: block;
}
/* End hide from IE-mac */



/*----------------------
 Main
------------------------*/
body {
	font-size: 100%; /* WinIE */
	font-family: 'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,Verdana,Helvetica,Arial,sans-serif;
	text-align: center;
}

html>/**/body {
  font-size: 16px; /* Except WinIE */
}

div#contentsWrap {
	margin: 0 auto 0 auto;
	width: 850px;
	text-align: left;
}

div#header {
	width: 100%;
	height: 220px;
	min-height: 220px;
	background: url(../../images/bg_header.gif) no-repeat 0px 8px;
	border-bottom: 4px solid #BC1925;
	position: relative;
}

p#bridge {
	position: absolute;
	left: 45px;
	top: 94px;
}

div#header ul {
	position: absolute;
	left: 74px;
	bottom: 0px;
}

div#header ul li {
	float: left;
}

div#footer {
	margin: 0 0 0 0;
	padding: 6px 0 4px 0;
	width: 100%;
	clear: both;
	background-color: #231F20;
}

div#footer ul {
	margin: 0 0 0 45px;
	width: 380px;
	float: left;
	display: inline;
}

div#footer ul li {
	padding: 0 8px 0 8px;
	float: left;
	font-size: 62.5%;
	line-height: 1.1;
	border-left: 1px solid #FFFFFF;
}

div#footer ul li.firstItem {
	padding-left: 0px;
	border-left: none;
}

div#footer address {
	margin: 0 40px 0 0;
	width: 380px;
	float: right;
	display: inline;
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.1;
	color: #FFFFFF;
	text-align: right;
}

/* フッターリンク色 */
div#footer ul a:link { color: #FFFFFF; text-decoration: none;}
div#footer ul a:visited { color: #FFFFFF; text-decoration: none;}
div#footer ul a:hover { color: #FFFFFF; text-decoration: underline;}

/*----------------------
 Top
------------------------*/
#index div#header h1 {
	position: absolute;
	left: 45px;
	top: 94px;
}

#index div#mainFlash {
	padding: 23px 0 0 77px;
}

div#newsArea {
	width: 850px;
	background: #EEEEEE;
	padding-bottom: 21px;
}
div#newsArea h2 {
	margin: 10px 10px 0 45px;
	width: 40px;
	float: left;
}

div#newsArea p {
	margin: 0 0 2px 0;
	font-size: 68.75%;
	line-height: 1.2;
	color: #333;
}

/*----------------------
 実績
------------------------*/
div#contArea {
	width: 850px;
	color: #333333;
}

div#mainCont {
	margin: 0 0 0 72px;
	width: 719px;
}

div#mainCont h1 {
	margin: 23px 0 30px 0;
}

div.achieveCase {
	margin: 0 0 30px 28px;
	width: 677px;
	clear: both;
}

div.achieveCase div {
	width: 370px;
	float: left;
}

div.achieveCase h2 {
	margin: 0 0 12px 0;
}

div.achieveCase h3 {
	margin: 0 0 4px 28px;
}
div.achieveCase h3.scTitle {
	clear: both;
}
div.achieveCase div.nextItem {
	margin-bottom: 10px;
}

div.achieveCase p {
	margin-left: 28px;
	font-size: 75%;
	line-height: 1.5;
}

div.achieveCase ul {}

div.achieveCase ul li {
	margin-left: 32px;
	padding-left: 6px;
	font-size: 75%;
	line-height: 1.5;
	background: url(../../images/marker_list_gray.gif) no-repeat 0px 0.6em;
}

div.achieveCase h3.softTitle {
	margin: 18px 0 18px 28px;
}

div#devArea {
	margin: 0 0 35px 14px;
	padding: 0 0 16px 0;
	width: 705px;
	background: url(../../images/bg_dev-area_btm.gif) no-repeat left bottom;
}

div#devArea h2 {
	padding: 16px 0 12px 28px;
	background: url(../../images/bg_dev-area_top.gif) no-repeat left top;
}

div#devArea h3 {
	margin: 0 0 0 28px;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5;
}

div#devArea dl,
div#devArea p {
	margin: 0 0 5px 28px;
	font-size: 75%;
	line-height: 1.5;
}

div#devArea dt {
	width: 2.5em;
	float: left;
}

div#devArea dd {
	margin-left: 2.5em;
}

div#caseEc,
div#caseRsv {
	position: relative;
}

p#panda01 {
	margin: 0 0 0 0;
	position: absolute;
	top: 0px;
	left: 396px;
}




/*----------------------
 会社概要
------------------------*/
#company h2 {
	margin: 0 0 24px 0;
}

div#philosophy {
	padding-bottom: 16px;
	width: 705px;
}

div#philosophy p {
	margin: 0 0 20px 0;
}

dl#information {
	padding-bottom: 15px;
	width: 705px;
	font-size: 75%;
	line-height: 1.5;
}

dl#information dt {
	margin: 0 0 20px 0;
	width: 70px;
	float: left;
}

dl#information dd {
	margin: 0 0 20px 95px;
	width: 600px;
}

dl#information dd p.bridgeAddress {
	margin-bottom: 20px;
}


/*----------------------
 採用情報
------------------------*/
#recruit div#mainCont {
	padding-bottom: 20px;
}

h2.application {
	width: 705px;
	border-bottom: 2px solid #BC1925;
}

div.guideline,
div.entryArea {
	width: 705px;
	clear: both;
	background: #F5F5F5 url(../../images/bg_dotted_line.gif) repeat-x left bottom;
}

div.lastArea {
	margin-bottom: 30px;
	background-image: none;
}

div.guideline h3 {
	margin: 18px 0 18px 30px;
	width: 190px;
	float: left;
	display: inline;
}

div.guideline h4 {
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5;
}

div.guideline div {
	padding: 18px 0 18px 0;
	width: 480px;
	float: left;
}

div.guideline ul {}

div.guideline ul li,
div.entryArea ul li {
	padding-left: 6px;
	font-size: 75%;
	line-height: 1.5;
	background: url(../../images/marker_list_gray.gif) no-repeat 0px 0.6em;
}

.emphasize {
	color: #D70C18;
}

div.guideline li.emphasize,
div.entryArea li.emphasize {
	background: url(../../images/marker_list_red.gif) no-repeat 0px 0.6em;
}

.normalTxt {
	color: #333333;
}

div.guideline p,
div.entryArea p {
	font-size: 75%;
	line-height: 1.5;
}

div.guideline p.devTxt {
	margin-left: 10px;
}

ul.qualifiList {
	margin-left: 18px;
}

div.guideline p.qualifiTxt {
	margin-left: 36px;
}

div.guideline a:link,
div.entryArea a:link { color: #00A2D6; text-decoration: underline;}
div.guideline a:visited,
div.entryArea a:visited { color: #00A2D6; text-decoration: underline;}
div.guideline a:hover,
div.entryArea a:hover { color: #00bfeb; text-decoration: underline;}

h2.howToEntry {
	width: 705px;
	border-bottom: 2px solid #595757;
}

/* 応募方法 */
div.entryArea {
	padding: 24px 0;
}

div.entryArea h3 {
	margin: 0 0 0 30px;
	width: 190px;
	float: left;
	display: inline;
}

div.entryArea div {
	padding: 0 0 0 0;
	width: 480px;
	float: left;
}


/*----------------------
 お問い合わせ
------------------------*/
#contact div#mainCont {
	min-height: 450px;
}

div#contactArea {
	margin: 18px 0 0 0;
	width: 705px;
	background: url(../../images/bg_dev-area_btm.gif) no-repeat left bottom;
}

div#contactTop {
	width: 705px;
	background: url(../../images/bg_dev-area_top.gif) no-repeat left top;
}

div#contactTop h2 {
	margin: 0 0 0 30px;
	padding: 20px 0 0 0;
	float: left;
	display: inline;
}

div#contactTop div {
	margin: 0 0 0 50px;
	padding: 16px 0 40px 0;
	width: 330px;
	float: left;
	display: inline;
}

div#contactTop div p {
	padding: 0 0 0 1em;
	font-size: 75%;
	line-height: 1.5;
	text-indent: -1em;
}

div#contactTop div p#adrLink {
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
	font-size: 125%;
	text-indent: 0em;
}

div#contactTop div p#adrLink a:link { color: #00A2D6; text-decoration: underline;}
div#contactTop div p#adrLink a:visited { color: #00A2D6; text-decoration: underline;}
div#contactTop div p#adrLink a:hover { color: #00bfeb; text-decoration: underline;}


/*----------------------
 サービス TOP
------------------------*/

#service div#mainCont {
	margin: 0 0 0 45px;
	width: 762px;
}

#service div#mainCont div#serviceTab h1,
#service div#mainCont div#serviceTab p {
	margin: 0 0 0 0;
	float: left;
}

div#serviceTab {
	margin: 23px 0 0 0;
	padding: 0 0 5px 0;
	width: 100%;
	background: url(../../images/bg_service_top.gif) no-repeat left bottom;
}

div#tabCont {
	margin: 0 0 40px 0;
	padding: 30px 0 0 0;
	width: 762px;
	clear: both;
	background: url(../../images/bg_service_mid.gif) repeat-y left top;
}

div#tabCont div.leftTxt {
	margin: 0 0 0 30px;
	padding: 0 0 30px 0;
	width: 460px;
	float: left;
	display: inline;
}

div#tabCont div.rightTxt {
	margin: 0 30px 0 0;
	padding: 0 0 30px 0;
	width: 460px;
	float: right;
	display: inline;
}

div#tabCont div p {
	margin: 0 0 0 20px;
	font-size: 75%;
	line-height: 1.5;
}

div#tabCont h2 {
	margin: 0 0 0 30px;
	width: 705px;
	clear: both;
}

div#tabCont h3 {
	margin: 15px 0 4px 0;
}

div#tabCont p.rightImg {
	margin: 15px 28px 30px 0;
	float: right;
	display: inline;
}

div#tabCont p.leftImg {
	margin: 15px 0 30px 28px;
	float: left;
	display: inline;
}

div#bizArea {
	padding: 0 0 28px 0;
	width: 762px;
	background: url(../../images/bg_service_btm.gif) no-repeat left bottom;
}

div#bizArea h3 {
	margin: 18px 50px 2px 45px;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5;
}

div#bizArea h3 a:link { color: #BC1925; text-decoration: underline;}
div#bizArea h3 a:visited { color: #BC1925; text-decoration: underline;}
div#bizArea h3 a:hover { color: #d71e2d; text-decoration: underline;}


div#tabCont div#bizArea p {
	margin: 0 50px 0 45px;
}

div#tabCont div.section {
	padding: 0 30px;
}
div#tabCont div#supportMenu {
	font-size: 13px;
	width: 701px;
	height: 524px;
	margin: 24px 30px 23px;
}
div#tabCont div#consulFlow {
	width: 704px;
	margin: 18px auto 26px;
}

/*----------------------
 サービス コンテンツ
------------------------*/
#serviceCont {}

#serviceCont div#contArea {
	margin: 23px 0 60px 0;
	background: url(../../images/bg_navi-col.gif) repeat-y 74px 0px;
}

#serviceCont div#mainCont {
	margin: 0 0 0 23px;
	padding: 0 0 40px 0;
	width: 533px;
	float: left;
	display: inline;
}

#serviceCont div#mainCont h1 {
	margin: 0 0 30px 0;
}

div#naviColumn {
	margin: 0 0 0 74px;
	width: 148px;
	float: left;
	display: inline;
}

div#naviColumn h2 {
	margin: 0 0 12px 0;
}

div#naviColumn ul li {
	margin: 0 0 2px 0;
}

#serviceCont p.leadImg {
	margin: 0 0 25px 0;
}

#serviceCont div#mainCont h2 {
	margin: 25px 0 6px 0;
}

#serviceCont div#mainCont p {
	font-size: 75%;
	line-height: 1.5;
}

#serviceCont div#mainCont div.block p.imgL {
    float: left;
    margin-right: 15px;
}
#serviceCont div#mainCont div.block p.imgR {
    float: right;
    margin-left: 15px;
}
#serviceCont div#mainCont div.block p.mt01 {
    margin-top: 1em;
}
#serviceCont div#mainCont p.btnRight {
	text-align: right;	
	margin-top: 20px;
}
#serviceCont div#mainCont h2.mt07 {
	margin-top: 15px;
}
/*----------------------
 input_form
------------------------*/
#recruit.form div#contArea {
	color: #636363;
}
#recruit.form h2 {
	padding: 0 0 7px;
	vertical-align: bottom;
}
#recruit.form h2 span {
	vertical-align: bottom;
	font-size: 75%;
}
#recruit.form div#mainCont span.required {
	margin: 0 0 0 3px;
	color: #B70C18;
	font-weight: bold;
}
#recruit.form div#formArea span.point {
	vertical-align: middle;
	color: #00A2D6;
	margin-left: 3px;
}

#recruit.form div#formArea {
	font-size: 76%;
	line-height: 1.3;
	margin-bottom: 51px;
}

#recruit.form div#formArea input.text, div#formArea select {
    padding: 3px;
    vertical-align: middle;
}
#recruit.form div#formArea input.inputButton {
	padding: 1px;
	font-family: "MS UI Gothic";
	vertical-align: middle;
}
#recruit.form div#formArea input.inputButton.post {
	width: 160px;
}
#recruit.form div#formArea table th {
	background: #F5F5F5;
	width: 227px;
	padding: 10px 12px;
	border-bottom: #ccc solid 1px;
	border-right: #ccc solid 1px;
	font-weight: bold;
}
#recruit.form div#formArea table td.detail {
	padding: 10px 12px;
	border-bottom: #ccc solid 1px;
	vertical-align: middle;
}
#recruit.form div#formArea table span.radioelement {
	margin-right: 13px;	
}
#recruit.form div#mainCont div#formArea table p.inputAdd {
	margin-bottom: 7px;
}
#recruit.form div#formArea table div#authentication {
	padding: 10px 12px 10px 0;
}
#recruit.form div#formArea table div#authentication span.select a {
	display: inline-block;
    margin-left: 8px;
    padding-top: 18px;
	color: #B70C18;
	text-decoration: underline;
}
#recruit.form div#formArea div#submitBtn {
	text-align: center;
	font-weight: bold;
	margin: 11px 0 0;
}
#recruit.form div#formArea div#submitBtn p.btn {
	margin-top: 14px;
	display: block;
}

/*----------------------
 input_confirm
------------------------*/
#recruit.form div#notes {
	padding: 15px 0;
	border-bottom: 1px dashed #999;
}
#recruit.form div#notes #bold {
	font-weight: bold;
	display: block;
}

/*----------------------
 input_finish
------------------------*/
#recruit.form div#finish {
    font-size: 84%;
    line-height: 1.2;
    margin: 20px 0 240px;
}
#recruit.form p#reception {
	font-weight: bold;
	color: #B70C18;
	margin-bottom: 3px;	
}
#recruit.form p#top {
	margin-top: 44px;
	text-align: center;
}
#recruit.form p#top a {
	color: #00A2D6;
	text-decoration: underline;
}