/** base **************************************************************************/
*{
	margin: 0;
	padding: 0;
	line-height: 1.5;
	color: #666;
	font-weight: normal;
	font-style: normal;
	}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	}
address{
	font-size: 85%;
	}
h1{
	font-size: 180%;
	}
h2{
	font-size: 120%;
	clear: both;
	}
img{
	border: none;
	vertical-align: top;
	}
ul{
	list-style: none;
	}
/** base end  *********************************************************************/
/** top layout *******************************************************************/
body{
	text-align: center;
	}	
#header{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	}
#container{
	width: 960px;
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: /**/960px;
	}
#primary{
	float: left;
	margin-left: 20px;
	width:720px;
	}	
#secondary{
	float: left;
	width: 200px;
	}
#footer{
	clear: both;
	margin: 0 auto;
	text-align: left;
	}
/** top layout end ****************************************************************/
body{
	background: #fff url(../image/body_back.jpg) repeat-x;
	}
/** header ************************************************************************/
#header{
	position: relative;
	}
#header h1{
	float: left;
	}
#header h1 a{
	display: block;
	width: 164px;
	height: 53px;
	text-indent: -9999;
	outline: none;
	background: url(../image/logo.jpg) no-repeat;
	margin-top: 30px;
	}
#header_banner{
	float: left;
	margin: 15 0 7 70;
	}

#header_menu{
	float: left;
	list-style: none;
	width: 150px;
	height: 60px;
	margin: 15 0 10 10;
	}
#header_menu li{
	float: left;
	margin-bottom: 10px;
	}
#header_menu a{
	display: block;
	width: 149px;
	height: 25px;
	float: left;
	text-indent: -9999;
	outline: none;
	}
#header_moushikomi a{
	background: url(../image/header_moushikomi.jpg) left top no-repeat;
	}
#header_moushikomi a:hover{
	background: url(../image/header_moushikomi.jpg) left bottom no-repeat;
	}
#header_contact a{
	background: url(../image/header_contact.jpg) left top no-repeat;
	}
#header_contact a:hover{
	background: url(../image/header_contact.jpg) left bottom no-repeat;
	}	
#header_sitemap{
	display: block;
	float: left;
	width: 124px;
	height: 25px;
	margin: 0 0 0 50;
	text-indent: -9999;
	background: url(../image/header_sitemap.jpg) no-repeat;
	}

/*global_navi***************************/

#global_navi{
	clear: both;
	width: 960px;
	height: 50px;
	background: url(../image/global_menu.jpg) right top repeat-x;	
	}
#global_navi li{
	float: left;
	}	
#global_navi li a{
	display: block;
	width: 145px;
	height: 50px;
	text-indent: -9999;
	outline: none;
	}
#global_navi #global_tv a{
	background: url(../image/global_menu.jpg) left top repeat-x;	
	}
#global_navi #global_tv a:hover{
	background: url(../image/global_menu.jpg) left bottom repeat-x;	
	}

#global_navi #global_net a{
	background: url(../image/global_menu.jpg) -145px top repeat-x;	
	}
#global_navi #global_net a:hover{
	background: url(../image/global_menu.jpg) -145px bottom repeat-x;	
	}

#global_navi #global_phone a{
	background: url(../image/global_menu.jpg) -290px top repeat-x;	
	}
#global_navi #global_phone a:hover{
	background: url(../image/global_menu.jpg) -290px bottom repeat-x;	
	}

#global_navi #global_user a{
	background: url(../image/global_menu.jpg) -435px top repeat-x;	
	}
#global_navi #global_user a:hover{
	background: url(../image/global_menu.jpg) -435px bottom repeat-x;	
	}

#global_navi #global_com a{
	background: url(../image/global_menu.jpg) -580px top repeat-x;	
	}
#global_navi #global_com a:hover{
	background: url(../image/global_menu.jpg) -580px bottom repeat-x;	
	}

/*global_navi end ************************/

#search{
	float: left;
	width: 225px;
	margin: 0 0 0 4;
	background: url(../image/poweredby_google.gif) right bottom no-repeat;
	}
#search #text{
	width: 160px;
	height: 20px;
	}
#search #submit_btn{
	margin-top: 5px;
	width: 45px;
	height: 22px;
	}
#search label{
	color: #e5e5e5;
	font-size: 85%;
	}

/*breadline***************************/

#breadline{
	clear: both;
	height: 27px;
	margin: 10 0;
	background: url(../image/gray_stripe.jpg);
	}
#breadline ul{
	
	}
#breadline ul li{
	float: left;
	color: #E4007F;
	margin: 0 10 0 5;
	font-weight: bold;
	}
#breadline ul li a{
	padding-right: 10px;
	}
#breadline ul li a:hover{
	color: #E4007F;
	}

/*breadline end **********************/


/** header end**************************************************************************/



/** container *****************************************************************************/

#container{
	clear: both;
	background: #fff;
	}

/** container end *************************************************************************/

/** primary ******************************************************************************/

#primary{
	}
#primary p{
	margin: 5 15 0 15;
	}
#primary p img{
	margin: 5 0 5 0;
	}
#primary .left_image{
	float: left;
	margin: 10 15;
	}
#primary .right_image{
	float: right;
	margin: 10 15;
	}

.color_blue{
	color: #00a0e9;
	}
.color_pink{
	color: #E4007F;
	}
.color_green{
	color: #79B702;
	}
.strong_blue{
	color: #00a0e9;
	font-weight: bold;
	}
.strong_pink{
	color: #E4007F;
	font-weight: bold;
	}
.strong_green{
	color: #79B702;
	font-weight: bold;
	}
.strong{
	font-weight:bold;
	}


h2{
	clear: both;
	background: url(../image/h2_title_pink.jpg) no-repeat;
	height: 30px;
	color: #fff;
	font-weight: bold;
	padding: 4 0 0 25;
	}
h2 a{
	color: #fff;
	font-weight: bold;
	}

h3{
	clear: both;
	background: url(../image/gray_stripe.jpg) ;
	font-size: 120%;
	height: 25px;
	color: #E4007F;
	font-weight: bold;
	border-bottom: 1px dotted #E4007F;
	margin: 10 10 0 10;
	padding: 0 0 0 5;
	}
h3 a{
	color: #E4007F;
	font-weight: bold;
	}

h4{
	clear: both;
	font-size: 115%;
	height: 22px;
	color: #E4007F;
	font-weight: bold;
	border-bottom: 1px dotted #E4007F;
	margin: 10 10 0 10;
	padding: 0 0 0 5;
	}
h4 a{
	color: #E4007F;
	font-weight: bold;
	}

.basic_table{
	font-size: 100%;
	margin: 5 15 5 15;
	background: #999;
	}
.basic_table caption{
	font-size: 110%;
	color: #00a0e9;
	}
.basic_table th{
	background: #f4f4f4;
	padding: 2px;
	}
.basic_table td{
	background: #fff;
	padding: 2px;
	}

.basic_list{
	margin: 5 15 0 15;
	list-style-position: inside;
	list-style-type: circle;
	}

.basic_dl{
	margin: 5 15 0 15;
	}
.basic_dl dt{
	color: #E4007F;
	}

/** primary end****************************************************************************/

/** secondary *****************************************************************************/
#secondary{
	background: #fff;
	}
#secondary img{
	margin-bottom: 10px;
	}
#tertiary_menu_head{
	background: url(../image/user_menu_head.jpg) no-repeat;
	width: 200px;
	height: 56px;
	}
#tertiary_menu a{
	display: block;
	width: 200px;
	height: 41px;
	line-height: 41px;
	text-decoration: none;
	padding-left: 10px;
	background: url(../image/secondary_menu_pink.jpg) left top no-repeat;
	}
#tertiary_menu a:hover{
	color: #fff;
	background: url(../image/secondary_menu_pink.jpg) 0 -58px no-repeat;
	}
#tertiary_menu_bottom{
	background: url(../image/secondary_menu_bottom.jpg) no-repeat;
	width: 200px;
	height: 45px;
	}
#tertiary_menu li #user_menu_top{
	display: block;
	width: 200px;
	height: 41px;
	outline: none;
	text-indent: -9999;
	background: url(../image/user_menu_top.jpg) left top no-repeat;
	margin-bottom: 1px;
	}
#tertiary_menu li #user_menu_top:hover{
	background: url(../image/user_menu_top.jpg) left bottom no-repeat;
	}

#secondary object{
	margin: 10 0 0 6;
	}
.other_list{
	clear: both;
	width: 200px;
	margin: 5 0 20 0;
	}
.other_list li{
	border: 1px solid #fff;
	}
.other_list li a{
	display: block;
	margin: 2 0 2 0;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	background: url(../image/arrow_blue_white.gif) left center no-repeat;
	padding-left: 15px;
	}
.other_list li a:hover{
	color: #00a0e9;
	text-decoration: underline;
	}
/** secondary end *************************************************************************/

/** pagetoo *******************************************************************************/

.pagetop{
	clear: both;
	width: 960px;
	margin: 0 auto;
	}
.pagetop a{
	display: block;
	width: 105px;
	height: 15px;
	margin-left: 840px;
	text-indent: -9999;
	outline: none;
	background: url(../image/pagetop.gif) 0px 0px no-repeat;
	}
.pagetop a:hover{
	background: url(../image/pagetop.gif) 0px -20px no-repeat;
	}


/** pagetop end ***************************************************************************/


/** footer  ******************************************************************************/
#footer{
	background: #1C1C1C url(../image/footer_back.jpg) left bottom repeat-x;
	text-align: center;
	height: 208px;
	margin-top: 10px;
	}
#footer_contents{
	width: 960px;
	height: 200px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: #383838;
	}
#footer_menu{
	}
#footer_menu ul{
	width: 135px;
	height: 180px;
	float: left;
	margin: 10 0 10 12;
	background: url(../image/line_black.jpg) right top repeat-y;
	}
#footer_menu ul li{
	line-height: 1.8;
	}
#footer_menu #info_list{
	width: 180px;
	float: left;
	background: none;
	}
#footer_menu #info_list .list_title{
	color: #00A0E9;
	padding-left: 0px;
	font-size: 15px;
	font-weight: bold;
	margin-left: 1px;
	}
#footer_menu ul li a{
	background: url(../image/arrow_blue_black.jpg) left center no-repeat;
	padding-left: 13px;
	color: #00A0E9;
	}
#footer_menu ul .list_title a{
	color: #00A0E9;
	padding-left: 0px;
	background: none;
	font-size: 15px;
	font-weight: bold;
	margin-left: 1px;
	}
#footer_menu ul li a{
	color: #B5B5B5;
	text-decoration: none;
	}
#footer_menu ul li a:hover{
	color: #fff;
	text-decoration: underline;
	}

address{
	color: #B5B5B5;
	background: #828282;
	width: 310px;
	height: 200px;
	float: right;
	}
address p{
	color: #333;
	font-weight: bold;
	font-size: 13px;
	width: 290px;
	height: 100px;
	margin: 85 0 0 10;
	}
address p sup{
	color: #333;
	font-weight: bold;
	}
address p a{
	display: block;
	width: 200px;
	height: 34px;
	background: url(../image/cityvision_logo.gif) no-repeat;
	text-indent: -9999;
	outline: none;
	}
#copyright{
	clear: both;
	color: #00A0E9;
	background: #f4f4f4;
	font-weight: bold;
	font-size: 90%;
	}

/** footer end *************************************************************************/

/** ユーザートップページ *************************************************************/

#cablenavi_big{
	width: 528px;
	height: 80px;
	margin-bottom: 10px;
	float: right;
	}
#FlashID{
	float: left;
	}
#maintenance_table{
	font-size: 100%;
	clear:both;
	width: 680px;
	margin: 10 5 15 15;
	border: 1px solid #e4007f;
	background: #f4f4f4;
	}
#maintenance_table td{
	background: #f00 url(../image/gray_stripe.jpg);
	}

.banner_area{
	clear:both;
	margin: 10 0 10 15;
	}
.banner_area img{
	margin: 0 7 0 0;
	}
#user_contents_list{
	margin: 10 0 10 15;
	}
	
#user_contents_list ul{
	width: 220px;
	float: left;
	margin: 0 8 0 0;
	padding-bottom:10px;
	background: #f4f4f4;
	}
#user_contents_list ul li{
	border-bottom: 1px dotted #ccc;
	line-height: 2;
	}

	
#user_contents_list #tv_list{
	background: url(../image/set_price_tv_title.gif) left top no-repeat;
	padding-top: 30px;
	}
#user_contents_list #tv_list li a{
	background: url(../image/arrow_pink_white.gif) left center no-repeat;
	padding-left: 15px;
	text-decoration: none;
	}
#user_contents_list #tv_list li a:hover{
	color: #E4007F;
	text-decoration: underline;
	}
	
	
#user_contents_list #net_list{
	background: url(../image/set_price_net_title.gif) left top no-repeat;
	padding-top: 30px;
	}
#user_contents_list #net_list li a{
	background: url(../image/arrow_blue_white.gif) left center no-repeat;
	padding-left: 15px;
	text-decoration: none;
	}
#user_contents_list #net_list li a:hover{
	color: #00a0e9;
	text-decoration: underline;
	}


#user_contents_list #phone_list{
	background: url(../image/set_price_phone_title.gif) left top no-repeat;
	padding-top: 30px;
	}
#user_contents_list #phone_list li a{
	background: url(../image/arrow_green_white.gif) left center no-repeat;
	padding-left: 15px;
	text-decoration: none;
	}
#user_contents_list #phone_list li a:hover{
	color: #79b702;
	text-decoration: underline;
	}

/** 追加20100226 **/

#maintenance_table2{
	font-size: 100%;
	clear:both;
	width: 680px;
	margin: 0 5 0 15;
	border: 1px solid #e4007f;
	background: #f4f4f4;
	}

#maintenance_table3{
	font-size: 100%;
	clear:both;
	width: 680px;
	margin: 3 5 10 15;
	border: 1px solid #7bb805;
	background: #f4f4f4;
	}


/** ユーザートップページ end***********************************************************/


/** よくあるご質問 *************************************************************/

.faq_list{
	float: left;
	width: 325px;
	margin: 10 5 10 15;
	}
.faq_list li{
	border: 1px solid #fff;
	}
.faq_list li a{
	display: block;
	margin: 2 0 2 0;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	}
.faq_list li a:hover{
	color: #00a0e9;
	background: #f4f4f4;
	}

.faq_list li a span{
	color: #00a0e9;
	font-weight: bold;
	font-size: 15px;
	margin-right: 5px;
	}
	
.category_btn{
	float: left;
	color: #f4f4f4;
	font-size: 16px;
	font-weight: bold;
	margin: 10 10 10 15;
	padding: 17 0 0 20;
	display: block;
	width: 300px;
	height: 43px !important;
	height: 60px;
	text-decoration: none;
	background: url(../image/pink_b300_btn.jpg) top left no-repeat;
	}

.category_btn:hover{
	color: #fff;
	background: url(../image/pink_b300_btn.jpg) bottom left no-repeat;
	}

.q_title a{
	display: block;
	clear: both;
	font-weight: bold;
	border-bottom: 1px dotted #00a0e9;
	margin: 20 10 0 5;
	font-size:120%;
	color: #00a0e9;
	font-weight: bold;	
	}
.a_title{
	font-size: 100%;
	color: #E4007F;
	font-weight: bold;
	margin-right: 5px;
	padding-left: 5px;
	}
.a_title span{
	font-size: 140%;
	color: #E4007F;
	font-weight: bold;
	margin-right: 5px;
	padding-left: 5px;
	}

.faq_a{
	width: 650px;
	margin: 10 10 0 30;
	padding: 5px;
	background: #f4f4f4;
	}
.faq_table{
	background: #999;
	font-size: 90%;
	margin: 5 5 5 40;
	}
.faq_table th{
	color: #fff;
	padding: 2px;
	text-align: center;
	background: #666;
	}

.faq_table td{
	background: #fff;
	padding: 2px;
	text-align: center;
	}

.go_top{
	width: 100px;
	float: right;
	}
.go_top a{
	color: #E4007F;
	}

/** よくあるご質問 end**********************************************************/

/** 契約内容の変更 *************************************************************/

.keiyakuhenkou_list_tv,
.keiyakuhenkou_list_net,
.keiyakuhenkou_list_phone
{
	float: left;
	width: 325px;
	margin: 10 10 20 15;
	}
.keiyakuhenkou_list_tv li,
.keiyakuhenkou_list_net li,
.keiyakuhenkou_list_phone li
{
	border: 1px solid #fff;
	}
.keiyakuhenkou_list_tv li a{
	display: block;
	margin: 2 0 2 0;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	background: url(../image/arrow_pink_white.gif) left center no-repeat;
	padding-left: 15px;
	}
.keiyakuhenkou_list_tv li a:hover{
	color: #e4007f;
	text-decoration: underline;
	}

.keiyakuhenkou_list_net li a{
	display: block;
	margin: 2 0 2 0;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	background: url(../image/arrow_blue_white.gif) left center no-repeat;
	padding-left: 15px;
	}
.keiyakuhenkou_list_net li a:hover{
	color: #00a0e9;
	text-decoration: underline;
	}

.keiyakuhenkou_list_phone li a
{
	display: block;
	margin: 2 0 2 0;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	background: url(../image/arrow_green_white.gif) left center no-repeat;
	padding-left: 15px;
	}
.keiyakuhenkou_list_phone li a:hover{
	color: #79b702;
	text-decoration: underline;
	}
.keiyakuhenkou_title{
	clear:both;
	height: 20px;
	}
.inline_image{
	vertical-align: middle;
	}
.basic_table .strong{
	background: #D0F299;
	}
/** 契約内容の変更 end　********************************************************/

/** ぶんぶんテレビ様追加 *******************************************************/
.go_form_btn{
	display: block;
	text-indent: -9999;
	outline: none;
	width: 636px;
	height: 69px;
	margin: 30 0 30 45;
	background: url(../image/go_moushikomi_form.gif) left top repeat-x;
	}

.pageLink{
	float: right;
	color: #f4f4f4;
	font-size: 16px;
	font-weight: bold;
	margin: 10 10 10 15;
	padding: 17 0 0 20;
	display: block;
	width: 300px;
	height: 43px !important;
	height: 60px;
	text-decoration: none;
	background: url(../image/pink_b300_btn.jpg) top left no-repeat;
	}

.pageLink:hover{
	color: #fff;
	background: url(../image/pink_b300_btn.jpg) bottom left no-repeat;
	}

#primary .formTable{
	width: 690px;
	margin: 20 0 30 20;
	font-size: 100%;;
	}
#primary .formTable th{
	background: #f4f4f4;
	text-align: right;
	vertical-align: top;
	padding: 5;
	border-bottom: 1px solid #fff;
	}
#primary .formTable td{
	padding: 5;
	vertical-align: center;
	}
#primary .formTable td img{
	vertical-align: middle;
	margin: 0 5;
	}
#primary .formTable td .ex{
	color: #79b702;
	font-size: 85%;;
	}
#primary td.line{
border-bottom:dashed #cccccc 1px}
}

#primary .formTable #check,
#primary .formTable #reset{
	width: 120px;
	margin-right: 10px;
	}
#primary .form_complete{	
	text-align: center;
	width: 720px;
	}
#primary .form_complete p{	
	margin: 0 auto;
	font-size: 110%;
	}
.inline_image{
	vertical-align:middle;
	}
textarea{
	font-size: 12px;
	}
.check_point{
	background: #F7DAE3;
	}


/** ぶんぶんテレビ様追加 end ****************************************************/