@charset "shift_jis";/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html,body#top,#top div,#top span,#top applet,#top object,#top iframe,
#top h1,#top h2,#top h3,#top h4,#top h5,#top h6,#top p,#top blockquote,#top pre,
#top a,#top abbr,#top acronym,#top address,#top big,#top cite,#top code,
#top del,#top dfn,#top em,#top img,#top ins,#top kbd,#top q,#top s,#top samp,
#top small,#top strike,#top strong,#top sub,#top sup,#top tt,#top var,
#top b,#top u,#top i,#top center,
#top dl,#top dt,#top dd,#top ol,#top ul,#top li,
#top fieldset,#top form,#top label,#top legend,
#top table,#top caption,#top tbody,#top tfoot,#top thead,#top tr,#top th,#top td,
#top article,#top aside,#top canvas,#top details,#top embed, 
#top figure,#top figcaption,#top footer,#top header,#top hgroup, 
#top menu,#top nav,#top output,#top ruby,#top section,#top summary,
#top time,#top mark,#top audio,#top video {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
border: 0;
/*font-size: 100%;*/
/*font: inherit;*/
text-indent:0;
vertical-align: baseline;
background:transparent;
}
/* HTML5 display-role reset for older browsers 
*/
#top article,#top aside,#top details,#top figcaption,#top figure, 
#top footer,#top header,#top hgroup,#top menu,#top nav,#top section {
display: block;
}
body#top {
line-height: 1;
}
#top ol,#top ul {
list-style: none;
}
#top blockquote,#top q {
quotes: none;
}
#top blockquote:before,#top blockquote:after,
#top q:before,#top q:after {
content: '';
content: none;
}
#top table {
border-collapse: collapse;
border-spacing: 0;
}
/*====================*/

#top *{
	margin:0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	padding:0;
	border:0;
	line-height: inherit;
	text-decoration:none;
	box-sizing:border-box;
}

#top a,#top p,body#top,#top input,#top select,#top textarea{
	font-family: 游ゴシック,メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;
	font-weight: 500;
	color:#555;
	font-size:16px;
	letter-spacing:0.02em;
	line-height:1.5;
}

body#top{
	width:100%;
}

body#top{
	height:100%;
}

#top h4{
	font-size:inherit;
}

#top a{
	color:#2196F3;
	font-weight:inherit;
	text-decoration:underline;
}

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

#top .alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
}

#top .alignright {
	display: inline;
	float: right;
	margin-left: 1.5em !important;
}

#top .aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

#top .video video {
	display:block;
	max-width:100%;
	margin:0 auto;
}

/*-- header --*/
#top #head_wrap{
	border-bottom:3px solid #3E9DFC;
}

#top #header{
	position:relative;
	margin:0 auto;
	padding-left:130px;
	width:800px;
	height:85px;
	z-index: 1000;
	overflow: visible;
}

#top #header:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:142px;
	height:164px;
	background-image:url(../image/common/header_logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	top:0;
	left:0;
}

#top #head_right{
	position:absolute;
	margin:auto;
	width:275px;
	width:135px\9; /*IE8*/
	height:100%;
	letter-spacing: -1em;
	transform: skewX(40deg);
	transform-origin: 0 0;
	overflow:hidden;
	right: -90px;
	top: 0;
	bottom: 0;
	z-index:10;
}

#top #head_right p{
	width:33%;
	height:100%;
	display:inline-block;
	letter-spacing: normal;
}

#top #head_right a{
	position:relative;
	margin-left:1px;
	display:table;
	width:101%;
	height:100%;
	font-size:80%;
	text-decoration:none;
	transition:.2s;
}

#top #head_right p:nth-child(1) a{
	background-color:#327ade;

}

#top #head_right p:nth-child(2) a{
    background-color: #3E9DFC;
}

#top #head_right p:nth-child(3) a{
	background-color:#F6516D;

}

#top #head_right a span{
	position:relative;
	display:table-cell;
	vertical-align:bottom;
	color:#fff;
	font-size:80%\9; /*IE8*/
	text-align:center\9; /*IE8*/
	background-image:url(../image/common/file_icon.png);
	background-repeat:no-repeat;
	background-position:20% center;
	background-position:center\9; /*IE8*/
	transform: skewX(-40deg);
	transform-origin: 100% 100%;
}

#top #head_right p:nth-child(2) a span{
	background-image:url(../image/common/smartphone_icon.png);
}


#top #head_right p:nth-child(3) a span{
	padding-left:1.5em;
	background-image:url(../image/common/tenki_icon.png);
}



#top #head_right a:hover,
#top #head_right p:nth-child(1) a:hover,
#top #head_right p:nth-child(2) a:hover{
	background-color:#fff;
	transition:.2s;
}


#top #head_right a:hover span,
#top #head_right p:nth-child(1) a:hover span{
	background-image:url(../image/common/file_icon_hover.png);
	color:#327ade;
	transition:.2s;
}


#top #head_right p:nth-child(2) a:hover span{
	background-image:url(../image/common/smartphone_icon_hover.png);
}

#top #head_right p:nth-child(3) a:hover{
	background-color:#fff;
}

#top #head_right p:nth-child(3) a:hover span{
	color:#F6516D;
	background-image:url(../image/common/tenki_icon_hover.png);
}


#top #head_submenu{
	margin-left: 30px;
	border:1px solid #327ade;
	border-top:0;
	border-bottom:0;
	transform: skewX(40deg);
}

#top #head_submenu ul{
	position: relative;
	padding-right:150px;
	letter-spacing:-1em;
}

#top #head_submenu ul li{
	position: relative;
	display:inline-block;
	padding:.5em 3em .5em 1em;
	width:100%;
	border-bottom:1px solid #327ade;
	letter-spacing: normal;
}

#top #head_submenu ul li input{
	transform: skewX(-40deg);
}

#top #head_submenu ul li input:focus {
    outline: none;
}


#top #head_submenu ul li input[type=text]{
	padding-left:2em;
	width:80%;
	background-image:url(../image/common/seach_icon.png);
	background-repeat:no-repeat;
	background-position:.5em center;
}

#top #head_submenu ul li input[type=submit]{
	width:20%;
	color:#327ade;
	font-size:80%;
	background-color:#fff;
	border:1px solid #327ade;
	border-radius:5px;
	cursor:pointer;
	transition:.2s;
}

#top #head_submenu ul li input[type=submit]:hover{
	color:#fff;
	background-color:#327ade;
	transition:.2s;
}


#top #head_submenu ul li:nth-child(2){
	padding:0;
	background-color:#F6516D;
	border-bottom:1px solid #F6516D;
}

#top #head_submenu ul li a{
	display:block;
	padding: .5em 1em;
	width:100%;
	height:100%;
	text-decoration:none;
	transition:.2s;
}

#top #head_submenu ul li a span{
	display:inline-block;
	padding-left: 35px;
	color:#fff;
	background-image:url(../image/common/tenki_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	transform: skewX(-40deg);
}

#top #head_submenu ul li a:hover{
	background-color:#fff;
	transition:.2s;
}

#top #head_submenu ul li a:hover span{
	color:#F6516D;
	background-image:url(../image/common/tenki_icon_hover.png);
}

#top #head_mainmenu{
	width:530px;
}

#top #head_mainmenu > ul{
	position: relative;
	letter-spacing:-1em;
}

#top #head_mainmenu >  ul >  li{
	width:20%;
	display:inline-block;
	letter-spacing:normal;
}

#top #head_mainmenu >  ul >  li >  a{
	display:block;
	color:initial;
	padding:1.5em 0 .3em;
	font-size:80%;
	text-align:center;
	text-decoration:none;
	transition:.2s;
}

#top #head_mainmenu >  ul >  li:hover >  a,
#top #head_mainmenu >  ul >  li >  a.current{
	color:#327ade;
	font-weight:bold;
	border-bottom: 3px solid #3E9DFC;
	transition:.2s;
}

#top #head_mainmenu >  ul >  li#nav_cableTV:hover >  a,
#top #head_mainmenu >  ul >  li#nav_cableTV >  a.current{
	color:#5ec84e;
	border-bottom: 3px solid #5ec84e;
}

#top #head_mainmenu >  ul >  li#nav_internet:hover >  a,
#top #head_mainmenu >  ul >  li#nav_internet >  a.current{
	color:#ebcc23;
	border-bottom: 3px solid #ebcc23;
}
#top #head_mainmenu >  ul >  li#nav_charge:hover >  a,
#top #head_mainmenu >  ul >  li#nav_charge >  a.current{
	color:#edad0b;
	border-bottom: 3px solid #edad0b;
}
#top #head_mainmenu >  ul >  li#nav_construction:hover >  a,
#top #head_mainmenu >  ul >  li#nav_construction >  a.current{
	color:#9d73bb;
	border-bottom: 3px solid #9d73bb;
}

#top #head_mainmenu >  ul >  li >  ul{
	position: absolute;
	display:none;
	margin: auto;
	width: 100%;
	background-color: #fff;
	line-height: 1.5em;
	top: 100%;
	left: 0;
	z-index: 999;
	box-shadow: 2px 2px 2px #ccc;
	letter-spacing:-1em;
}

#top #head_mainmenu >  ul >  li#nav_cableTV > ul{
	border: 2px solid #5ec84e;
	border-top:0;
}

#top #head_mainmenu >  ul >  li#nav_internet > ul{
	border: 2px solid #ebcc23;
	border-top:0;
}

#top #head_mainmenu >  ul >  li#nav_charge:hover > ul{
	border: 2px solid #edad0b;
	border-top:0;
}

#top #head_mainmenu >  ul >  li#nav_construction > ul{
	border: 2px solid #9d73bb;
	border-top:0;
}

#top #head_mainmenu >  ul >  li >  ul > li{
	display:inline-block;
	padding:.5em;
	letter-spacing:normal;
}

#top #head_mainmenu >  ul >  li >  ul > li > a{
	font-size:80%;
}


/*-- top content --*/

#top #main_wrap{
    min-width: 870px;
}

#top #main_wrap #news_wrap{
	background-image:url(../image/common/bg_blue.png);
	background-size:cover;
	overflow: hidden;
}

#top #main_wrap #news_wrap #news{
	margin:0 auto 1.5em;
	width:800px;
	text-indent:0;
}

#top #main_wrap #news_wrap #news{
	background-color:#327ade;
	overflow:hidden;
}

#top #main_wrap #news_wrap #news #news_left{
	float:left;
	margin:1em;
	width:385px;
	height:292px;
}

#top #main_wrap #news_wrap #news #news_left a{
	position:relative;
	display:block;
	width:385px;
	height:292px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#top #main_wrap #news_wrap #news #news_left span{
	position:absolute;
	padding:.5em;
	padding-top:2em;
	margin:auto;
	width:100%;
	color:#fff;
	font-size:80%;
	background-image:url(../image/common/box_capbg.png);
	background-repeat:no-repeat;
	background-position:center top;
	bottom:0;
}

#top #main_wrap #news_wrap #news_right{
	float:left;
	margin:1em;
	width:350px;
}

#top #main_wrap #news_wrap #text_news h3{
	position:relative;
	padding:.5em 0 .5em 25px;
	color:#fff;
	font-size:90%;
	border-bottom:1px solid #fff;
}

#top #main_wrap #news_wrap #text_news h3 img{
	vertical-align:middle;
}

#top #main_wrap #news_wrap #text_news h3:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:20px;
	height:20px;
	background-image:url(../image/common/file_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	top:0;
	bottom:0;
	left:0;
}

#top #main_wrap #news_wrap #text_news ul{
	margin:.5em 0;
	border-bottom:1px solid #fff;
}

#top #main_wrap #news_wrap #text_news ul li{
	margin-bottom:.5em;
	padding-left:25px;
	color:#fff;
	font-size:90%;
	background-image:url(../image/common/arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#top #main_wrap #news_wrap #text_news ul a{
	color:inherit;
	font-size:inherit;
}

#top #main_wrap #news_wrap #ch_list h3{
	position:relative;
	padding:0;
	font-size:100%;
	color:#fff;
}

#top #main_wrap #news_wrap #ch_list dl{
	padding:.5em 1em;
	height:100px;
	background-color:#fff;
	overflow-y:scroll;
}

#top #main_wrap #news_wrap #ch_list dt,
#top #main_wrap #news_wrap #ch_list dd{
	float:left;
	margin-bottom: .2em;
	font-size:80%;
}

#top #main_wrap #news_wrap #ch_list dt{
	clear:both;
	padding-left:20px;
	width:100px;
	padding-right:5px;
    -moz-text-align-last: justify;
    text-align-last: justify;
    text-justify:inter-ideograph;	
		
	background-image:url(../image/common/h3_icon_blue.png);
	background-repeat:no-repeat;
	background-size:15px;
	background-position:left center;
}

#top #main_wrap #news_wrap #ch_list dd{
	width:200px;
}

#top #main_wrap #news_wrap #mov_wrap{
	margin:0 auto 1.5em;
	width:800px;
	letter-spacing: -1em;
}

#top #main_wrap #news_wrap #mov_wrap p{
	position: relative;
	display:inline-block;
	width:50%;
	letter-spacing: normal;
}

#top #main_wrap #news_wrap #mov_wrap p video{
	position:absolute;
	margin:0;
	top:0;
width:100% \9; /* IE8 */
height:100%\9; /* IE8 */
text-align:center\9; /* IE8 */
background-color:#ecf4fb\9; /* IE8 */
}

#top #main_wrap #news_wrap #mov_wrap p a{
	position:relative;
	display:block;
	margin: 0 auto;
	width:388px;
	height:235px;
	background-repeat:no-repeat;
	background-size:cover;
}

#top #main_wrap #news_wrap #mov_wrap p a:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:100%;
	height:100%;
	background-color:#fff;
	background-color:transparent\9; /* IE8 */
	border:1px solid #ccc\9; /* IE8 */
	top:0;
	left:0;
	z-index: 100;
	opacity:0;
}

#top #main_wrap #news_wrap #mov_wrap p a:hover:before{
	opacity:0.5;
	transition:.2s;
}

#top #main_wrap #news_wrap #mov_wrap span{
	position:absolute;
	width:100%;
	color:#fff;
	margin:auto;
	padding: .5em;
	padding-top:1em;
	padding-left:30px;
	font-size: 80%;
	font-weight:bold;
	bottom: 0;
	z-index:999;
}

#top #main_wrap #news_wrap #mov_wrap span.left{
	width:388px;
	background-image: url(../image/common/mov_icon.png);
	background-repeat: no-repeat;
	background-size:20px;
	background-position: 5px 1.2em;
	right:0;
	left:0;	z-index:9999;

}

#top #main_wrap #news_wrap #mov_wrap div span.left{
	background-image: url(../image/common/camera_icon.png);
	background-position: 5px .8em;
}

#top #main_wrap #news_wrap #mov_wrap span.right{
	padding-top:2em;
	padding-left:.5em;
	width:388px;
	text-align:right;
	background-image: url(../image/common/box_capbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	right:0;
	left:0;
}


#top #main_wrap #news_wrap #mov_wrap span.right:before{
	display:inline-block;
	content:'';
	margin:auto .2em;
	width:12px;
	height:12px;
	background-image: url(../image/common/arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	top:0;
	bottom:0;
}


#top #mov_wrap .slider{
	display:inline-block !important;
	letter-spacing:normal;	
}

#top #mov_wrap .slider{
	display:inline-block !important;
	width:388px !important;	
}

#top #mov_wrap .slider .slick-track{
	//width:388px !important;
}

#top #mov_wrap .slider .slick-slide{
	//width:auto !important;

	height:235px;

}

#top #mov_wrap .slider .slick-slide a{
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;

}

#top #main_wrap #news_wrap #maintenans{
	position:relative;
	margin:0 auto 1.5em;
	padding:1em 1em 3em;
	width:800px;
	background-color:#3E9DFC;
}

#top #main_wrap #news_wrap #maintenans h3{
	position:relative;
	display:table;
	margin:0 auto 1em;
	color:#fff;
	text-align:center;
}

#top #main_wrap #news_wrap #maintenans h3:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_blue.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
	top:0;
	bottom:0;
	left:-30px;
}


#top #main_wrap #news_wrap #maintenans h3:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_blue.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right center;
	top:0;
	bottom:0;
	right:-30px;
}

#top #main_wrap #news_wrap #maintenans ul{
	margin:0 auto;
}

#top #main_wrap #news_wrap #maintenans ul li{
	padding-left: 25px;
	color:#fff;
	background-image: url(../image/common/arrow.png);
	background-repeat: no-repeat;
	background-position: left .2em;
}

#top #main_wrap #news_wrap #maintenans p{
	position:absolute;
	margin:auto;
	padding-top:.5em;
	width:100%;
	background-image: url(../image/common/box_capbg_l.png);
	background-repeat: no-repeat;
	background-position: center top;
	bottom:0;
	left:0;
}

#top #main_wrap #news_wrap #maintenans a{
	color:#FF0;
}


#top #main_wrap #news_wrap #maintenans p span{
	display:inline-block;
	color:#fff;
	margin:auto;
	padding: .5em;
	padding-left:30px;
	font-size: 80%;
	font-weight:bold;
	background-image: url(../image/common/maintenans_icon.png);
	background-repeat: no-repeat;
	background-size:20px;
	background-position: 5px center;
	bottom: 0;
	left: 0;
	z-index:10;
}

#top #main_wrap #information{
	margin:0 auto;
	padding:1em;
	width:800px;
	background-color:rgba(255, 255, 255, 0.5);
}

#top #main_wrap #information h3{
	position:relative;
	display:table;
	margin:0 auto 1em;
	color:#327ade;
	text-align:center;
}

#top #main_wrap #information h3:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_blue.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
	top:0;
	bottom:0;
	left:-30px;
}


#top #main_wrap #information h3:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_blue.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right center;
	top:0;
	bottom:0;
	right:-30px;
}

#top #main_wrap #information ul li{
	padding-left: 25px;
	color:#000;
	background-image: url(../image/common/arrow.png);
	background-repeat: no-repeat;
	background-position: left .2em;
}

#top #main_wrap #information ul li ul li{
	padding-left: 25px;
	color:#000;
	background-image: url(/image/common/li3-blue.png);
	background-repeat: no-repeat;
	background-position: left .2em;
}


#top #main_wrap #information #red{
	color: red;
}

#top #main_wrap #information #red a{
	color: inherit;
}






#top #main_wrap #own_program_wrap{
	padding:1em 0;
	background-image: url(../image/common/bg_blue.png);
	background-size: cover;
	overflow: hidden;
}

#top #main_wrap #own_program{
	position:relative;
	margin:0 auto;
	padding:1em 1em 3em;
	width:800px;
	background-color:#327ade;
	overflow:hidden;
}

#top #main_wrap #own_program h3{
	position:relative;
	display:table;
	margin:0 auto 1em;
	color:#fff;
	text-align:center;
}

#top #main_wrap #own_program h3:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_blue.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
	top:0;
	bottom:0;
	left:-30px;
}


#top #main_wrap #own_program h3:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_blue.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right center;
	top:0;
	bottom:0;
	right:-30px;
}

#top #main_wrap #own_program ul{
	display: inline-block;
	margin:0 auto;
}

#top #main_wrap #own_program ul li{
	padding-left: 25px;
	color:#fff;
	background-image: url(../image/common/arrow.png);
	background-repeat: no-repeat;
	background-position: left .2em;
}

#top #main_wrap #own_program ul li a{
	color:inherit;
}

#top #main_wrap #own_program p:last-child{
	position:absolute;
	margin:auto;
	padding-top:.5em;
	width:100%;
	background-image: url(../image/common/box_capbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	bottom:0;
	left:0;
}

#top #main_wrap #own_program p:last-child span{
	display:inline-block;
	color:#fff;
	margin:auto;
	padding: .5em;
	font-size: 80%;
	font-weight:bold;
	bottom: 0;
	left: 0;
	z-index:10;
}

#top #main_wrap #tv_life_wrap{
	padding: 1em 0;
	background-image: url(../image/common/bg_purple.png);
	background-size: cover;
	overflow: hidden;
}

#top #main_wrap #tv_life{
	margin:0 auto;
	width:800px;
}

#top #main_wrap #tv_life h3{
	position:relative;
	display:table;
	margin:0 auto 1em;
	color:#786FC9;
	text-align:center;
}

#top #main_wrap #tv_life h3:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_purple.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
	top:0;
	bottom:0;
	left:-30px;
}


#top #main_wrap #tv_life h3:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_purple.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right center;
	top:0;
	bottom:0;
	right:-30px;
}

#top #main_wrap #tv_life div{
	float:left;
	position:relative;
	margin:1%;
	padding-top:150px;
	width:calc( 93% / 3 );
	width:248px\9; /* IE8 */
	height:350px;
	background-color:#fff;
	background-image:url(../image/common/tvlife2.png);
	background-repeat:no-repeat;
	background-size:contain;
}

#top #main_wrap #tv_life div:first-of-type{
	background-image:url(../image/common/tvlife1.png);
}

#top #main_wrap #tv_life div:last-child{
	background-image:url(../image/common/tvlife3.png);
}

#top #main_wrap #tv_life div h4{
	position:relative;
	padding:.5em;
	color:#786FC9;
	text-align:center;
	background-color:#fff;
	z-index:10;
}

#top #main_wrap #tv_life div h4:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:90px;
	height:80px;
	background-image:url(../image/common/hex_white.png);
	background-repeat:no-repeat;
	background-size:90px 80px;
	top:-40px;
	left:0;
	right:0;
	z-index:-1;
}

#top #main_wrap #tv_life div h4:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:40px;
	height:30px;
	background-image:url(../image/common/tvlife2_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	top:-30px;
	left:0;
	right:0;
	z-index:-1;
}


#top #main_wrap #tv_life div:first-of-type h4:after{
	background-image:url(../image/common/tvlife1_icon.png);
}


#top #main_wrap #tv_life div:last-child h4:after{
	background-image:url(../image/common/tvlife3_icon.png);
}

#top #main_wrap #tv_life div > a{
	position:absolute;
	display:block;
	margin:auto;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#top #main_wrap #tv_life div > a:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:100%;
	height:100%;
	background-color:#fff;
	background-color:transparent\9; /* IE8 */
	top:0;
	left:0;
	z-index: 100;
	opacity:0;
}

#top #main_wrap #tv_life div > a:hover:before{
	opacity:0.5;
	transition:.2s;
}

#top #main_wrap #tv_life div p{
	font-size:80%;
	text-align:center;
}

#top #main_wrap #tv_life div p.btn{
	display:table;
	margin:1em auto;
	padding:.5em 1em;
	color:#786FC9;
	border:2px solid #786FC9;
}

#top #main_wrap #tv_life div ul li{
	text-align:center;
}


#top #main_wrap #tv_life div ul li a{
	font-size:80%;
	color:inherit;
}

#top #main_wrap #green_wrap{
	padding: 1em 0;
	background-image: url(../image/common/bg_green1.png);
	background-size: cover;
	overflow: hidden;
}

#top #main_wrap #sp_cont{
	margin:0 auto;
	padding:1em 0em;
	width:800px;
}

#top #main_wrap #green_wrap h3{
	position:relative;
	display:table;
	margin:0 auto 1em;
	color:#30A423;
	text-align:center;
}

#top #main_wrap #green_wrap h3:before{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_green.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
	top:0;
	bottom:0;
	left:-30px;
}


#top #main_wrap #green_wrap h3:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
	width:25px;
	height:100%x;
	background-image: url(../image/common/h3_icon_green.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right center;
	top:0;
	bottom:0;
	right:-30px;
}

#top #main_wrap #sp_cont p#twi{
	float:left;
	padding:0px 20px;
	margin-bottom:1em;
}

#top #main_wrap #sp_cont ul{
	display:inline-block;
	padding:0 1em;
	width:400px;
	letter-spacing:-1em;
}

#top #main_wrap #sp_cont ul li{
	position:relative;
	display:inline-block;
	margin:0px 5px;
	width:calc(94% / 2);
	letter-spacing:normal;
}

#top #main_wrap #sp_cont ul li a.podct {
	display: block;
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	text-indent: -999em;
	background: url(../image/common/podcast.jpg) no-repeat;
	background-size:contain;
	background-position:center;
}

#top #main_wrap #sp_cont ul li img{
	width:100%;
	height:auto;
}

#top #main_wrap #log_wrap{
	clear:both;
	margin-bottom:1.5em;
	background-color:#fff;
}

#top #main_wrap #loglist{
	margin:0 auto;
	padding:1em;
	width:800px;
}

#top #main_wrap #loglist ul{
	padding:0 .5em;
	letter-spacing:-1em;
}

#top #main_wrap #loglist ul li{
	position:relative;
	display:inline-block;
	margin:1%;
	width:48%;
	letter-spacing:normal;
}

#top #main_wrap #cont_wrap{
	padding:0 0 3em;
	background-image: url(../image/common/bg_blue.png);
	background-size: cover;
	overflow: hidden;
}

#top #main_wrap #cont{
	position:relative;
	margin:0 auto;
	padding:0em 1em 3em;
	width:800px;
	min-height:800px;
	background-color:#fff;
	overflow:hidden;
}

#top #main_wrap #cont h3{
	padding: 1em 0 .5em 50%;
	color:#5EC84E;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:130px center;
}


#top #main_wrap #cont ul{
	width:90%;
	margin:0 auto;
}

#top #main_wrap #cont ul li{
	margin-top:1.5em;
	background-color:#d5f8d0;
	transform:skeW(40deg);
}

#top #main_wrap #cont ul li:first-of-type{
	margin-top:0;
}

#top #main_wrap #cont ul li a{
	display:inline-block;
	padding:.2em 0 .2em 40px;
	color:inherit;
	font-weight:bold;
	background-image:url(../image/common/arrow_catv.png);
	background-repeat:no-repeat;
	background-position:15px center;
	transform:skeW(-40deg);
}


#top #main_wrap #cont ul li span{
	display:inline-block;
	padding:.2em 0 .2em 40px;
	color:inherit;
	font-weight:bold;
	background-image:url(../image/common/arrow_catv.png);
	background-repeat:no-repeat;
	background-position:15px center;
	transform:skeW(-40deg);
}


#top #main_wrap #cont ul li.child{
	margin-top:0;
	padding:.5em 0 0 25px;
	width:100%;
	background-color:#fff !important;
}

#top #main_wrap #cont ul li.child a{
	font-weight:normal;
}


#top #main_wrap #cont.catv h3{
	background-image:url(../image/common/h3_catv.png);
}

#top #main_wrap #cont.internet h3{
	color:#F2BC0A;
	background-image:url(../image/common/h3_internet.png);
}

#top #main_wrap #cont.internet ul li{
	background-color:#FAF1BE;
}
#top #main_wrap #cont.internet ul li a{
	background-image:url(../image/common/arrow_internet.png);
}

#top #main_wrap #cont.charge h3{
	color:#DA6272;
	background-image:url(../image/common/h3_charge.png);
}

#top #main_wrap #cont.charge ul li{
	background-color:#FFE2E6;
}

#top #main_wrap #cont.charge ul li a{
	background-image:url(../image/common/arrow_charge.png);
}

#top #main_wrap #cont.construction h3{
	color:#9D73BB;
	background-image:url(../image/common/h3_construction.png);
}

#top #main_wrap #cont.construction ul li{
	background-color:#EADFF2;
}

#top #main_wrap #cont.construction ul li a,
#top #main_wrap #cont.construction ul li span{
	background-image:url(../image/common/arrow_construction.png);
}

#top #main_wrap #cont.news h3{
	color:#edad0b;
	background-image:url(../image/common/h3_newsheader.png);
}

#top #main_wrap #cont.news ul li{
	background-color:#fff8e5;
}

#top #main_wrap #cont.news ul li a,
#top #main_wrap #cont.news ul li span{
	background-image:url(../image/common/arrow_news.png);
}

#top #footer_wrap{
	min-width:870px;
	background-color:#327ADE;
}

#top #footer_wrap #footer{
	margin:0 auto;
	padding:1em;
	width:800px;
	overflow:hidden;
}

#top #footer_wrap #footer ul{
	float:left;
	padding-left:80px;
	width:450px;
	height:80px;
	background-image: url(../image/common/chara_icon.png);
	background-repeat: no-repeat;
	background-size: 75px;
	letter-spacing:-1em;
}

#top #footer_wrap #footer ul li{
	position:relative;
	display:inline-block;
	margin:8px;
	letter-spacing:normal;
}

#top #footer_wrap #footer ul li a{
	color:#fff;
	font-size:80%;
}

#top #footer_wrap #address{
	float:left;
	width:315px;
	text-align:left;
}

#top #footer_wrap #address p{
	color:#fff;
	font-size:80%;
}

#top #copy{
	min-width:870px;
	background-color:#327ADE;
}

#top #copy p{
	margin:0 auto;
	width:800px;
	color:#fff;
	font-size:70%;
	text-align:center;
}