@charset "utf-8";
/* ======================================================
(C)広島ホームテレビCSS Document 2015-07-30
====================================================== */

/*--------------------------
　　 R E S E T
---------------------------*/
*{margin:0;padding:0;box-sizing:border-box;}
div.pageBg {
    font-family:Verdana, “Hiragino Kaku Gothic ProN”, “游ゴシック”, YuGothic, Meiryo, sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: normal;
    font-style: normal;
}
div.pageBg li{list-style-type: none;}
div.pageBg hr{
  height:0px;
  margin:7px 0;
  border:none;
  border-top:1px solid #000;
}
div.pageBg  * html hr{/* for -IE6 */
  margin:0;
}
div.pageBg  *:first-child+html hr{/* for IE7 */
  margin:0;
}
div.pageBg {
    height: 100%; /* #containerのmin-heightに対して必要なもの */
    text-align: center;
}
div.pageBg a img {
    border-style:none;
}
div.pageBg img{max-width: 100%;height: auto;}
/* clearfix */
div.pageBg .clearfix:after,div.pageBg .row:after,div.pageBg #footer_03 ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
div.pageBg .clearfix,.row,div.pageBg #footer_03 ul {
/* display: inline-block; */
min-height: 1%;
}
div.pageBg .clear{clear: both;}

/*--------------------------
　　 L I N K
---------------------------*/
div.pageBg a{text-decoration: none;}
div.pageBg a:link{text-decoration: none;color: #1385B8;}
div.pageBg a:visited{color: #0C6F9B;}
#footer_02 li a:hover,#footer_02 li a:active{text-decoration: underline;}

/*--------------------------
　　 GLOBAL HEADER
---------------------------*/
#searchBox {
    width: 222px;
    height: 62px;
    margin-top: 20px;
    padding-top: 30px;
    background: url(/common/img/search_bg.jpg) left top no-repeat;
}
#searchBox input.search{
    width: 150px;
    height: 20px;
    margin-left: 10px;
    float: left;
    border: solid 1px #CCC;
}
/*--------------------------
　　 GLOBAL FOOTER
---------------------------*/
#FOOTER p {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    padding: 10px 0 5px;
    background-color: #fff;
}
#FOOTER p.copyright {
    background-color: #999;
    color: #fff;
    font-weight: bold;
}
  #footer_01 {
    width: 100%;
    background-color: #49B6DF;
    margin: 0 auto;
    height: auto;
    padding-bottom: 7px;}
    #footer_01 ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 0 8px;
    line-height: 1.6em;
  }
    #footer_01 ul li,#footer_01 ul li a{color: #FFF;}
    #footer_01 ul li.top_back a {
    background-image: url(/common/img/top_back.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 25px;
    display: block;
    font-size: 14px;}
    #footer_01 a:hover, #footer_01 li.top_back a:hover {color: #FC6;}
    #footer_02 li{display: inline-block;height: 28px;line-height: 28px;}
    #footer_02 li a {
    font-size: 12px;
    display: block;}
    #footer_03 ul {
    width: 1035px;
    margin: 0 auto;
    padding: 10px 0px 10px 42px;
    background-color: #F3F3F3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
    #footer_03 ul li {
    text-align: left;
    float: left;
    font-weight: bold;
    padding: 0 8px 5px 0;
    margin: 0;
    line-height: 1.6em;
    white-space: nowrap;}
    #footer_03 li a {
    display: block;
    color: #666;
    padding-left: 15px;
    text-decoration: none;
    background-image: url(http://home-tv.co.jp/company/images/mark/footer_gray.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
    font-size: 12px;
    width: 157.5px;
    letter-spacing: -0.5px;
    line-height: 1.5em;
    font-weight: normal;}
    #footer_03 li a:hover {
    color: #09c;
    background-image: url(http://home-tv.co.jp/company/images/mark/footer_blue.gif);}
/*--------------------------
   L A Y O U T
---------------------------*/
#pageBg{
    width: 100%;
    min-height: 79.5% !important;}
  #header #headBanner,#header #searchBox,#footer_01,#footer_02,#footer_03{display: block;}
  .accordion p.menubtn{display: none;}
  #header h1 {padding-top: 10px;}
  #headBanner {margin: 20px 0 0 147px;width: 468px;height: 60px;overflow: hidden;}
  #headBanner iframe{width: 100%;height: 100%;display: block;}
  #searchBox{float: right;}

/*For Tablet---------------------------------------*/
@media screen and (min-width: 640px){
  div.pageBg {min-width: 1035px;}
  .top_back{display: none;}
  .row{width: 1035px;margin: 0 auto;}
  .col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3.col-md-2,.col-md-1{float: left;display: block;overflow: hidden;}
  .col-md-12{width: 100%;}
  .col-md-11{width: 91.666666%;}
  .col-md-10{width: 83.333333%;}
  .col-md-9{width: 75%;}
  .col-md-8{width: 66.666666%;}
  .col-md-7{width: 58.333333%;}
  .col-md-6{width: 50%;}
  .col-md-5{width: 41.666666%;}
  .col-md-4{width: 33.333333%;}
  .col-md-3{width: 25%;}
  .col-md-2{width: 16.666666%;}
  .col-md-1{width: 8.333333%;}
  #menu {background-image: url(/common/img/menu/menu_bg.jpg);overflow: hidden;}
 div.pageBg .accordion ul{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}
 div.pageBg .accordion ul li{
    display: table-cell;
    border-right: solid 1px #FFF;
    border-left: solid 1px #FFF;
  }
 div.pageBg .accordion,ul.accordion li,ul.accordion li a{height: 35px;}
 div.pageBg .accordion li a{
    display: block;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    padding-top: 2px;
    width: 102.4px;
    height: 35px;
    line-height: 35px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  }
 div.pageBg .accordion li a:hover{background-image: url(/common/img/menu/menu_bghover.jpg);}
   #header {width: 1035px;margin: 0 auto;}
  #header h1,#headBanner{float: left;}
}

/*For SmartPhone---------------------------------------*/
@media screen and (max-width: 640px){
  div.pageBg .accordion a { 
    color: #FFF;
    display:block;
    padding:10px;
    background-position:97% center;
    text-decoration:none;
    font-weight:bold;
  }
  div.pageBg .accordion ul { display:none;}
  div.pageBg .accordion > li > p {
    color: #FFF;
    background-color: #666;
    cursor:pointer;
  }
  div.pageBg .accordion > li > ul > li {
    background:#999;
     border-bottom:1px solid #EEE;
 }
 div.pageBg .accordion > li > ul > li:hover{background-color: #818181;}
 div.pageBg .accordion > li > ul > li > ul > li:last-child { border:none;}
}