@charset "utf-8";
/*========================================================
Site Name   :: ひかりＴＶ SOCCER
Site URL    :: http://soccer.hikaritv.net
Description :: サブコンテンツのCSS
Author      :: by ひかりＴＶ SOCCER - N.j.U
Last Up Date:: 2008-03-31
========================================================*/

/*========================================================
  0: NAVIGATION
  1: PAGE TITLE
  2: MAIN CONTENT AREA
  3: 会社概要
  4: プライバシーポリシー
  5: 利用規約
  6: お問い合わせ
  7: よくある質問　&　旧サイトをご利用の方へ
  8:お申し込み方法
========================================================*/

/*
===== 0: NAVIGATION ==========================================
*/

#contentNavi {
  width: 180px;
  margin: 0 auto 0 auto;
  background-image: url(/img/subcontents/nav_subcontents.gif);
  background-repeat: no-repeat;
}

#contentMenu h2 {
  height: 16px;
  background-image: url(/img/subcontents/nav_subcontents_header.gif);
  background-repeat: no-repeat;
}

#contentNavi .navBottom {
  height: 24px;
  background-image: url(/img/subcontents/nav_subcontents_bottom.gif);
  background-repeat: no-repeat;
}

/*メニュー項目が増えた際、高さを変更する*/
#contentNavi ul {
  list-style: none;
  height: 209px;
  margin: 0;
  padding: 0;
}

#contentNavi li, #contentNavi a {
  display:block;
  width: 180px;
  height: 21px;
  padding: 0;
}

#contentNavi li {
  float: left;
  display: block;
}

#contentNavi a {
  text-decoration: none;
  background-repeat: no-repeat;
  overflow: hidden;
  background-image: url(/img/subcontents/nav_subcontents.gif);
}

/*normal*/
#nav-about a {  background-position: 0 0; }
#nav-old a {  background-position: 0 21px; }
#nav-order a {  background-position: 0 63px; }
#nav-howto a {  background-position: 0 84px; }
#nav-inquiry a {  background-position: 0 105px; }
#nav-faq a {  background-position: 0 126px; }
#nav-company a {  background-position: 0 147px; }
#nav-privacy a {  background-position: 0 168px; }
#nav-legal a {  background-position: 0 189px; }
#nav-sitemap a {  background-position: 0 210px; }

/*hover*/
#nav-about a:hover { background-position: -180px 0; }
#nav-old a:hover { background-position: -180px -21px; }
#nav-order a:hover { background-position: -180px -42px; }
#nav-howto a:hover { background-position: -180px -63px; }
#nav-inquiry a:hover { background-position: -180px -84px; }
#nav-faq a:hover { background-position: -180px -105px; }
#nav-company a:hover { background-position: -180px -126px; }
#nav-privacy a:hover { background-position: -180px -147px; }
#nav-legal a:hover { background-position: -180px -168px; }
#nav-sitemap a:hover { background-position: -180px -189px; }

/*here*/
body#about #nav-about a { background-position: -180px 0; }
body#old #nav-old a { background-position: -180px -21px; }
body#order #nav-order a { background-position: -180px -42px; }
body#howto #nav-howto a { background-position: -180px -63px; }
body#inquiry #nav-inquiry a { background-position: -180px -84px; }
body#faq #nav-faq a { background-position: -180px -105px; }
body#company #nav-company a { background-position: -180px -126px; }
body#privacy #nav-privacy a { background-position: -180px -147px; }
body#legal #nav-legal a { background-position: -180px -168px; }
body#sitemap #nav-sitemap a { background-position: -180px -189px; }

/*
===== 1: PAGE TITLE ==========================================
*/

/* ページタイトル */
body#company #contentMain h2,
body#old #contentMain h2,
body#privacy #contentMain h2,
body#legal #contentMain h2,
body#inquiry #contentMain h2,
body#faq #contentMain h2,
body#howto #contentMain h2,
body#sitemap #contentMain h2,
body#order #contentMain h2,
body#about #contentMain h2 {
  width: 280px;
  height: 24px;
  margin: 0 0 5px 0;
}

body#company #contentMain h2 {background: url(/img/subcontents/company.gif) no-repeat;}
body#old #contentMain h2 {background: url(/img/subcontents/old.gif) no-repeat;}
body#privacy #contentMain h2 {background: url(/img/subcontents/privacy.gif) no-repeat;}
body#legal #contentMain h2 {background: url(/img/subcontents/legal.gif) no-repeat;}
body#inquiry #contentMain h2 {background: url(/img/subcontents/inquiry.gif) no-repeat;}
body#faq #contentMain h2 {background: url(/img/subcontents/faq.gif) no-repeat;}
body#howto #contentMain h2 {background: url(/img/subcontents/howto.gif) no-repeat;}
body#sitemap #contentMain h2 {background: url(/img/subcontents/sitemap.gif) no-repeat;}
body#order #contentMain h2 {background: url(/img/subcontents/order.gif) no-repeat;}
body#about #contentMain h2 {background: url(/img/subcontents/about.gif) no-repeat;}


/*H3タイトル*/
#contentBody h3 {
  min-height: 24px;
  padding: 5px 0 0 35px;
  margin: 20px 0 5px 0;
  background: url(/img/subcontents/h3_title.gif) no-repeat;
  background-color: #000;
  border-top: solid 1px #666;
  border-bottom: solid 1px #444;
}

/*H4タイトル*/
#contentBody h4 {
  margin: 40px 0 10px 0;
  padding: 3px 0 0 5px;
  border-left: solid 10px #00A3CF;
  background-color: #333;
}

/*H5タイトル*/
#contentBody h5 {
  color: #00AFDF;
  margin: 20px 0 5px 0;
  line-height: 1.5;
}


/*
===== 2: MAIN CONTENT AREA ==========================================
*/

/*サブコンテンツ::メインコンテンツ領域枠線*/
#contentBody{
  border: solid 1px #666666;
  padding: 10px;
  background-color: #111;
}

/*サブコンテンツ::リストの設定*/
#contentBody ul,
#contentBody ul li,
#contentBody ol li ul li {
  list-style-type:none;
  line-height: 1.8;
  margin: 0 0 10px 0;
}

#contentBody ol,
#contentBody ol li {
  list-style-type: decimal;
  margin: 0 0 10px 0;
}

#contentBody ul {
  margin: 0;
  padding: 0;
}

#contentBody ol {
  margin: 10px 0 10px 0;
  padding: 0 0 0 30px;
}

#contentBody p {
  line-height:1.8;
}


/*=============================================================
3::会社概要
==============================================================*/

#company #contentBody table {
  border-collapse: collapse;
}


#company #contentBody table caption{
  height: 30px;
  text-align: left;
}

#company #contentBody table th {
  vertical-align:top;
  width:150px;
  padding:15px;
  padding-left:0;
  border-top:1px dotted #999;
  vertical-align:top;
  font-weight:bold;
}

#company #contentBody table td {
  padding:15px;
  padding-left:0;
  border-top:1px dotted #999;
}

/*=============================================================
4:プライバシーポリシー
==============================================================*/
#contentBody .textRight,
#contentBody .textRight ul,
#contentBody .textRight ul li {
  text-align:right;
  margin: 0 0 5px 0;
}


/*=============================================================
5:利用規約
==============================================================*/
#legal .legalListArea{
  margin: 10px 0 0 0;
}

#legal .legalListArea p{
  color: #00AFDF;
  margin: 0 0 5px 0;
  line-height: 1.5;
  font-weight: bold;
}

#legal .legalList{
  border: solid 1px #666;
  margin: 0 0 10px 0;
  padding-top: 10px;
}

#contentBody dl {
  margin: 10px 0 20px 0;
}

/*第3条（用語の定義）テーブル*/
#legal #contentBody table {
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  border-collapse: collapse;
  background-color: #222;
}

#legal #contentBody caption {
  height: 30px;
}

#legal #contentBody th {
  text-align: center;
  border-bottom: solid 1px #666;
  border-left: solid 1px #666;
  background-color: #000;
  margin: 0;
  padding: 0;
}

#legal #contentBody table td {
  border-bottom: solid 1px #666;
  border-left: solid 1px #666;
  padding: 10px 5px;
}

/*用語横幅*/
#legal .word {
    width: 200px;
}


/*=============================================================
6:お問い合わせ ＆ 旧サイトをご利用の方へ
==============================================================*/
#inquiry .inquiryHikaritvgo,
#old .inquiryHikaritvgo {
  margin: 20px auto 20px auto;
  text-align: center;
}

#inquiry .inquiryHikaritvgo img,
#old .inquiryHikaritvgo img{
  border: solid 5px #111;
}

/*=============================================================
7:よくある質問
==============================================================*/

#faq .faqList {
  margin: 20px 0 20px 0;
  padding: 20px 0;
  border-bottom: dashed 1px #666;
}

#faq .faqQ {
  background-image: url(/img/subcontents/faq_q.gif);
  background-repeat: no-repeat;
  padding: 0 0 0 30px;
  margin: 0 0 10px 0;
}

#faq .faqA {
  background-image: url(/img/subcontents/faq_a.gif);
  background-repeat: no-repeat;
  padding: 0 0 0 30px;
  margin: 0 0 15px 0;
}

#faq .faqListBack {
  text-align: right;
}

/*=============================================================
8:お申し込み方法
==============================================================*/

#contentBody .goOrder {
  margin: 60px auto;
  text-align: center;
}