/* BPOCSS
----------------------------------------------------
    1. リンクテキスト
    2. 隠し要素
    3. 画像
    4. 回り込み解除
    5. 見出し,段落,div等ブロック要素マージン    
    6. ヘッダー
    7. メインメニュー
    8. コンテンツラップ
    9. ページトップへボタン
    
----------------------------------------------------
*/

/*  1. リンクテキスト
----------------------------------------------- */
/*
a:link{color:#3333CC;text-decoration:underline;}
a:visited{color:#3333CC;text-decoration:underline;}
a:hover{color:#3333CC;text-decoration:underline;}
a:link {    color: #205DE8; text-decoration: none;}
a:visited { color: #205DE8; text-decoration: none;}
a:active {  color: #205DE8; text-decoration: none;}
a:hover {   color: #205DE8; text-decoration:underline;}
*/
/*  2. 隠し要素
----------------------------------------------- */
.rmv
{
display:block;
position:absolute;
top:-9999px;
left:-9999px;
width:0px;
height:0px;
margin:0px;
padding:0px;
}
/*  3. 画像
----------------------------------------------- */
img {
margin: 0;
padding: 0;
border:none;
line-height: 0;
}
/*  4. 回り込み解除
----------------------------------------------- */
.clear{
clear:both;
}
.clear-fix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size:0;
}
.clear-fix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear-fix {height: 1%;}
.clear-fix {display: block;}
/* End hide from IE-mac */
/*  5. 見出し,段落,div等ブロック要素マージン
----------------------------------------------- */
#bpo-contentswrap h1{
padding:0px;
margin:0px;
}
#bpo-contentswrap h2{
padding:0px;
margin:0px;
background-image:none;
background: none;
border-top:none;
}
h2{
background-image:none;
background: none;
}
#bpo-contentswrap p{
margin:0px;
padding:0px;
}
#bpo-contentswrap ul{
list-style-image:none;
}
/*  6. ヘッダー
----------------------------------------------- */
#bpo-header{
    width:790px;
    height:141px;
    background-image:url(../assets/images/bpo/header.jpg);
    background-position:top;
    background-repeat:no-repeat;
}

/*----ロゴ-----*/
#bpo-logo{
width:395px;
height:79px;
float:left;
}

/*----お問い合わせ１-----*/
#bpo-otoiawase1{
height:141px;
width:307px;
float:right;
}

#bpo-otoiawase1 ul{
list-style-type:none;
margin:0px;
padding:0px;
width:307px;
height:141px;
background-image:url(../assets/images/bpo/tel1.jpg);
background-repeat:no-repeat; 
}
#bpo-otoiawase1 ul li{
margin:0px;
padding:0px;
width:307px;
display:block;
}
#bpo-otoiawase1 ul li a,#bpo-otoiawase1 ul li span{
margin:0px;
padding:0px;
display:block;
text-indent:-9999px;
text-decoration:none;
width:307px;
background-image:url(../assets/images/bpo/tel1.jpg);
background-repeat:no-repeat; 
}
/*----通常時-----*/
#bpo-otoiawase1 ul li#tel,#bpo-otoiawase1 ul li#tel span{height:89px; background-position:0px 0px;}
#bpo-otoiawase1 ul li#online,#bpo-otoiawase1 ul li#online a{height:52px;background-position:0px -89px;}
/*-----オーバー-----*/
#bpo-otoiawase1 ul li#online a:hover{background-position:-307px -89px;}

/*----お問い合わせ２-----*/
#bpo-otoiawase2{
height:235px;
width:590px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#bpo-otoiawase2 ul{
list-style-type:none;
margin:0px;
padding:0px;
width:590px;
}
#bpo-otoiawase2 ul li{
display:block;
text-indent:-9999px;
margin:0px;
padding:0px;
width:590px;
background-image:url(../assets/images/bpo/tel2.jpg);
background-repeat:no-repeat;
}
#bpo-otoiawase2 ul li a,#bpo-otoiawase2 ul li span{
margin:0px;
padding:0px;
display:block;
text-indent:-9999px;
text-decoration:none;
width:590px;
background-image:url(../assets/images/bpo/tel2.jpg);
background-repeat:no-repeat;
}
/*----通常時-----*/
#bpo-otoiawase2 ul li#tel2,#bpo-otoiawase2 ul li#tel2 span{height:172px;}
#bpo-otoiawase2 ul li#online2,#bpo-otoiawase2 ul li#online2 a{height:63px; background-position:0px -172px;}
/*-----オーバー-----*/
#bpo-otoiawase2 ul li#online2 a:hover{background-position:-590px -172px;}

/*  7. メインメニュー
----------------------------------------------- */
div#bpo-menu{
    clear:both;
    width:790px;
    height:72px;
    margin:0px;
    padding:0px;
    background-image:url(../assets/images/bpo/menu.jpg);
    }
div#bpo-menu ul{
    clear:both;
    list-style-type:none;
    height:72px;
    margin:0px;
    padding:0px;
    }
div#bpo-menu li{
    margin:0;
    float:left;}
div#bpo-menu li a{
    display:block;
    float:left;
    height:72px;
    background:url(../assets/images/bpo/menu.jpg);
    background-repeat:no-repeat;
    text-indent:-9999px;
    text-decoration:none;
    }
/*---メニュー部通常時---*/
div#bpo-menu #bpo-menu-1 a{width:269px;}
div#bpo-menu #bpo-menu-2 a{width:253px;background-position:-269px 0;}
div#bpo-menu #bpo-menu-3 a{width:268px;background-position:-522px 0;}
/*---メニュー部オーバー---*/
div#bpo-menu li#bpo-menu-1 a:hover,div#bpo-menu li#bpo-menu-1 span a{background-position:0px -72px;}
div#bpo-menu li#bpo-menu-2 a:hover,div#bpo-menu li#bpo-menu-2 span a{background-position:-269px -72px;}
div#bpo-menu li#bpo-menu-3 a:hover,div#bpo-menu li#bpo-menu-3 span a{background-position:-522px -72px;}

/*  8. コンテンツラップ
----------------------------------------------- */
#bpo-contentswrap{
width:790px;
margin:0px auto;
padding:0px 0px 0px 0px;
background-image:url(../assets/images/bpo/footer_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
text-align:center;
}
/*  9. ページトップへボタン
----------------------------------------------- */
#bpo-contentswrap p.ptop{
background-image:url(../assets/images/bpo/page_top.jpg);
background-position: right;
background-repeat:no-repeat;
padding:10px 20px 10px 0px;
margin:0px 10px 0px 0px;
text-align:right;
clear:both;
}