@charset "UTF-8";

/* =========================================================
	basic elements
========================================================= */

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-size: 100%;
}

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

#mainBox { font-size: 100%; line-height: 1.8; }


/* anchors */

a,
a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #333333;
}

a:hover,
a:focus {
	text-decoration: underline;
	color: #CE9C45;
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* headings */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

/* lists */

ul,
ol {
	list-style: none;
}

/* others */

hr {

}

strong, em {
	font-weight: bold;
	font-style: normal;
}

img {
	border: none;
	vertical-align: bottom;
}

fieldset {
	border: none;
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
iframe {
	display: block;
}

.red {
	color:#F00;
}

.img-right{
	float:right;
	text-align:center;
}
.img-right span{
	width:300px;
	color:#999999;
	text-align:center;
	font-size:9px;
}
.img-left{
	float:left;
	text-align:center;
}
.img-left span{
	width:300px;
	color:#999999;
	text-align:center;
	font-size:9px;
}
p{
	text-indent: 2ex;
}

.table01{
	width:90%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:14px;
	color:#525252;
}

.table01 td{
	vertical-align:middle;
}

.table01 th{
	vertical-align:top;
	font-weight:bold;
	width:80px;
}

.table01 td,
.table01 th{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:16px 10px;
}

.table01 b{
	font-weight:bold;
	color:#FF3F00;
}

dl.reki dt {
	  clear: left;
	  float: left;
	  margin: 0 0 0.8em;
	  width: 100px;
	  border-left: solid 8px #CCC;
	  padding-right: 16px;
	  text-align:right;
	}	
	dl.reki dd {
	  margin-bottom: 0.8em;
	  margin-left: 7.5em;
	}

/* =========================================================
	general classes
========================================================= */

/* clearfix */

*.clearfix {
	width: 100%;
	display: inline-block;
	display: block;
}

td.clearfix {
	width: auto;
	display: table-cell;
}

*.clearfix:after {
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	content: ".";
}

.clr {
	clear: both;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* images */

img {
	/* adjustment for efficient layout */
	vertical-align: top;
}

img.pdf {
	vertical-align: baseline;
	position: relative;
	top: 3px;
}


/* =========================================================
	header
========================================================= */

/* common */

#header {
	position: relative;
	width: 890px;
	margin: 0 auto;
	text-align: left;
}

#header p#hName {
	position: absolute;
	right: 0;
	height: 0;
	overflow: hidden;
}

/* secondary */

#header {

	height: 48px;
	position:relative;
}

#header h1 img {
	margin-top: 6px;
}

#header p#hName {
	top: 21px;
	width: 204px;
	padding-top: 16px;
	background: url(../images/company_name_s.png) 0 0 no-repeat;
}


/* clearfix */

#gNavi {
	display: inline-block;
	display: block;
}

#gNavi:after {
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	content: ".";
}


#slideshow {
	width:890px;
	margin:0 auto;
    position:relative;
    height:345px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* =========================================================
	navi
========================================================= */
/* -----------------------------------------------------------------------------
>> navi
----------------------------------------------------------------------------- */
#head_navi{
	background-color:#333333;
	float:right;
	padding-right:19px;
}

#head_navi li{
	color:#ffffff;
	float:left;
	width:157px;
	height:45px;
	font-size:12px;
}
#head_contact{
	float:right;
}

#movie{
	background-color:#000000;

}


#navi_wrap {

	background-color:#ffffff;
	background-image:url("../img/menu_bar_bg.png");
}
#main-navi {
	width: 890px;
	padding-left: -40px;
	margin: 0px auto;
	margin-top:0px;
}
#main-navi ul {
	padding:0px;
}
#main-navi li {
	float: left;
}
#main-navi li a {
	display: block;
	width: 148px;
	height: 45px;
	background: url(../img/menu.png) no-repeat left top;
	text-indent: -5000px;
	overflow: hidden;
}
#main-navi .navi01 a {
	width: 148px;
	background-position: 0 0;
}
#main-navi .navi02 a {
	width: 148px;
	background-position: -148px 0;
}
#main-navi .navi03 a {
	background-position: -297px 0;
}
#main-navi .navi04 a {
	background-position: -444px 0;
}
#main-navi .navi05 a {
	background-position: -593px 0;
}
#main-navi .navi06 a {
	background-position: -741px 0;
}
#main-navi .navi07 a {
	background-position: -666px 0;
}
#main-navi .navi08 a {
	background-position: -777px 0;
}
#main-navi .navi01 a:hover,#main-navi .navi01 .on {
	background-position: 0 -45px;
}
#main-navi .navi02 a:hover,#main-navi .navi02 .on  {
	background-position: -148px -45px;
}
#main-navi .navi03 a:hover,#main-navi .navi03 .on  {
	background-position: -297px -45px;
}
#main-navi .navi04 a:hover,#main-navi .navi04 .on  {
	background-position: -444px -45px;
}
#main-navi .navi05 a:hover,#main-navi .navi05 .on  {
	background-position: -593px -45px;
}
#main-navi .navi06 a:hover,#main-navi .navi06 .on  {
	background-position: -741px -45px;
}
#main-navi .navi07 a:hover,#main-navi .navi07 .on  {
	background-position: -666px -60px;
}
#main-navi .navi08 a:hover,#main-navi .navi08 .on  {
	background-position: -777px -60px;
}

#topInfoList dt{
	color:#1A2429;
	font-size:14px;
	font-weight:bold;
}


/* =========================================================
	footer
========================================================= */

#footerBox {
	width: 100%;
	min-width: 890px;
	padding-top: 0px;
	text-align: center;
}

#footer {
	width: 890px;
	margin: 0 auto;
	font-size: 100%;
	text-align: left;
	zoom: 1;
}

ul#footerNavi {
	width: 890px;
	padding-bottom: 13px;
	border-bottom: 1px solid #CE9C45;
	color:#ffffff;
	font-size:12px;
	text-align:center;
}


#footerBtm {
	margin-top: 5px;
	padding-top: 10px;
	text-align: center;
}

#footerBtm p.fNumber {
	width: 0;
	height: 0;
	overflow: hidden;
	}

#copyright {
	padding: 0 0 14px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	color: #ffffff;
}

#footer a,
#footer a:link,
#footer a:visited {
	color: #b8b8b8;
	text-decoration: none;
}

#footer a:hover,
#footer a:focus {
	text-decoration: underline;
	color: #CE9C45;
}




/* trail */

#trail {
	margin-bottom: 20px;
	font-size: 83.3%;
	line-height: 1;
	color: #666666;
}

#trail a,
#trail a:link,
#trail a:visited {
	color: #666666;
	text-decoration: underline;
}

#trail a:hover,
#trail a:focus {
	color: #CE9C45;
}
	
#trail em {
	font-weight: normal;
	color: #CE9C45;
}

#trail em a,
#trail em a:link,
#trail em a:visited {
	color: #CE9C45;
	text-decoration: underline; /* nakano変更 */
}

#trail em a:hover,
#trail em a:focus {
	text-decoration: underline;
}


/* =========================================================
	layout
========================================================= */
/* clearfix */

#mainBox {
	display: inline-block;
	display: block;
}

#mainBox:after {
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	content: ".";
}


/* mainBox */

#mainBox {
	position: relative;
	width: 890px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#mainBox {
	margin-top: 22px;
	margin-bottom: 45px;
}

#leftCol {
	float: left;
	width: 630px;
}

#rightCol {
	float: right;
	width: 200px;
	margin-left: 60px;
}



/* =========================================================
	general parts
========================================================= */

/* leftCol parts */

#mainBox h2 {
	margin-bottom: 40px;
	color: #CE9C45;
}

#mainBox h3 {
	margin-bottom: 20px;
	color: #CE9C45;
}

#mainBox h4 {
	margin-bottom: 5px;
	font-size: 150%;
	color: #CE9C45;
}

#mainBox h4 small {
	font-size: 77.8%;
}

#mainBox h5 {
	margin-bottom: 5px;
	font-size: 116.7%;
}

#mainLead {
	margin-top: -25px;
	margin-bottom: 30px;
}

#mainLead p {
	margin-top: 20px;
	margin-bottom: 30px;
}

#mainBox p {
	line-height: 1.8;
}

div.article p {
	padding-bottom: 20px;
}

div.article.last {
	margin-bottom: 30px;
}

div.section {
	padding-bottom: 40px;
}

div.section p {
	padding-bottom: 5px;
}

#listBox {
	width: 630px;
	padding-top: 20px;
	background: url(../images/dot.png) 0 0 repeat-x;
}

#btmBtnL {
	margin-top: 30px;
}

#btmBtnL .bnr {
	display: block; 
	margin-bottom: 10px;
}


/* rightCol parts */

#banner {
	margin-bottom: 20px;
}

#banner img {
	margin-bottom: 10px;
}

h3#h3Pickup {
	width: 200px;
	height: 0;
	margin-bottom: 13px;
	padding-top: 26px;
	background: url(../images/rcol_pickup.png) 0 0 no-repeat;
	overflow: hidden;
}

ul.bnr li {
	margin-bottom: 10px;
}

address {
	margin-bottom: 5px;
}


/* =========================================================
	other parts
========================================================= */

/* clearfix */

div.columnBox,
.clearfix {
	display: inline-block;
	display: block;
}

div.columnBox:after,
.clearfix:after {
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	content: ".";
}


div.columnBox {
	margin: 10px 0 40px;
}

div.columnBox.first {
	margin-top: 0;
}

div.columnBox .pic {
	float: left;
	margin-right: 15px;
}


/* pagetop */

.pagetop {
	margin-top: 30px;
	border-top: 1px solid #c9c9c9;
	text-align: right;
}


/* table */

table.basic {
	margin-top: 10px;
	margin-bottom: 30px;
	border-width: 2px 0 1px;
	border-color: #dddddd;
	border-style: solid;
}

table.basic th {
	padding: 10px;
	border-width: 1px;
	border-color: #dddddd;
	border-style: none solid solid none;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

table.basic td {
	padding: 10px;
	border-width: 1px;
	border-color: #dddddd;
	border-style: none none solid none;
	vertical-align: top;
}

table.basic th.gray,
table.basic td.gray {
	background: #f1f1f1;
}

* html table.basic td { line-height: 1.4em; }


/* ul */

ul.basic { margin: 0 0 15px 4px; }
ul.basic li {
	background: url(../images/icon_list.png) 0 0.2em no-repeat;
	margin-top: 6px;
	padding-left: 16px;
	line-height: 125%;
}

ul.basic li p {
	margin-left: -16px;
	padding-bottom: 0;
}

ul.basic_s { margin: 0 0 0 4px; }
ul.basic_s li {
	padding-left: 14px;
	background: url(../images/icon_list-s.png) 0 0.4em no-repeat;
}

/* ol */

ol.basic { margin-bottom: 18px; }
ol.basic li { margin-left: 1.8em; list-style-type: decimal; padding-bottom: 3px; }


/* dl */

dl.basic { margin-bottom: 18px; }
dl.basic dt { font-weight: bold; }



/* =========================================================
	basic elements
========================================================= */



div.block-form {
	margin-bottom:50px;
	padding:30px;
	/*border: 1px solid #CCCCCC;*/
	text-align:left;
	background: #f2f7fa;
}
#contact div.block-form {
	padding-top:0px;
}

div.block-form h5 {
	/*color: #CE9C45;*/
	
	padding-top:30px;
	padding-bottom:10px;
	display:block;
	clear:both;
}

div.block-form h6 {
	padding-top:20px;
	padding-bottom:10px;
}



div.block-form dl {
	height:40px;
	/*margin-top: 18px;*/
	margin-left: 45px;
	display: block;
}

div.block-form dl dt {
	width: 145px;
	float: left;
	padding-top:2px;
}

div.block-form dl dd {
	float:left;
}
/* �K�{���� ���}�[�N */
span.required,
div.block-form span {
	color:#FF6633;
	font-size:100%;
	font-weight:normal;
}

div.block-form dl dd input {
	width: 318px;
	height: 18px;
	margin:0px 4px;
}

div.block-form dl dd.ja input {
	ime-mode : active;
}

div.block-form dl dd.en input {
	ime-mode : inactive;
}

div.block-form dl dd.nm input {
	ime-mode : disabled;
}

div.block-form dl dd.number input {
	width: 90px;
	ime-mode : disabled;
}
div.block-form dl dd.number02 input {
	width: 60px;
	ime-mode : disabled;
}
div.block-form dl dd select {
	width: 165px;
	margin-left: 3px;
}

div.block-form dl.form-address {
	height:145px;
}
div.block-form dl.form-address dd {
	padding-left: 2px;
	float:none;
}
div.block-form dl dd.br {
	margin-left: 145px;
	margin-top:18px;
}

/* �w�|���I�����C�� */
div.block-form dl dd textarea {	
	width: 320px;
	height: 50px;
	margin-left: 2px;
	ime-mode : active;
}

#support.s013 div.block-form dl.form-address {
	height:147px;
}


/* �X�s�[�h�ώZ�T�[�r�X */
div.block-form p.comment {
	margin-bottom:30px;
}

div.block-form fieldset {
	margin-top:30px;
	padding:0px 20px 5px 20px;
	border: 1px dashed #888;
}
div.block-form fieldset legend {
	padding:3px;
	color:#666;
	background:#f2f7fa;
}

div.block-form fieldset dl dt {
	width: 170px;
}

div.block-form ul li {
	display: inline;
	margin-right: 20px;
}
div.block-form ul.radio-btn input {
	width: 16px;
	margin-right: 3px;
	position: relative;
	top: 1px;
}

p.free-textarea {
	text-align:center;
}
p.free-textarea textarea {	
	width: 450px;
	height: 80px;
	margin: 8px auto 20px auto;
}

/* ���M�{�^�� */
p.button {
	width:100%;
	text-align:center;
	clear:both;
}
p.button input {
	margin:20px 5px 0;
	width:150px;
}

/* �C������ */
p.button input.back {
	width:100px;
}

/* �t�H�[�����M�����y�[�W���b�Z�[�W */
p.thankyou {	
	height: 350px;
	padding:130px 0;
	text-align: center;
	line-height:5.0em;
}


/* clearfix */

div.block-form,
div.block-form div,
div.block-form div#shiryoList dl dd,
div.block-form dl {
	display: inline-block;
	display: block;
}

div.block-form:after,
div.block-form div:after,
div.block-form div#shiryoList dl dd:after,
div.block-form dl:after {
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	content: ".";
}



/* =========================================================
	会社情報 company/
========================================================= */

h2#h2TitMessage,
h2#h2TitVision,
h2#h2TitProject,
h2#h2TitService,
h2#h2TitProfile,
h2#h2TitAccess,
h2#h2TitRecruit,
h2#h2TitPolicy {
	width: 630px;
	height: 0;
	padding-top: 35px;
	overflow: hidden;
}

h2#h2TitMessage { background: url(../../company/images/h2_message.png) 0 0 no-repeat; }
h2#h2TitVision { background: url(../../company/images/h2_vision.png) 0 0 no-repeat; }
h2#h2TitProject { background: url(../../company/images/h2_project.png) 0 0 no-repeat; }
h2#h2TitService { background: url(../../company/images/h2_service.png) 0 0 no-repeat; }
h2#h2TitProfile { background: url(../../company/images/h2_profile.png) 0 0 no-repeat; }
h2#h2TitAccess { background: url(../../company/images/h2_access.png) 0 0 no-repeat; }
h2#h2TitRecruit { background: url(../../company/images/h2_recruit.png) 0 0 no-repeat; }
h2#h2TitPolicy { background: url(../../company/images/h2_policy.png) 0 0 no-repeat; }


h3#h3TitProfile01,
h3#h3TitProfile02,
h3#h3TitRecruit01,
h3#h3TitRecruit02,
h3#h3TitRecruit03 {
	width: 630px;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
}

h3#h3TitProfile01 { background: url(../../company/images/h3_profile01.png) 0 0 no-repeat; }
h3#h3TitProfile02 { background: url(../../company/images/h3_profile02.png) 0 0 no-repeat; }
h3#h3TitRecruit01 { background: url(../../company/images/h3_recruit01.png) 0 0 no-repeat; }
h3#h3TitRecruit02 { background: url(../../company/images/h3_recruit02.png) 0 0 no-repeat; }
h3#h3TitRecruit03 { background: url(../../company/images/h3_recruit03.png) 0 0 no-repeat; }


/* 企業情報
========================================================= */

/* TCt added by nakano */
p#sign span {
	display:block;
	margin-right:15px;
}
p#sign img {
	margin-top:7px;
}


/* Ə
========================================================= */

table.basic.profile ol.basic {
	margin-bottom: -3px;
}

table.basic.history {
	border-width: 2px 0;
}

table.basic.history th {
	padding: 4px 10px;
	border-style: none;
}

table.basic.history td {
	padding: 4px 10px;
	border-style: none;
}



/* アクセス
========================================================= */

#access {
	width: 630px;
}

#access img {
	margin-bottom: 30px;
}


.mail {
	font-size: 150%;
	color: #CE9C45;
}

.mail a {
	color: #CE9C45;
}