@charset "utf-8";
/*
	Theme Name: TVK
	Theme URI: テーマのホームサイトの URI
	Description: テレビ岸和田 HP
	Author: ヴァイタル・インフォメーション株式会社
	Author URI: http://www.vitals.co.jp
	Version: 1.00
----------------------------------------------------------------------
	Changelog:
		ver 1.00 - 2015.02.27 リリース H.Takenaka
*/

/* 全体
**************************************************************/
html {
	width:100%;
}

body {
	width: 100%;
}

img {
	border-style:none;
	border:none;
	padding:0px;
}

#wrapper {
	font: 13px/1.231 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	background-position: top left;
	background-repeat: repeat-y;
	height: auto;
	width: 980px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#wrapper a:hover {
	text-decoration: none;
}

input, textarea {
	font: 99% "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

textarea {
	width: 500px;
}

/* フォントサイズ変更用クラス */
.fontsmall {
	font-size: 80%;
}

.fontmedium {
	font-size: 100%;
}

.fontlarge {
	font-size: 120%;
}

/* ページング用クラス */
.pagingnav {
	color: #2583ad;
	background:white;
	clear: both;
	line-height:2em;
	text-align:center;
	margin-bottom: 20px;
	padding-right: 15px;
}

a.page-numbers, .pagingnav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	font-size:smaller;
}

.pagingnav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight: bold;
}

.pagingnav .next {
	border:0 none;
	background-image: url("./images/common/next1_01.gif");
	font-size:smaller;
	font-weight:bold;
}

.pagingnav .prev {
	background-image: url("./images/common/back1_01.gif");
	font-size:smaller;
	font-weight:bold;
}

/* float解除 */
.clear {
	clear: both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.no_color {
	background-color: transparent !important;
}

.box_style li{
	background-color: #00bb00;
}

.box_style a {
	color: #FFFFFF;
	width: 250px;
	height: 200px;
	text-align: center;
}

/* テキスト非表示 */
.text_no_display {
/*	text-indent:100%;	*/
	white-space:nowrap;	
	overflow:hidden;	
	color:rgba(0,0,0,0);
}

/*  */
.f_left {
	float: left;
}

.mt_0 {
	margin-top: 0px;
}

.mt_10 {
	margin-top: 10px;
}

.ml_5 {
	margin-left: 5px;
}

.ml_15 {
	margin-left: 15px;
}

.mr_5 {
	margin-right: 5px;
}

.mr_10 {
	margin-right: 10px;
}

.mr_15 {
	margin-right: 15px;
}

.mb_0 {
	margin-bottom: 0px;
}

.mb_5 {
	margin-bottom: 5px;
}

.mb_10 {
	margin-bottom: 10px;
}

/* レイアウト
**************************************************************/
/**** 全体 ****/
#main {
	height: auto;
	min-height:255px;
	width: 980px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

/**** メインコンテンツ領域 ****/
#main_contents {
	width: 780px;
	float: left;
	min-height: 500px;
	padding: 5px;
}

/**** 右コンテンツ領域 ****/
#right_contents {
	float: left;
	margin: 0px 0px 0px 0px;/* 外側スペース 上 右 下 左 */
	padding: 0px 0px 0px 0px;/* 内側スペース 上 右 下 左 */
	width: 185px;
	min-height: 500px;
}

/* ヘッダー 画像位置等修正
**************************************************************/
#header {
	background-repeat: repeat-x;
	background-position: bottom left;
	margin:                0px 0px 5px 0px; /* 外側スペース 上 右 下 左 */
	padding:               0px 0px 0px 0px; /* 内側スペース 上 右 下 左 */
}

/* 右上ナビゲーション修正 */
#header_navigation {
	font-size: 131%; /* 17px */
	position: absolute;
	top: 5px;
	width: 980px;
}

.header_menu {
	position: static;
	width: auto;
	float: right;
	top: -130px;
	left: 750px;
}

.header_menu > ul {
}

.header_menu li {
	float: right;
	margin: 0px 10px 0px 0px; /* 外側スペース 上 右 下 左 */
}

.header_menu ul > li > a {
}

#logo {
}

#logo a {
	display: block;
}

#logo img {
}

/* グローバルナビゲーション
**************************************************************/
#global_navigation {

}

.global_menu {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

.global_menu ul {
}

.global_menu li {
	float: left;
	margin: 0px 2px 10px 3px; /* 外側スペース 上 右 下 左 */
	width: 186px;
	background: -prefix-linear-gradient(top, #fffffb, #fdec5e);
	background: linear-gradient(to bottom, #fffffb, #fdec5e);
	border: 2px solid #ebe99c;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}

.global_menu li:last-child {
	margin: 0px 7px 10px 3px; /* 外側スペース 上 右 下 左 */
}

.global_menu li a {
	text-align: center;
	padding: 0px 14px 0px 14px;/* 内側スペース 上 右 下 左 */
	display: table-cell;
	vertical-align: middle;
	font-size: 19px; /* ※フォントサイズ指定にかかわらず固定 */
	font-weight: bold;
	line-height: 21px;
	width: 186px;
	height: 58px;
}

.slides {
	padding: 0;
}

/* パンくず
**************************************************************/
.breadcrumb {
	font-size: 123.1%; /* 16px */
	margin: -5px 0px 0px 3px; /* 外側スペース 上 右 下 左 */
	padding: 5px;
}

.breadcrumb a {
	color: #258bf1;
}

/* フッター
**************************************************************/
#footer {
	background-color: #00bb00;
	color: #ffffff;
	height: auto;
	margin: 0 auto;
	font-size: 125%;
	overflow: hidden;
}

.footer_menu {
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    text-align: center;
}

ul.footer_menu {
	float: left;
	position: relative;
	left: 50%;
}

.footer_menu li {
	float: left;
	width: 120px;
	position:relative;
	left:-50%;
	margin:0px 5px 0px 5px; /* 外側スペース 上 右 下 左 */
}

ul.footer_menu >li > a {
	color:                 white;
}

ul.footer_menu >li > a:hover {
	color:                 black;
}

#copyright {
	font-size:             123.1%; /* 16px */
	color: #000000;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-repeat: repeat;
	background-position: top left;
}

/* トップページの画像ローテーション
**************************************************************/
#top_slider {
}

/* トップページ中央のアイコン画像メニュー
**************************************************************/
#contents_manu {
}

/* 新着情報・お知らせ
**************************************************************/
#news_contents {
}

#news_contents > h2 {
	font-size: 27px; /* ※フォントサイズ指定にかかわらず固定 */
}

#systemfault_contents {
}

#systemfault_contents > h2 {
	font-size: 27px; /* ※フォントサイズ指定にかかわらず固定 */
}

.info_title {
	background-image: url("./images/new.jpg");
}

.system_info_title {
	background-image: url("./images/trouble.jpg");
}

.info_list {
	font-size: 138.5%; /* 18px */
	height: 240px;
	margin-bottom: 10px;
	overflow: scroll;
}

.info_list ul{
	margin-left: 5px;
}

.info_list > ul > li {
	padding: 2px 0px 2px 0px;/* 内側スペース 上 右 下 左 */
	border-bottom: solid 1px #fabe99;
}

.info_list > ul > li:hover {
	background: #fae8dd;
}

.info_list > ul > li > a {
}

.info_list > ul > li > a:hover {
	color: black;
}

.info_list_all {
	font-size:             123.1%; /* 16px */
	text-align: right;
}

/* メイン部分のブロックメニュー
**************************************************************/
#top_link_contents {
	font-size: 138.5%; /* 18px ※#inner_contentsと揃えるため。*/
}

.box_style {
}

.box_style > ul {
}

.box_style > ul > li {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius:    15px;
}

.box_style > ul > li > a {
	margin: 10px 10px 10px 10px;/* 外側スペース 上 右 下 左 */
	width: 230px;
	height: 180px;
	text-align: left;
	color: white;
	font-size: 125.6%; /* 18px -> 23px ※#inner_contents、#top_link_contentsから変更 */
	font-weight: bold;
}

.box_style > ul > li > a:hover {
	color:                 #ccffcc;
}

.box_style > ul > li > a > img {
	position: relative;
	top: -10px;
	left: -10px;
}

/* トップページフリー領域
**************************************************************/
#top_contents {
	font-size:             146.5%; /* 19px */
}

/* 右コンテンツ
**************************************************************/
#right_contents li{
	margin-bottom: 10px;
}

div#right_contents > ul {
	margin:                0px 0px 0px 0px;/* 外側スペース 上 右 下 左 */
	padding:               0px 0px 0px 0px;/* 内側スペース 上 右 下 左 */
}

div#right_contents > ul > li {
	margin:                0px 0px 0px 0px;/* 外側スペース 上 右 下 左 */
	padding:               0px 0px 0px 0px;/* 内側スペース 上 右 下 左 */
}

div#right_contents > ul > li > a {
	margin:                0px 0px 0px 0px;/* 外側スペース 上 右 下 左 */
	padding:               0px 0px 0px 0px;/* 内側スペース 上 右 下 左 */
	max-width: 185px;
}

div#right_contents > ul > li > a > img {
	margin:                0px 0px 0px 0px;/* 外側スペース 上 右 下 左 */
	padding:               0px 0px 0px 0px;/* 内側スペース 上 右 下 左 */
}

/* サイドメニュー1（トップページ上段）※中のアイテムは別途指定 */
div.top_sidemenu1 {
}

/* ケーブルTVページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.tv_sidemenu {
}

/* インターネットページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.internet_sidemenu {
}

/* 電話ページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.phone_sidemenu {
}

/* データセンター・ビジネスページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.business_sidemenu {
}

/* データセンター・ビジネスページ専用バナー */
div.bunner {
}

/* お客様サポートページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.support_sidemenu {
}

/* 企業情報ページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.company_sidemenu {
}

/* 契約約款ページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.contract_sidemenu {
}

/* コミュニティページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.community_sidemenu {
}

/* お知らせページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.info_sidemenu {
}

/* よくある質問ページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.faq_sidemenu {
}

/* 予備カテゴリ1ページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.menu1_sidemenu {
}

/* 予備カテゴリ2ページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.menu2_sidemenu {
}

/* 予備カテゴリ3ページ専用サイドメニュー（下段） ※中のアイテムは別途指定 */
div.menu3_sidemenu {
}

/* バナー（トップページ右メニュー下段） */
div.top_bunner {
}

div.top_bunner p {
	padding-left: 0px;
}

/* サイトマップ
**************************************************************/
#sitemap_contents {
}

/* サイドメニュー1（トップページ上段）・TV専用ページサイドメニュー（下段）共通アイテム設定 */
div.container {
	text-align:            center;
	font-size:             116%; /* 15px */
	font-weight:           bold;
}

div.container > ul {
}

div.container > ul > li{
	border:                2px solid #ff6400;
	border-radius:         5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	background:            -prefix-linear-gradient(top, #fff467, #ff6400);
	background:            linear-gradient(to bottom, #fff467, #ff6400);
}

div.container > ul > li > a {
	padding:               10px 7px 10px 7px; /* 内側スペース 上 右 下 左 */
}

div.container > ul > li > a:hover {
	color:                 black;
}

/* サイドメニュー2（トップページ下段） */
div.top_sidemenu2 {
	text-align: center;
	font-weight: bold;
}

div.top_sidemenu2 > ul {
}

div.top_sidemenu2 > ul > li {
	border: 2px solid #0064ff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: -prefix-linear-gradient(top, #67f4ff, #0064ff);
	background: linear-gradient(to bottom, #67f4ff, #0064ff);
}

div.top_sidemenu2 > ul > li > a {
	padding: 10px 7px 10px 7px; /* 内側スペース 上 右 下 左 */
}

div.top_sidemenu2 > ul > li > a:hover {
	color: black;
}

/* ２階層目右上メニュー */
ul.second_menu {
	font-size: 116%; /* 16px */
	/* font-size: 123.1%; /* 16px */
	display: table;
	width: 185px;
}

/* 画像がある場合 */
li.image_menu {
	margin: 0px 0px 10px 0px !important;/* 外側スペース 上 右 下 左 */
	padding: 0px 0px 0px 0px;/* 内側スペース 上 右 下 左 */
	text-align: center;
}

li.image_menu > a {
}

li.image_menu > a > img {
}

/* 画像がない場合 */
li.no_image_menu {
	border: 2px solid #00bb00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0px 0px 10px 0px !important;/* 外側スペース 上 右 下 左 */
	padding: 2px 5px 2px 5px !important;/* 内側スペース 上 右 下 左 */
	background: #eeffee;
	font-weight: bold;
	width: 170px;
	min-height: 55px;
}

li.no_image_menu  > a {
	min-height: 55px;
}

/* ３階層目右上メニュー */
ul.third_menu {
	font-size: 116%; /* 15px */
	display: table;
	width: 185px;
}

li.txt_menu {
	padding: 2px 5px 2px 5px !important;/* 内側スペース 上 右 下 左 */
	border-top: 2px solid #00bb00;
	background: #eeffee;
}

li.txt_menu:last-child {
	margin: 0px 0px 10px 0px !important;/* 外側スペース 上 右 下 左 */
	border-bottom: 2px solid #00bb00;
}

li.txt_menu > a {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}

li.txt_menu > a:hover {
	color: black;
}

/* ページナビゲーション
**************************************************************/
.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight: bold;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}

/* 検索エリア
**************************************************************/
#search-box {
	background-color: #fff;
	padding:5px 5px;
	border:1px solid #bbb;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
			0 0 2px rgba(255, 255, 255, 0.3) inset,
			0 0 10px rgba(0, 0, 0, 0.1) inset,
			0 1px 20px rgba(0, 0, 0, 0.1);
	margin: 10px 0px;
	width: 173px;
	height:110px;
}

div#search-box > form {
	display: table;
	font-size: 15px; /* ※フォントサイズ指定にかかわらず固定 */
}

div#search-box > form > input {
}

input#s {
	padding: 2px 2px 2px 4px;/* 内側スペース 上 右 下 左 */
	background: #f3f3f3;
	border-radius: 6px 0px 0px 6px;/* 左上 右上 右下 左下 */
	-webkit-border-radius: 6px 0px 0px 6px;/* 左上 右上 右下 左下 */
	height: 19px;
	width: 118px;
	display: table-cell;
	float: left;
	border: solid 1px #888888;
}

input#submit {
	background: #cccccc;
	height: 25px;
	width: 47px;
	display: table-cell;
	float: left;
	border: solid 1px #888888;
	border-left: none;
	border-radius: 0px 6px 6px 0px;/* 左上 右上 右下 左下 */
	-webkit-border-radius: 0px 6px 6px 0px;/* 左上 右上 右下 左下 */
	font-weight: bold;
}

/* 検索結果ページ
**************************************************************/
div#search_result {
}

div.search_result {
	padding: 10px 10px 0px 10px; /* 内側スペース 上 右 下 左 */
}

div.search_result_title {
}

div.search_result_title > h3 {
	font-size: 153.9%; /* 20px */
	margin: 0px 0px 0px 0px; /* 外側スペース 上 右 下 左 */
	padding: 5px 0px 5px 10px; /* 内側スペース 上 右 下 左 */
	background: #ddddff;
}

div.search_result_title > h3 > a {
	color: #00019b;
}

div.search_result_title > h3 > a:hover {
	text-decoration: underline !important;
}

div.search_result_content {
	font-size: 131%; /* 17px */
	padding: 5px 0px 5px 20px; /* 内側スペース 上 右 下 左 */
	background: #eeeeff;
}

div.search_result_content > strong {
}

div.search_not_found, div.search_no_keyword {
	font-size: 131%; /* 17px */
	padding: 5px 0px 5px 20px; /* 内側スペース 上 右 下 左 */
}

strong.replaceKey {
}

div.tablenav {
	font-size:             131%; /* 17px */
}

/* 一覧ページ アイキャッチ画像（メイン）
**************************************************************/
img.thum_archive {
	width: 250px;
	height:200px;
}

/* 一覧ページ アイキャッチ画像（右サイド）
**************************************************************/
img.thum_right {
	width: 185px;
	height:148px;
}