@charset "shift_jis";



/* 会社案内

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

#company_box {
 width:740px;
 text-align:center;
/* font-size:100%;*/
}

#company_box h2 {
 background:url(/company/img/company_tit1.gif) no-repeat left top;
 color:#fff;
 padding:20px 0 30px 20px;
 margin:0 0 10px;
 text-align:left;
 clear:both;
 font-size:120%;
}

#company_box h3 {
 background:url(/company/img/company_tit2.gif) no-repeat left bottom;
 padding:15px 0 8px 18px;
 margin:0 0 10px 0;
/* font-size:90%;*/
 text-align:left;
 clear:both;

}

#company_box h4 {
 background:url(/company/img/company_tit3.gif) no-repeat left bottom;
 margin:0 0 13px 2px;
 padding:5px 0 6px 18px;
/* font-size:75%;*/
 text-align:left;
 clear:both;
}

#company_box p {
/* font-size:75%;*/
 line-height:1.5;
 margin:0 18px 20px;
 text-align:left;
/* border:solid 1px #990000;  */
}

#company_box ul {
 margin:0 18px 20px;
}

#company_box ul.indent li {
 padding:0 0 0 1em;
 text-indent:-1em;
/* font-size:75%;*/
 line-height:1.35;
}

#company_box ul.indent2 li {
 padding:0 0 0 1.5em;
 text-indent:-1.5em;
/* font-size:75%;*/
 line-height:1.35;
}

#company_box ul li {
 text-align:left;
 margin:0 0 5px;
}

#company_box ul.list li {
 padding:0 0 2px 15px;
 margin:0;
 background:url(../img/company_list.gif) no-repeat left 2px;
}

#company_box ul.list li li {
 background:none;
 padding:0;
}

#company_box table ul,
 #company_box table ul ul {
 margin:0;
 padding:0;
}

#company_box .wrap {
 width:740px;
}

#company_box .cleft {
 width:365px;
 float:left;
 margin:5px 5px 5px 0;
 padding:0;
 font-size:90%;

}

#company_box .cleft h3,
 #company_box .cright h3 {
 background:url(../img/company_tit2s.gif) no-repeat left bottom;
}

#company_box .cright {
 width:365px;
 float:right;
 margin:5px 5px 5px 0;
 padding:0;
 font-size:90%;
}

#company_box .cleft2 {
 width:250px;
 float:left;
 margin:5px 5px 5px 0;
 padding:0;
 font-size:90%;

}

#company_box .cright2 {
 width:480px;
 float:right;
 margin:5px 5px 5px 0;
 padding:0;
 font-size:90%;
}

#company_box .common_table {
 border-top:solid 1px #A5BFE2;
 border-right:solid 1px #A5BFE2;
 margin:0 auto;

}
/*
#company_box .w700 {
 width:700px;

}
*/
#company_box .common_table p {
 margin:0 0 ;
 font-size:100%;
}

#company_box .common_table .name dd {
 margin:-1.5em 0 0 6.5em;
}

#company_box .common_table th {
 background:#D2E0F0;
 border-bottom:solid 1px #A5BFE2;
 border-right:solid 1px #A5BFE2;
 border-top:solid 1px #fff;
 text-align:left;
/* font-size:75%;*/
 line-height:1.5;
 padding:5px;
 white-space:nowrap;
}

#company_box .common_table td {
 background:#EFF4F8;
 border-bottom:solid 1px #A5BFE2;
 border-left:solid 1px #fff;
 border-top:solid 1px #fff;
 text-align:left;
/* font-size:75%;*/
 line-height:1.5;
 padding:5px;
}

/*  sitemap  */



* {
 margin:0;
 padding:0;
 line-height:100%;
}

.sitemap #company_box li {
/* font-size:80%;*/
 float:left;
 width:225px;
 background-image:url(http://www.wbf.co.jp/common/img/icon4.gif);
 background-repeat:no-repeat;
 background-position:10px 2px;
}

.sitemap #company_box div,
.sitemap #company_box ul {
 width:680px;
}

.sitemap #company_box li a {
 display:block;
 padding:0 0 0 20px;
 width:auto;
}

.sitemap #company_box h4,
.sitemap #company_box p {
 clear:both;
 margin:5px;
}

/* 営業所　リンクボタン*/

#company_box ul.listcompany {
 width:740px;
 margin:0 0 0 0;
 zoom: 100%;
}

#company_box ul.listcompany:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

#company_box .listcompany li {
 width:180px;
 float:left;
 margin:5px 2px;
 text-indent:15px;
 display:block;
/* font-size:80%;*/
 background:url(../img/company_list.gif) no-repeat left 2px;
}

/* 社長の想い

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



#company_box p.president_lead {
 text-align:center;
 margin:0 0 40px;
}

#company_box img.president {
 margin:0 0 40px 67px;
 float:right;
}

#company_box .president_name {
 float:right;
 padding:40px 0 0;
}

/* スタッフ紹介

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

#profile_box {
 width:740px;
}

#profile_box h2 {
 margin:0 0 15px;
}

#profile_box h3 {
 background:url(../i/profile_tit2.gif) no-repeat left top;
 color:#fff;
 padding:15px 0 44px 15px;
 font-size:120%;
}

#profile_box #bgbox {
 width:740px;
 background:url(../i/profile_bg1.gif) repeat left top;
 text-align:center;
 padding:1px 0 16px;
}

#profile_box .pkg {
 width:720px;
 background:#fff;
 text-align:left;
 margin:15px auto 0;
 padding:16px 0;
}

#profile_box .name {
 width:108px;
 float:left;
 margin:10px 26px 0 30px;
 display:inline;
 font-weight:bold;
}

#profile_box .name img {
 border:solid 1px #ccc;
 padding:3px;
 background:#fff;
}

#profile_box .name dt {
 margin:0 0 5px;
}

/* 男性

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



#profile_box .man_lead {
 background:url(../i/man_lead.gif) no-repeat left bottom;
 padding:0 0 5px 0;
 margin:0 0 5px 25px;
 width:668px;
}

#profile_box .man_lead dt {
 margin:0 0 5px;
}

#profile_box .man_lead dd {
 color:#003399;
 font-size:130%;
 font-weight:bold;
 line-height:1.5;
 padding:0 0 5px;
}

#profile_box .profile_man {
 width:512px;
 background:url(../i/profile_man_bg1.gif) repeat-y left top;
 float:left;
 padding:17px 0 0;
}

#profile_box .profile_man dl {
 width:512px;
 background:url(../i/profile_man_bg2.gif) no-repeat left bottom;
 padding:0 0 2px;
}

#profile_box .profile_man dt {
 padding:9px 0 0 0;
 margin:0 0 0 30px;
}

#profile_box .profile_man dd {
 border-bottom:dashed 1px #4B95D4;
 margin:-1em 15px 0 23px;
 padding:0 0 9px 10em;
}

#profile_box .profile_man dd.last {
 border:none;
}

/* 女性

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





#profile_box .women_lead {
 background:url(../i/women_lead.gif) no-repeat left bottom;
 padding:0 0 5px 0;
 margin:0 0 5px 25px;
 width:668px;
}

#profile_box .women_lead dt {
 margin:0 0 5px;
}

#profile_box .women_lead dd {
 color:#E13744;
 font-size:130%;
 font-weight:bold;
 line-height:1.5;
 padding:0 0 5px;
}

#profile_box .profile_women {
 width:512px;
 background:url(../i/profile_women_bg1.gif) repeat-y left top;
 float:left;
 padding:17px 0 0;
}

#profile_box .profile_women dl {
 width:512px;
 background:url(../i/profile_women_bg2.gif) no-repeat left bottom;
 padding:0 0 2px;
}

#profile_box .profile_women dt {
 padding:9px 0 0 0;
 margin:0 0 0 30px;
}

#profile_box .profile_women dd {
 border-bottom:dashed 1px #E5535E;
 margin:-1em 15px 0 23px;
 padding:0 0 9px 10em;
}

#profile_box .profile_women dd.last {
 border:none;
}


/* 営業所紹介ページ */

body.whitebearfamily #company_box p{
  border:none;
}

body.whitebearfamily #company_box p.red{
  color:#FF0000;
  font-weight:bolder;
  border:none;
}

body.whitebearfamily #company_box p span.att{
 color:#C00;
 font-weight:bold;
}

/* 個別対応

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

body.company #company_box p img,
 body.hinshitsu #company_box p img,
 body.dantai #company_box p img {
 float:left;
 margin:0 5px;
 display:block;
}

body.dantai ul.entry li {
 float:left;
}

#company_box dl {
 float:left;
 margin:5px 0 5px 3px;
}

#company_box dl dd {
 font-size:75%;
 width:160px;
 text-align:left;
 padding:5px 0;
 line-height:1.5;
}

body.honsha #company_box .common_table {
 border-top:solid 1px #A5BFE2;
 border-left:solid 1px #A5BFE2;
 margin:0 auto;
}

body.honsha #company_box .common_table th {
 background:#D2E0F0;
 border-bottom:solid 1px #A5BFE2;
 border-top:solid 1px #fff;
 text-align:left;
/* font-size:75%;*/
 line-height:1.5;
 padding:5px;
 white-space:nowrap;
}

body.honsha #company_box .common_table td {
 background:#EFF4F8;
 border-bottom:solid 1px #A5BFE2;
 border-right:solid 1px #A5BFE2;
 border-left:solid 1px #fff;
 border-top:solid 1px #fff;
 text-align:left;
/* font-size:75%;*/
 padding:5px;
}

 #company_box .cleft ul.contact {
 margin:10px;

}



 #company_box .contact li {
 text-align:right;
/* font-size:75%;*/
}

#company_box .ccenter {
 margin:0 auto;
 text-align:center;
}

#company_box .ccenter img {
 clear:both;
 margin:0;
 padding:5px 0;
 text-align:left;
}

#company_box ul.koukoku li {
 padding:5px 0 5px 15px;
 background-image:url(/shared/img/arw_blue01.gif);
 background-position:left 9px;
 background-repeat:no-repeat;
 font-size:90%;
}

/* 中小企業ＩＴ経営力大賞２０１０

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

body.itaward2010 #company_box p {
 font-size:75%;
 line-height:180%;
 margin:0;
 text-align:left;
}

body.itaward2010 #company_box h4 {
 margin-top:20px;
 border-bottom:2px solid #4f2814; 
 clear:both;
}

body.itaward2010 #company_box div.image,
 body.itaward2010 #company_box div.text {
 float:left;
}

body.itaward2010 #company_box div.image {
 width:350px;
}

body.itaward2010 #company_box div.text {
 width:370px;
 padding:0 10px;
}

body.itaward2010 #company_box div.text p.pdf {
 text-align:right;
}