@charset "utf-8";

/*----- リセット -----*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0;}
html,body{ height:100%;}/*----- 高さ100% -----*/
/*ol, ul, li{ list-style:none;}
li img { vertical-align: bottom;}
fieldset, img{ border:0;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{ text-align:left;}
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal; font-weight:normal;}
img{ margin:0px; padding:0px; border:none;}
*/

#mtdWrap.contents{
	float:none !important;
	width:970px !important;
	margin:0 auto;
	font-size:16px;
}

#mtdWrap.contents p.breadcrumb{
	font-size:12px;
}

#mtdWrap.contents img{
	vertical-align:top;
}

#mtdWrap #mainVisual{
	width:970px;
	height:2345px;
	margin:0 0 10px;
}

#mtdWrap h1{
	padding:0;
}



/* 追加分 */

.print { height:0;border:none;page-break-before:always;}

#feature img {margin:0 auto 10px;}
#feature {text-align:center;}

#howto1 {
	background-image:url(../img/june_skyback.png);
	width:970px;
	height:880px;
	margin-bottom:20px;
	background-color:#5c97f4;
	border-radius:16px;
}

#howto2 {
	background-image:url(../img/june_skyback.png);
	width:970px;
	height:880px;
	margin-bottom:20px;
	background-color:#5c97f4;
	border-radius:16px;
}

#howto3 {
	background-image:url(../img/june_skyback.png);
	width:970px;
	height:880px;
	margin-bottom:20px;
	background-color:#5c97f4;
	border-radius:16px;
}



/* 見るには1 */
#miruniwa1 {width:940px;height:725px;background-color:#FFFFFF;margin:0 auto;text-align:center;}
#miruniwa1 ul {font-size:0;margin:0 auto;}
#miruniwa1 li {display:inline-block;vertical-align:middle;} 

/* 見るには2 */
#miruniwa2 {width:940px;height:725px;background-color:#FFFFFF;margin:0 auto;text-align:center;}
#miruniwa2 ul {font-size:0;margin:0 auto;}
#miruniwa2 li {display:inline-block;vertical-align:middle;} 

/* 見るには3 */
#miruniwa3 {width:940px;height:725px;background-color:#FFFFFF;margin:0 auto;text-align:center;}
#miruniwa3 ul {font-size:0;margin:0 auto;}
#miruniwa3 li {display:inline-block;vertical-align:middle;} 






/* スカパー! */

.skper {width:940px;}

.skper_left {
	font-size:0;
	width:465px;
	height:200px;
	text-align:left;
	background-color:#336699;
	}
	
.skper_right {
	text-align:left;
	width:475px;
	height:200px;
}

.skper_left img {margin:0 auto;}
.skper_right img {
	margin:0 35px 10px 5px;
	box-shadow:4px 4px 10px #996600;
}


/* jcom */

.jcom {
	margin:10px auto 0;
	width:930px;
	height:150px;
}

.jcom_left {
	font-size:0;
	width:490px;
	border:5px solid #f94e11;
	border-right:0;
	border-radius:8px 0 0 8px;
	height:140px;
	text-align:center;
	}

.jcom_right {
	border:5px solid #f94e11;
	border-left:0;
	border-radius:0 8px 8px 0;
	width:400px;
	height:140px;
	text-align:right;
}

.jcom_left img {margin:15px auto;}
.jcom_right img {margin:10px;margin:10px;box-shadow:4px 4px 10px #660000;}


/* ひかりTV */

.hikari {
	margin:10px auto 0;
	width:930px;
	height:150px;
}

.hikari_left {
	font-size:0;
	width:490px;
	border:5px solid #23c3ff;
	border-right:0;
	border-radius:8px 0 0 8px;
	height:140px;
	text-align:center;
	}

.hikari_right {
	border:5px solid #23c3ff;
	border-left:0;
	border-radius:0 8px 8px 0;
	width:400px;
	height:140px;
	text-align:right;
}

.hikari_left img {margin:15px auto;}
.hikari_right img {margin:10px;box-shadow:4px 4px 10px #003366;}

/* CATV */

.catv {
	margin:10px auto 0;
	width:930px;
	height:70px;
}
.catv_left {
	font-size:0;
	width:490px;
	border:5px solid #7cc150;
	border-right:0;
	border-radius:8px 0 0 8px;
	height:60px;
	text-align:left;
	}

.catv_right {
	border:5px solid #7cc150;
	border-left:0;
	border-radius:0 8px 8px 0;
	width:400px;
	height:60px;
	text-align:right;
}

.catv_left img {margin-top:10px;margin-left:0;}
.catv_right img {margin:10px;box-shadow:4px 4px 10px #336600;}






/* Android対策 */

.andro {background: url(../img/p.png) no-repeat;}


/* サポート */

#support{
	margin:0 0 20px;
	padding:24px 0 8px;
	background-color:#ffffff;
	border:30px solid #ffe0f0;
	text-align:center;
}

#support h2{
	margin:0 0 34px;
	font-size:24px;
	font-weight:normal;
	background: url(../img/p.png) no-repeat;
}

#support .inner{
	display:inline-block;
	padding:10px 0 20px 310px;
	background:url(../img/top_sprt_img.png) left center no-repeat;
	text-align:left;
}

#support .inner h3{
	font-size:19px;
	font-weight:normal;
	background: url(../img/p.png) no-repeat;
}

#support .inner h3 strong{
	display:block;
	margin:10px 0 14px;
}

#support .inner ul{
	margin-top:10px;
	font-size:12px;
}

#support .inner ul li{
	margin-bottom:4px;
}
#support .inner ul li:last-child{
	margin-bottom:0;
}



#about {
	margin:0 0 20px;
	padding:30px;
	background-color:#fff2c3;
}

#about .inner{
	padding:28px 18px 30px;
	background-color:#ffffff;
	border-radius:16px;
}

#about .inner h2{
	height:44px;
	margin:0 0 24px;
	text-align:center;
	line-height:44px;
	font-size:24px;
	font-weight:normal;
	background: url(../img/p.png) no-repeat;
}
#about .inner h2 img{
	margin-right:16px;
}

#about .inner div{
	width:401px;
	margin:0 18px;
}

#about .inner div h3{
	margin:0 0 16px;
	text-align:center;
	background: url(../img/p.png) no-repeat;
}
#about .inner div p{
	line-height:150%;
}

#about .inner .aboutCh1{
	float:left;
}
#about .inner .aboutCh2{
	float:right;
}


p.copyrightBox{
	padding:30px 0;
	line-height:120%;
	font-size:12px;
	color:#666666;
}

.komechu1 {text-align:right;font-size:10px;line-height:30px;margin-top:-10px;}
.komechu2 {text-align:right;font-size:10px;line-height:30px;}