@charset "utf-8";

html{
	font-size:12px;
}
body{
	background: #fff;
}
body,button,input,pre{
	font-size:12px;
	font-family: "メイリオ", Meiryo,Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
}
a{
	color: #367dbe;
}
a:hover{
	color: #6fa7db;
}
ul{
	list-style: none;
}
select{
	display: block;
	cursor: pointer;
	font-size: 12px !important;
	height: 24px !important;
}
.customSelect {
	font-size:13px;
	border:1px solid #999;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding-left: 5px;
	background:url(../images/select_btn.png) no-repeat center right;
	vertical-align: middle;
	text-align: left;
	font-size: 12px;
}
.customSelect.changed {
	background-color: #f0dea4;
}
.ie7_class6{
	height:0 !important;
}
/* IEでの縮小画像のジャギー問題解消
ジャギー解消をすると外枠に違う色が出てしまう為使わない
 img { -ms-interpolation-mode: bicubic; }
 */
/* =============================================
 共通部品
============================================= */
/* -------------------------------------------
 BOX　960 白
------------------------------------------- */
.box_all_white{
	position: relative;
	width: 960px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: transparent url(../images/box_all_white_b.png) left bottom no-repeat;
}
.box_all_white_top{
	width: 960px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #fff url(../images/box_all_white_t.png) left top no-repeat;
}

/* -------------------------------------------
 BOX 744 白
------------------------------------------- */
.box_left_white{
	position: relative;
	width: 744px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: transparent url(../images/box_left_white_b.png) left bottom no-repeat;
}
.box_left_white_top{
	content:"";
	width: 744px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: transparent url(../images/box_left_white_t.png) left top no-repeat;
}

/* -------------------------------------------
 BOX 960 オレンジにグレイ
------------------------------------------- */
.box_all_orange{
	position: relative;
	width: 960px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: transparent url(../images/box_all_orange_b.png) left bottom no-repeat;
	z-index:1;
}
.box_all_orange_top{
	width: 960px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index:2;
	background: transparent url(../images/box_all_orange_t.png) left top no-repeat;
}

/* -------------------------------------------
 BOX 200 ブルー
------------------------------------------- */
.box_right_blue{
	position: relative;
	width: 200px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: transparent url(../images/box_right_blue_b.png) left bottom no-repeat;
}
.box_right_blue_top{
	width: 200px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: transparent url(../images/box_right_blue_t.png) left top no-repeat;
}

/* -------------------------------------------
 BOX 200 オレンジ
------------------------------------------- */
.box_right_orange{
	position: relative;
	width: 200px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: transparent url(../images/box_right_orange_b.png) left bottom no-repeat;
}
.box_right_orange_top{
	width: 200px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: transparent url(../images/box_right_orange_t.png) left top no-repeat;
}

/* -------------------------------------------
 BOX 200 白
------------------------------------------- */
.box_right_white{
	position: relative;
	width: 200px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: transparent url(../images/box_right_white_b.png) left bottom no-repeat;
}
.box_right_white_top{
	width: 200px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: transparent url(../images/box_right_white_t.png) left top no-repeat;
}

/* =============================================
 メインヘッダー
============================================= */
.mainHeader{
	display: table;
	width: 960px;
	min-height: 94px;
	margin: 0 auto;
	position: relative;
	vertical-align: bottom;
}
.mainHeader .logo{
	padding: 0 0 16px 0;
	width: 290px;
	vertical-align: bottom;
	display: table-cell;
	*display:inline;
	*zoom:1;
}
.mainHeader .logo img{
	max-width: 290px;
	height: auto;
}
.mainHeader .logo a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.mainHeader .header_search{
	display: table-cell;
	position: relative;
	padding: 46px 0 0 0;
	width:380px;
	vertical-align: baseline;
	text-align: center;
	background: #fff;
	*display:inline;
	*zoom:1;
	*padding-bottom:5px;
}
.mainHeader .header_search input[type="text"]{
	background: #efefef;
	border: 1px solid #999999;
	height: 20px;
	width: 300px;
	line-height: 20px;
	padding: 5px;
	margin: 0;
}
.mainHeader .header_search input[type="text"]:focus {
	background-color: #fff;
}

.mainHeader .header_search input[type="submit"]{
	width: 50px;
	height: 32px;
	background: #666 url(../images/header_search_submit.png) center center;
	border: 0 solid #fff;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.mainHeader .header_search input[type="submit"]:hover{
	opacity: 0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
}

.mainHeader .header_search_zaq{
	position: absolute;
	right: 62px;
	top: 6px;
	*top:7px;
}
.mainHeader .yahoo{
	display:inline-block;
	width:360px;
	text-align:right;
	padding-bottom:10px;
	font-size: 11px;
	padding-top: 5px;
	*position:absolute;
	*right:10px;
}

.mainHeader .header_contact{
	display: table-cell;
	width: 290px;
	vertical-align: bottom;
	text-align:right;
	padding-bottom: 13px;
	*display:inline;
	*zoom:1;
}
.mainHeader .header_contact ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display:inline-block;
	width:160px;
	overflow:hidden;
}
.mainHeader li a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );

}

.mainHeader li + li{
	padding-top: 8px;
}

/* =============================================
 サブヘッダー
============================================= */
.subHeader{
	display: block;
	clear: both;
	width: 100%;
	margin: 0 auto 15px;
	background: #efefef;
}
.subHeader_wrap{
	width: 960px;
	margin: 0 auto;
}
.subHeader_wrap:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}

.subHeader .header_settingHome{
	float: left;
	background: #efefef;
}
.subHeader .header_settingHome a{
	display: block;
	width: 152px;
	height: 32px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	background: transparent url(../images/header_sub_home.png) left center no-repeat;
}
.subHeader .header_settingHome a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.subHeader .header_link{
	float: right;
}
.subHeader .header_link a{
	display: block;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	font-size: 14px;
}
.subHeader .header_link a:hover{
	color: #999;
}


/* =============================================
 緊急のお知らせ
============================================= */
.emergency{
	display: block;
	position: relative;
	clear: both;
	width: 960px;
	margin: 0 auto 15px;
}
.box_emergency{
	width: 960px;
	background: transparent url(../images/box_emergency_b.png) left bottom no-repeat;
}
.box_emergency_top{
	width: 960px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: transparent url(../images/box_emergency_t.png) left top no-repeat;
}
.emergency_title{
	display: block;
	width: 119px;
	height: 18px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 15px;
	top: 14px;
	background: transparent url(../images/box_emergency_title.png) left center no-repeat;
}
.emergency_list{
	padding: 16px 10px 0 170px;
}
.emergency_list dt{
	color: #ff4d00;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 95px;
	padding-bottom: 16px;
	vertical-align: top;
}
.emergency_list dd{
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 670px;
	padding-bottom: 16px;
	vertical-align: top;
}
.emergency_list a{
	color: #ff4d00;
	font-weight: bold;
	font-size: 14px;
}
.emergency_list a:hover{
	color: #ff9900;
	text-decoration: none;
}


/* =============================================
 トップニュース
============================================= */
.topNews{
	width: 960px;
	margin: 0 auto 15px;
	display: table;
	*display:block;
	position: relative;
}
.topNews .topNews_inner{
	display: table-cell;
	width: 760px;
	vertical-align: top;
	*float:left;
	*zoom:1;
	*width: 744px;
}
.topNews .topNews_tab1_contents,
.topNews .topNews_tab2_contents{
	display: block;
	clear: both;
	width: 744px;
	overflow: hidden;
	padding: 5px 16px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box_all_white .topNews_tab1_contents{
	width: 960px;
	padding: 5px 16px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.news_tab1_contents .err1,
.news_tab2_contents .err1,
.news_tab3_contents .err1{
	display: block;
	padding: 25px 0;
	width: 744px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px solid #ccc;

}
.news_tab1_contents .err1 p,
.news_tab2_contents .err1 p,
.news_tab3_contents .err1 p{
	height: 188px;
	background: #efefef url(../images/err1.png) center center no-repeat;
}
.news_tab1_contents .err2,
.news_tab2_contents .err2,
.news_tab3_contents .err2{
	display: block;
	padding: 36px 0;
	width: 744px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px solid #ccc;
}
.news_tab1_contents .err2 p,
.news_tab2_contents .err2 p,
.news_tab3_contents .err2 p{
	height: 109px;
	background: #efefef url(../images/err1.png) center center no-repeat;
}

/* -------------------------------------------
 タブ
------------------------------------------- */

.topNews_tab{
	display: block;
	position: relative;
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: transparent url(../images/topNews_tab_bg.png) left bottom repeat-x;
	*width: 96%;
}
.topNews_tab:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
.topNews_tab li{
	width: 356px;
	float: left;
}
.topNews_tab li h1,
.topNews_tab li a{
	display: block;
	width: 356px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
}
.topNews_tab li a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.topNews_tab .topNews_tab1 a{
	background: transparent url(../images/topNews_tab1_1.png) left center no-repeat;
}
.topNews_tab .topNews_tab1 h1{
	background: transparent url(../images/topNews_tab1_2.png) left center no-repeat;
}
.topNews_tab .topNews_tab2 a{
	background: transparent url(../images/topNews_tab2_1.png) left center no-repeat;
}
.topNews_tab .topNews_tab2 h1{
	background: transparent url(../images/topNews_tab2_2.png) left center no-repeat;
}

/* -------------------------------------------
 コンテンツ
------------------------------------------- */
.topNews_contents{
	clear: both;
	position: relative;
	margin-top: 10px;
	height: 40px;
	overflow: auto;
	*margin-right: 30px;
}
.topNews_contents dt{
	clear: both;
	float: left;
	width: 80px;
	color: #666;
	padding-bottom: 2px;
	line-height: 1.5em;
}
.topNews_contents dd{
	margin-left: 80px;
	padding-bottom: 2px;
	line-height: 1.5em;
}
.topNews_contents a{
	color: #367dbe;
}
.topNews_contents a:hover{
	color: #5697d2;
	text-decoration: none;
}
.topNews .topNews_history{
	zoom:1;
	position: absolute;
	display: block;
	right: 5px;
	top: 104px;
	width: 168px;
	height: 28px;
	z-index: 300;
}
.topNews .topNews_history a{
	display: block;
	width: 168px;
	height: 28px;
	z-index: 300;
}
.topNews .topNews_history a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
/* -------------------------------------------
 右BOX
------------------------------------------- */

.topNews .box_right_orange{
	display: table-cell;
	vertical-align: middle;
	*float:right;
	*width: 200px;
	*height: 130px;
	*zoom:1;
}
.topNews .link_notice{
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 200px;
	height: 128px;
	top: 0;
	left: 0;
	zoom: 1;
	vertical-align:middle;
}
.topNews .link_notice:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}

.topNews .link_notice a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/link_notice.png) center center no-repeat;
	*background: transparent url(../images/link_notice.png) 20px 12px no-repeat;
	zoom:1;
	position: relative;
	*z-index: 3;
}
.topNews .link_notice a img{
	display:none;
}
.topNews .link_notice a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.topNews .link_notice a:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}

/* =============================================
 アラート
============================================= */
.topAlert{
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto 15px;
}
.topAlert a{
	display:block;
	text-decoration:none;
}
.topAlert a:hover li{
	color:#FF8E5E;
}

.topAlert ul{
	list-style: none;
	padding: 10px;
	text-align: center;
}
.topAlert li{
	color: #ff4d00;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
}

/* =============================================
 サポート
============================================= */
.support{
	width: 960px;
	margin: 0 auto 15px;
	vertical-align: bottom;
}
.support ul{
	list-style: none;
}
/* -------------------------------------------
 サポート：メイン
------------------------------------------- */
.support_main{
	display: table-cell;
	width: 760px;
	padding-top: 16px;
	position: relative;
	*display:block;
	*float:left;
	*vertical-align: bottom;
	*zoom:1;
	*width: 744px;
	*margin:0;
}
.support_title{
	display: inline-block;
	width: 320px;
	height: 33px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/support_title.png) left center no-repeat;
	margin-bottom: 10px;
}

/* -- サポートリンク -- */
.support_link{
	display: block;
	width: 168px;
	height: 28px;
	position: absolute;
	right: 16px;
	*right:0;
	top: 16px;
}
.support_link a{
	display: block;
	width: 168px;
	height: 28px;
}
.support_link a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}


/* -------------------------------------------
 タブ
------------------------------------------- */
.support_tab{
	display: block;
	width: 744px;
	clear: both;
	padding: 0;
	margin: 0;
	background: transparent url(../images/support_tab_bg.png) left bottom repeat-x;
}
.support_tab:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
.support_tab li{
	float: left;
}
.support_tab li h1,
.support_tab li a{
	display: block;
	height: 48px;
	margin: 0;
	padding: 0;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
}
.support_tab li a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.support_tab .support_tab1{
	width: 178px;
}
.support_tab .support_tab2{
	width: 268px;
	margin-left: 8px;
}
.support_tab .support_tab3{
	width: 218px;
	margin-left: 8px;
}
.support_tab .support_tab1 a{
	background: transparent url(../images/support_tab1_1.png) left center no-repeat;
}
.support_tab .support_tab1 h1{
	background: transparent url(../images/support_tab1_2.png) left center no-repeat;
}
.support_tab .support_tab2 a{
	background: transparent url(../images/support_tab2_1.png) left center no-repeat;
}
.support_tab .support_tab2 h1{
	background: transparent url(../images/support_tab2_2.png) left center no-repeat;
}
.support_tab .support_tab3 a{
	background: transparent url(../images/support_tab3_1.png) left center no-repeat;
}
.support_tab .support_tab3 h1{
	background: transparent url(../images/support_tab3_2.png) left center no-repeat;
}



/* -------------------------------------------
 コンテンツ
------------------------------------------- */
.support_contents{
	clear: both;
	width: 744px;
	*width: 718px;
	padding: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: bottom;
}
.support_only{
	border: 1px solid #ccc;
}

/* -- リンク -- */
.support_contents ul{
	display: block;
	clear: both;
	padding-left: 29px;
	zoom: 1;
}
.support_contents ul:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
.support_contents li{
	float: left;
	width: 110px;
	height: 137px;
	zoom: 1;
}
.support_contents a{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	line-height: 1.5em;
}
.support_contents a span{
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	margin-left: -48px;
	width: 96px;
	height: 96px;
	cursor: pointer;
}
.support_contents a:hover{
	color: #666;
}
.support_contents a:hover span{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.support_img img{
	width: 96px;
	height: auto;
}
.support_contents a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

/* =============================================
 サポート：アクション
============================================= */

.support_action{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*display:block;
	*float:right;
	*width: 200px;
	*margin:0;
	*zoom:1;
	*padding: 4px 0 0 0;
	*vertical-align: bottom;
	*font-size: 0;

}

.support_action ul{
	vertical-align: middle;
	padding: 0;
	margin: 0 auto;
	font-size: 0;
	width: 198px;
	zoom: 1;
	*padding-bottom: 1px;
}
.support_action ul:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
.support_action li{
	position: relative;
	width: 198px;
	height: 108px;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-align: center;
}

.support_action li + li{
	padding-top: 1px;
	background: transparent url(../images/action_hr.png) left top no-repeat;
}

.one li{
	*height:218px;
	
}
.one li a{
	*position:relative;
	*top:60px;
}


.support_action a{
	display: block;
}
.support_action a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.support_action .action_img img{
	width: 85%;
	height: auto;
	border:none;
}
.support_action a{
	display: block;
	zoom: 1;
}
.support_action a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.support_action2{
	*height: 265px;
}
.support_action2 ul{
	*padding-top: 20px;
}



/* =============================================
 box_two
============================================= */
.box_two{
	width: 960px;
	margin: 0 auto 15px;
}
/* =============================================
 ニュース
============================================= */
.news{
	display: table-cell;
	width: 760px;
	padding-top: 16px;
	position: relative;
	vertical-align: bottom;
	*display:inline;
	*zoom:1;
	*width: 744px;
}
.news_inner{
	background: #fff;
}
.news ul{
	list-style: none;
}
.news_title{
	display: inline-block;
	width: 320px;
	height: 33px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/news_title.png) left center no-repeat;
	margin-bottom: 10px;
}

/* -------------------------------------------
 タブ
------------------------------------------- */
.news_tab{
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	background: transparent url(../images/news_tab_bg.png) left bottom repeat-x;
	zoom: 1;
}
.news_tab:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
.news_tab li{
	float: left;
	width: 200px;
	margin-left: 8px;
}
.news_tab .news_tab1{
	margin-left: 0;
}
.news_tab h1,
.news_tab a{
	display: block;
	height: 48px;
	padding: 0;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
}
.news_tab a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
.news_tab .news_tab1 a{
	background: transparent url(../images/news_tab1_1.png) left center no-repeat;
}
.news_tab .news_tab1 h1{
	background: transparent url(../images/news_tab1_2.png) left center no-repeat;
}
.news_tab .news_tab2 a{
	background: transparent url(../images/news_tab2_1.png) left center no-repeat;
}
.news_tab .news_tab2 h1{
	background: transparent url(../images/news_tab2_2.png) left center no-repeat;
}
.news_tab .news_tab3 a{
	background: transparent url(../images/news_tab3_1.png) left center no-repeat;
}
.news_tab .news_tab3 h1{
	background: transparent url(../images/news_tab3_2.png) left center no-repeat;
}

/* -------------------------------------------
 サブタブ
------------------------------------------- */
.news_sub_tab_wrap{
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	height: 56px;
	border-bottom: 1px solid #ccc;
}
.news_sub_tab_wrap:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
.news_sub_tab{
	position: relative;
	float: left;
	left: 50%;
	padding-top: 19px;
	height: 33px;
	background: transparent url(../images/news_sub_tab_li.png) 50% 35px no-repeat;
}

.news_sub_tab li{
	float: left;
	position: relative;
	left: -50%;
	background: transparent url(../images/news_sub_tab_li.png) left center no-repeat;
}
.news_sub_tab1 a{
}

/*
.news_sub_tab li:after{
	content: "";
	width: 2px;
	height: 13px;
	position: absolute;
	top: 16px;
	right:0;
}
.news_sub_tab1:before{
	content: "";
	width: 2px;
	height: 13px;
	position: absolute;
	display: block;
	left:0;
	top: 16px;
}
*/
.news_sub_tab h2,
.news_sub_tab a{
	display: block;
	padding: 16px 35px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	font-size: 13px;
}
.news_sub_tab a:hover{
	color: #999;
}
.news_sub_tab h2{
	color: #d8271c;
	background: transparent url(../images/news_sub_tab_select.png) center bottom repeat-x;
}
/* -------------------------------------------
 地域選択
------------------------------------------- */
.news_area_select{
	display: block;
	clear: both;
	padding: 15px 0 8px;
	height: 33px;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}
.news_area_select:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}

.news_area_pre,
.news_area_city{
	display: inline-block;
	*display:inline;
	*float:left;
	vertical-align: middle;
	padding-right: 6px;
	zoom: 1;
}
.n_s_d_t{
	display: block;
	background: #cfcfcf url(../images/news_selected_bg_l.png) left center no-repeat;
}
.n_s_d_t_s{
	display: block;
	font-weight: bold;
	font-size: 13px;
	line-height: 32px;
	height: 32px;
	padding: 0 18px;
	zoom: 1;
	background: transparent url(../images/news_selected_bg_r.png) right center no-repeat;
}

/* -------------------------------------------
 コンテンツ
------------------------------------------- */
.news_tab1_contents,
.news_tab2_contents,
.news_tab3_contents{
	width: 744px;
	margin-bottom: 10px;
}
.news_contents{
	display: block;
	clear: both;
	width: 744px;
	*width: 718px;

	padding: 26px 12px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	vertical-align: bottom;
}
.news_contents ul{
	height: 130px;
	overflow: auto;
}
.news_contents li{
	line-height: 1.5em;
	font-size: 13px;
	padding-left: 16px;
	background: transparent url(../images/news_li.png) left 3px no-repeat;
	padding-bottom: 6px;
	zoom: 1;
}
.sub_offer{
	width: 100%;
	padding: 6px 0 0;
	text-align: right;
	color: #666;
}

/* =============================================
 天気予報
============================================= */

.weather{
	display: table-cell;
	vertical-align: bottom;
	*display:inline;
	*width: 200px;
	*margin-left:16px;
	*zoom:1;
	*vertical-align: bottom;
	text-align: center;
	width: 200px;
}
.weather .box_right_white{
	margin-bottom: 10px;
	width: 200px;
}

/* -------------------------------------------
 天気予報選択
------------------------------------------- */
.weather_select_wrap{
	margin:0 auto;
	width: 170px;
	overflow: hidden;
	border-bottom: 1px dashed #666;

}
.weather_select{
	padding-top: 6px;
	text-align: center;
	zoom:1;
	position: relative;
	left: 50%;
	text-align: center;
	float: left;
}
.weather_select:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
.weather_select li{
	float: left;
	position: relative;
	text-align:center;
	padding-bottom: 6px;
	left: -50%;
}

.weather_select .weather_area_pre{
	margin-right: 5px;
}
.weather_select p{
	line-height: 26px;

}

/* -------------------------------------------
 天気予報コンテンツ
------------------------------------------- */

.weather_inner{
	width: 170px;
	margin: 0 auto;
}
.weather_main li{
	float: left;
	padding: 10px 5px;
}
.weather_sub li{
	clear: both;
	padding: 5px;
	border-top: 1px solid #ccc;
}

.weather_inner .err{
	display: block;
	padding: 13px 0;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}
.weather_inner .err p{
	height: 247px;
	background: #efefef url(../images/err2.png) center center no-repeat;
}

.weather_sub p{
	display: inline;
	vertical-align: middle;
	padding-right: 2px;
}
.weather_max{
	color: #ff6060;
	font-weight: bold;
	font-size: 12px;
}
.weather_min{
	color: #367dbe;
	font-weight: bold;
	font-size: 12px;
}
/* -------------------------------------------
 天気タイプ
------------------------------------------- */
.weather_img{
	display: inline-block;
	vertical-align: middle;
	padding-right: 2px;
}
.weather_main .weather_img{
	display: block;
	padding: 5px 0;
	clear: both;
}
.weather_main .weather_img img{
	width: 73px;
	height: auto;
}
.weather_sub .weather_img img{
	width: 45px;
	height: auto;
}


/* =============================================
 イベント情報
============================================= */
.event{
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto 30px;
}
.event .err{
	display: block;
	clear: both;
	height: 300px;
	width: 100%;
	background: #efefef url(../images/err1.png) center center no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	*text-indent: 0;
	*white-space: normal;
}
.event .err p{
	*display: none;
}
.event_title{
	display: inline-block;
	width: 320px;
	height: 33px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/event_title.png) left center no-repeat;
	margin-bottom: 2px;
}
.event_contents{
	clear: both;
	background: #efefef;
}
.event ul{
	padding: 12px 0 0 12px;
	list-style: none;
	overflow: hidden;
}
.event li{
	width: 202px;
	padding: 13px;
	margin-right: 8px;
	float: left;
	background: #fff;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.event .event_tit{
	padding: 5px 0 0;
}
.event .event_tit a{
	display: block;
	color: #367dbe;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
}
.event .event_tit a:hover{
	color: #5697d2;
	text-decoration: none;
}
.event .event_img a{
	display: block;
	text-align: center;
	width: 202px;
	height: 142px;
}
.event .event_img a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
.event .event_img img{
	max-width: 202px;
	max-height: 142px;
}
.event .event_txt{
	display: block;
	clear: both;
	color: #666;
	line-height: 1.5em;
	padding: 5px 0;
}

/* =============================================
 新着番組情報
============================================= */
.newProgram{
	display: block;
	position: relative;
	clear: both;
	width: 960px;
	margin: 0 auto 30px;
}
.newProgram .err{
	display: block;
	clear: both;
	height: 300px;
	width: 100%;
	background: #efefef url(../images/err1.png) center center no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	*text-indent: 0;
	*white-space: normal;
}
.newProgram .err p{
	*display: none;
}
.newProgram_title{
	display: inline-block;
	width: 320px;
	height: 33px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/newProgram_title.png) left center no-repeat;
	margin-bottom: 2px;
}
.newProgram .newProgram_link{
	position: absolute;
	top: 0;
	right: 0;
}
.newProgram .newProgram_link a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

.newProgram_contents{
	clear: both;
	background: #efefef;
}
.newProgram ul{
	padding: 12px 0 0 12px;
	list-style: none;
	overflow: hidden;
}
.newProgram li{
	width: 202px;
	padding: 13px;
	margin-right: 8px;
	float: left;
	background: #fff;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.newProgram .newProgram_tit{
	padding: 5px 0 0;
}
.newProgram .newProgram_tit a{
	display: block;
	color: #367dbe;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
}
.newProgram .newProgram_tit a:hover{
	color: #5697d2;
	text-decoration: none;
}
.newProgram .newProgram_station{
	padding-top: 5px;
	color: #666;
}
.newProgram .newProgram_img a{
	display: block;
	text-align: center;
	width: 202px;
	height: 114px;
}
.newProgram .newProgram_img a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
.newProgram .newProgram_img img{
	max-width: 202px;
	max-height: 114px;
}
.newProgram .newProgram_txt{
	display: block;
	clear: both;
	color: #666;
	line-height: 1.5em;
	padding: 5px 0;
}
/* =============================================
 セキュリティコンテンツ
============================================= */
.security{
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto 30px;
}
.security .err{
	display: block;
	clear: both;
	height: 300px;
	width: 100%;
	background: #efefef url(../images/err1.png) center center no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	*text-indent: 0;
	*white-space: normal;
}
.security .err p{
	*display: none;
}

.security_title{
	display: inline-block;
	width: 320px;
	height: 33px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/security_title.png) left center no-repeat;
	margin-bottom: 2px;
}
.security_contents{
	clear: both;
	background: #efefef;
}
.security ul{
	padding: 12px 0 0 12px;
	list-style: none;
	overflow: hidden;
}
.security li{
	width: 202px;
	padding: 13px;
	margin-right: 8px;
	float: left;
	background: #fff;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.security .security_tit{
	padding: 5px 0 0;
}
.security .security_tit a{
	display: block;
	color: #367dbe;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
}
.security .security_tit a:hover{
	color: #5697d2;
	text-decoration: none;
}
.security .security_img a{
	display: block;
	text-align: center;
	width: 202px;
	height: 142px;
}
.security .security_img a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
.security .security_img img{
	max-width: 202px;
	max-height: 142px;
}
.security .security_txt{
	display: block;
	clear: both;
	color: #666;
	line-height: 1.5em;
	padding: 5px 0;
}

/* =============================================
 プレゼント
============================================= */
.present{
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto 30px;
}
.present .err{
	display: block;
	clear: both;
	height: 300px;
	width: 100%;
	background: #efefef url(../images/err1.png) center center no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	*text-indent: 0;
	*white-space: normal;
}
.present .err p{
	*display: none;
}
.present_title{
	display: inline-block;
	width: 320px;
	height: 33px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/present_title.png) left center no-repeat;
	margin-bottom: 2px;
}
.present_contents{
	clear: both;
	position: relative;
	background: #efefef;
}
.present ul{
	padding: 12px 0 10px 72px;
	list-style: none;
	overflow: hidden;
}
.present li{
	width: 170px;
	padding: 13px;
	margin-right: 8px;
	float: left;
	background: #fff;
}
.present .present_tit{
	padding: 5px 0 0;
}
.present .present_tit a{
	display: block;
	color: #367dbe;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
}
.present .present_tit a:hover{
	color: #5697d2;
	text-decoration: none;
}
.present .present_img a{
	display: block;
	text-align: center;
	width: 170px;
	height: 120px;
}
.present .present_img a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
.present .present_img img{
	max-width: 170px;
	max-height: 120px;
}
.present .present_txt{
	display: block;
	clear: both;
	color: #666;
	line-height: 1.5em;
	padding: 5px 0;
}

/* -------------------------------------------
 カルーセル
------------------------------------------- */
.present_list_prev a{
	position: absolute;
	left: 27px;
	top: 50%;
	margin-top: -22px;
	display: block;
	width: 30px;
	height: 43px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/list_icon_l.png) left center no-repeat;
	z-index: 3;
}
.present_list_next a{
	position: absolute;
	right: 27px;
	top: 50%;
	margin-top: -22px;
	display: block;
	width: 30px;
	height: 43px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/list_icon_r.png) left center no-repeat;
	z-index: 3;
}
.present_list_prev a:hover,
.present_list_next a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
.bx_wrapper{
	padding: 0 0 0 70px;
	z-index: 2;
}

/* =============================================
 ケーブルテレビのインターネット ZAQのキャラクター ざっくぅ
============================================= */
.character{
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto 30px;
}
.character .err{
	display: block;
	clear: both;
	height: 300px;
	width: 100%;
	background: #efefef url(../images/err1.png) center center no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	*text-indent: 0;
	*white-space: normal;
}
.character .err p{
	*display: none;
}


.character_title{
	display: inline-block;
	width: 576px;
	height: 33px;
	text-indent: 110%;
	*text-indent:-9999px;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/character_title.png) left center no-repeat;
	margin-bottom: 2px;
}
.character_contents{
	clear: both;
	background: #efefef;
}
.character ul{
	padding: 12px 0 0 12px;
	list-style: none;
	overflow: hidden;
}
.character li{
	width: 202px;
	padding: 13px;
	margin-right: 8px;
	float: left;
	background: #fff;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.character .character_tit{
	padding: 5px 0 0;
}
.character .character_tit a{
	display: block;
	color: #367dbe;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
}
.character .character_tit a:hover{
	color: #5697d2;
	text-decoration: none;
}
.character .character_img a{
	display: block;
	text-align: center;
	width: 202px;
	height: 142px;
}
.character .character_img a:hover img{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
.character .character_img img{
	max-width: 202px;
	max-height: 142px;
}
.character .character_txt{
	display: block;
	clear: both;
	color: #666;
	line-height: 1.5em;
	padding: 5px 0;
}


/* =============================================
 btn_more
============================================= */

.btn_more{
	display: block;
	clear: both;
	text-align: right;
	padding: 10px;
	z-index: 10;
	zoom: 1;
}
.btn_more a{
	display: block;
	float: right;
	width: 97px;
	height: 27px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
	background: transparent url(../images/link_more.png) left top no-repeat;
	zoom: 1;
}
.btn_more:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
.btn_more a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}


/* =============================================
 footer
============================================= */
.main_footer{
	display: block;
	position: relative;
	clear: both;
	padding: 0;
	margin: 0 auto 40px;
	height: 55px;
	width: 960px;
	zoom: 1;
}
.main_footer_logo{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
}
.main_footer_link{
	position: absolute;
	left: 113px;
	bottom: 3px;
}
.main_footer small{
	display: block;
	clear: both;
	position: absolute;
	right: 0;
	bottom: 3px;
	font-size: 10px;
	color: #666;
}
.main_footer_link li{
	float: left;
	font-weight: bold;
	color: #666;
}
.main_footer_link li a{
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding-right: 5px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
.main_footer_link li a:hover{
	color: #ccc;
}
.main_footer_link .main_footer_link_hr{
	font-weight: normal;
	color: #ccc;
	padding: 0 5px;
}

.main_footer_select{
	position: absolute;
	right: 0;
	top: 0;
}
.main_footer_select a{
	width: 168px;
	height: 28px;
	display: block;
	clear: both;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url(../images/link_stationSelect.png) left center no-repeat;
}
.main_footer_select a:hover{
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}
.main_footer_ie7{
	*padding-bottom: 40px;
}


/* =============================================
 システム用
============================================= */
.sys_TopNews{
	background-image: url(../images/sys_TopNews.png);
	background-repeat: no-repeat;
	min-height: 106px;
}
.sys_News{
	background-image: url(../images/sys_News.png);
	background-repeat: no-repeat;
	min-height: 322px;
}
.sys_Weather{
	background-image: url(../images/sys_Weather.png);
	background-repeat: no-repeat;
	min-height: 322px;
}
.sys_Event{
	background-image: url(../images/sys_Event.png);
	background-repeat: no-repeat;
	min-height: 320px;
}
.sys_NewProgram{
	background-image: url(../images/sys_NewProgram.png);
	background-repeat: no-repeat;
	min-height: 320px;
}
.sys_Security{
	background-image: url(../images/sys_Security.png);
	background-repeat: no-repeat;
	min-height: 320px;
}
.sys_Present{
	background-image: url(../images/sys_Present.png);
	background-repeat: no-repeat;
	min-height: 300px;
}
.sys_Character{
	background-image: url(../images/sys_Character.png);
	background-repeat: no-repeat;
	min-height: 320px;
}
.sys_inner{
	background: #fff;
}

.sys_header_search *,
.sys_header_settingHome *,
.sys_TopNews *,
.sys_News *,
.sys_Weather *,
.sys_Event *,
.sys_NewProgram *,
.sys_Security *,
.sys_Present *,
.sys_Character *
{
}

/* =============================================
 sp非表示
============================================= */
.topNews_sp{
	display: none;
}
.sp{
	display: none;
}




















































/* =============================================
 SP
============================================= */


#SP{
	background: #fff;
}
#SP,#SP button,#SP input,#SP pre{
	font-size:14px;
	line-height: 1.3em;
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#SP a{
	color: #367dbe;
}
#SP a:hover{
	color: #6fa7db;
}
#SP ul{
	list-style: none;
}
#SP img{
	max-width: 100%;
}
#SP .sp{
	display: block;
}

#SP select{
	height: 26px !important;
	line-height: 26px;
	padding: 0 27px 0 5px;
	border: 1px solid #B3B3B3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	text-overflow: "";
	background: #FFF url(../images/select_btn_sp.png) no-repeat right;
	background-size: auto 26px;
	-webkit-background-size: auto 26px;
	-moz-background-size: auto 26px;
	-o-background-size: auto 26px;
	-ms-background-size: auto 26px;
	font-size: 16px !important;

}

#SP .box_two{
	width: auto;
	margin: 0;
}

/* -------------------------------------------
 BOX 960 白
------------------------------------------- */
#SP .box_all_white{
	position: static;
	width: auto;
	margin:0;
	padding:0;
	background: none;
}
#SP .box_all_white_top{
	display:none;
}

/* -------------------------------------------
 BOX 744 白
------------------------------------------- */
#SP .box_left_white{
	position: static;
	width: auto;
	margin:0;
	padding:0;
	background: none;

}
#SP .box_left_white_top{
	display:none;
}

/* -------------------------------------------
 BOX 960 オレンジにグレイ
------------------------------------------- */
#SP .box_all_orange{
	position: static;
	width: auto;
	margin:0;
	padding:0;
	background: none;
}
#SP .box_all_orange_top{
	display:none;
}

/* -------------------------------------------
 BOX 200 ブルー
------------------------------------------- */
#SP .box_right_blue{
	position: static;
	width: auto;
	margin:0;
	padding:0;
	background: none;
}
#SP .box_right_blue_top{
	display:none;
}

/* -------------------------------------------
 BOX 200 オレンジ
------------------------------------------- */
#SP .box_right_orange{
	position: static;
	width: auto;
	margin:0;
	padding:0;
	background: none;
}
#SP .box_right_orange_top{
	display:none;
}

/* -------------------------------------------
 BOX 200 白
------------------------------------------- */
#SP .box_right_white{
	position: static;
	width: auto;
	margin:0;
	padding:0;
	background: none;
}
#SP .box_right_white_top{
	display:none;
}
/* =============================================
 header
============================================= */
#SP .mainHeader{
	height: 58px;
	position: relative;
	width: 75%;
	margin: 0;
	padding: 0;
	min-height: 0;
}
#SP .logo{
	padding: 5px;
	margin: 0;
	display: block;
	width: auto;
}
#SP .logo a{
	display: table-cell;
	height: 48px;
	vertical-align: middle;
}
#SP .logo img{
	vertical-align: middle;
	width:auto;
	height:auto;
	max-height: 48px;
	max-width:100%;
}
#SP .header_search{
	display: none;
}
#SP .header_contact{
	display: none;
}
#SP .subHeader{
	display: none;
}
#SP .header_menu{
	display: block;
	width: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
}
#SP .header_menu .header_menu_btn{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 48px;
	height: 48px;
	background: transparent url(../images/header_menu_btn.png) 0 0 no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	z-index: 999;
}
#SP .header_menu .header_menu_list{
	display: none;
	position: absolute;
	clear: both;
	z-index: 9999;
	top: 58px;
	left: 0;
	width: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	background: #000;
}
#SP .header_menu .header_menu_list a{
	display: block;
	position: relative;
	clear: both;
	padding: 15px 30px 15px 15px;
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	text-decoration: none;
	border-bottom: 1px solid #666;
}
#SP .header_menu .header_menu_list a:after{
	content: "";
	width: 9px;
	height: 13px;
	background: #000 url(../images/header_menu_list_sp.png) 0 0 no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}


/* =============================================
 緊急のお知らせ
============================================= */
#SP .emergency{
	width: auto;
	background: none;
	margin: 0;
}
#SP .box_emergency_top{
	display: none;
}
#SP .emergency_title{
	width: auto;
	height: auto;
	position: static;
	background: #ff4d00;
	color: #fff;
	padding: 9px 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	text-indent: 0;
	white-space: normal;
}
#SP .emergency_list{
	padding: 0;
}

#SP .emergency_list dt{
	color: #ff4d00;
	padding: 5px 5px 0;
	font-weight: bold;
	display: block;
	width: auto;
}
#SP .emergency_list dd{
	padding: 0 5px 10px;
	border-bottom:1px solid #cfcfcf;
	width: auto;
	display: block;
}
#SP .emergency_list a{
	color: #ff4d00;
	font-weight: bold;
}

/* =============================================
 重要なお知らせ
============================================= */
#SP .topNews{
	display: none;
	width: auto;
	margin: 0;
}
#SP .topNews .topNews_inner{
	display: block;
	width: auto;
}
#SP .topNews .box_right_orange{
	display: block;
}
#SP .topNews_sp{
	display: block;
}
#SP .topNews_tab1_contents{
	width: auto;
	padding: 0;
}
#SP .topNews_tab2_contents{
	width: auto;
	padding: 0;
}
#SP .topNews_tab2_contents .topNews_tab1 a{
	line-height: 40px;
}
#SP .topNews_sp .topNews_tab{
	width: 100%;
	border-bottom:1px solid #cfcfcf;
	display: table;
	overflow: visible;
	background: none;
}
#SP .topNews_sp .topNews_tab:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .topNews_sp .topNews_tab li{
	display: table-cell;
	position: relative;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	width: 50%;
	float: none;
}
#SP .topNews_sp .tab_br{
	display: block;
	clear: both;
}
#SP .topNews_sp .topNews_tab h1{
	font-weight: bold;
	font-size: 14px;
	position: relative;
	width: auto;
	height: auto;
	text-indent: 0;
	background: none;
	white-space: normal;

}
#SP .topNews_sp .topNews_tab a{
	font-weight: normal;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	display: block;
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	background: none;
}
#SP .topNews_sp .topNews_tab1_contents .topNews_tab1:after,
#SP .topNews_sp .topNews_tab2_contents .topNews_tab2:after,
#SP .topNews_sp .box_all_white .topNews_tab2:after{
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 5px;
	background: transparent url(../images/topNews_tab_bg_sp.png) bottom center no-repeat;
	background-size: auto 5px;
	-webkit-background-size: auto 5px;
	-moz-background-size: auto 5px;
	-o-background-size: auto 5px;
	-ms-background-size: auto 5px;
	border-top: 3px solid #000;
}
#SP .topNews_sp .box_all_white .topNews_tab2{
	text-align: left;
	width: 100%;
	padding-left: 5px;
}
#SP .topNews_sp .box_all_white .topNews_tab2:before{
	width: 100%;
	height: 10px;
}
#SP .topNews_sp .box_all_white .topNews_tab2 .tab_br{
	display: inline;
}
#SP .topNews_sp dt{
	padding: 5px 5px 0;
	color: #666;
	font-weight: bold;
	font-size: 12px;
	width: auto;
	float: none;
	line-height: 1.2em;
}
#SP .topNews_sp dd{
	padding: 0 5px;
	margin: 0;
	line-height: 1.2em;
}
#SP .topNews_sp dd a{
	color: #367dbe;
	font-size: 12px;
}
#SP .topNews_sp .topNews_contents{
	display: block;
	clear: both;
	padding-bottom: 20px;
	height: auto;
	overflow: visible;
}
#SP .topNews_sp div.topNews_contents{
	padding: 5px;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}
#SP .topNews .topNews_history{
	zoom:1;
	position: relative;
	display: block;
	right: 0;
	top: 0;
	width: 100%;
	margin: 0 auto 10px;
	height: auto;
}
#SP .topNews .topNews_history a{
	position: relative;
	display: block;
	clear: both;
	width: 90%;
	height: auto;
	text-align: center;
	padding: 15px 20px 15px 5px;
	margin: 0 auto;
	background: #efefef;
	border:1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	text-indent: 0;
	white-space: normal;
}
#SP .topNews .topNews_history img{
	display: none;
}
#SP .topNews .topNews_history a:before{
	content: "過去のお知らせ一覧";
}

#SP .topNews .topNews_history a:after{
	content: "";
	width: 10px;
	height: 14px;
	background: transparent url(../images/main_footer_select_sp.png) left top no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7px;
}

#SP .link_notice{
	width: auto;
	height: auto; 
	position: relative;
}
#SP .link_notice a{
	display: block;	
	content: url(../images/link_notice_sp.png);
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
/* =============================================
 アラート
============================================= */
#SP .topAlert{
	padding: 10px 5px;
}
#SP .topAlert ul{
	background: #efefef;
	border:2px solid #ff4d00;
	color: #ff4d00;
	font-weight: bold;
	padding: 0;
}
#SP .topAlert ul li{
	text-align: center;
	padding: 5px;
	min-width: 50%;
	display: block;
	line-height: 1.3em;
}
#SP .topAlert ul li h1,
#SP .topAlert ul li a{
	display: block;
	clear: both;
}

/* =============================================
 サポート
============================================= */
#SP .support{
	display: block;
	clear: both;
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#SP .support_main{
	display: block;
	padding: 0;
	width: auto;
}
#SP .support_title{
	display: block;
	text-indent: 0;
	width: auto;
	height: auto;
	font-size: 20px;
	font-weight: bold;
	background: transparent url(../images/sp_title.png) 5px 10px no-repeat;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	-ms-background-size: 16px auto;
	padding-left: 25px;
	padding-top: 10px;
	margin-bottom: 10px;
	white-space: normal;
}
#SP .support_link{
	top: 0;
	right: 5px;
}
#SP .support_tab{
	position: relative;
	display: table;
	clear: both;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	width: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-shadow:inset 0 -2px 0 0 #666;
	background: none;
}
#SP .support_tab li{
	position: relative;
	width: 33.3%;
	height: 48px;
	vertical-align: bottom;
	display: table-cell;
	padding: 0;
	margin: 0;
	float: none;
}
#SP .support_tab:after{
	display: none;
}
#SP .support_tab h1,
#SP .support_tab a{
	display: box;
	display: -moz-box;
	display: -webkit-box;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	height: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	padding: 0 5px;
	font-size: 12px;
	margin-right: 5px;
	margin-left: 0;
	text-indent: 0;
	white-space: normal;
}
#SP .support_tab li:last-child h1,
#SP .support_tab li:last-child a{
	margin: 0px;
}
#SP .support_tab .tab_br{
	display: block;
	clear: both;
}
#SP .support_tab h1{
	background: #fff;
	box-shadow:inset 2px 0 0 #666,inset -2px 0 0 #666,inset 0 2px 0 0 #666,inset 0 -2px 0 0 #fff;
}
#SP .support_tab a{
	background: #cfcfcf;
	text-decoration: none;
	color: #666;
	box-shadow:inset 0 -2px 0 0 #666,inset 2px 0 0 #666,inset -2px 0 0 #666,inset 0 2px 0 0 #666;
}
#SP .support_contents{
	clear: both;
	display: block;
	width: auto;
	border:none;
}
#SP .support_contents a{
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	line-height: 1.2em;
}
#SP .support_contents{
	padding: 10px 5px;
}
#SP .support_contents ul{
	padding: 0;
}
#SP .support_contents li{
	display: inline-block;
	width: 100px;
	vertical-align: top;
	text-align: center;
	padding-bottom: 15px;
	height: auto;
	float: none;
}
#SP .support_contents li a{
	display: block;
}
#SP .support_contents li a span{
	display: block;
	clear: both;
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;

}
#SP .support_img{
	width: 100px;
	height: 150px;
}


#SP .support_action{
	display: block;
	padding-bottom: 30px;
}
#SP .support_action ul{
	display: block;
	clear: both;
	width: auto;
	padding-right: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#SP .support_action ul:after{
	
}
#SP .support_action li{
	float: left;
	width: 50%;
	height: auto;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 5px;
	vertical-align: bottom;
}
#SP .support_action li + li{
	background: none;
}
#SP .support_action li a{
	display: block;
	width: 100%;
	max-height: 140px;
	border: 1px solid #5bc1d2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background: #e3fbff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	vertical-align: middle;
	padding: 15px 0;
}
#SP .support_action li img{
	max-height: 110px;
	height: auto;
	width: auto;
	vertical-align: middle;
}

#SP .support_action .one img{
	width: auto;
	height: auto;
}
#SP .support_action .one li{
	float: none;
	width: 100%;

}
#SP .support_action .one li a{
	width: auto;
}


/* =============================================
 ニュース
============================================= */
#SP .news{
	display: block;
	clear: both;
	border-bottom: 1px solid #cfcfcf;
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#SP .news_title{
	display: block;
	text-indent: 0;
	width: auto;
	height: auto;
	font-size: 20px;
	font-weight: bold;
	background: transparent url(../images/sp_title.png) 5px 10px no-repeat;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	-ms-background-size: 16px auto;
	padding-left: 25px;
	padding-top: 8px;
	margin-bottom: 10px;
	white-space: normal;
}

#SP .news_tab{
	position: relative;
	display: table;
	clear: both;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	width: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-shadow:inset 0 -2px 0 0 #666;
	background: none;
}

#SP .news_tab li{
	position: relative;
	width: 33.3%;
	height: 43px;
	vertical-align: bottom;
	display: table-cell;
	padding: 0;
	margin: 0;
	float: none;
}
#SP .news_tab:after{
	display: none;
}
#SP .news_tab h1,
#SP .news_tab a{
	display: box;
	display: -moz-box;
	display: -webkit-box;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	height: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	padding: 0 5px;
	font-size: 12px;
	margin-right: 5px;
	margin-left: 0;
	text-indent: 0;
	white-space: normal;
}
#SP .news_tab li:last-child h1,
#SP .news_tab li:last-child a{
	margin: 0;
}
#SP .news_tab .tab_br{
	display: block;
	clear: both;
}
#SP .news_tab h1{
	background: #fff;
	box-shadow:inset 2px 0 0 #666,inset -2px 0 0 #666,inset 0 2px 0 0 #666,inset 0 -2px 0 0 #fff;
}
#SP .news_tab a{
	background: #cfcfcf;
	text-decoration: none;
	color: #666;
	box-shadow:inset 0 -2px 0 0 #666,inset 2px 0 0 #666,inset -2px 0 0 #666,inset 0 2px 0 0 #666;
}

#SP .news_sub_tab_wrap{
	border-bottom: none;
	height: auto;
}
#SP .news_sub_tab{
	position: relative;
	display: table;
	clear: both;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	width: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	padding: 10px 0 12px;
	float: none;
	left: 0;
	height: auto;
	background: none;
}
#SP .news_sub_tab li{
	position: relative;
	vertical-align: bottom;
	display: table-cell;
	padding: 0;
	margin: 0;
	top: 2px;
	float: none;
	left: 0;
	background: none;
}
#SP .news_sub_tab:after{
	display: none;
}

#SP .news_sub_tab h2,
#SP .news_sub_tab a{
	display: box;
	display: -moz-box;
	display: -webkit-box;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	height: 100%;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	padding: 5px;
	font-size: 12px;
	margin-right: 5px;
	margin-left: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
#SP .news_sub_tab li:last-child h2,
#SP .news_sub_tab li:last-child a{
	margin: 0;
}
#SP .news_sub_tab h2{
	background: #efefef;
	color: #d8271c;
}
#SP .news_sub_tab a{
	background: #fff;
	text-decoration: none;
	color: #666;
}
#SP .news_tab1_contents,
#SP .news_tab2_contents,
#SP .news_tab3_contents{
	width: auto;
	margin: 0;
}
#SP .news_contents{
	display: block;
	clear: both;
	margin: 5px;
	width: auto;
	padding: 0;
	border-bottom: none;
}
#SP .news_contents ul{
	overflow: visible;
	height: auto;
}
#SP .news_contents li{
	padding-left: 12px;
	background: transparent url(../images/news_li_sp.png) 0 3px no-repeat;
	background-size: 8px auto;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
	-o-background-size: 8px auto;
	-ms-background-size: 8px auto;
	padding-bottom: 10px;
	line-height: 1.4em;
	font-size: 14px;
}
.sub_offer{
	text-align: right;
	font-size: 12px;
	color: #666;
	padding-right: 5px;
}
#SP .news_area_select{
	display: block;
	clear: both;
	padding: 12px 10px 10px;
	border-bottom: none;
	height: auto;
}
#SP .news_area_pre{
	display: inline-block;
}
#SP .news_area_pre, #SP .news_area_city{
	vertical-align: middle;
	padding-right: 0;
}
#SP .news_area_city{
	display: inline-block;
}
#SP .n_s_d_t_s{
	display: inline-block;
	background: #efefef;
	font-size: 12px;
	padding: 5px;
	line-height: 1.2em;
	height: auto;
	font-weight: normal;
	line-height: 1.5em;
}

/* =============================================
 天気
============================================= */
#SP .weather{
	display: block;
	clear: both;
	border-bottom: 1px solid #cfcfcf;
	padding-top: 5px;
	width: auto;
	-ms-text-align-last: auto;
	text-align-last: auto;
}
#SP .weather_select_wrap{
	width: auto;
	border-bottom: none;
}
#SP .weather_select{
	text-align: center;
	border-bottom: 1px dotted #cfcfcf;
	float: none;
	left: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 7px;
}
#SP .weather_select li{
	float: none;
	left: 0;
	margin: 0;
	padding: 0;
}
#SP .weather_area_pre{
	display: inline-block;
}
#SP .weather_area_city{
	display: inline-block;
}
#SP .weather_inner{
	width: auto;
	margin: 0;
}
#SP .weather_inner .weather_main{
	float: left;
	width: 25%;
	text-align: center;
	margin-left: 2%;
}
#SP .weather_inner .weather_main li{
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0 0;
	color: #666;
	float: none;
}
#SP .weather_inner .weather_main p{
	color: #333;
}
#SP .weather_inner .weather_main .weather_img{
	display: block;
	clear: both;
	padding: 0;
}
#SP .weather_inner .weather_main .weather_img img{
	width: 100%;
}
#SP .weather_inner .weather_sub{
	float: right;
	width: 70%;
	text-align: right;
	padding: 3px 0;
	margin-right: 2%;
}
#SP .weather_inner .weather_sub li{
	font-weight: bold;
	font-size: 12px;
	padding: 6px 0;
	color: #666;
	border-top: none;
}
#SP .weather_inner .weather_sub p{
	color: #333;
	display: inline-block;
}
#SP .weather_inner .weather_sub .weather_img img{
	vertical-align: middle;
	width: 50px;
}

#SP .weather_inner:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}


#SP .weather_max{
	color: #ff6060;
	font-weight: bold;
	font-size: 13px;
}
#SP .weather_min{
	color: #367dbe;
	font-weight: bold;
	font-size: 13px;
}


/* =============================================
 イベント情報
============================================= */
#SP .event{
	display: block;
	clear: both;
	padding: 10px 5px;
	border-bottom: 1px solid #cfcfcf;
	width: auto;
	margin: 0;
}
#SP .event_title{
	display: block;
	text-indent: 0;
	width: auto;
	height: auto;
	font-size: 20px;
	font-weight: bold;
	background: transparent url(../images/sp_title.png) left 10px no-repeat;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	-ms-background-size: 16px auto;
	padding-left: 20px;
	padding-top:8px;
	margin-bottom: 10px;
	white-space: normal;
}
#SP .event_contents{
	background: none;
}
#SP .event_contents:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .event_contents ul{
	padding: 0;
}
#SP .event_contents ul:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .event_contents li{
	font-size: 12px;
	width: auto;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}
#SP .event_contents li .event_img{
	display: none;
}
#SP .event_contents li:first-child .event_img{
	display: block;
	float:left;
	width: 35%;
}
#SP .event .event_tit a{
	font-weight: normal;
	line-height: 1.3em;
}
#SP .event_contents li .event_tit{
	width: 60%;
	float: right;
	padding: 0 0 5px;
}
#SP .event_contents li .event_txt{
	display: none;
}
#SP .event .event_img a{
	text-align: left;
	width: auto;
	height: auto;
}
#SP .event_contents li:first-child .event_img img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
#SP .btn_more{
	display: block;
	clear: both;
	float: right;
	padding: 10px 0 0;
	text-align: left;
}
#SP .btn_more:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .btn_more a{
	text-decoration: none;
	color: #000;
	padding-right: 15px;
	background: transparent url(../images/link_more_sp.png) right center no-repeat;
	background-size: 10px auto;
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	-o-background-size: 10px auto;
	-ms-background-size: 10px auto;
	text-indent: 0;
	width: auto;
	height: auto;
	white-space: normal;
	font-size: 13px;
}
/* =============================================
 新着番組情報
============================================= */
#SP .newProgram{
	display: block;
	clear: both;
	padding: 10px 5px;
	border-bottom: 1px solid #cfcfcf;
	width: auto;
	margin: 0;
}
#SP .newProgram_title{
	text-indent: 0;
	width: auto;
	height: auto;
	font-size: 20px;
	font-weight: bold;
	background: transparent url(../images/sp_title.png) left 10px no-repeat;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	-ms-background-size: 16px auto;
	padding-left: 20px;
	padding-top:8px;
	margin-bottom: 10px;
	white-space: normal;
}
#SP .newProgram_contents{
	background: none;
}
#SP .newProgram_contents:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}

#SP .newProgram_contents ul{
	padding: 0;
}
#SP .newProgram_contents ul:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .newProgram_contents li{
	font-size: 12px;
	width: auto;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}
#SP .newProgram_contents li .newProgram_img{
	display: none;
}
#SP .newProgram_contents li:first-child .newProgram_img{
	display: block;
	float:left;
	width: 35%;
}
#SP .newProgram_contents .newProgram_tit a{
	font-weight: normal;
	line-height: 1.3em;
}

#SP .newProgram_contents li .newProgram_tit{
	width: 60%;
	float: right;
	padding: 0 0 5px;
}
#SP .newProgram_contents li.sp .banner{
	width: 60%;
	float: right;
	padding-bottom: 5px;
}
#SP .newProgram_contents li .newProgram_txt{
	display: none;
}
#SP .newProgram .newProgram_station{
	display: none;
}
#SP .newProgram_contents .newProgram_img a{
	text-align: left;
	width: auto;
	height: auto;
}
#SP .newProgram_contents li:first-child .newProgram_img img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
#SP .newProgram_link{
	display: none;
}
#SP .newProgram .btn_more{
	display: none;
}

/* =============================================
 セキュリティ
============================================= */
#SP .security{
	display: block;
	clear: both;
	padding: 10px 5px;
	border-bottom: 1px solid #cfcfcf;
	width: auto;
	margin: 0;
}
#SP .security_title{
	display: block;
	text-indent: 0;
	width: auto;
	height: auto;
	font-size: 20px;
	font-weight: bold;
	background: transparent url(../images/sp_title.png) left 10px no-repeat;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	-ms-background-size: 16px auto;
	padding-left: 20px;
	padding-top:8px;
	margin-bottom: 10px;
	white-space: normal;
}
#SP .security_contents{
	background: none;
}
#SP .security_contents:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .security_contents ul{
	width: 60%;
	float: right;
	padding: 0 0 5px;
}
#SP .security_contents ul:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .security_contents li{
	font-size: 12px;
	width: auto;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}
#SP .security_contents li .security_img{
	display: none;
}
#SP .security_contents .security_img_sp{
	display: block;
	float:left;
	width: 35%;
}

#SP .security_contents .security_img_sp img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
#SP .security_contents .security_tit a{
	font-weight: normal;
	line-height: 1.3em;
}
#SP .security_contents li .security_tit{
	padding: 0 0 5px;
}
#SP .security_contents li .security_txt{
	display: none;
}


/* =============================================
 プレゼント
============================================= */
#SP .present{
	display: none;
}
/* =============================================
 キャラクター
============================================= */
#SP .character{
	display: block;
	clear: both;
	padding: 10px 5px;
	border-bottom: 1px solid #cfcfcf;
	width: auto;
	margin: 0;
}
#SP .character_title{
	display: block;
	text-indent: 0;
	width: auto;
	height: auto;
	font-size: 20px;
	font-weight: bold;
	background: transparent url(../images/sp_title.png) left 10px no-repeat;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	-ms-background-size: 16px auto;
	padding-left: 20px;
	padding-top: 8px;
	margin-bottom: 10px;
	white-space: normal;
}
#SP .character_contents{
	background: none;
}
#SP .character_contents:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .character_contents ul{
	padding: 0;
}
#SP .character_contents ul:after{
	content: "";
	display: block;
	clear: both;
	zoom: 1;
	height: 0;
	font-size: 0;
}
#SP .character_contents li{
	font-size: 12px;
	width: auto;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}
#SP .character_contents li .character_img{
	display: none;
}
#SP .character_contents li:first-child .character_img{
	display: block;
	float:left;
	width: 35%;
}
#SP .character_contents .character_tit a{
	font-weight: normal;
	line-height: 1.3em;
}
#SP .character_contents li .character_tit{
	width: 60%;
	float: right;
	padding: 0 0 5px;
}
#SP .character_contents li .character_txt{
	display: none;
}
#SP .character_contents .character_img a{
	text-align: left;
	width: auto;
	height: auto;
}
#SP .character_contents li:first-child .character_img img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}


/* =============================================
 フッター
============================================= */
#SP .main_footer{
	padding: 10px 0;
	background: none;
	height: auto;
	width: auto;
	margin: 0;
}
#SP .main_footer_select_sp{
	margin-bottom: 10px;
}
#SP .main_footer_select_sp a{
	position: relative;
	display: block;
	clear: both;
	width: 90%;
	text-align: center;
	padding: 15px 20px 15px 5px;
	margin: 0 auto;
	background: #efefef;
	border:1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}
#SP .main_footer_select_sp a:after{
	content: "";
	width: 10px;
	height: 14px;
	background: transparent url(../images/main_footer_select_sp.png) left top no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7px;
}
#SP .main_footer_select{
	display: none;
}
#SP .main_footer_link{
	display: block;
	position: relative;
	left: 0;
	top: 0;
	border-top: 1px solid #ccc;
}
#SP .main_footer_link li{
	display: block;
	clear: both;
	float: none;
}
#SP .main_footer_link a{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 15px;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #666;
	text-decoration: none;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #efefef), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #efefef);
	background: -moz-linear-gradient(#fff, #efefef);
	background: -o-linear-gradient(#fff, #efefef);
	background: -ms-linear-gradient(#fff, #efefef);
	background: linear-gradient(#fff, #efefef);
}
#SP .main_footer_link_hr{
	display: none;
}

#SP .main_footer_pageTop{
	margin: 10px 0;
}
#SP .main_footer_pageTop a{
	position: relative;
	display: block;
	clear: both;
	width: 90%;
	text-align: center;
	padding: 15px 20px 15px 5px;
	margin: 0 auto;
	background: #999;
	border:1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#SP .main_footer_pageTop a:after{
	content: "";
	width: 14px;
	height: 10px;
	background: transparent url(../images/pageTop_sp.png) left top no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7px;
}

#SP .main_footer_logo{
	position: relative;
	margin: 0 auto;
	text-align: center;
}
#SP .main_footer_logo img{
	width: 100px;
	height: auto;
}
#SP .main_footer small{
	display: block;
	clear: both;
	padding: 0 5px 20px;
	font-size: 10px;
	color: #666;
	font-weight: normal;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
}

/* err */
#SP .err1, 
#SP .err2, 
#SP .err
{
	width: 100%;
	height: auto;
	padding: 10px;
	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	margin-bottom: 10px;
	border-bottom: none;
	background: #fff;
}	
#SP .err1 p, 
#SP .err2 p, 
#SP .err p
{
	height: 187px;
	width: 100%;
	background: #efefef url(../images/err_sp.png) center center no-repeat;
	background-size: auto 80%;
	-webkit-background-size: auto 80%;
	-moz-background-size: auto 80%;
	-o-background-size: auto 80%;
	-ms-background-size: auto 80%;

	box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
}

#SP .sys_header_search,
#SP .sys_header_settingHome,
#SP .sys_TopNews,
#SP .sys_News,
#SP .sys_Weather,
#SP .sys_Event,
#SP .sys_NewProgram,
#SP .sys_Security,
#SP .sys_Present,
#SP .sys_Character
{
	background: none;
	min-height: 0;
}
#SP .sys_inner{
	background: none;
}