@charset "utf-8";
@import url(base.css);

#hotnews {
	height: 30px;
	overflow: hidden;
	margin-bottom: 15px;
	border-bottom: 1px solid white;
	box-shadow: inset 0 2px 5px #80c7d2;
	-webkit-box-shadow: inset 0 2px 5px #80c7d2;
	-moz-box-shadow: inset 0 2px 5px #80c7d2;
	background: url(design-image/portal/hotnewsbg.gif) no-repeat #C0EAEB;
}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
height: 30px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 100px;
top: 6px;
width: 870px;
overflow: hidden;
margin: 0;
height: 24px;
}
ul.newsticker { /* that's your list */
position: relative;
left: 970px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
transition-duration:.3s;
}
ul.newsticker a:hover{
	text-decoration: none;
	color: #85b7c0;
	text-shadow: 0 0 5px white;
}
ul.newsticker span {
margin: 0 10px 0 0;
color: #266564;
}




#flash {
	height: 295px;
	overflow: hidden;
	margin: 0px 0px 10px;
	clear: both;
}

.latest {
	padding: 8px 7px 0px;s
	width: 471px;
	margin-bottom: 15px;
	clear: both;
}

.news-head,
#program-head {
	height: 32px;
	margin-bottom: 0px;
}

.news-head {
	background: url(/design-image/portal/main-head.gif) no-repeat left top;
}
.news-head a {
	display: block;
	height: 21px;
	width: 20px;
	position: absolute;
	top: 6px;
	right: 6px;
	text-indent: -9999px;
	background: url(/design-image/portal/rss.gif) no-repeat;
}


#program-head {
	background: url(/design-image/portal/main-head.gif) no-repeat left -32px;
	display: block;
}
#program-head h2 {
	text-indent: -9999px;
}

#program-head a.present-comi,
#program-head a.present-ch {
	display: block;
	position: absolute;
	text-indent: -9999px;
}

#program-head a.present-comi {
	height: 21px;
	width: 142px;
	top: 5px;
	right: 163px;
}

#program-head a.present-ch {
	height: 21px;
	width: 152px;
	top: 5px;
	right: 6px;
}

.mt-main-index .program {
	height: 17px;
	position: relative;
}
.mt-main-index #program {
	position: relative;
}

.latest h3,
.asset-category_b h3{
	margin-top: 5px;
	line-height: 1.4;
	padding-top: 3px;
	font-size: 120%;
	margin-bottom: 0px;
}
#timetable .asset-category_b h3{
	font-size: 170%;
}

.mt-category-archive .asset-category_b .right h3 {
	margin-bottom: 0px;
	margin-top: 0px;
}
.latest h3,
.latest p {
	padding-left: 40px;
}


#support .asset-category_b h4 {
	font-size: 120%;
	margin-top: 0px;
	padding-left: 0px;
}

.latest p {
	padding-bottom: 7px;
	margin-bottom: 0px;
	background: url(/design-image/common/line.gif) repeat-x left bottom;
}

.latest p,
.mt-category-archive .asset-category_b .right p,
.mt-category-archive .asset-category_b p {
	font-size: 85%;
}

.latest-headline {
	background: url(/design-image/portal/icon_news.gif) no-repeat left 7px;
}

.fault-headline {
	background: url(/design-image/portal/icon_notice.gif) no-repeat left 7px;
}

.security-headline {
	background: url(/design-image/portal/icon_security.gif) no-repeat left 7px;
}

/* アイコン */
/* がぶっと十勝 */
.idnews-headline {
	background: url(/design-image/portal/icon_gabutto.gif) no-repeat left 7px;
}

/* レギュラー特別番組 */
.idspecialspecial-headline,
.idspecial-headline {
	background: url(/design-image/portal/icon_special.gif) no-repeat left 7px;
}

/* がぶっとラジオ */
.idgabutto_radio-headline {
	background: url(/design-image/portal/icon_radio.gif) no-repeat left 7px;
}

/* ゆかいな仲間たち */
.idnakama-headline {
	background: url(/design-image/portal/icon_yukai.gif) no-repeat left 7px;
}

/* スポーツ応援団 */
.idsports-headline {
	background: url(/design-image/portal/icon_sports.gif) no-repeat left 7px;
}

/* 学校だいすき */
.idschool-headline {
	background: url(/design-image/portal/icon_school.gif) no-repeat left 7px;
}
/* ニュースクロス */
.idnews_cross-headline{
	background: url(/design-image/portal/icon_news_cross.gif) no-repeat left 7px;
}
/* 十勝遺産 */
.idtokachi_isan-headline{
	background: url(/design-image/portal/icon_tokachi_isan.gif) no-repeat left 7px;
}
/* スッピン */
.idsuppin-headline{
	background: url(/design-image/portal/icon_suppin.gif) no-repeat left 7px;
}



/* 多チャンネル */
.idchannel-headline {
	background: url(/design-image/portal/icon_other.gif) no-repeat left 7px;
}



#program ul {
	list-style:none;
	margin: 8px 0px 0px;
	width: 485px;
}

#program li {
	float:left;
}

#program li a {
	display:block;
	height: 65px;
	text-indent: -9999px;
}

#program li.gabutto a {
	width: 82px;
	background: url(/design-image/portal/btn_channel.gif) no-repeat left -1px;
}

#program li.gabutto a:hover {
	background: url(/design-image/portal/btn_channel.gif) no-repeat left -69px;
}

#program li.reg a {
	width:280px;
	background: url(/design-image/portal/btn_channel.gif) no-repeat -82px -1px;
}

#program li.reg a:hover {
	background: url(/design-image/portal/btn_channel.gif) no-repeat -82px -69px;
}

#program li.other a {
	width:123px;
	background: url(/design-image/portal/btn_channel.gif) no-repeat -362px -1px;
}

#program li.other a:hover {
	background: url(/design-image/portal/btn_channel.gif) no-repeat -362px -69px;
}

/* EntryArchive,WebPage ----------------------------------------------------------------- */

.mt-entry-archive #alpha-inner,
.mt-page-archive #alpha-inner {
	padding-top: 130px;
}

.entry-asset {
}

#tv #alpha {
	background: url(/design-image/portal/title_tv.png) no-repeat left top;
	margin-bottom:3em;
}

#internet #alpha {
	background: url(/design-image/portal/title_internet.png) no-repeat left top;
	margin-bottom:3em;
}

#ip #alpha {
	background: url(/design-image/portal/title_ip.png) no-repeat left top;
	margin-bottom:3em;
}
#cableline #alpha {
	background: url(/design-image/portal/title_cableline.png) no-repeat left top;
	margin-bottom:3em;
}
#phoneservice #alpha {
	background: url(/design-image/portal/title_cableline.png) no-repeat left top;
	margin-bottom:3em;
}


#price_area #alpha {
	background: url(/design-image/portal/title_price_area.png) no-repeat left top;
}

#coaxial_cable #alpha {
	background: url(/design-image/portal/title_coaxial_cable.png) no-repeat left top;
}

#campany #alpha {
	background: url(/design-image/portal/title_campany.png) no-repeat left top;
}

#news #alpha{
	background: url(/design-image/portal/title_news.png) no-repeat left top;
}
#news .asset-body,
#support .asset-body,
.mailset .asset-body,
.f-pre .asset-body {
font-size:120%;
}

#faq #alpha {
	background: url(/design-image/portal/title_faq.png) no-repeat left top;
}

#support #alpha {
	background: url(/design-image/portal/title_support.png) no-repeat left top;
}

#archives #alpha {
	
}

#sitemap #alpha {
	background: url(/design-image/portal/title_sitemap.png) no-repeat left top;
}

#member #alpha {
	background: url(/design-image/portal/title_member.png) no-repeat left top;
}

#coverage #alpha {
	background: url(/design-image/portal/title_coverage.png) no-repeat left top;
}

.mt-page-archive #alpha {
	background: url(/design-image/portal/title_webpage.png) no-repeat left top;
}

#timetable #alpha {
	background: url(/design-image/portal/title_timetable.png) no-repeat left top;
	margin-bottom:3em;
}

.f-add #alpha {
	background: url(/design-image/portal/title_form_add.png) no-repeat left top;
}
.f-comm #alpha {
	background: url(/design-image/portal/title_form_comm.png) no-repeat left top;
}
.f-new #alpha {
	background: url(/design-image/portal/title_form_new.png) no-repeat left top;
}
.f-dvd #alpha {
	background: url(/design-image/portal/title_form_dvd.png) no-repeat left top;
}
.f-pre #alpha {
	background: url(/design-image/portal/title_form_pre.png) no-repeat left top;
}
.f-support #alpha {
	background: url(/design-image/portal/title_form_support.png) no-repeat left top;
}
.f-enq #alpha {
	background: url(/design-image/portal/title_form_enq.png) no-repeat left top;
}
/*↓年末特番終わったらけす*/
.f-enq #alpha {
	background: url(/design-image/portal/title_form_message.png) no-repeat left top;
}

.f-join #alpha {
	background: url(/design-image/portal/title_form_join.png) no-repeat left top;
}
.f-vote #alpha {
	background: url(/design-image/portal/title_form_vote.png) no-repeat left top;
}

#thanks #alpha {
	background: url(/design-image/portal/title_form_thanks.png) no-repeat left top;
}





.pankuzu-nav {
	top: 56px;
	background: url(/design-image/portal/pankuzu_bg.gif) no-repeat left bottom;
}

.pankuzu-nav li {
	background: url(/design-image/portal/icon-pankuzu.gif) no-repeat left center;
}

.asset-date {
	top: 105px;
	left: 30px;
}

.mt-entry-archive .asset-body,
.asset-category_a .asset-body,
.mt-page-archive .asset-body {
	background: url(/design-image/portal/entry_asset-header.gif) repeat-x left top;
}

.additional-entry {
	background: url(/design-image/portal/additional-entry_bg.gif) repeat-x left top;
}

.additional-entry h2 {
	height: 32px;
	background: url(/design-image/portal/additional-entry-header.gif) no-repeat left 12px;
	text-indent: -9999px;
}

.asset-footer {
	margin-top:5em;
}

/* Category-Archive, mt-sub-index ------------------------------------------------------------ */

.mt-category-archive #alpha-inner {
	padding-top: 105px;
}

.mt-sub-index #alpha-inner {
	padding-top: 85px;
}

.mt-category-archive #page-title,
.mt-sub-index #page-title {
	position:absolute;
	top: -9999px;
	left: -9999px;


	margin-bottom: 0px;
}

.mt-category-archive .asset-content {
	background: url(/design-image/common/line.gif) repeat-x left bottom;
}

.mt-category-archive .asset-header {
	background: url(/design-image/portal/category_asset-header_bg.gif) repeat-x left top;
	height: 27px;
	padding-top: 5px;
	padding-left: 10px;
}

.mt-category-archive .asset-name {
	font-size: 120%;
	font-weight: bold;
	background: url(/design-image/portal/category_asset-name.gif) no-repeat left 5px;
	padding-left: 20px;
	color: #408A88;
}

/* Type_A */
.mt-category-archive .asset-category_a {
	margin-top: 30px;
	position: relative;
}
#price_area .asset-category_a {
	padding: 0;
	margin-top: 0;
}

.mt-category-archive .asset-category_a .entry-title {
	margin-bottom:0.25em;
}

.mt-category-archive .asset-category_a .asset {
	margin-bottom: 5em;
}

.mt-category-archive .asset-category_a .asset-content {
	background: url(none);
}

/* Type_B */

.mt-category-archive .asset-category_b {
	clear:both;
	margin-bottom: 30px;
	position: relative;
}

.mt-category-archive .asset-category_b .right {
	width: 620px;
}

.mt-category-archive .asset-category_b .right h3,
.mt-category-archive .asset-category_b h3,
.mt-category-archive .asset-category_b h4 {
	margin-bottom: 0px;
	
}
.mt-category-archive .asset-category_b h4{
line-height: 1.4;
	padding: nomal;
	border-left: none;
	}

.mt-category-archive .asset-category_b .left {
	width: 90px;
}

.mt-category-archive .asset-category_b .left a {
	display:block;
	width: 74px;
	height: 25px;
	float:right;
	text-indent: -9999px;
	margin-top: 5px;
}

#latest .left a {
	background: url(/design-image/portal/category_morelink_latest.gif) no-repeat left top;
}

#fault .left a {
	background: url(/design-image/portal/category_morelink_fault.gif) no-repeat left top;
}

#security .left a {
	background: url(/design-image/portal/category_morelink_security.gif) no-repeat left top;
}

/* OCTVアーカイブス */

#archives #content-inner {
	padding-top: 0px;
	margin-top:25px;
}

#archives #alpha-inner {
	padding-top: 273px;
	background: url(/design-image/portal/archives_alpha_bg.png) no-repeat left top;
}
#archives .division {
	position: absolute;
	width:auto;
	bottom:0;
	margin: 0;
	float: none;
	margin-left: 0px;
	display: inline;
}

#archives #page-title {
	height: 55px;
	width: 970px;
	left: 0px;
	top: 0px;
	position: static;
	text-indent: -9999px;
}

#archives h1.archives {
	background: url(/design-image/portal/archives_head.png) no-repeat left top;
}

#archives h1.tokachi_heritage {
	background: url(/design-image/portal/archives_head.png) no-repeat left -55px;
}

#archives h1.works {
	background: url(/design-image/portal/archives_head.png) no-repeat left -110px;
}

#archives h1.wildout {
	background: url(/design-image/portal/archives_head.png) no-repeat left -165px;
}

#archives .asset-category {
	border-top: 1px solid #FFFFFF;
	position: relative;
	background: #F3F3E9 url(/design-image/portal/archives_asset-category_bg.png) repeat-x left top;
	width: 970px;
	margin: 0 0 40px 0;
}

#archives .asset-category-inner {
	position: static;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 36px;
	padding-left: 15px;
}

#archives .header {
	background:none;
	padding-top: 206px;
	padding-left: 0px;
	width: 230px;
	left: 0px;
	bottom: 0px;
	position: static;
}

#archives #alpha .left {
	width: 720px;
}

#archives #alpha .last {
	margin-right: 0px;
}

#archives .asset-content {
	border:none;
	width: 230px;
	float:left;
	clear: none;
	margin-right: 10px;
	position: relative;
	margin-bottom: 15px;
}

#archives .asset-content dl {
	margin-bottom: 0px;
}

#archives .asset-content dd a {
	display:block;
	text-indent: -9999px;
	height: 20px;
	font-size: 50%;
}

#archives .asset-content dd.tokachi_heritage a {
	background: url(/design-image/portal/archives_head.png) no-repeat left -301px;
}
#archives .asset-content dd.tokachi_heritage a:hover {
	background-position: -232px -301px;
}


#archives .asset-content dd.works a {
	background: url(/design-image/portal/archives_head.png) no-repeat left -321px;
}
#archives .asset-content dd.works a:hover {
	background-position: -232px -321px;
}


#archives .asset-content dd.wildout a {
	background: url(/design-image/portal/archives_head.png) no-repeat left -341px;
}
#archives .asset-content dd.wildout a:hover {
	background-position: -232px -341px;
}


#archives #alpha .right {
	width: 200px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#archives #alpha .right h2.contents {
	text-indent: -9999px;
	height: 20px;
	line-height: normal;
	background-image: url(/design-image/portal/archives_contents.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-bottom: 1em;
}

#archives #alpha .right h2.need {
	height:14px;
	background: url(/design-image/portal/archives_need.gif) no-repeat left top;
	text-indent: -9999px;
	width: 105px;
}

#archives #alpha .right dl {
	margin-bottom: 27px;

}

#archives #alpha .right dt {
	height: 27px;
}

#archives #alpha .right dt a {
	display:block;
	text-indent:-9999px;
	height: 27px;
}

#archives #alpha .right dt.tokachi_heritage a {
	background: url(/design-image/portal/archives_head.png) no-repeat left -220px;
}
#archives #alpha .right dt.tokachi_heritage a:hover {
	background-position: -232px -220px;
}


#archives #alpha .right dt.works a {
	background: url(/design-image/portal/archives_head.png) no-repeat left -247px;
}
#archives #alpha .right dt.works a:hover {
	background-position: -232px -247px;
}


#archives #alpha .right dt.wildout a {
	background: url(/design-image/portal/archives_head.png) no-repeat left -274px;
}
#archives #alpha .right dt.wildout a:hover {
	background-position: -232px -274px;
}


#archives #alpha .right dd {
	background: #FFFFFF url(/design-image/portal/archives_right_dd.gif) repeat-x left top;
	padding: 8px;
	margin-bottom:15px;
}

#archives .asset-content h2 {
	font-size: 100%;
	margin-bottom: 0px;
}

#archives .archive-item {
	position:absolute;
	left: 0px;
	top: 0px;
}

#archives .asset-content p {
	font-size: 85%;
	min-height: 40px;
}

*html #archives .asset-content p {
	height: 40px;
}

#archives #alpha .need h2 {
	background: url(/design-image/portal/archives_need.gif);
	text-indent: -9999px;
	height: 14px;
	width: 105px;
	margin-bottom: 7px;
	font-size: 50%;
}

#archives #alpha .need .left {
	width: 130px;
}

#archives #alpha .need .right {
	width: 55px;

}

#archives #alpha .need p {
	font-size:85%;
	margin-bottom: 0px;
}
#archives .clear {
	padding-top: 1em;
}

#archives .asset-content {
	background: none;
}

#parent-link-logo {
	left: 603px;
	top: 88px;
}

#archives_top {
	display:block;
	position:absolute;
	left: 756px;
	top: 291px;
	width: 201px;
	text-indent: -9999px;
}


/* カテゴリ分割 */
.division {
	width: 665px;
	left: 15px;
	bottom: 0px;
	padding-left:45px;
	background: url(/design-image/portal/archives_division_bg.gif) no-repeat left center;
}

.division li {
	background: url(/design-image/portal/archives_division.png) repeat-x left top;
}

.division li a {
	background: url(/design-image/portal/archives_division_a.png) repeat-x left top;
}

.division li a:hover {
	background: url(/design-image/portal/archives_division.png) repeat-x left top;
}
.ad {
	margin-top: 15px;
}

/* インデックス */

.mt-sub-index #lead {
	width: 714px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.mt-sub-index #lead p {
	margin-bottom: 0px;
}

/* メイン画像 */
#tv #lead {
	background: url(/design-image/portal/tv-lead.png) no-repeat left top;
	height: 357px;
}

#internet #lead {
	background: url(/design-image/portal/internet-lead.png) no-repeat left top;
	height: 372px;
	margin-bottom: 0px;
}

#internet .lead {
	margin-bottom: 20px;
}

#ip #lead {
	background: url(/design-image/portal/ip-lead.png) no-repeat left top;
	height: 357px;
}
#cableline #lead {
	background: url(/design-image/portal/cableline-lead.png) no-repeat left top;
	height: 357px;
}
#phoneservice #lead {
	background: url(/design-image/portal/phone-lead.png) no-repeat left top;
	height: 400px;
}

.mt-sub-index #alpha .left,
.mt-sub-index #alpha .right {
	width: 347px;
/*	text-align:justify;
	text-justify: inter-ideograph;*/
}

.mt-sub-index #alpha h2 {
	height: 27px;
	background: url(/design-image/portal/category_asset-header_bg.gif) repeat-x left top;
	font-size: 120%;
	font-weight: bold;
	color: #408A88;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	clear: both;
	margin-bottom: 1em;
	text-shadow: 0 1px 2px white;
}

.mt-sub-index #alpha .more {
	background: url(/design-image/common/icon_arrow.gif) no-repeat left 5px;
	padding-left: 15px;
}

.mt-sub-index .marbtm {
	margin-bottom: 5em;
}
.mt-sub-index .marbtm2 {
	margin-bottom: 2em;
}

.mt-sub-index .service {
	height: 16px;
	background: url(/design-image/portal/internet-title-service.gif) no-repeat left top;
	text-indent: -9999px;
	margin-top: 0.2em;
	margin-bottom: .4em;
	border: none;
}

.mt-sub-index .service-list {
	height: 35px;
	margin-left: 0px;
	text-indent: -9999px;
}

.mt-sub-index .service-list li {
	display: inline;
}

.mt-sub-index .premiere {
	background: url(/design-image/portal/internet-service.gif) no-repeat left top;
}

.mt-sub-index .mid {
	background: url(/design-image/portal/internet-service.gif) no-repeat left -105px;
}

.mt-sub-index .hyper {
	background: url(/design-image/portal/internet-service.gif) no-repeat left -35px;
}

.mt-sub-index .ser-right {
	background: url(/design-image/portal/internet-service.gif) no-repeat left -70px;
}

.mt-sub-index .ip-price {
	height: 231px;
	background: url(/design-image/portal/ip-img01.png) no-repeat left top;
	text-indent: -9999px;
	margin-bottom: 0.3em;
}
.mt-sub-index .cableline-price {
	height: 233px;
	background: url(/design-image/portal/cableline-img01.png) no-repeat left top;
	text-indent: -9999px;
	margin-bottom: 0.3em;
}

.mt-sub-index .cableline-whitecall {
	height: 213px;
	background: url(/design-image/portal/whitecall24-lead.png) no-repeat left top;
	text-indent: -9999px;
	margin-bottom: 1em;
}

.mt-sub-index .list {
	margin-left: 0px;
	list-style:none;
}

.mt-sub-index .list li {
	margin-bottom: 0.3em;
}

/*エントリー内容系*/

.price_table {
	width:650px;
	border-collapse: separate;
	border: 8px solid #D1F1F1;
}
.price_table td,
.price_table th{
	padding: 5px;
	border-top: 4px solid #FFF;
}
.price_table td {
	border-bottom: 2px solid #E3E3E3;
	border-left: none;
}
.price_table th {
	text-align: inherit;
	background: #EBF8F9;
	border-right: 2px solid #FFF;
	border-bottom: 2px dashed #94D1D2;
	border-left: none;
}
.caption {
	font-size: 10px;
	line-height: 1.6;
	margin-top: 0.75em;
	font-weight: normal;
}

dl.company dt {
	margin-bottom: 10px;
	font-size: 120%;
}

dl.company dd {
	margin-bottom: 15px;
	margin-left: 2em;
}

dl.company2 {
	margin-left: 2em;
}

dl.company2 dt {
	font-size:100%;
	margin-bottom: 0px;
}
.price_table img {
	vertical-align: middle;
	margin-right: 10px;
}

.mt-category-archive .asset-body h4,
.mt-sub-index h4,
.mt-entry-archive .asset-body h2 {
	font-size: 125%;
	font-weight: bold;
	margin-top: 3em;
	border-left: 5px solid #39ABB9;
	padding-left: 7px;
	clear:both;
	margin-bottom:1.5em;
}

#form h4 {
	width: 700px;
	display: block;
}




.asset-body h4.martop-none,
h4.martop-none,
.asset-body h2.martop-none {
	margin-top: 0px;
}

.mt-category-archive .asset-body h5,
.mt-entry-archive .asset-body h3{
	font-weight: bold;
	margin-top: 1.5em;
	line-height: 1.5;
	font-size: 110%;
}
.mt-entry-archive .asset-body h4 {
	margin-top: 2em;
	margin-bottom:1em;
	line-height: 1.5;
	background: url(design-image/widget/icon-widget-list.gif) no-repeat left center;
	padding-left: 10px;	
}


/*汎用テーブル*/
table{
	border-collapse:collapse;
	text-align: justify;
	text-justify: inter-ideograph;
}
table strong {
	text-align:left;
}
th, td {
	padding: 7px 10px;
}
#form th, #form td {
	padding: 7px 5px;
}

th,
#form #summary th{
	white-space: nowrap;
	background-color: #E5E5DC;
	border-top: 2px solid #fff;
text-shadow:0 1px 1px #fff;
}
#form th{
	white-space: normal;
	line-height: 1.7;
}
td{
	border-top: 1px solid #E8E8E8;
}

/*汎用テーブル ボーダーなし*/
table.noborder {
	border-collapse:collapse;
	text-align: justify;
	text-justify: inter-ideograph;
}


table.noborder th,
table.noborder td {
	padding: 0px 5px 10px 5px;
}

table.noborder td {
border-top:none;
}

/*ポータルオンリーうぃじっと*/
.mt-main-index .a-11,
.mt-main-index .a-10{
	margin-bottom:4px;
}

.mt-main-index .t-12,
.mt-main-index .t-03 {
	margin-bottom: 0px;
}
.mt-main-index .a-08{
	margin-top: 4px;
}

/*エントリー装飾*/
.waku-portalgreen {
	border:1px dotted #39ABB9;
	padding:5px;
}
.waku-portalgreen span{
	color:#39ABB9;
}

/*フォーム*/
#form table{
	text-align:left;
	width: 714px;
	line-height: 2;
	}
#form .asset-body select,
#form .asset-body input.text {
	width: 180px;
	font-size:100%;
}
#form .asset-body textarea {
	width: 300px;
	font-size:100%;
}
#form .asset-body select,
#form .asset-body input.text,
#form .asset-body input.text-thin,
#form .asset-body textarea{
	background: #FFFFFF url(/design-image/common/textarea-bg_on.gif) repeat-x left top;
	border:1px solid #C5C5C5;
	padding:3px;
}

#form #hosting {
	width:auto;
}
/*番組表*/

.timetable table {
	border-collapse:collapse;
	width:100%;
	line-height: 1.3;
}
.timetable td, .timetable th {
	padding:8px 5px;
	vertical-align:top;
}
.timetable td {
	border-top: 1px solid #84c0c2;
	border-right: 1px dashed #c7d5df;
	background-color:#ECF7EF;
	font-size:85%;
}
.timetable th {
	border:none;
	background-color:#A3C2BE;
	color:#FFFFFF;
	text-align: center;
}
.timetable .sat{
	background: #0294A8;
}
.timetable .sun{
	background: #DC7474;
}
.timetable img {
	margin-bottom:0.2em;
	vertical-align: middle;
}

/*時間軸全体*/
.timetable .time{
	border-top: 1px solid #b6b4ae;
	border-right: 1px solid #d0cec6;
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
	background: #fff url(/design-image/portal/timetable_time_bg.png) repeat-y right top;
	text-shadow: #fff 0 2px 0;
}

.timetable .morning {
	border:none;
	background-color:#9EE2E4;
}
.timetable .morningho {
	background-color:#D3F3F2;
}
.timetable .noon {
	border:none;
	background-color:#FCD84A;
}
.timetable .noonho {
	background-color:#F4ECB0;
}
.timetable .evening {
	border:none;
	background-color:#FF9933;
}
.timetable .eveningho {
	background-color:#FFDDBB;
}
.timetable .night {
	border:none;
	background-color:#79A8FF;
}
.timetable .nightho {
	background-color:#CEDFFF;
}
.timetable .midnight {
	border:none;
	background-color:#8080FF;
}
.timetable .midnightho {
	background-color:#D9CEFF;
}
.timetable hr {
	margin: 0.5em 0px;
	border-top: 1px dotted #FFFFFF;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 1px;
	position: static;
}

.timetable .sp{
	background: #FFFECE  no-repeat right top;
}

.timetable .half{
	background-color:#ECF7EF;
}

.timetable .special{
	background: #c5f4eb no-repeat right top;
	color: #2c4e7a;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
}

#form .submit {
	font-size: 130%;
	background: #EDEBE5 url(/design-image/portal/form_submit.png) repeat-x left top;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	border-left: 1px solid #CCCCCC;
	padding: 10px 30px 5px;
	margin: 15px auto 30px;
}
#form #reset {
	font-size: 130%;
	background: #EDEBE5 url(design-image/portal/form_reset.png) repeat-x left top;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	border-left: 1px solid #CCCCCC;
	padding: 5px 10px;
	margin: 15px auto 30px;
}
#mailform .pkg {
	text-align: center;
}
#mailform2 .pkg {
	text-align: center;
}
hr.line {
	display: block;
	position: static;
	margin: 3em 0 2em 0;
	background: url(design-image/widget/devide-border.gif) repeat-x;
	height:1px;
	border: none;
}
.sitemap {
	margin-top: 1em;
	background: url(design-image/widget/devide-border.gif) repeat-x left bottom;
	padding-bottom: 1em;
	list-style-position: inside;
}
.sitemap li {
	font-weight: bold;
	list-style-image: url(design-image/common/icon_arrow.gif);
}
.sitemap ul li {
	font-weight: normal;
	list-style-image: url(design-image/common/blet_sankaku.gif);
}
.sitemap ul li a{
	color: #333333;
}
.a-08 .widget-content {
	width: 210px;
padding-bottom: 5px;
}
.g-ad{
	margin-top:20px;
	}

.enq_present {
	padding: 10px;
	border: 2px solid #E6E6E6;
	margin-bottom: 10px;
}

#support #alpha img,
.mt-page-archive #alpha img {
	margin:10px 0 20px 0; 
}
#support #supportbody h2{
	border: none;
	padding: 0;
	margin:40px 0 10px;
}
#support #supportbody h2 img {
	margin:0;
}



#support-top #alpha-inner {
	padding-top: 0px;
}
#support-top h1 {
	padding: 0px;
	margin: 0px;
}
#support-top #caution {
	background: url(/design-image/portal/supp_top_caution.png) no-repeat;
	padding-left:130px;
	margin-bottom: 30px;
}
#support-top #caution a{
	font-size: 14px;
	font-weight: bold;
	color: white;
	line-height: 1;
	padding:13px 0;
	display: block;
	text-shadow: 0 -1px 1px #467280;
}
#support-top #caution a:hover{
	color: #eafcbc;
}
#support-firststage {
	margin: 0 0 5px 0;
	padding: 0px;
	list-style: none;
	clear: both;
}
#support-firststage li{
	display: inline;
	margin: 0;
}
#support-search {
	background-image: url(/design-image/portal/supp_mid_search.jpg);
	background-repeat: no-repeat;
	padding: 14px;
	margin-bottom: 30px;
}
.support-clms {
	width: 214px;
	float: left;
	position: relative;
	margin-bottom: 30px;
}

#support-top .line {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F3F3E9;
	border-left-color: #F3F3E9;
	margin-right: 23px;
	margin-left: 23px;
	padding-right: 23px;
	padding-left: 23px;
	width: 193px;
}
.support-clms .more {
	text-align: right;
		display:block;
}
.support-clms .upper{
	padding-bottom:14px;
	margin-bottom:20px;
	border-bottom:1px solid #F3F3E9;
}
#support-top #othersupport{
	clear: both;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	margin-bottom: 30px;
	padding: .5em 0;
}
#support-top #othersupport a{
	background: url(/design-image/portal/supp_mid_bulet.gif) left center no-repeat;
	padding-left: 15px;
	margin-right: 15px;
}



#supcenter {
	clear: both;
	padding-top: 40px;
	position: relative;
}
#support-top #supcenter{
	padding-top: 0px;
}

#supcenter #inq {
	display: block;
	position: absolute;
	right: 14px;
	top: 143px;
}
#support-top #supcenter #inq{
	top: 103px;
}
#support-search .text {
	background: #FFF url(/design-image/portal/supp_mid_searchipt.png) repeat-x left top;
	width: 449px;
	font-size: 18px;
	border: 1px solid #CCC;
	color: #666;
	vertical-align: middle;
	margin-right:4px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	height: 31px;
	line-height: normal;
}
#support-search form {
	margin-top: 7px;
}
*html #support-search form {
	margin-top: 0;
}
#support-search .btn_search {
	background: url(/design-image/portal/supp_mid_searchbtn.gif) no-repeat;
	height: 37px;
	width: 215px;
	vertical-align: middle;
}
#support-search .btn_search:active{
	background: url(/design-image/portal/supp_mid_searchbtn-on.gif) no-repeat;
}

a img,
#support-top #alpha a img{
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}
#support-top #alpha a:hover img{
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#support-top #alpha a{
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

#support-top #alpha .widget-list li{
	margin: auto;
	padding: 5px 0 5px 30px;
	line-height: 1.7;
	background: url(/design-image/portal/supp_mid_bulet.gif) no-repeat 11px center;
	border-bottom:1px solid #F3F3E9;
-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}
#support-top #alpha .widget-list .widget-list-item a,
#support-top #alpha .widget-list li a{
	display:block;
}
#support-top #alpha .widget-list,
#support-top ol{
	list-style: none;
	width:auto;
	margin-left: 0px;
	font-size:120%;
}

#support-top #pagerank_viewer{
	padding: 0;
	background: url(/design-image/portal/supp_top_pagerank.png) no-repeat;
	min-height: 130px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
}
*html #support-top #alpha #pagerank_viewer{
	margin-top:0;
	height: 130px;
}
*:first-child+html #support-top #alpha #pagerank_viewer{
	margin-top:0;
}

#support-top #alpha .widget_list .widget_list_item a{
	width: 123px;
	display: block;
	float: left;
	miin-height: 90px;
	padding: 50px 10px 20px;
	line-height: 1.2;
	font-size: 120%;
	text-shadow:0 1px 0 #fff;
	background: url(/design-image/portal/supp_top_pagerank_hover.png) no-repeat 92px -50px;
	font-weight: bold;
	color: #72736a;
}
*html #support-top #alpha .widget_list .widget_list_item {
	float: left;
	list-style: none;
}

#support-top #alpha .widget_list .widget_list_item a:hover{
	background: url(/design-image/portal/supp_top_pagerank_hover.png) no-repeat 92px top;
	color: #5e9aae;
}

#support-top #alpha .widget-list li:hover{
	background: url(/design-image/portal/supp_mid_bulet_on.gif) no-repeat 11px center;
}


#support-top #alpha .widget-list li span{
	font-size:90%;
	width:5em;
	margin-right:.5em;
}
#support-top #alpha .widget-list li a span{
	color:#8C9EAC;
}

.nomargin{
	margin-bottom: 5px;
}
.sidebottommargin{
	margin-bottom: 30px;
}
.nomargin h2{
	margin-bottom: 0;
}
.nomargin ul{
	margin: 0;
	list-style: none;
}
.nomargin li {
	margin: 0;
	padding: 0;
}
.nomargin li a{
	display: block;
}
#support-top .a-06,
#support-top .a-11,
#support-mail .a-06,
#support-mail .a-11{
	margin-bottom: 5px;
}


.support-clms ul{
	list-style-image: url(/design-image/portal/supp_mid_bulet.gif);
	font-size:110%;
	margin-left:17px;
line-height:2;
}
*html .support-clms ul{
	font-size:12px;
}
.support-clms h2{
	margin-bottom:15px;
}
#support-top .asset-header{
	margin-bottom:0;
}



#support-mail #alpha-inner {
	padding-top: 0;
}
#support-mail h1,
#support-mail h2,
#support-mail h3,
#support-mail h4,
.mailclient ul{
	margin-bottom:0;
}
#clientwrap{
	background: url(/design-image/portal/mailsup_ul_bg.jpg) no-repeat left bottom;	
}
.mailclient,
.acc_container{
	width:357px;
}
.mailclient{
	position:relative;
	float:left;
}
#support-mail .right{
	float:right;
}
.acc_trigger a{
	display:block;
	background:#F3F3C2;
	border-top:1px solid #FBFCD5;
	border-bottom:1px solid #D5D6B5;
	border-right:1px solid #D5D6B5;
	padding:10px 12px;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}
*html .acc_trigger a{
	width:333px;
}
.acc_trigger #last{
	background: url(/design-image/portal/mailsup_li-last_bg.jpg) no-repeat left bottom;
	border-bottom:none;
}
.acc_trigger #last:hover{
	background: url(/design-image/portal/mailsup_li-last_bg.jpg) no-repeat left -19px;
}
.right .acc_trigger a{
	border-right:none;
}
.acc_trigger a:hover{
	background:#FDFDCB;
}
.mailclient .active a,
.mailclient .active #last{
	background:url(/design-image/portal/mailsup_li_onbg.jpg) no-repeat;
	border-top:1px solid #BBBB8D;
	border-bottom:none;
}
.mailclient .active a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.acc_container{
	overflow: hidden;
	clear: both;
	background:url(/design-image/portal/mailsup_li_onbg.jpg) no-repeat 0 -53px;
	font-size:120%;
	border-bottom:1px solid #D7D8D3;
	height:106px;
}
.acc_container .block{
	padding:15px 10px 12px;
}
.mailclient ul{
	margin-left:50px;
}
.mailclient ul span{
	font-size: 80%;
}
.mailclient ul span a{
	color: #918265;
}
.mailclient ul span a:hover{
	color: #805a20;
}
.mailclient ul span img{
	margin: 0 5px;
}

div#socialmedia{
	margin-top: 60px;
	position: relative;
	clear: both;
}
div#socialmedia div{
	margin-right: 10px;
	float: left;
	width: auto;
}
div#socialmedia div#twitter{
	width: 98px;
	overflow: hidden;
}
div#twitter iframe{
	display: block;
}
div#facebook{
	position: relative;
}
div#facebook iframe{
width:150px; height:21px;
display: block;
}
#support #alpha div#socialmedia div img{
	padding: 0;
	margin: 0;
}



#wrap{
	position:relative;
}
#wrap h3{
	margin:25px 0 20px 0;
}
ul.tabs {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	background:url(/design-image/portal/pricetab_container_bg_top.png) no-repeat left bottom;
	height:344px;
	overflow:hidden;
}

ul.tabs li{
	float:left;
	margin:0 6px 0 0;
	padding-bottom:28px;
	display:block;
	background:url(/design-image/portal/price_offbg_noactive.gif) no-repeat left bottom;
}
ul.tabs li img{
	vertical-align:bottom;
}
ul.tabs li *{
	margin-bottom:0;
	padding-bottom:0;
	height:auto;
	display:block;
	vertical-align:bottom;
}
#alpha ul.tabs li a:hover img{
filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

ul.tabs li.active{
	background:url(/design-image/portal/price_offbg_active.gif) no-repeat left bottom;
}
ul.tabs li.last{
	margin-right:0;
	margin-left:1px;
}
.tab_container{
	clear:both;
	margin:0;
	padding:12px 20px 0px 20px;
	display:block;
	position:relative;
	background:url(/design-image/portal/pricetab_container_bg.png) repeat-y;
	font-size:80%;
}


.tab_container table{
	border-collapse:separate;
	width:100%;
	
}
.tab_container th,
.tab_container td {
	padding: 1px 6px;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-bottom:1px solid #adbdbc;
	border-right:1px solid #adbdbc;
}
.tab_container th{
	text-align:center;
	background:url(/design-image/portal/price_table_head.png) repeat-x bottom left #fff;
	border-top:none;
	border-bottom:none;
	height:3em;
	text-shadow: 0 2px 1px #fff;
	font-size:130%;
}

.tab_container tr{
	background: rgba(256, 256, 256, 0.8) ;
}
/*ie6+7*/
.tab_container tr{
	/background: #fff ;
}
.tab_container tr{
	background: #fff\9;
}

.tab_container tr.odd{
	background: #e6f0ee ;
}
.price_right,
.price_red,
.price_sum {
	text-align: right;
	white-space:nowrap;	
	font-size:140%;
	text-shadow: 0 1px 0px #fff;
}
.price_red{
	color:#FD8062;
	background: url(/design-image/portal/price_down.gif) no-repeat 5px center;
}
*html .price_red{
	background: url(/design-image/portal/price_down.gif) no-repeat 5px center #fff;
}
.tab_container td.price_red{
	padding-left:20px;
}
.price_sum{
	color: #568EA6;
	font-size:170%;
}
.tab_container_footer{
	font-size:100%;
	padding:40px 0px 10px 0px;
	background: url(/design-image/portal/pricetab_container_bg_btm.png) no-repeat left top;
}
.tab_container_footer table,
table.price-option{
	width:100%;
}
.tab_container_footer td,
table.price-option td{
	padding:3px 5px;
}
.tab_container_footer th,
table.price-option th{
	padding:5px 5px;
}
table.price-option th{
	width:auto;
}
.tab_container_footer .price_right,
table.price-option .price_right{
	font-size:120%;
	padding-right:20px;
}
.quatdev th,
.quatdev td{
	width:25%;
}
table.price-option span{
	font-size:80%;
}



#baseprice,
#phone{
	width:100%;
	background:url(/design-image/portal/price_tvnet_bg.png) no-repeat center bottom;
	font-size:110%;
margin-bottom:7px;
}
#baseprice div{
	width:354px;
	position:relative;
	color:#333;
}
#baseprice h4,
#phone h4{
	margin:0;
	padding:0;
	line-height:auto;
	border: none;
}
#baseprice table{
	margin:10px 16px 10px 16px;
	width:322px;
}
#baseprice td,
#phone td{
	padding:3px 0;
	border:none;
	text-shadow: 0 1px 0px #fff;
}
#baseprice td span,
#phone td span,
.tab_container td span{
	font-size:80%;
}
.tooltip a{
	position:relative;
	display:block;
	color:#333;
	text-decoration: underline;
}
.tooltip a:hover{
	text-decoration: none;
	color:#4FA38F;
}
.tooltip span {
	display:block;
	background: url(/design-image/portal/price_tooltip.gif) no-repeat;
	height: 55px;
	width:180px;
	position: absolute;
	top: 0;
	left: 10px;
	padding: 10px 12px 25px;
	z-index: 2;
	display: none;
	margin:0;
	font-size:12px;
	color:#FFF;
	text-shadow: 0 -1px 0px #000;
}

#baseprice #tv{
	float:left;
}
#baseprice #net{
	float:right;
}
#baseprice .price_sum,
#phone .price_sum{
	font-size:130%;
	font-weight:normal;
}
#phone{
	clear:both;
	margin:7px 0 inherit 0;
	position:relative;
	height:78px;
	background:url(/design-image/portal/price_phone_bg.png) no-repeat;
	padding:11px 0 0 272px;
	width:443px;
}
#phone h4{
	display:block;
	position:absolute;
	width:256px;
	left:0;
	top:0;
}
#phone td{
	padding:3px 20px 3px 0;
}

#price_area .asset-body{
	background: none;
	padding-top: 0;
}
#price_area .asset-category_a .asset {
	margin-bottom: 1em;
}

#support #alpha .mail img{
	display: block;
	margin: 0 0 .5em 0;
}
#support .mail {
background:url(/design-image/portal/mailmanual_next.png) no-repeat left bottom;
padding-bottom:62px;
margin-bottom:0px;
}
#support .mail.last{
background:none;
padding-bottom:0px;
}
.mail .caption{
font-size:80%;
}

#support .mail p{
font-size:240%;
text-shadow:0 1px -1px #ccc;
margin-bottom:.2em;
color:#226C9C;
}
#phoneservice td.cl{
	background:#FFF6EF;
border-color:#E8D6D2;
}
#phoneservice td.cp{
	background:#F0FBFF;
	border-color:#C1CBD3
}
#phone-side-cl img{
margin-bottom:4px;
}
#phone-side-cp {
	background:url(/design-image/portal/phone_side_cpbg.jpg) center bottom no-repeat;
padding-bottom:.3em;
margin-bottom:4px;
}
#phone-side-cp img{
	margin-bottom:.5em;
}
#entry-111 .asset-body h2 {
	font-size: 20px;
	font-weight: bold;
	color: #111111;
}
#entry-111 .asset-body hr{
	display: block;
	margin: 30px 0;
	position: static;
	top: auto;
	width: auto;
	border: 1px solid #76d6d5;
}

/*インデックス用*/
/*タイトルが必要な場合↓*/
.mt-sub-index #alpha #temp-title {
	background: url(/design-image/portal/entry_asset-header.gif)repeat-x bottom left;
	padding: 0 0 20px;
	margin: 2em 0 1em 0;
	color: #000000;
	font-weight: bold;
	line-height: 1.2;
	font-size: 20px;
}

.mt-sub-index #alpha h3{
	font-size: 16px;
	font-weight: bold;
}

/*時事通信社*/
#jijitsushin {
	margin-bottom:10px;
	border: 1px solid #D0CEC6;
	width: 228px;
	height: 130px;
	overflow: hidden;
	position: relative;
}
#jijitsushin *{
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	transition-duration:.3s;
}
#jijitsushin:hover{
opacity: 0.8;
filter: alpha(opacity=80);
}
#jijitsushin a{
	color: white;
	display: block;
	/width: 228px;
	/height: 130px;
}
#jijitsushin a:hover{
	text-decoration: none;
}
#jijitsushin a img{
	border: none;
	width: 228px;
}
#jijititle{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 4px 10px;
	background-color: rgba(38, 92, 100, 0.69);
	line-height: 1.3;
	margin: 0;
	box-shadow: 0 -1px 8px #9ea7a8;
	text-shadow: 0 -1px 0 black;
	border-top: 1px solid #789898;
	width: 208px;
	background-color:#668A90\9;
	/background-color:#668A90;
	/z-index:1;
}
#jijitsushin:hover #jijititle{
	color: #378b89;
	text-shadow: 0 1px 0 white;
	background-color: #eaf5f5;
	border-top: 1px solid #ffffff;
}
#jijititle i{
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	margin-left: 1em;
	text-shadow: none;
}