@charset "utf-8";

#contents .sub nav.local li.top {background:#436ef9 url(../clover/img/sub_icon_02on.png) no-repeat 195px center !important;}
#contents .sub nav.local > ul > li {background:#fff url(../clover/img/sub_icon_02.png) no-repeat 195px center;}
#contents .sub nav.local li.on a{background:#ecf0fe url(../clover/img/sub_icon_02over.png) no-repeat 195px center;}
#contents .sub nav.local .subnav-serach{
	background-color:#436ef9;
	border:#fff solid 2px;
	border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding-bottom:20px;
}
#contents .sub nav.local .subnav-serach .search-tit{
	text-align:center;
	margin:17px 0 10px;
}
#contents .sub nav.local .subnav-serach .search-txt{
	color:#fff;
	padding:0 8%;
}
/*--------------------------------------------------------- .main */
#contents .main article header h1 {
	background:url(../clover/img/bg_h1.png) no-repeat left top;
}
.sp #contents .main article header h1 {
	font-size: 120%;
}
.sp #contents .main > .menu {
	background-image:url(../clover/img/icon_menu.png);
}
/*--------------------------------------------------------- .wysiwyg (richtext) */
.wysiwyg h2 {
	background:#436ef9 url(../clover/img/tit_icon_01.png) no-repeat 20px center;
}
.wysiwyg h3 {
	margin-bottom:3px;
	padding:15px 20px;
	border-top:#dcdcdc solid 1px;
	background:#fff url(../img/h3_icon01.png) no-repeat left center;
	font-size:138%;
	font-weight:normal;
}
.wysiwyg h4 {
	color:#00b700;
}
.sp #contents .main .cover {
	width: 98%;
	margin: 0 auto 40px;
}
.sp #contents .main .cover img {
	width: 100%;
}

.sp .wysiwyg h2 {
	background:#436ef9 url(../clover/img/tit_icon_01.png) no-repeat 10px center;
	width: 95%;
	margin: 0 auto 20px auto !important;
	padding: 12px 0 12px 40px;
}
.sp .wysiwyg h3 {
	padding:10px 0 10px 16px;
	margin:0 auto;
	width: 95%;
	font-size:123.1%;
}
.sp .wysiwyg h3.lead {
	font-size:108%;
}

.wysiwyg hr.dotted {
  clear:both;
  margin:30px 0;
  height:2px;
  border:none;
  border-top:2px #00b700 dotted;
}
.wysiwyg table.nhk th,
.wysiwyg table.nhk td {
	border:2px solid #ffffff;
}
.wysiwyg table.nhk thead th {
	background-color:#9b9b9b;
	color:#ffffff;
}
.wysiwyg table.nhk tbody th,
.wysiwyg table.nhk tbody td {
	background-color:#efefef;
	color:#000000;
}
.wysiwyg table.nhk tbody th {
	font-weight:bold;
	text-align:center;
}
.wysiwyg table.nhk tbody .ccn th,
.wysiwyg table.nhk tbody .ccn td {
	background-color:#ddf3cf;
}
.wysiwyg table.nhk tbody .ccn th {
	color:#003e96;
}
.wysiwyg table.nhk tbody .ccn td.price {
	color:#009200;
}
.wysiwyg #tabs {
	padding:0;
}
.wysiwyg #tabs > ul {
	margin:0 0 9px;
	padding:0 0 0 14px;
	background:url(../tv/item/lineup_tab.png) no-repeat left top;
	border-bottom:5px solid #00b700;
	height:78px;
	overflow:hidden;
}
.wysiwyg #tabs > ul li {
	float:left;
	list-style:none;
	margin:0 4px 0 0;
}
.wysiwyg #tabs > ul li.all {
	margin:0 14px 0 0;
}
.wysiwyg #tabs > ul li.all.ui-tabs-active {
	background:url(../tv/item/lineup_tab_01_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li.happy.ui-tabs-active {
	background:url(../tv/item/lineup_tab_02_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li.gekispo.ui-tabs-active {
	background:url(../tv/item/lineup_tab_03_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li.regular.ui-tabs-active {
	background:url(../tv/item/lineup_tab_04_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li.bs.ui-tabs-active {
	background:url(../tv/item/lineup_tab_05_on.png) no-repeat left bottom;
}
.wysiwyg #tabs > ul li a {
	display:block;
	width:117px;
	height:78px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.wysiwyg #tabs > ul li.all a {
	width:170px;
}
.wysiwyg #tabs > div {
	padding:0 12px;
}
.wysiwyg #tabs > div dl {
	margin-bottom:20px;
}
.wysiwyg #tabs > div dt {
	margin-bottom:8px;
	padding:4px 23px;
	background:#fbfadd url(../tv/img/icon_02.png) no-repeat 9px 10px;
	font-size:85.7%;
	color:#014099;
}
.wysiwyg #tabs > div dd {
	overflow:hidden;
	margin-bottom:15px;
}
.wysiwyg #tabs > div dd li {
	float:left;
	list-style:none;
	margin:0 3px 5px 0;
	border:1px solid #d5dae7;
	border-radius:2px;
	font-size:0;
	text-align:center;
}
.wysiwyg #tabs > div table {
	margin-bottom:15px;
}
.wysiwyg #tabs > div table a {
	padding:0;
	background:none;
	color:#3758f3;
	text-decoration:none;
}
.wysiwyg #tabs > div thead th {
	padding:5px;
	background-color:#fbfadd;
	border:none;
	border-top:2px solid #cecece;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #cecece;
	font-size:85.7%;
}
.wysiwyg #tabs > div tbody th.ch {
	width:10%;
}
.wysiwyg #tabs > div thead th.cource,
.wysiwyg #tabs > div tbody th.logo {
	padding:0;
	width:70px;
	font-size:0;
}
.wysiwyg #tabs > div thead th.happy {
	background-color:#5acb01;
	border-top:2px solid #8be005;
}
.wysiwyg #tabs > div thead th.gekispo {
	background-color:#f86c19;
	border-top:2px solid #fb9c3e;
}
.wysiwyg #tabs > div thead th.regular {
	background-color:#2aa3f2;
	border-top:2px solid #56c6fb;
}
.wysiwyg #tabs > div thead th.bs {
	background-color:#3557f3;
	border-top:2px solid #6588f8;
}
.wysiwyg #tabs > div .community thead th.cource {
	border:none;
}
.wysiwyg #tabs > div .community thead th.cource img {
	display:block;
	position:relative;
	top:-14px;
}
.wysiwyg #tabs > div tbody th {
	background-color:#ffffff;
	border:none;
	border-left:1px dotted #cecece;
	border-bottom:1px solid #cecece;
	font-size:85.7%;
	white-space:normal;
}
.wysiwyg #tabs > div tbody tr th:first-child {
	border-left:none;
}
.wysiwyg #tabs > div tbody td {
	border:none;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #cecece;
}
.wysiwyg #tabs > div tbody td.happy {
	background-color:#f6fcf2;
	color:#3eb702;
}
.wysiwyg #tabs > div tbody td.gekispo {
	background-color:#fff8f2;
	color:#ff6602;
}
.wysiwyg #tabs > div tbody td.regular {
	background-color:#f4fbff;
	color:#009cfe;
}
.wysiwyg #tabs > div tbody td.bs {
	background-color:#f6f7fd;
	color:#395af3;
}
.wysiwyg .section p{
	text-align:left;
}
.wysiwyg .section p.btn{
	text-align:center;
}
.wysiwyg .section p.pic{
	float:right;
	padding-left:20px;
}
.wysiwyg .stb {
	margin-bottom:30px;
}
.wysiwyg .stb th,
.wysiwyg .stb td {
	border:none;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	text-align:center;
}
.wysiwyg .stb th {
	background-color:#afe7af;
}
.wysiwyg .stb td {
	background-color:#efefef;
}
.wysiwyg .stb td.price {
	background-color:#ddf3cf;
	color:#009200;
}
.wysiwyg .stb .blank {
	background-color:#ffffff;
}
.wysiwyg dl.option {
	margin-bottom:5px;
	padding:10px 5px 5px;
}
.wysiwyg dl.option dt {
	float:left;
	margin:0;
	padding:0;
	background:none;
	width:100px;
	text-align:center;
}
.wysiwyg dl.option dd {
	margin-left:104px;
}
.wysiwyg dl.option dd ul {
	overflow:hidden;
}
.wysiwyg dl.option dd li {
	float:left;
	list-style:none;
	margin:0 3px 5px 0;
	padding:5px 0;
	background-color:#ffffff;
	border:1px solid #d5dae7;
	border-radius:2px;
	width:67px;
}
.wysiwyg dl.option.bs {
	background-color:#cff3e7;
	color:#008158;
}
.wysiwyg dl.option.cs {
	background-color:#ddf3cf;
	color:#00a300;
}
.wysiwyg .option-detail td {
	text-align:left;
}
.wysiwyg .option-detail table {
	border:1px solid #cccccc;
}
.wysiwyg .option-detail th,
.wysiwyg .option-detail td {
	background-color:#ffffff;
	border:none;
	border-bottom:1px solid #cccccc;
}
.wysiwyg .option-detail th {
	border-right:1px solid #cccccc;
	text-align:center;
}
.wysiwyg .option-detail th.logo {
	width:150px;
}
.wysiwyg .option-detail td .note {
	margin-left:15px;
	font-size:85.7%;
}
.wysiwyg .option-detail .info th {
	background-color:#eef9e7;
}
.wysiwyg .option-detail .info td {
	background-color:#f6fcf3;
	border-bottom:none;
}
.wysiwyg .option-detail .info td.banner {
	padding:10px;
	text-align:right;
}
.wysiwyg .option-detail .info td.banner img {
	margin:0 3px;
	background-color:#f6fcf3;
	width:80px;
}
.wysiwyg .alert {
	padding:20px 70px 10px;
	background-position:18px 12px;
	min-height:20px;
}



.wysiwyg .option {
	position:relative;
	margin:0 15px 30px;
	padding:0;
	border-bottom:1px solid #dcdcdc;
}
.wysiwyg .option .icon {
	float:left;
	width:130px;
}
.wysiwyg .option .nav {
	position:absolute;
	top:7px;
	right:25px;
}
.wysiwyg .option .nav img {
	background-color:#e2ffe2;
}
.wysiwyg .option .detail {
	margin-left:143px;
}
.wysiwyg .option .detail h2 {
	padding:14px 12px 0;
	background:#e2ffe2;
}
.wysiwyg .option .detail p {
	margin:0;
	padding:0 0 0 10px;
}
.wysiwyg .option .detail ul {
	margin:8px 0 0;
	padding:10px 0 0;
	border-top:1px dotted #a0a0a0;
}
.wysiwyg .option .detail li {
	list-style:none ;
	margin:0 0 12px 8px;
	padding:0 0 0 12px;
	background:url(../img/icon_03.png) no-repeat left 8px;
}
.wysiwyg table.price-table tr th {
text-align: center;
background-color: #e2ffe2;
}




/*===================Clover========================*/
/*--------------------------------------------------------- .index */
#ch .detail{
	clear:both;
	overflow:hidden;
}
#ch .detail .pic{
	float:right;
	margin:0 0 15px 15px;
}
.sp #ch .detail .pic{
	float:none;
}
.sp #ch .detail .pic p.thum{
	width: 100%;
	margin: 0 auto;
}
#ch .detail .btn{
	text-align:center;
}
#ch .detail .txt{
	overflow:hidden
}
#ch .topics-box{
	border:#e5e5e5 solid 1px;
	border-radius:5px;
	padding:0;
	width:660px;
	margin:0 15px 22px;
	position:relative;
}
.sp #ch .topics-box{
	width:95%;
	margin: 0 auto 20px auto;
}
#ch .topics-box h3{
	background-color: #fffde4;
	background-image: url(../clover/img/icon_pickup.png);
	background-position: 2%;
	background-repeat: no-repeat;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border:none;
	border-bottom: 5px solid #436ef9;
	font-weight:bold;
	padding: 20px 0 20px 80px;
}
#ch .topics-box .ch{
	position:absolute;
	top:23px;
	left:600px;
	padding:0;
}
#ch .topics-box .ch p{
	margin-bottom:0;
}
#ch .topics-box .detail{
	padding:20px;
}
#ch .topics-box .pic{
	float:left;
	margin:0 15px 15px 0;
}
#ch .topics-box .pic p{
	margin-bottom:12px;
}
.sp #ch .topics-box h3{
	width: 100%;
}
.sp #ch .topics-box .pic{
	float:none;
}
.sp #ch .topics-box .pic p{
	text-align:center;
}
#ch .topics-box .txt{
	overflow:hidden;
}
#ch .topics-box .text-area p.btn{
	text-align:center;
	margin-bottom:0;
}
#ch .topics-box .txt h4{
	margin:0;
	text-align:left;
	font-size:small;
}
#ch .topics-area .pic-area{
	width:280px;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
}
/*--------------------------------------------------------- .present */
.wysiwyg h3 {
	background:#fff url(../clover/img/h3_icon01.png) no-repeat left center;
}
#present table {
	float: none !important;
	margin: 0 auto;
}
#present .wysiwyg ul.column {
	margin:0 0 0 -14px;
	padding:0 12px;
	overflow:hidden;
}
#present .wysiwyg ul.column li {
	position:relative;
	float:left;
	margin:3px 0 20px 20px;
	padding:0 0 15px;
	border:1px solid #cecece;
	border-radius:5px;
	width:320px;
	list-style:none;
}
#present .wysiwyg ul.column li .tit{
	background:url(../clover/img/present_tit_bg.png) repeat-x left bottom;
	font-size:124%;
	padding:20px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	font-weight:bold;
}
#present .wysiwyg  p.btn img{width:190px;}
.sp #present .wysiwyg ul.column{ width:96%; margin:0 auto; padding:0;}
.sp #present .wysiwyg ul.column li {width:100%; margin-left:0; padding:0; /*max-width:576px;*/}
.sp #present .wysiwyg ul.column li .point img{width:100%;}
.sp #present .wysiwyg ul.column li .pic{ text-align:center;}
.sp #present .wysiwyg  p.btn img{width:60%;}
.sp #present p.lead {
    width: 95%;
    margin: 0px auto 10px auto;
}
/*
.sp #present dd {
	padding: 0 10px;
}
.sp #present ul.aform-name-ul,
.sp #present ul.aform-kana-ul,
.sp #present ul.aform-checkbox-ul{
	padding: 60px 0 10px 0;
}
.sp #present .aform-zipcode,
.sp #present .aform-prefecture,
.sp #present .aform-text,
.sp #present .aform-tel,
.sp #present .aform-email {
	margin: 70px 0 10px 0;
}
.sp #present #parts-11-confirm {
	margin: 10px 0;
}
.sp #present #parts-15,
.sp #present #parts-16 {
	margin: 90px 0 10px 0;
}*/

/*--------------------------------------------------------- .bangumi */
/*------------------------------ .list */
#bangumi .bangumi-list{
	clear:both;
	overflow:hidden;
	padding:0;
	border-radius:5px;
	background-color:#bae4ff;
}
#bangumi .bangumi-list ul{
	padding:10px 0 0 10px;
}
#bangumi .bangumi-list ul li{
	width:335px;
	float:left;
	border-radius:5px;
	background-color:#ffffff;
	margin:0 10px 10px 0;
	list-style:none;
	position:relative;
}
.sp #bangumi .bangumi-list ul li{
	width:98%;
}
#bangumi .bangumi-list ul li .tit{
	border-bottom:#dbdbdb solid 2px;
}
#bangumi .bangumi-list ul li .tit h3{
	color:#1c50a7;
	font-weight:bold;
	background:none;
	border:none;
	width:280px;
	font-size:123.1%;
}
#bangumi .bangumi-list ul li .ch{
	position:absolute;
	top:11px;
	left:270px;
}
#bangumi .bangumi-list ul li .ch p{
	margin:0;
}
#bangumi .bangumi-list ul li .detail{
	padding:20px 20px 0;
	font-size:85%;
	width:100%;
	clear:both;
	overflow:hidden;
}
#bangumi .bangumi-list ul li .detail .pic{
	/*float:left;
	max-width:160px;*/
	margin:0 10px 0 0;
}
#bangumi .bangumi-list ul li .detail .pic p{
	margin-bottom:10px;
	/*min-height:120px;*/
	text-align:center;
}
#bangumi .bangumi-list ul li .detail .txt{
	overflow:hidden;
	/*width:125px;*/
}
#bangumi .bangumi-list ul li .detail .btn{
	text-align:center;
	margin:0 0 10px 0;
	width:295px;
	height:44px;
	clear:both;
}
.sp #bangumi .bangumi-list ul li .tit h3{
	width: auto;
}
.sp #bangumi .bangumi-list ul li .ch p {
	display: inline;
}
.sp #bangumi .bangumi-list ul li .detail .pic{
	float:none;
	max-width: none;
}
.sp #bangumi .bangumi-list ul li .detail .pic p{
	text-align:center;
	width: 100%;
	margin: 0 auto 10px auto;
	float: none;
	min-height: inherit;
}
.sp #bangumi .bangumi-list ul li .detail .btn{
	width: 60%;
	margin: 0 auto 20px auto;
	height:auto;
}

/*------------------------------ .detail */
#bangumi .bangumi-detail{
	clear:both;
	overflow:hidden;
	padding:0 10px;
	border-radius:5px;
	background-color:#bae4ff;
	margin-bottom:50px;
}
#bangumi .bangumi-detail .page-tit{
	font-size:123.1%;
	background:url(../clover/bangumi/img/bangumi_tit_bg.png) no-repeat left center;
	padding: 5px 0 5px 50px;
	font-weight:bold;
	margin:25px 25px 20px;
}
#bangumi .bangumi-detail .top-box{
	background-color:#FFF;
	border-radius:5px;
	padding:20px;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
#bangumi .bangumi-detail .top-box .pic{
	float:left;
	margin:0 10px 10px 0;
}
.sp #bangumi .bangumi-detail .top-box .pic{
	float:none;
}
.sp #bangumi .bangumi-detail .top-box .pic p{
	text-align:center;
}
#bangumi .bangumi-detail .top-box .pic p{
	margin-bottom:0;
}
#bangumi .bangumi-detail .top-box .txt{
	overflow:hidden;
}
#bangumi .bangumi-detail .box{
	background-color:#FFF;
	border-radius:5px;
	padding:20px 20px 10px 20px;
	margin:0 0 10px 0;
}
#bangumi .bangumi-detail .box span.nichiji{
	font-weight:bold;
}
#bangumi .bangumi-detail .box span.nichiji img{
	margin-right:1em;
}
#bangumi .bangumi-detail .box h3{
	background-image:none;
	background-color:#60beff;
	color:#FFF;
	font-size:116%;
	border-left:#436ef9 solid 4px;
	font-weight:bold;
}
#bangumi .bangumi-detail .box .detail{
	margin:20px;
	overflow:hidden;
	clear:both;
}
#bangumi .bangumi-detail .box .detail h4{
	font-weight:bold;
	font-size:116%;
	color:#000;
	text-align:left;
	border-bottom:#81c3ed solid 2px;
}
#bangumi .bangumi-detail .box .detail .pic{
	float:right;
	margin:0 0 15px 15px;
	max-width:255px;
}
.sp #bangumi .bangumi-detail .box .detail .pic{
	float:none;
}
.sp #bangumi .bangumi-detail .box .detail .pic p{
	text-align:center;
}
#bangumi .bangumi-detail .box .detail .txt{
	overflow:hidden;
	padding:15px;
}
#bangumi ul.list{
	margin-bottom:20px;
}
#bangumi ul.list li,
#ch ul.list li.serach{
	border-bottom:#a0a0a0 dotted 1px;
	list-style:none;
}
#bangumi ul.list li a{
	color:#004da0;
	font-weight:bold;
}
#bangumi .cm{
	border:#dcdcdc solid 2px;
	padding:5px;
	border-radius:5px;
}
#bangumi .cm .detail{
	background-color:#f2f2f2;
	padding:20px 10px 10px 20px;
	border-radius:5px;
}
#bangumi .cm .detail .tit{
	color:#ff5400;
	font-weight:bold;
	font-size:116%;
}
#bangumi .cm .detail ul{
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
}
#bangumi .cm .detail ul li{
	list-style:none;
	float:left;
	width:31%;
	margin:0 10px 10px 0;
}
#bangumi .btn{
	text-align:center;
}

/*===================Clover========================*/



/*--------------------------------------------------------- .sub */

#contents .sub nav.local ul.sabnav li {
	font-size:93%;
}

#contents .sub nav.local ul.innav {
	background: #ffd85f;
	padding: 8px;
	-webkit-border-bottom-right-radius: 4px;  
	-webkit-border-bottom-left-radius: 4px;  
	-moz-border-radius-bottomright: 4px;  
	-moz-border-radius-bottomleft: 4px;  
	border-radius-bottomright: 4px;
	border-radius-bottomleft: 4px;
}

#contents .sub nav.local ul.innav li {
	border-bottom:1px solid #cecece;
	background:url(../clover/img/sub_icon_02.png) no-repeat 175px center;
	background-color:#ffffff;
}

#contents .sub nav.local ul.innav li:first-child {
	border-bottom:1px solid #cecece;
}

#contents .sub nav.local ul.innav li img {
	margin: 0 0 0 4px;
}

#searchform4 {  
    width: 95%;  
    background: url(../clover/img/input.png) center top no-repeat;   
    display: block;
	text-align:center;
    height: 35px;  
    position: relative;  
}  
#keywords4  {  
    width: 67%;  
    position: absolute;  
    top: 5px;
	height:24px;
    left: 21px;  
    border: 1px solid #FFF;  
}  
#searchBtn4 {  
    position: absolute;  
    top: 5px;  
    left: 153px;  
} 
.sp #contents .sub nav.local p.search-txt {
	text-align: center;
	margin: 0 auto;
}
.sp #searchform4{
	text-align: center;
	margin: 4px auto 0 auto;
	width: 80%;
	background: #fff;
    border: solid 2px #436ef9;
    outline: solid 3px #fff;
}
.sp #keywords4 {
	position: relative;
	left: auto;
	width: 70%;
	vertical-align: top;
}
.sp #searchBtn4 {  
	position: relative;
	top: 10%;
	left: auto;
}