@charset "UTF-8";

/************************************************************
■タグ定義
************************************************************/
body {
  margin: 0;
  padding: 0;
  background: url(../images/body_bg.gif) left top #FAF1C8;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

img {
  border: none;
  vertical-align: top;
}

a {
  color: #333;
}

table {
  border-collapse: collapse;
}

/************************************************************
■回り込み解除
************************************************************/
.clr {
  clear: both;
  font-size: 0.1px;
}

/************************************************************
■全体
************************************************************/
#wrapper {
  width: 800px;
  margin: 0 auto;
  padding: 0 6px;
  background: url(../images/wrapper_bg.gif) repeat-y center top #fff;
}

/************************************************************
■ヘッダ
************************************************************/
#header {
  height: 50px;
  background: #B93F61;
  border-bottom: 2px solid #999;
}

#header h1 {
  float: left;
  margin: 0;
  padding: 2px 0 0 11px;
}

#header p {
  float: right;
  margin: 0;
  padding: 6px 11px 0 0;
}

/************************************************************
■グローバルナビ
************************************************************/
#g_navi {
}

#g_navi ul {
  list-style-type: none;
  height: 40px;
  margin: 0;
  padding: 0;
}

#g_navi ul li {
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

#g_navi ul li a {
  display: block;
  height: 40px;
  background-repeat: no-repeat;
}

#g_navi ul li.navi_01 a {
  width: 162px;
  background-image: url(../images/g_menu_01_on.gif);
}

#g_navi ul li.navi_02 a {
  width: 159px;
  background-image: url(../images/g_menu_02_on.gif);
}

#g_navi ul li.navi_03 a {
  width: 160px;
  background-image: url(../images/g_menu_03_on.gif);
}

#g_navi ul li.navi_04 a {
  width: 160px;
  background-image: url(../images/g_menu_04_on.gif);
}

#g_navi ul li.navi_05 a {
  width: 159px;
  background-image: url(../images/g_menu_05_on.gif);
}

/* マウスオーバー */
#g_navi li a:hover {
  background-color: transparent;
}

#g_navi ul li a:hover img {
  visibility: hidden;
}

/* カレント */
#top #g_navi li.navi_01 a img,
#catv #g_navi li.navi_02 a img,
#net #g_navi li.navi_03 a img,
#ppch #g_navi li.navi_04 a img,
#guide #g_navi li.navi_05 a img {
  display: none;
}

/************************************************************
■サブヘッダ
************************************************************/
#sub_header {
  width: 100%;
  height: 170px;
  margin: 0 0 7px 0;
}

#sub_header #image {
  float: left;
  width: 640px;
}

#sub_header h2 {
  margin: 0;
  padding: 0;
}

#sub_header ul {
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0 3px 0 2px;
}

#sub_header ul li {
  width: 155px;
  margin: 0;
  padding: 0;
}

/************************************************************
■コンテンツ
************************************************************/
#contents {
  clear: both;
  width: 800px;
  margin: 12px 0 0 0;
}

/************************************************************
■サイド
************************************************************/
#side {
  float: left;
  width: 175px;
  padding: 0 21px 0 12px;
}

/* ローカルナビ */
#l_navi {
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #666;
}

#l_navi h2 {
  margin: 0;
  padding: 0;
}

#l_navi ul {
  width: 175px;
  margin: 0;
  padding: 0;
}

#l_navi ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#l_navi ul li a {
  display: block;
  width: 175px;
  height: 25px;
}

/* マウスオーバー */
#l_navi ul li a:hover {
  background-color: transparent;
}

#l_navi ul li a:hover img {
  visibility: hidden;
}

/* ボタン */
#side .button {
  margin: 0 0 8px 0;
}

/* バナー */
#side .banner {
  margin: 0 0 12px 0;
}

/* 社名・住所 */
#side address {
  margin: 0 0 12px 0;
  font-size: 75%;
  font-style: normal;
  line-height: 1.33;
}

#side address strong {
  font-size: 120%;
}

/* よくあるご質問 */
#side .menu_faq {
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #666;
}

#side .menu_faq h2 {
  margin: 0;
  padding: 0;
}

#side .menu_faq ul {
  list-style-type: none;
  margin: 0;
  padding: 5px 0 8px 9px;
  background: url(../images/side_menu_faq_btm.gif) center bottom no-repeat #f0f0f0;
}

#side .menu_faq ul li {
  margin: 0;
  padding: 0 0 1px 17px;
  background: url(../images/side_menu_faq_icon.gif) 0em 0.5em no-repeat;
  font-size: 80%;
  line-height: 1.5;
}

#side .menu_faq ul li a {
  color: #369;
}

/************************************************************
■メイン
************************************************************/
#main {
  float: left;
  width: 585px;
}

/* パンくず */
#t_path {
  margin: 0 0 15px 0;
  font-size: 80%;
  line-height: 1.5;
}

#t_path a {
  color: #369;
}

/* 本文 */
#main_body {
  padding: 0 0 0 4px;
  font-size: 80%;
  line-height: 1.5;
}

/************************************************************
■フッタ
************************************************************/
#footer {
}

#footer_menu {
  padding: 27px 12px 0 12px;
  font-size: 80%;
  line-height: 1.5;
}

/* ページの先頭へ */
.pagetop {
  margin: 0 0 4px 0;
  text-align: right;
}

.pagetop a {
  padding: 0 0 0 13px;
  background: url(../images/footer_pagetop_icon.gif) left center no-repeat;
}

#main_body .pagetop {
  margin: 0 0 25px 0;
  padding: 0 21px 0 0;
}

#footer_menu .pagetop {
  padding: 0 16px 0 0;
}

/* 前のページへ */
.pageback {
  margin: 0 0 4px 0;
  text-align: right;
}

.pageback a {
  padding: 0 0 0 13px;
  background: url(../images/footer_pageback_icon.gif) left center no-repeat;
}

#main_body .pageback {
  margin: 0;
  padding: 0 21px 0 0;
}

/* フッタメニュー */
#footer_menu ul {
  margin: 0 0 6px 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
}

#footer_menu ul li {
  display: inline;
  padding: 0 7px;
  border-right: 1px solid #333;
}

#footer_menu ul li.first {
  border-left: 1px solid #333;
}

/* コピーライト */
#copyright {
  height: 12px;
  padding: 4px 0 5px 0;
  background: #b93f61;
  font-size: 80%;
  line-height: 1;
  text-align: center;
}