/*########### top ##############*/
.top_pagebox{
width:100%;
height:150px;
padding:10px 0px 0px 0px;
background-repeat:repeat-x;

}

.top_flash{
width:950px;
height:330px;
margin:0px auto;
}

.top_pagetitle{
width:950px;
height:150px;
margin:0px auto;
display:block;
text-indent:-9999px;
background:url('img/top.jpg');
}

.top_pagetitle  h2{
width:950px;
height:150px;
margin:0px 0px 0px 0px;
display:inline;
float:left;
}
.top_pagetitle  h2 a{
display:block;
height:150px;
text-indent:-9999px;
}

.top .pagebar_01{
background: none;
float: none;
width: 100%;
}


/*�o�[*/
.top .pagebar_01{
width: 100%;
margin-bottom: 5px;
}

.top .pagebar_01 h3:before{
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index:-2

}

.top .pagebar_01 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}



.top .all_text{
width:690px;
margin:0px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:200%;
text-align:left;
}


.top .page_box{
width:690px;
margin:0px 0px 10px 0px;
}

.top .page_box .left{
width:440px;
margin:0px 10px 0px 0px;
font-size:12px;
color: #333333;
line-height:160%;
text-align:left;
float: left;
}

.top .page_box .right{
width:240px;
margin:0px 0px 0px 0px;
float: left;
}


.top .all_text_right{
width:690px;
margin:0px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:160%;
text-align:right;
float: left;
}





.top .business_title{
width:690px;
height:45px;
margin:0px auto 10px auto;
display:block;
text-indent:-9999px;
background:url('img/title.jpg');
}

.top .business_title  h2{
width:690px;
height:45px;
margin:0px 0px 10px 0px;
display:inline;
float:left;
}
.top .business_title  h2 a{
display:block;
height:45px;
text-indent:-9999px;
}

.top .business_image{
width:690px;
height:250px;
margin:0px auto 10px auto;
display:block;
text-indent:-9999px;
background:url('img/top_img.jpg');
}

.top .business_image  h3{
width:690px;
height:250px;
margin:0px 0px 10px 0px;
display:inline;
float:left;
}
.top .business_image  h3 a{
display:block;
height:250px;
text-indent:-9999px;
}


/*���ЊT�v*/
.top .contact_box{
width:690px;
margin:0px 0px 10px 0px;
float: left;
}

.foam_font{
font-size:12px;
color: #333333;
line-height:270%;
text-align:left;
}

.top .contact_box .send{
width:690px;
padding:10px 0px 10px 0px;
text-align:left;
float: left;
}

.top .box .info .info_box .foam .send{
width:688px;
margin:10px 0px 0px 0px;
text-align:left;
float: left;
}

.top .contact_box .check{
width:690px;
padding:10px 0px 10px 0px;
font-size:12px;
color: #CC0000;
line-height:130%;
text-align:left;
float: left;
}

.top .contact_text{
width:690px;
margin:10px 0px 10px 0px;
font-size:12px;
color: #666666;
line-height:150%;
text-align:left;
float: left;
}
/*���ЊT�v*/


.map{
width:690px;
height:500px;
margin:10px 0px 10px 0px;
float: right;
}


/**contact**/
.top .business_contact{
width:690px;
height:70px;
margin:20px 0px 0px 0px;
float:left;
}
.top .business_contact a,
.top .business_contact a:link,
.top .business_contact a:visited{
width:690px;
height:70px;
display:block;
text-indent:-9999px;
background:url('img/contact.jpg') no-repeat;
}
.top .business_contact a:hover,
.top .business_contact a:active{
background-position:0px -70px;
}



/*######################### �o�c���O ############################*/
.top_pagetitle_principles{
width:950px;
height:150px;
margin:0px auto;
display:block;
text-indent:-9999px;
background:url('img/principles/top.jpg');
}

.top_pagetitle_principles  h2{
width:950px;
height:150px;
margin:0px 0px 0px 0px;
display:inline;
float:left;
}
.top_pagetitle_principles  h2 a{
display:block;
height:150px;
text-indent:-9999px;
}



/*�o�[*/
.top .principles_01{
width: 100%;
margin-bottom: 5px;
}
.top .principles_01 h3{
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
position: relative;
background: #F7F7F7;
font-size: 1rem;
color: black;
line-height: 1.3;
z-index: -1;
text-align: left;
border-bottom: solid 3px #5EAFD8;
}


.top .principles_01 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}

/*�o�[*/
.top .principles_02{
width: 100%;
margin-bottom: 5px;
}
.top .principles_02 h3{
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  position: relative;
  background: #F7F7F7;
  font-size: 1rem;
  color: black;
  line-height: 1.3;
  z-index: -1;
  text-align: left;
  border-bottom: solid 3px #5EAFD8;
}

.top .principles_02 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}

/*�o�[*/
.top .principles_03{
width:100%;
margin-bottom: 5px;
}
.top .principles_03 h3{
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  position: relative;
  background: #F7F7F7;
  font-size: 1rem;
  color: black;
  line-height: 1.3;
  z-index: -1;
  text-align: left;
  border-bottom: solid 3px #5EAFD8;
}

.top .principles_03 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}

.top .principles_text{
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  margin-top: 10px;
  line-height: 222%;
}

/*######################### �‹����O ############################*/
.top_pagetitle_environment{
width:950px;
height:150px;
margin:0px auto;
display:block;
text-indent:-9999px;
background:url('img/environment/top.jpg');
}

.top_pagetitle_environment  h2{
width:950px;
height:150px;
margin:0px 0px 0px 0px;
display:inline;
float:left;
}
.top_pagetitle_environment  h2 a{
display:block;
height:150px;
text-indent:-9999px;
}



/*�o�[*/
.top .environment_01{
width: 100%;
margin-bottom: 5px;
}
.top .environment_01 h3{
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
background: #F7F7F7;
font-size: 1rem;
color: black;
line-height: 1.3;
z-index: -1;
text-align: left;
border-bottom: solid 3px #87A975;
}

.top .environment_01 h3:before{
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index: -2;
}

.top .environment_02 h3{
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
background: #F7F7F7;
font-size: 1rem;
color: black;
line-height: 1.3;
z-index: -1;
text-align: left;
border-bottom: solid 3px #87A975;
}

.top .environment_01 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}

/*�o�[*/

.top .environment_02 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}

/*�o�[*/
.top .environment_03{
width: 100%;
margin-bottom: 5px;
}
.top .environment_03 h3{
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
background: #F7F7F7;
font-size: 1rem;
color: black;
line-height: 1.3;
z-index: -1;
text-align: left;
border-bottom: solid 3px #87A975;
}

.top .environment_03 h3:before{
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index: -2;
}
.top .environment_03 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}

/**contact**/
.top .report_click{
width:690px;
height:80px;
margin:20px 0px 0px 0px;
float:left;
}
.top .report_click a,
.top .report_click a:link,
.top .report_click a:visited{
width:690px;
height:80px;
display:block;
text-indent:-9999px;
background:url('img/environment/report.jpg') no-repeat;
}

/*######################### �����ϗ��v�� ############################*/
.top_pagetitle_morals{
width:950px;
height:150px;
margin:0px auto;
display:block;
text-indent:-9999px;
background:url('img/morals/top.jpg');
}

.top_pagetitle_morals  h2{
width:950px;
height:150px;
margin:0px 0px 0px 0px;
display:inline;
float:left;
}
.top_pagetitle_morals  h2 a{
display:block;
height:150px;
text-indent:-9999px;
}



/*�o�[*/
.top .morals_01{
width: 100%;
margin-bottom: 5px;
}

.top .morals_01 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}

/*######################### �l�����ی����j ############################*/

/*�o�[*/
.top .privacy_01{
background: none;
float: none;
width: 100%;
margin-bottom: 5px;
}

/*

.top .privacy_01 h3{
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
position: relative;
padding: 10px 10px 10px 42px;
background: #F7F7F7;
font-size: 1rem;
color: black;
margin-left: -33px;
line-height: 1.3;
z-index: -1;
}
*/
.top .privacy_01 h3:before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index: -2;
}



.top .privacy_01 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}

/*######################### �̗p���� ############################*/
.top_pagetitle_recruit{
width:950px;
height:150px;
margin:0px auto;
display:block;
text-indent:-9999px;
background:url('img/recruit/top.jpg');
}

.top_pagetitle_recruit  h2{
width:950px;
height:150px;
margin:0px 0px 0px 0px;
display:inline;
float:left;
}
.top_pagetitle_recruit  h2 a{
display:block;
height:150px;
text-indent:-9999px;
}



/*�o�[*/
.top .recruit_01{
width: 100%;
margin-bottom: 5px;
}

/*
.top .recruit_01 h3{
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
position: relative;
padding: 10px 10px 10px 42px;
background: #F7F7F7;
font-size: 1rem;
color: black;
margin-left: -33px;
line-height: 1.3;
z-index: -1;
border-bottom: solid 3px #d7d7d7;

}
*/

.top .recruit_01 h3:before{
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index: -2;
}

.top .recruit_01 h3 a{
display:block;
height:40px;
text-indent:-9999px;
}