@charset "utf-8";

/* 

===================================

===== TagFormat ===================

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

body,

form,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

li,

input,

dl,

dt,

dd,

input,textarea {

list-style-type: none;

margin: 0;

padding: 0;

}





body  {

color: #141313;

font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}







img{

	border:none;

}



.bold{

	font-weight:bold;

}

.red {

color: #f00

}

.blue {

color: #00f

}



.small {

font-size: 10px;

line-height:110%;

}

.remove {

display: none

}

.clear {

line-height: 0;

clear: both

}



p  {

padding: 5px

}

td {

line-height: 140%

}



/* 

===================================

===== AnchorFormat ================

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

a:link {

color: #141313;

text-decoration: underline

}

a:visited {

color: #141313;

text-decoration: underline

}

a:hover {

color: #141313;

text-decoration: none

}

a:active {

color: #141313;

text-decoration: underline

}



.btn a:link {

color:#0100FF;

text-decoration: underline

}

.btn a:visited {

color:#0100FF;

text-decoration: underline

}

.btn a:hover {

color:#0100FF;

text-decoration: none

}

.btn a:active {

color:#0100FF;

text-decoration: none

}





/* 

===================================

===== LayoutSet ===================

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

#wrapper {

background-image: url("../../images/common/bg.gif");

margin: 0 auto;

width: 825px

}



#header_right {

float: right

}



#header  {

}



#header a:link {

color: #4d4d4d;

text-decoration: none

}



#header a:visited {

color: #4d4d4d;

text-decoration: none

}



#header a:hover {

color: #4d4d4d;

text-decoration: underline

}



#header a:active {

color: #4d4d4d;

text-decoration: underline

}

#pagetop {

margin-top: 20px;

width: 100%

}



#footer  {

margin-top: 20px;

padding-top: 10px;

width: 100%;

border-top: 3px solid #7a7a7a

}





#footer a {

text-decoration: none

}



#footer a:visited {

text-decoration: none

}



#footer a:hover {

text-decoration: underline

}



#footer a:active {

text-decoration: none

}



#cnts {

line-height: 110%;

margin: 0 auto;

width: 784px

}

.right10 {

margin-right: 10px

}



.tm25{

margin-top:25px;

}



/* 

===================================

===== Title =======================

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

h1 {

background: url("/images/common/logo.gif");

width: 273px;

height: 57px;

float: left

}



h1 a {

display: block;

width: 100%;

height: 100%

}



h2       {

line-height: 27px;

background-color: transparent;

background-image: url("../../images/common/ttl_bg.jpg");

background-repeat: repeat;

text-align: left;

text-indent: 10px;

margin-bottom: 20px;

width: 614px;

height: 27px

}



h3   {

line-height: 20px;

background-image: url("../../images/common/ttl_h2.gif");

text-align: left;

text-indent: 10px;

margin-top: 20px;

margin-bottom: 20px;

margin-left: 5px;

width: 590px;

height: 20px

}







h4  {

font-size: 20px;

line-height: 120%;

text-align: left

}



/* 

===================================

===== GNAVI =======================

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

ul#gnavi   {

margin-bottom: 2px;

width: 783px;

border-bottom: 3px solid #7a7a7a

}





ul#gnavi li  {

height: 36px;

float: left

}





ul#gnavi li a  {

display: block;

width: 100%;

height: 100%

}



ul#gnavi li.g01 a   {

background-image: url("../../images/common/gnavi_01.jpg");

background-position: 0 bottom;

width: 157px

}



#advantage ul#gnavi li.g01 a  {

background-image: url("../../images/common/gnavi_01.jpg");

background-position: 0 top

}





ul#gnavi li.g01 a:hover  {

background-image: url("../../images/common/gnavi_01.jpg");

background-position: 0 top

}



ul#gnavi li.g02 a    {

background-image: url("../../images/common/gnavi_02.jpg");

background-position: 0 bottom;

width: 166px

}







ul#gnavi li.g02 a:hover  {

background-image: url("../../images/common/gnavi_02.jpg");

background-position: 0 top

}



#business ul#gnavi li.g02 a  {

background-image: url("../../images/common/gnavi_02.jpg");

background-position: 0 top

}



ul#gnavi li.g03 a   {

background-image: url("../../images/common/gnavi_03.jpg");

background-position: 0 bottom;

width: 120px

}



#registration ul#gnavi li.g03 a  {

background-image: url("../../images/common/gnavi_03.jpg");

background-position: 0 top

}



ul#gnavi li.g03 a:hover  {

background-image: url("../../images/common/gnavi_03.jpg");

background-position: 0 top

}



ul#gnavi li.g04 a    {

background-image: url("../../images/common/gnavi_04.jpg");

background-position: 0 bottom;

width: 156px

}





#faq ul#gnavi li.g04 a  {

background-image: url("../../images/common/gnavi_04.jpg");

background-position: 0 top

}



ul#gnavi li.g04 a:hover  {

background-image: url("../../images/common/gnavi_04.jpg");

background-position: 0 top

}



ul#gnavi li.g05 a    {

background-image: url("../../images/common/gnavi_05.jpg");

background-position: 0 bottom;

width: 147px

}





ul#gnavi li.g05 a:hover  {

background-image: url("../../images/common/gnavi_05.jpg");

background-position: 0 top

}



#company ul#gnavi li.g05 a  {

background-image: url("../../images/common/gnavi_05.jpg");

background-position: 0 top

}



ul#gnavi li.g06 a    {

background-image: url("../../images/common/gnavi_06.jpg");

background-position: 0 bottom;

width: 157px

}





#contact ul#gnavi li.g06 a  {

background-image: url("../../images/common/gnavi_06.jpg");

background-position: 0 top

}



ul#gnavi li.g06 a:hover  {

background-image: url("../../images/common/gnavi_06.jpg");

background-position: 0 top

}

/* 

===================================

===== LNAVI =======================

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

#lnavi {

background-image: url("../../images/common/lnavi_bg.jpg");

background-repeat: no-repeat;

background-position: 0 top;

padding-bottom: 30px;

width: 149px

}



ul#lnavi_layout {

margin-top: 5px;

margin-left: 5px

}



ul#lnavi_layout li {

float: left

}



ul#lnavi_layout li a {

text-decoration: none;

display: block;

width: 100%;

height: 100%

}



ul#lnavi_layout li.ttl  {

font-weight: bold;

line-height: 29px;

background-image: url("../../images/common/lnavi_btn01.jpg");

text-indent: 10px;

margin-bottom: 5px;

width: 139px;

height: 29px

}



ul#lnavi_layout li.ttl2  {

font-weight: bold;

background-image: url("../../images/common/lnavi_btn01_2.jpg");

margin-bottom: 10px;

padding-top: 5px;

padding-left: 5px;

width: 129px;

height: 40px

}

ul#lnavi_layout li.ttl2_1  {

font-weight: bold;

background-image: url("../../images/common/lnavi_btn01_2_1.jpg");

margin-bottom: 10px;

padding-top: 5px;

padding-left: 5px;

width: 129px;

height: 68px

}





ul#lnavi_layout li.s_ttl a  {

font-weight: normal;

line-height: 28px;

text-decoration: none;

background-image: url("../../images/common/lnavi_btn02.jpg");

background-position: 0 bottom;

text-indent: 18px;

margin-bottom:2px;

width: 139px;

height: 28px

}





ul#lnavi_layout li.s_ttl_on  {

font-weight: normal;

line-height: 28px;

text-decoration: none;

background-image: url("../../images/common/lnavi_btn02.jpg");

background-position: 0 top;

text-indent: 18px;

margin-bottom:2px;

width: 139px;

height: 28px

}





ul#lnavi_layout li.s_ttl a:hover {

text-decoration: none;

background-image: url("../../images/common/lnavi_btn02.jpg");

background-position: 0 top

}



/*ul#lnavi_layout li.mobile {

background-image: url("../../images/common/lnavi_btn03.jpg");

margin-top: 20px;

margin-left: 2px;

width: 136px;

height: 44px

}

*/



ul#lnavi_layout li.ss_ttl a  {

line-height: 19px;

background-image: url("../../images/common/lnavi_sbtn.jpg");

background-position: 0 bottom;

text-indent: 20px;

width: 139px;

height: 19px

}





ul#lnavi_layout li.ss_ttl_botom a   {

line-height: 19px;

background-image: url("../../images/common/lnavi_sbtn.jpg");

background-position: 0 bottom;

text-indent: 20px;

margin-bottom: 5px;

width: 139px;

height: 19px

}





ul#lnavi_layout li.ss_ttl_botom_on a   {

line-height: 19px;

background-image: url("../../images/common/lnavi_sbtn.jpg");

background-position: 0 top;

text-indent: 20px;

margin-bottom: 5px;

width: 139px;

height: 19px

}





ul#lnavi_layout li.ss_ttl_botom a:hover {

background-image: url("../../images/common/lnavi_sbtn.jpg");

background-position: 0 top

}



ul#lnavi_layout li.ss_ttl a:hover {

background-image: url("../../images/common/lnavi_sbtn.jpg");

background-position: 0 top

}



ul#lnavi_layout li.ss_ttl_on a  {

line-height: 19px;

background-image: url("../../images/common/lnavi_sbtn.jpg");

background-position: 0 top;

text-indent: 20px;

width: 139px;

height: 19px

}

#access {

line-height: 120%;

background-image: url("../../images/common/l_navi_access.jpg");

margin-top: 20px;

margin-left: 8px;

padding: 5px;

width: 124px;

}



#access .link {

text-align: right;

margin-top: 5px;

width: 120px

}



/* 

===================================

===== TOP =======================

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

#top_category  {

color:#F5F5F5;

margin-left: 15px;

padding-right: 2px;

padding-left: 2px

}





#top_category a:link {

color: #fff;

text-decoration: none

}



#top_category a:visited {

color: #fff;

text-decoration: none

}



#top_category a:hover {

color: #fff;

text-decoration: underline

}



#top_category a:active {

color: #fff;

text-decoration: none

}



/* 

===================================

===== COMPANY =======================

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



/* 

===================================

===== BOX =======================

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

#recruit_box {

background-color: #ededed;

margin-bottom: 30px;

margin-left: 15px;

padding: 15px;

width: 566px;

border: solid 1px #b5b5b5

}



#recruit_box td.text {

padding: 10px;

border-bottom: 1px dotted #7a7a7a

}

.green_bar   {

color: #369;

font-weight: bold;

padding-left:10px;

}



table#form  {

background-color: #ededed;

margin-top: 20px;

margin-right: 10px;

border: solid 1px #b5b5b5

}



table#form input,select {

margin-right: 5px;

margin-left: 5px

}

table#graybox {

padding: 10px;

border: solid 2px #c0c3cb

}

table#purplebox {

margin-bottom: 17px;

padding: 5px;

width: 590px;

border: solid 2px #bfc1e2

}


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

===== 2012/01/12以降追記 =======================

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

@media print{
.w100per {height:200px;}
.none {display: none;}
body {margin-top:20px;}
}

.mt20 {margin-top: 20px;}
.pl15 {padding-left: 15px;}
.align-l {text-align:left;}
.align-r {text-align:right;}
.w100per {width:100%;}
.w150 {width:150px;}
.w464 {width:464px;}
.footimage {background: url("/images/common/footer.gif"); width: 825px; height: 26px;}



/*------------------------------
 2012/01/30追記
-------------------------------*/
.fs120 {
   font-size: 120%;
   line-height: 200%;
}

.fs-bold {
   font-size: 120%;
font-weight:bold;
}

.tm10{
margin-top:10px;
}
.tm15{
margin-top:15px;
}

.center {
   text-align: center;
}
.left {
   text-align: left;
}
.right {
   text-align: right;
}
.middle {
   vartical-align:middle;
}