/* DEXSite shop type1 version */
/* YUI Font-family Adjustment 
10  77
11  85
12  93 (was 93)
13  100
14  108 (was 107)
15  116 (was 114)
16  123.1 (was 122)
17  131 (was 129)
18  138.5 (was 136)
19  146.5 (was 144)
20  153.9 (was 152)
21  161.6 (was 159)
22  167
23  174
24  182
25  189
26  197
*/

/* MAIN */
html,
body
 {
    padding: 0;
    margin:0;
    background: url(http://filebank.biz/craftcorp/html_back.png) repeat-x #FFFFFF;
}
body {
    font-family:  "メイリオ", Meiryo, Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    color:#333;
    line-height:1.4;
}
#maindoc {
    font-size:108%;
    width: 768px;
}

#hd {
    padding: 0;
    margin: 0;
    height: 100px;
}
#hd .maindoc2 {
    padding: 0;
    height: 100px;
    background: url(headmain_back.png) no-repeat top left;
}
#ft {
    position: relative;
    padding: 0;
    margin: 0;
    height: 135px;
    background: url(foot_back.png) repeat-x bottom left;
}
#ft .maindoc2 {
    display: block;
    padding: 0;
    height: 35px;
}
#doc,
.maindoc2 {
    width: 768px;
    margin: 0 auto;
    background-image:none;
}
#ft .iso {
    margin: 15px auto 0;
    width: 768px;
    text-align: right;
}

/* header */
#headerSection h1 {
    line-height: 40px;
}
#headerSection h1 p {
    font-size: 12px;
    text-align: right;
    text-indent: -9999px;
}
#headerSection h1 span {
    text-indent: -9999px;
}
#headerSection h1 span#phone {
    font-weight: bold;
}
#headerSection h5 {
    float: left;
    margin-top: 0px;  
}
#headerSection h5 a {
    width: 200px;
    height: 50px;
    display: block;
    background: url('http://filebank.biz/craftcorp/head_logo.jpg') no-repeat top left;
    text-indent:-9999px;
}

/* pageNavigate */
#pageNavigate {
    width: 500px;
    height: 25px;
    margin: 20px 0 0 0;
    padding: 0;
    float: right;
}

#pageNavigate ul {
    display: block;
    list-style: none;
    margin-left: 0px;
    height: 25px;
}
#pageNavigate li {
    float: left;
}
#pageNavigate li a {
    display:block;
    float: left;
    text-decoration: none;
    padding-left: 1.65em;
    /*margin: 0 0.7em 0 1em;*/
}

/* common */
a:link, a:active, a:visited { color: #044798; text-decoration: none;}
a:hover { color: #282828; text-decoration:none; }

#Blog2 h2 { 
    height: 55px;
    padding: 8px 0 0 32px;
    font-size: 160%; 
    background:url(http://filebank.biz/craftcorp/h2_back.png) no-repeat top left;
}

#Blog2 h3 {
    margin-left: 15px;
    height: 40px;
    padding: 15px 0 0 34px;
    font-size: 130%;
    color: #FFFFFF;
    background:url(http://filebank.biz/craftcorp/h3_back.png) no-repeat top left;
}
#Blog2 h4 {
    width: 700px;
    height: 25px;
    margin-left: 25px;
    padding-top: 5px;
    text-indent: 1em;
    color: #0a50a0;
    border-left: 6px solid #0a50a0;
    border-bottom: 1px dotted #0a50a0;
}    

.breadcrumbs { 
    padding: 5px 5px 15px 35px;
    font-size: 85%; 
    line-height: 1.4em; 
}
#Blog2 .post-header-line-1,    
#Blog2 .post-body {
    display: block;
    width: 768px;
    height: auto;
    background: url(http://filebank.biz/craftcorp/content_back.png) repeat-y top left;
}
#Blog2 .post-body p,
#Blog2 .post-body dl {
    padding: 0 30px;
}
#Blog2 .post-foot {
    display: block;
    height: 14px;
    background: url(http://filebank.biz/craftcorp/content_bottom.png) no-repeat top left;
    padding: 0;
    margin: 0 0 30px 0;
}

/* top content */
#Blog1 #Services {
    display: block;
    width: 768px;
    height:435px;
    padding: 10px 0 5px 0;
    background: url(http://filebank.biz/craftcorp/service_menu.png) no-repeat top left;
    text-indent: -9999px;
}
#Blog1 #Services li {
    display: inline;
    width: 360px;
    height: 156px;
    float: left;
}
#Blog1 #Services li a {
    display: block;
    width: 360px;
    height: 156px;
}
#Blog1 #Services li#service01 {
    background: url(http://filebank.biz/craftcorp/service01.jpg) no-repeat top left;
    margin: 45px 0 0  18px;
}
#Blog1 #Services li#service02 {
    background: url(http://filebank.biz/craftcorp/service02.jpg) no-repeat top left;
    margin: 45px 0 0 13px;
}
#Blog1 #Services li#service03 {
    background: url(http://filebank.biz/craftcorp/service03.jpg) no-repeat top left;
    margin: 10px 0 0 18px;
}
#Blog1 #Services li#service04 {
    background: url(http://filebank.biz/craftcorp/service04.jpg) no-repeat top left;
    margin: 10px 0 0 13px;
}
#Blog1 #Links ul {
    display:block;
    width: 768px;
    height: 74px;
    padding: 0 0 10px 4px;
    margin:0;
}
#Blog1 #Links li {
    float: left;
    width: 252px;
    margin:0;
    padding:0;
}
#Blog1 #Links li a {
    display: block;
    width: 252px;
    height: 74px;
    text-indent: -9999px;
    margin:0;
    padding:0;
}
#Blog1 #Links li#link01 {
    background: url(http://filebank.biz/craftcorp/top_business.png) no-repeat top left;
    padding-right: 6px;
}
#Blog1 #Links li#link01 a:hover {
    background: url(http://filebank.biz/craftcorp/top_business-on.png) no-repeat top left;
}
#Blog1 #Links li#link02 {
    background: url(http://filebank.biz/craftcorp/top_performance.png) no-repeat top left;
    padding-right: 6px;
}
#Blog1 #Links li#link02 a:hover {
    background: url(http://filebank.biz/craftcorp/top_performance-on.png) no-repeat top left;
}
#Blog1 #Links li#link03 a {
    background: url(http://filebank.biz/craftcorp/top_company.png) no-repeat top left;
}
#Blog1 #Links li#link03 a:hover {
    background: url(http://filebank.biz/craftcorp/top_company-on.png) no-repeat top left;
}
#Blog1 #Inquiry a {
    display: block;
    width: 768px;
    height: 118px;
    background: url(http://filebank.biz/craftcorp/bottom_inquiry.png) no-repeat top left;
    text-indent: -9999px;
    margin:0 0 0 4px;
    padding: 0 0 40px 0;
}
#Blog1 #Inquiry a:hover {
    background: url(http://filebank.biz/craftcorp/bottom_inquiry-on.png) no-repeat top left;
}

/* footer link */
#footerLink #BlogArchive2 {
    display: block;
    width: 767px;
    height: 34px;
    padding-top: 8px;
}
#footerLink ul {
    display: block;
    widht: 768px;
    height: 39px;
    background: url(footmain_back.png) no-repeat top left;
}
#footerLink li {
    display:block;
    float: left;
    padding: 0 4px 0 12px;
    line-height:2.9em;
}
#footerLink li#goTop a {
    color: #000000;
    text-decoration: none;
    font-size: 92%;
    padding-left: 220px;
}

/* copyright */
#HTML3 p {
    clear: both;
    display: block;
    padding: 20px 0 0 5px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}

/* Contents */

/***** 事業内容 *****/
#management h4,
#mentenance h4,
#food h4 {
    margin:0;
    padding: 0;
    display: none;
    text-indent: -9999;    
}
#management img,
#mentenance img {
    float: left;
    padding-right: 8px;
}
#management {
    display:block;
    width: 733px;
    height: 890px;
    background: url(http://filebank.biz/craftcorp/business1.jpg) no-repeat top left;
    margin: 0 18px 10px;
    padding: 95px 0 0;
}

#mentenance {
    width: 690px;
    margin: 0 10px 0 20px;
}
#mentenance dt {
    font-weight: bold;
}
#Blog2 .post-body #management dl {
    display: block;
    float: left;
    width: 300px;
    height: 290px;
    padding:0; 
    margin:0;
}
#Blog2 .post-body #mentenance dl {
    width: 290px; 
    height: 290px;
    padding:3px 5px 0 35px;
    margin: 0;
}
#Blog2 .post-body #management dl#consultant {
    padding: 8px 0 0 45px;
    }
#food {
    clear:both;
    width: 732px;
    height: 84px;
    margin: 0 18px ;
    padding: 40px 10px 20px;
    background: url(http://filebank.biz/craftcorp/business2.jpg) no-repeat top left;
}
#food dl {
    margin:0;
    padding: 0;
}
#food dt {
    display: inline;
    float: left;
    margin:0;
    padding: 30px 15px 0;
}
/***** ビル管理実績 *****/
#performance img {
    padding: 15px 30px;
    float: right;
}
#performance dl {
    margin: 15px 0 0 0;
}
#performance dt {
    font-size: 120%;
}
#performance dd {
    font-size: 80%;
    padding-bottom: 20px;
}
/***** 会社案内 *****/
#company dl {
    line-height: 2em;
}
#company dt {
    font-weight: bold;
}
#company dd {
    margin: -2em 0 0 100px;
}
#company #map {
    margin: 15px 20px;
}
#company ul {
    margin-left: 50px;
}
#company .isoLogo:after {
    display: block;
    clear: both;
    content: '';
}
#company .isoLogo .left {
    margin-right: 150px;
    padding: 1.5em 0 0;
}
#company .isoLogo .right {
    float: right;
    padding: 0 30px 0 0;
}

/***** 採用情報 *****/
#recruit dl {
    line-height: 2em;
}
#recruit dt {
    font-weight: bold;
}
#recruit dd {
    margin: -2em 0 0 100px;
}
/***** お問い合わせ *****/
#inquiry p {
    line-height: 2em;
    padding: 10px 0;
}
#inquiry iframe {
    margin: 10px 40px;
}

#navbar #Navbar1 iframe{ height:0px; display:none; visibility:hidden; }
