@charset "utf-8";

@import "base.css";
@import "widget.css";
@import "nivo-slider2.css";
@import "default.css";
@import "owl.carousel.css";

/*  DEFAULT
-------------------------------------------------------------------- */

body {
    font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 12px;
    line-height: 1.6;
}

p{ color:#333;}

/* link */
a,a:link, a:visited{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.clr00{ clear:both;}


/*  LAYOUT
-------------------------------------------------------------------- */

#container{
	height:auto;
	padding:0;
	/*background: url(../../img/site_bg.gif) repeat-x 0 top;*/
}
#container_Inner{
	width:1000px;
	height:4400px;/*コンテンツの高さ*/
	margin:0 auto;
}

/*  HEADER
-------------------------------------------------------------------- */

#header {
	height:87px;
	background:url(../../img/bg_header.gif) repeat-x 0 0;
}
#header_Inner{
	margin:0 auto 0 auto;
	width:1000px;
	height:80px;
	position:relative;
	background:url(../../img/rhythm.png) no-repeat center bottom;
}
#header_Inner h1{
	width:551px;
	height:31px;
	background:url(../../img/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	top:26px;
	left:185px;
	position:absolute;
}
#header_Inner h1 a{
	width:538px;
	height:31px;
	overflow:hidden;
	display:block;
}
.tfm{
	width: 169px;
	height: 34px;	
	background: url(../../img/tfm.png) no-repeat 0 0;
	left: 1px;
	top: 20px;
	position: absolute;
}
.tfm a{
	width: 169px;
	height: 34px;
	text-indent:-9999px;
	display: block;
	overflow:hidden;
}

.rdk{
	width: 250px;
	height: 65px;
	position: absolute;
	top: 11px;
	right: 0;
}
.rdk a{
	width: 250px;
	height: 65px;
	display: block;
	overflow:hidden;
}

/* SB */ 
.sb_post{
	padding:0 0 0 20px;
}
.sb_post ul{
	width:120px;
	top:25px;
	left:635px;
	position:absolute;
}
.sb_post ul li{
	float: left;
	margin:0 6px 0 0;
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
.sb_post ul{
	width:400px;
	top:150px;
	left:670px;
	position:absolute;
}
}

/*  contents
-------------------------------------------------------------------- */

#progttl{
	width:638px;
	height:30px;
	background:url(../../img/ttl_prog.gif) no-repeat 0 0;
	text-indent:-9999px;

	margin-bottom:20px;
}
#prog h3,#prog h4{
	display:none;	
}
#contents{
	clear:both;
	padding:0 0 20px 0;
	margin:0 0 30px 0;
	/*height:2000px;*/
}

#contents:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#contents {display:inline-block;}
#contents {display:block;}


#contents_Inner{
}

#contents_Inner:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#contents_Inner {display:inline-block;}
#contents_Inner {display:block;}

#contents a:hover{ 
	opacity: 0.8;
}
.sL{
	width:320px;
	height:310px;
	float:left;
	margin-right:8px;
}
.sL h2 a{
	width:320px;
	height:310px;
	display: block;
	overflow:hidden;
}
.sR{
	width:320px;
	height:310px;
	float:left;
}
.sR h2 a{
	width:320px;
	height:310px;
	display: block;
	overflow:hidden;
}

/*  sideContents
-------------------------------------------------------------------- */

#sideContents {
	float:right;
	width:320px;
	background-color:#FFFFFF;
	margin:-50px 10px 0 0;
}
*:first-child+html #sideContents{
	float:right;
	width:320px;
	background-color:#FFFFFF;
}
#sideContents #plus{
	background:url(../../img/bg_plus.gif) repeat 0 0;
	padding:6px;
	margin-bottom:15px;
}
#sideContents #plus #plusWrap{
	background-color:#FFF;
}
#wideProgram{
	margin-bottom:20px;	
}
#wideProgram h2{
	background:url(../../img/ttl_wide.gif) no-repeat 0 0;
	width:320px;
	height:52px;
	text-indent:-9999px;
}
#wideProgram ul li{
	font-size:12px;
	padding:15px 0px;
	border-bottom:1px solid #CCC;
}
#wideProgram ul li .bnr{
	width:160px;
	float:left;
}
#wideProgram ul li:last-child{
	font-size:12px;
	padding:15px 0px;
	border-bottom:none;
}

#wideProgram ul li:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#wideProgram ul li {display:inline-block;}
#wideProgram ul li {display:block;}

#wideProgram p{
	clear:both;
	font-size:12px;
	padding:5px 0;
}
#westArea{
	width:320px;
	height:267px;
	margin-bottom:20px;
}
#westArea a{
	width:320px;
	height:267px;
	display:block;
}
#lineArea{
	background:url(../../img/bnr_line.gif) no-repeat 0 0;
	width:320px;
	height:170px;
	text-indent:-9999px;
	position:relative;
}
#lineArea a{
	width:120px;
	height:40px;
	position:absolute;
	top:120px;
	left:115px;
}
.moreLink{
	float:right;	
}
.moreLink a{
	text-align:center;
    font-size: 1.3em;
    background-color: #3cbce1;
	color:#FFF;
	font-size:11px;
	padding:3px 15px;
    border-style: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	text-decoration:none;
}
#tfmplus_list{
	padding:10px 0 0 0;	
}

#mp4{
	width:320px;
	height:180px;
	z-index:99;
	margin-bottom:20px;
	overflow:hidden;	
}

/* FOOTER
---------------------------------------------------- */ 

#footer{
	border-top:1px solid #CCC;
	height:190px;
	margin:0 auto;
}
#footerWrap{
	width:1022px;
	margin:0 auto;
	position:relative;	
}
#footerWrap .tfm_s{
	margin:0 auto 0 auto;
	width: 174px;
	top:15px;
	left:5px;
	position:absolute;
}
#footerWrap .company{
	font-size: 80%;
	color: #FFF;
	top:30px;
	left:200px;
	position:absolute;
}
#footerWrap .company a{
	text-decoration:underline;
	color:#000;
}
#footerWrap .copy{
	top:25px;
	right:5px;
	position:absolute;
}

/* SLIDE
---------------------------------------------------- */ 

#slide {
	overflow: hidden;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index:100;
}
#slide-in {
	overflow: hidden;
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	width: 100%;
	padding:0 0 10px 30px;
}
#slide-in dl{
	top:10px;
	left:65px;
	position:absolute;
	color:#000;
	font-size:11px;
	text-align:left;
}
#slide-in dl dt{
	font-size:9px;
	line-height:1.4em;
}
#slide-in dl dd{
	font-size:9px;
}
#slide-in .rd dl.hash{
	top: 5px;
	left: 65px;
	position: absolute;
	color: #000;
	text-align: left;
	width: 128px;
}
#slide-in .rd dl.hash dt{
	font-weight:bold;
	padding:5px 0 0 0;
}
#slide-in .rd dt.hash{
	top:5px;
	left:65px;
	position:absolute;
	color:#000;
	text-align:left;
}
#slide-in .tw dl.hash dt{
	padding:2px 0 5px 0;
}
#slide-in dl dt{
	padding:10px 0 0 0;
}
#slide-in dl dd{
	padding:0;
}
#slide-in dl dd a{
	color:#ec008c;
}
#footer a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.fb{
	width:213px;
	height:60px;
	position:relative;
	float:left;
}
.fb .fb_icon a{
	width:50px;
	height:50px;
	top:9px;
	position:absolute;
}
.fb iframe{
	margin-left:-10px;	
}
.tw{
	width:190px;
	height:60px;
	position:relative;
	float:left;
}
.tw_icon a{
	width:50px;
	height:50px;
	top:9px;
	position:absolute;
}
.tw_follow{
	top:30px;
	left:65px;
	position:absolute;	
}
.rd{
	width:190px;
	height:60px;
	position:relative;
	float:left;
	padding:0 10px 0 0;
}
.cWrap {
	color:#000;
	padding:10px 0 0 0;
	float:left;
}
.cWrap p{
	font-size:10px;
	color:#000;
	padding:5px 0 0 0;
	text-decoration:underline;
	font-weight:bold;
}
.rd_icon p a{
	width:50px;
	height:50px;
	top:9px;
	left:0px;
	position:absolute;
}
.rd_follow{
	top:30px;
	left:0px;
	position:absolute;	
}

/*  thumb
---------------------------------------- */

#owl-demo1,#owl-demo2,#owl-demo3 {
	width:160px; /*thumb width*/
	float:left;
}
.item {
	width:160px;
	float:left;
}
.item a {
	text-decoration:none;
}

#owl-demo1 img,#owl-demo2 img,#owl-demo3 img {
	width:160px;
	height:95px;
}