@charset "utf-8";

/* ABOUT Document 
----------------------------------------------------------------------------

1.INDEX

2.INQUIRY

3.SITEMAP

4.HAKEN

5.KEIYAKU

6.MOBILE

----------------------------------------------------------------------------*/

/* ABOUT_COMMON
----------------------------------------------------------------------------*/
.title{
margin:0 0 30px 0;
} 

.txt01{
margin:0 0 0 10px;
font-size:75%;
text-align:left;
line-height:135%;
}


/* 1. INDEX
----------------------------------------------------------------------------*/
.about_area{
margin:0 0 25px 0;
}

.about_area02{
margin:0 0 40px 0;
padding:15px;
font-size:75%;
line-height:135%;
background:url(../about/img/diagonal_bg.gif);
}

.about_area02 h3{
margin:0 0 5px 0;
color:#2E51AA;
font-size:100%;
}

.about_btn01{
clear:both;
padding:10px 0 0 0;
width:640px;
text-align:center;
background:url(../img/dotline_bule_x.gif) left top repeat-x;
}

.about_btn01 p{
padding:0 0 10px 0;
width:640px;
background:url(../img/dotline_bule_x.gif) left bottom repeat-x;
}
.about_btn01 img{
margin:0 30px;
}

/* 2.INQUIRY
----------------------------------------------------------------------------*/
.inquiry_area{
margin:0 0 40px 0;
font-size:75%;
}

.inquiry_l{
float:left;
padding:0 0 15px 0;
width:310px;
text-align:center;
background:url(../about/img/diagonal_bg.gif);
}

.inquiry_r{
float:right;
padding:0 0 15px 0;
width:310px;
text-align:center;
background:url(../about/img/diagonal_bg.gif);
}
.inquiry_l h3, .inquiry_r h3{
margin:20px 0;
}

.inquiry_l h4, .inquiry_r h4{
margin:0 0 8px 0;
font-size:105%;
color:#2E51AA;
}
.inquiry_txt{
margin:0 auto 15px auto;
padding:20px;
width:240px;
text-align:left;
background:#FFFFFF;
}

/* 3.SITEMAP
----------------------------------------------------------------------------*/
.aboutmap{
margin:0 0 25px 0;
padding:0 0 5px 0;
width:640px;
background:url(../img/dotline_bule_x.gif) left bottom repeat-x;
}

.aboutmap h3{
margin:0 0 15px 0;
padding:0 0 0 13px;
font-size:90%;
background:url(../img/arrow_bule02.gif) left center no-repeat;
}
.aboutmap ul{
list-style:none;
margin:0 0 15px 0;
padding:0;
width:625px;
}

.aboutmap li{
margin:0 0 12px 15px;
padding:0 0 0 13px;
width:90%;
font-size:80%;
background:url(../img/arrow_bule02.gif) left center no-repeat;
}

.map_second{
width:640px;
}

.contractmap{
float:left;
width:310px;
padding:0 0 10px 0;
}
.contractmap h3{
margin:0 0 15px 0;
padding:0 0 0 13px;
font-size:90%;
background:url(../img/arrow_green02.gif) left center no-repeat;
}
.contractmap ul{
list-style:none;
margin:0 0 15px 0;
padding:0;
width:295px;
}
.contractmap li{
margin:0 0 12px 15px;
padding:0 0 0 13px;
width:90%;
font-size:80%;
background:url(../img/arrow_green02.gif) left center no-repeat;
}

.contractmap h3 a:link{
color:#339900;
text-decoration:underline;
}

.contractmap h3 a:visited{
color:#339900; 
text-decoration:underline;
}

.contractmap h3 a:hover{
color:#339900; 
text-decoration:none;
}

.contractmap h3 a:active{
color:#339900;
text-decoration:underline;
}


.despatchmap{
float:right;
padding:0 0 10px 0;
width:310px;
}
.despatchmap h3{
margin:0 0 15px 0;
padding:0 0 0 13px;
font-size:90%;
background:url(../img/arrow_org02.gif) left center no-repeat;
}
.despatchmap ul{
list-style:none;
margin:0 0 15px 0;
padding:0;
width:295px;
}
.despatchmap li{
margin:0 0 12px 15px;
padding:0 0 0 13px;
width:90%;
font-size:80%;
background:url(../img/arrow_org02.gif) left center no-repeat;
}

.despatchmap h3 a:link{
color:#FF8400;
text-decoration:underline;
}

.despatchmap h3 a:visited{
color:#FF8400; 
text-decoration:underline;
}

.despatchmap h3 a:hover{
color:#FF8400; 
text-decoration:none;
}

.despatchmap h3 a:active{
color:#FF8400;
text-decoration:underline;
}


/* 4. HAKEN
----------------------------------------------------------------------------*/
.haken_title_02{
margin:0 0 15px 0;
padding:0 0 5px 10px;
font-size:85%;
border-bottom:5px solid #FDE7CE;
}

.haken_txt02{
margin:0 0 15px 10px;
color:#FF8400;
font-size:75%;
font-weight:bold;
line-height:135%;
}

.characteristic{
margin:20px auto 30px auto;
padding:15px 8px 5px 8px;
width:584px;
font-size:75%;
line-height:135%;
background:#FEFAEF;
}
.characteristic h3{
margin:0 0 15px 0;
padding:0 0 5px 0;
font-size:115%;
border-bottom:5px solid #FDE7CE;
}
.characteristic table{
width:100%;
border:1px solid #FF9900;
}
.characteristic th{
padding:6px;
width:75px;
color:#FFFFFF;
background:#FF9900;
}
.characteristic td{
padding:6px;
color:#FF8400;
font-weight:bold;
background:#FFFFFF;
}
.characteristic_txt{
margin:5px 0 15px 90px;
}

.flow_area{
width:640px;
}

.flow_area h3{
padding:0 0 14px 50px;
color:#FF8400;
font-size:75%;
width:590px;
background:url(../img/dotline_x.gif) left bottom repeat-x;
}

.flow_no01{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:640px;
background:url(../despatch/img/step01.gif) left top no-repeat;
}

.flow_no02{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:640px;
background:url(../despatch/img/step02.gif) left top no-repeat;
}
.flow_no03{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:640px;
background:url(../despatch/img/step03.gif) left top no-repeat;
}
.flow_no04{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:640px;
background:url(../despatch/img/step04.gif) left top no-repeat;
}
.flow_no05{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:640px;
background:url(../despatch/img/step05.gif) left top no-repeat;
}

.flow_txt{
margin:0 0 30px 50px;
font-size:75%;
line-height:135%;
}

.h_flowtxt{
margin:0 0 30px 0;
font-size:75%;
}

.h_flowtxt ul{
margin:0 0 0 50px;
padding:0;
list-style:none;
}
.h_flowtxt li{
margin:15px 0;
}


.training_bg{
margin:0 auto 20px auto;
width:602px;
background:url(../about/img/haken_nobg01.gif) left top repeat-y;
}

.training_bg02{
margin:0 auto 40px auto;
width:602px;
background:url(../about/img/haken_nobg02.gif) left top repeat-y;
}

.training_bg h3, .training_bg02 h3{
padding:25px 10px 10px 45px;
font-size:85%;
}

.training_bg p, .training_bg02 p{
margin:0 0 0 26px;
padding:5px;
width:240px;
font-size:75%;
line-height:135%;
background:#FFFFFF;
}

.training01{
float:left;
width:286px;
background:url(../about/img/haken_no1.gif) left top no-repeat;
}
.training02{
float:right;
width:286px;
background:url(../about/img/haken_no2.gif) left top no-repeat;
}

.training03{
float:left;
width:286px;
background:url(../about/img/haken_no3.gif) left top no-repeat;
}

.training04{
float:right;
width:286px;
background:url(../about/img/haken_no4.gif) left top no-repeat;
}

.training05{
width:286px;
background:url(../about/img/haken_no5.gif) left top no-repeat;
}

.willpaid{
margin:0 0 30px 0;
}
.willpaid ul{
margin:0;
padding:0;
list-style:none;
}

.willpaid li{
margin:0 0 15px 10px;
padding:2px 0 2px 18px;
width:80%;
font-size:75%;
background:url(../despatch/img/icon_circle01.gif) center left no-repeat;
}

.haken_btn01{
clear:both;
padding:10px 0 0 0;
width:640px;
text-align:center;
background:url(../img/dotline_org_x.gif) left top repeat-x;
}

.haken_btn01 p{
padding:0 0 10px 0;
width:640px;
background:url(../img/dotline_org_x.gif) left bottom repeat-x;
}

/* 5.KEIYAKU
----------------------------------------------------------------------------*/
.keiyaku_txt02{
margin:0 0 15px 10px;
color:#339900;
font-size:75%;
font-weight:bold;
line-height:135%;
}

.keiyaku_graph{
margin:40px 0 40px 0;
text-align:center;
}
.keiyaku_graph img{
margin:0 0 20px 0;
}

.keiyaku_btn01{
clear:both;
padding:10px 0 0 0;
width:640px;
text-align:center;
background:url(../img/dotline_green_x.gif) left top repeat-x;
}

.keiyaku_btn01 p{
padding:0 0 10px 0;
width:640px;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}

/* 6.MOBILE
----------------------------------------------------------------------------*/

.mobile_side_l{
float:left;
padding:0 0 0 0;
width:400px;
}

.mobile_side_r{
float:right;
padding:0 0 0 0;
width:208px;
}

.mobile_area01{
margin:0 0 34px 0;
}

.mobile_area01 h3{
margin:0 0 15px 0;
}

.mobile_area01 p{
margin:0 0 20px 0;
}

.mobile_area02{
margin:0 0 20px 0;
font-size:80%;
}

.mobile_area02 h3{
margin:0 0 15px 0;
}

.mobile_access{
margin:0 0 20px 0;
padding-bottom:10px;
width:400px;
background:url(../img/bg_slash.gif) left top;
}

.mobile_access .no01{
padding-left:45px;
padding-top:18px;
background:url(../about/img/mobile_no01.gif) no-repeat left top;
height:33px;
font-weight:bold;
color:#2E51AA;
}

.mobile_access .no02{
padding-left:45px;
padding-top:18px;
background:url(../about/img/mobile_no02.gif) no-repeat left top;
height:33px;
font-weight:bold;
color:#2E51AA;
}

.mobile_access .no03{
padding-left:45px;
padding-top:18px;
background:url(../about/img/mobile_no03.gif) no-repeat left top;
height:33px;
font-weight:bold;
color:#2E51AA;
}

.mobile_access p{
margin:7px 12px 15px 12px;
line-height:135%;
}

.mobile_access .url{
text-align:right;
margin:7px 12px 0 12px;
}

.mobile_access .img_f_left{
 float:left;
 margin-right: 10px;
}

.mobile_access .img_margin{
 margin-top: 10px;
}

.mobile_access .clear{
clear:both;
}