@charset "UTF-8";

/* layout---------------------------------*/

html {
width:100%;
height:100%;
}

body {
width:100%;
height:100%;
position:relative;
text-align:center;
}

#doc {
margin:auto auto;
text-align:center;
padding:50px 0 50px 0;
}


/* frame---------------------------------*/

#frame {
width:100%;
height:100%;
}

#f1 { width:32px;height:32px;text-align:left;vertical-align:top;}
#f2 { height:33px;text-align:center;vertical-align:top;}
#f3 { width:32px;height:32px;text-align:right;vertical-align:top;}
#f4 { width:33px;text-align:center;vertical-align:middle;}
#f5 { width:100%;text-align:center;vertical-align:middle;}
#f6 { width:33px;text-align:right;vertical-align:middle;}
#f7 { width:35px;height:33px;text-align:left;vertical-align:bottom;}
#f8 { height:33px;text-align:center;vertical-align:bottom;}
#f9 { width:33px;height:32px;text-align:right;vertical-align:bottom;}


/* index -----------------------------------*/

#box_index {
margin:auto auto;
}

/* message ------------------------------*/

#box_message {
margin:auto auto;
}


/* company ------------------------------*/

#box_company {
margin:auto auto;
text-align:center;
}

#box_company table {
width:430px;
margin:0 auto ;
}

#box_company th {
font-weight: bold;
width:90px;
padding:10px 0;
}

#box_company td {
text-align: left;
padding:10px 0;
}

#map_company {
margin-left:7px;margin-bottom:1px;
}


/* map ------------------------------*/

#box_map {
margin:  0 auto;
padding-top:10%;
}


/* staff ------------------------------*/

#box_staff {
margin:50px auto 0 auto;
}

#box_staff table {
margin:0 auto;
}

#box_staff th {
font-weight: bold;
width:90px; padding:15px 0;
}

#box_staff td {
text-align: left;
padding:15px 0;
}


/* staff_box_inner ------------------------------*/

#box_inner {
width: 420px;
margin:0 auto 0 auto;
padding-top:2%;
}

#box_inner table {
margin-left:30px;
margin-top:20px;
}

#box_inner th {
font-weight: bold;
width:90px;
padding:15px 0;
}

#box_inner td {
text-align: left;
padding:15px 0;
}

#box_inner_2 {
width: 430px;
margin:0 auto 0 auto;
padding-top:2%;
}

#box_inner_2 table {
margin-left:30px;
margin-top:20px;
}

#box_inner_2 th {
font-weight: bold;
width:90px; 
padding:15px 0;
}

#box_inner_2 td {
text-align: left;
padding:15px 0;
}

#inner_3 table {
margin: 0px;
}

#inner_3 th {
width: 52px;
padding-top: 0;
padding-left: 0;
}

* html #inner_3 th {
width: 49px;
padding-top: 0;
padding-left: 0;
}

#inner_3 td {
padding-top: 0px;
}

.back {
margin-top:30px;
margin-bottom:10%;
}


/* box_works ------------------------------*/

#box_works {
margin:auto auto;
text-align:center;
}

#wrap_list_works {
margin: 0 auto;
width:900px;
padding-left:60px;
}

.list_works {
width: 135px;
text-align: left;
float: left;
margin-right: 10px;
}

* html .list_works li {
font-size: 70%;
margin-bottom: 3px;
}

.list_works li {
font-size: 80%;
margin-bottom: 3px;
}

/* box_works_inner ------------------------------*/

#box_works_inner {
margin:auto auto;
text-align:center;
}


/* box_recruit ------------------------------*/

#box_list {
margin:auto auto;
}

#wrap_list {
width:400px;
margin:0 auto;
padding-left:100px;
}

* html #box_list li {
text-align: left;
padding-bottom: 3px;
padding-left: 15px;
background-image:url(../images/common/rc.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}

#box_list li {
text-align: left;
padding-bottom: 3px;
padding-left: 15px;
background-image:url(../images/common/rc.gif);
background-repeat:no-repeat;
background-position:0 3px;
}

#box_list p {
text-align: left;
padding-left: 15px;
}

.red {
color:#E60013;
}


/* fr -----------------------------------*/

#fr_nw { position:absolute;top:0;left:0;}
#fr_ne { position:absolute;top:0;right:0;}
#fr_sw { position:absolute;bottom:0;left:0;}
#fr_se { position:absolute;bottom:0;right:0;}
#fr_w { position:absolute;top:50%;left:0;margin-top:-32px;}
#fr_e { position:absolute;top:50%;right:0;margin-top:-32px;}
#fr_n { position:absolute;top:0;left:50%;margin-left:-33px;}
#fr_s { position:absolute;bottom:0;left:50%;margin-left:-33px;}

/* navi ------------------------------*/

#navi {
width:350px;
margin:0 auto;
}

#navi ul {
padding-left:10px;
}

#navi li {
display:inline;
margin-right:11px;
}

* html #navi ul {
padding-left:11px;
}

* html #navi li {
display:inline;
margin-right:10px;
}

/* hd_navi------------------------------*/

#hd_navi {
position:absolute;
top:35px;right:55px;
width:345px;
}

#hd_navi ul {
float:right;
}

#hd_navi li {
float:left;
margin-left:10px;
}



/* clearfix ---------------------------*/


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

/* margin------------------------------*/


/*margin_bottom*/
.b5 {margin-bottom:7px;}
.b10 {margin-bottom:10px;}
.b15 {margin-bottom:15px;}
.b20 {margin-bottom:20px;}
.b30 {margin-bottom:30px;}
.b40 {margin-bottom:40px;}

/*margin_top*/
.t5 {margin-top:5px;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.t30 {margin-top:30px;}

/*margin_right*/
.r10 {margin-right:10px;}

/*margin_topbottom*/
.tb20 {margin:20px 0;}
.t10b20 {margin:10px 0 20px 0;}

/*margin_bottomleft*/
.b15l18 {margin:0 0 15px 18px;}
.b20l18 {margin:0 0 20px 18px;}

/*padding-top*/
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}

/*padding-left*/
.pl5 {padding-left:5px;}


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

a:link {color:#000000;text-decoration:none;}
a:visited {color:#000000;text-decoration:none;}
a:hover {color:#E60012;text-decoration:none;}
a:active {color:#000000;text-decoration:none;}


/* other -----------------------------*/

.hidden {display: none;visibility: hidden;}
.alignright {float: right;}
.alignleft {float: left;}
.center {text-align:center;}
.clear {clear: both;}

.btn:hover {position: relative;top:-3px;};}er {position: relative;top:-3px;};}m:40px;}

/*margin_top*/
.t5 {margin-top:5px;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.t30 {margin-top:30px;}

/*margin_right*/
.r10 {margin-right:10px;}

/*margin_topbottom*/
.tb20 {margin:20px 0;}
.t10b20 {margin:10px 0 20px 0;}

/*margin_bottomleft*/
.b15l18 {margin:0 0 15px 18px;}
.b20l18 {margin:0 0 20px 18px;}

/*padding-top*/
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}

/*padding-left*/
.pl5 {padding-left:5px;}


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

a:link {color:#000000;text-decoration:none;}
a:visited {color:#000000;text-decoration:none;}
a:hover {color:#E60012;text-decoration:none;}
a:active {color:#000000;text-decoration:none;}


/* other -----------------------------*/

.hidden {display: none;visibility: hidden;}
.alignright {float: right;}
.alignleft {float: left;}
.center {text-align:center;}
.clear {clear: both;}

.btn:hover {position: relative;top:-3px;}}};}}}