/*----------------------------------------------------------
  esc css
-----------------------------------------------------------*/

/*setting
------------------------------------*/

body{
background: #ffffff url('/images/bg_body_2nd.jpg') center top repeat-x ;
font-size: 85%; /* IE */
line-height: 160%;
height:100%;
color: #444444;
font-family: sans-serif;
}

html>/**/body {
  font-size: 13px; /* Except IE */
}

body#index{
background: #ffffff url('/images/bg_body.jpg') center top repeat-x ;
}




body#index img.go_home{
display: none;
}

html{
height:100%;
}

* html div#outline{
height:100%
}

a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}

* html #header img,
* html #menu img,
* html #footer img{

}

/* Link Color
--------------------------------*/
a:link {
color:#3366CC;
text-decoration:none;
}

a:visited {
color:#3366CC;
text-decoration:none;
}

a:hover {
color:#184281;
text-decoration:underline;
}

a:active {
color:#aaaaaa;
}


/*outline
------------------------------------*/
#outline{
position:relative;
min-height: 100%;
}

body > #ouline{
height: auto;
}

#non_footer{
padding-bottom:160px;
}



/*header
------------------------------------*/

#header{
margin-left: auto;
margin-right: auto;
width: 840px;
padding: 0px 20px 0px 20px;
height: 75px;
}

#header h1{
margin: 0;
padding: 0;
color: #aaaaaa;
font-size: 10px;
font-weight: normal;
margin: 0 0 0 0 ;
width: 400px;
float: left;
line-height: 140%;
}

#header h1 img{
float: left;
margin-top: 0px;
margin-right: 0px;
}

#header_info{
width: 440px;
text-align: right;
float: right;
margin-top: 0px;
}

#header_info img{
margin-left: 5px;
}


/*big_image
------------------------------------*/
#big_image{
margin-left: auto;
margin-right: auto;
width: 880px;
height: 170px;
background: url('/images/big_image.jpg') center top no-repeat;
}



/*menu
------------------------------------*/



#menu{
margin-left: auto;
margin-right: auto;
width: 880px;
clear: both;
margin-bottom: 0px;
vertical-align: bottom;
text-align: center;
}

#menu ul{
margin: 0;
padding: 0;
margin-left: 20px;
}

#menu ul li{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
line-height: 0;
font-size: 0;
}



/*page_title
------------------------------------*/

#page_title{
height: 100px;
background: #eeeeee;
border: 1px solid #f5f5f5;
margin-bottom: 5px;
}

/*pankuzu
------------------------------------*/
#pankuzu{
font-size: 11px;
margin-bottom: 10px;
color: #999999;
}

* html body #pankuzu{
font-family: 'ＭＳ Ｐゴシック',sans-serif;
}

*:first-child+html body #pankuzu{
font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}



/*content
------------------------------------*/
#content{
margin-left: auto;
margin-right: auto;
width: 800px;
padding: 10px 20px 0px 20px;
clear: both;
background: #ffffff;
border: 0px solid #cccccc;
border-top: none;
}

#main_content{
width: 580px;
float: right;
}

#side_content{
width: 200px;
float: left;
}


/*main_content
------------------------------------*/
#main_content h2{
margin: 0;
padding: 0;
margin-bottom: 20px;
}

#main_content h3{
background: url('/images/bg_h3.gif') no-repeat;
height: 28px;
padding: 8px 10px 0px 44px;
font-size: 14px;
margin-bottom: 10px;
}

#main_content h4{
background: url('/images/bg_h4.gif') left no-repeat;
height: 20px;
padding: 0px 0px 0px 30px ;
font-size: 14px;
margin: 0;
margin-bottom: 10px;
color: #000000;
border-bottom: 1px dashed #cccccc;
clear: both;
}

#main_content h5{
font-size: 14px;
color: #FF3300;
margin-left: 15px;
margin-bottom: 10px;
}

#main_content h6{
clear: both;
color: #FF9900;
margin-left: 15px;
margin-bottom: 10px;
}

#main_content h4.point{
background: url('/images/point.gif') left no-repeat;
border-bottom: 0px dashed #cccccc;
font-size: 14px;
padding: 0px 0px 0px 60px ;
color: #F00000;
}

div.point_box_left{
width: 280px;
float: left;
}

div.point_box_right{
width: 290px;
float: right;
}


#main_content p{
padding: 0 15px 0 15px;
}

#main_content div.point_box_right p{
padding-right: 15px;
}

ul.top_vi{
margin: 0 10px 0 10px;
padding: 0;
}

ul.top_vi li{
list-style-type: none;
width: 147px;
margin: 5px;
padding: 10px;
border: 1px solid #cccccc;
background: #FFE1E1;
float: left;
height: 115px;
border-left: 5px solid #EB5F62;
}

ul.top_vi li a{
text-decoration: none;
}

ul.top_vi li a:hover{
text-decoration: underline;
}

ul.top_vi li span{
font-weight: bold;
}

ul.top_vi li img{
float: right;
width: 50px;
height: 50px;
}

ul.dantai{
}

ul.dantai li{
list-style-type: square;
margin-left: 20px ;
}


/*main info box
-------------------*/
div.main_info_box{
border: 1px solid #cccccc;
background: #FFCC00;
}




/*pdf
-------------------*/
ul.pdf li{
list-style-type: none;
clear: both;
margin-bottom: 5px;
}

ul.pdf li img{
float: left;
margin-right: 10px;
}




/*form
-------------------*/
fieldset{
margin: 10px 15px 10px 15px;
}

fieldset dl{
margin: 0;
}

fieldset dl dt{
width: 150px;
float: left;
padding: 10px 0 10px 0;
clear: both;
color: #FF6600;
}

fieldset dl dd{
padding: 10px 0 10px 0;
margin: 0;
border-bottom: 1px solid #cccccc;
padding-left: 170px;
}

fieldset dl dd span{
color: #FF6600;
font-weight: bold;
}

input.submit{
padding: 10px;
margin: 5px;
}

fieldset textarea{
width: 350px;
}



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

table.profile{
width: 550px;
margin: 0 15px 20px 15px;
}

table.profile th,
table.profile td{
border: none;
border-bottom: 1px solid #cccccc;
}

table.profile th{
width: 100px;
font-weight: bold;
color: #FF6600;
}

table.profile td.month{
background: #FAF4ED;
text-align: center;
white-space:nowrap;
}

div.map{
border: 1px solid #cccccc;
margin: 0 15px 0 15px  ;
}

table.profile dl{
margin: 0;
padding: 0;
}

table.profile dl dt{
width: 220px;
}

table.profile dl dd{
margin-left: 230px;
margin-top: -1.6em;
}


/*result
-------------------*/

table.result{
width: 550px;
margin: 0 15px 20px 15px;
}

table.result th,
table.result td{
border: none;
border-bottom: 1px solid #cccccc;
}

table.result th{
font-weight: bold;
color: #FF6600;
}

table.result td{
white-space: nowrap;
}

table.result th.kind{
width: 50px;
color: #000000;
}

ul.result li{
list-style-type: square;
margin-left: 20px;
}

/*recruit
-------------------*/

table.pic{
margin: 0 15px 0 15px;
float: right;
}

table.pic td{
border: 0;
padding: 2px;
text-align: center;
color: #FF3300;
}

/*flow
-------------------*/

dl.flow dt{
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
background: #F8F3ED;
padding: 5px;
border: 1px solid #cccccc;
color: #42301A;
}

dl.flow dd{
margin-bottom: 10px;
padding: 0 15px 0 50px;
background: url('/images/ya_flow.gif') left bottom no-repeat;
}


dl.flow dd.end{
background: none;
}


/*faq
-------------------*/

dl.faq dt{
width: 200px;
float: left;
margin-bottom: 40px;
background: url('/images/q_faq.gif') top left no-repeat;
font-weight: bold;
padding-left: 30px;
color: #FF3300;
}

dl.faq dd{
margin-left: 250px;
margin-bottom: 40px;
padding-left: 30px;
background: url('/images/a_faq.gif') top left no-repeat;
}



/*dev
-------------------*/
ul.dev{
border: 1px solid #cccccc;
padding: 15px;
margin-left: 15px;
padding-left: 30px;
background: #FBFFE8;
}

ul.dev li{
list-style-type: square;
color: #463A26;
}

ul.devin{
margin: 0;
margin-left: 20px;
}

ul.devin li{
list-style-type: disc;
}

/*catalog
-------------------*/
ul.catalog li{
list-style-type: square;
}

/*side_content
------------------------------------*/

#side_content img.bn{
margin-bottom: 10px;
}


/*info_box
-------------------*/

div.info_box{
padding: 10px;
border: 1px solid #cccccc;
background: #F1E7C9;
margin-bottom: 10px;
}

div.info_box span{
font-weight: bold;
color: #FF6600;
}


/*side_menu
-------------------*/

#side_menu{
border: 1px solid #eeeeee;
background: #eeeeee;
margin-bottom: 10px;
}

#side_menu h4{
padding: 5px;
font-size: 12px;
}

#side_menu ul{
margin: 0;
padding: 0;
}

#side_menu ul li{
list-style-type: none;
margin: 0;
padding: 0;
}

#side_menu ul li a{
display: block;
padding: 5px;
border-bottom: 1px solid #dddddd;
height: 20px;
padding-left: 30px;
}

#side_menu ul li a:link{
background: url('/images/bg_side_menu_A.gif') ;
text-decoration: none;
color: #444444;
}

#side_menu ul li a:visited{
background: url('/images/bg_side_menu_A.gif') ;
text-decoration: none;
color: #444444;
}

#side_menu ul li a:hover{
background: url('/images/bg_side_menu_B.gif') ;
text-decoration: none;
color: #cccccc;
}

#side_menu ul li a:active{
background: url('/images/bg_side_menu_B.gif');
text-decoration: none;
color: #cccccc;
}

#side_menu ul li a:link.on{
background: none;
background: url('/images/bg_side_menu_B.gif') ;
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

#side_menu ul li a:visited.on{
background: none;
background: url('/images/bg_side_menu_B.gif') ;
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

/*infobox
-----------------------*/
.infobox{
border: 1px solid #cccccc;
background: #FEF8E7;
padding: 10px;

line-height: 140%;
}


/*footer
------------------------------------*/
#footer{
background: #f5f5f5;
position: absolute;
bottom: 0;
height: 160px;
width: 100%;
font-family: sans-serif;
clear: both;
}

#footer_inner{
margin-left: auto;
margin-right: auto;
background: #eeeeee;
height: 150px;
width: 840px;
padding: 10px 20px 0px 20px;
vertical-align: bottom;
}

#footer_inner ul{
margin: 0;
padding: 0;
}

#footer_inner ul li{
float: left;
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 15px;
}

#footer_inner img{
float: left;
margin-left: 20px;
margin-bottom: 5px;
margin-right: 20px;
}

#footer_menu{
padding-top: 10px;
font-size: 12px;
}

#footer_inner div.copyright{
font-family: Arial;
color: #666666;
margin-top: 20px;
font-size: 10px;
text-align: right;
}



/* footer_inner Link Color
--------------------------------*/
#footer_inner a:link {
color:#3366CC;
text-decoration:none;
}

#footer_inner a:visited {
color:#3366CC;
text-decoration:none;
}

#footer_inner a:hover {
color:#184281;
text-decoration:underline;
}

#footer_inner a:active {
color:#aaaaaa;
}






/*common
------------------------------------*/
img.img_right{
float: right;
margin: 0px 0px 10px 10px;
}

img.photo{
padding: 3px;
background: #ffffff;
border: 1px solid #cccccc;
}

p.clear{
clear: both;
}

.text_right{
text-align: right;
margin: 7px 0 10px 0;
}

.textlink{
background: url('/images/bg_textlink.gif') left no-repeat;
padding: 0 0 0 15px;
}

strong{
font-weight: normal;
}

span.yellow{
border: 1px solid #cccccc;
background: #FFCC00;
padding: 5px;
margin-bottom: 5px;
font-size: 10px;
}

b.red{
color: #F00000;
}

p.right{
text-align: right;
}










html, body, #outline {height: 100%;}   
body > #outline {height: auto; min-height: 100%;}   
#non_footer {padding-bottom: 160px;}  /* must be same height as the footer */  
#footer {position: relative;
       margin-top: -160px; /* negative value of footer height */
      height: 160px;
       clear:both;}  



.clearfix:after {content: ".";
       display: block;
       height: 0; 
      clear: both;
       visibility: hidden;
}   
.clearfix {display: inline-block;}   
/* Hides from IE-mac \*/
  * html .clearfix { height: 1%;}   
.clearfix {display: block;}   
/* End hide from IE-mac */