@charset "shift_JIS";
@import "reset.css";
@import "textdecorations.css";
/* ----------------------------------------

STRUCTURE

 ----------------------------------------*/
html{
	color:#666;

}


body{
	background:#ffffff;
}


#layout{
	width:960px;
 	margin:0 auto;
}


#footer {
	width:880px;
	clear:both;
	margin:10px auto;
	height:40px;
}

/* =========================================================
top-contents
========================================================= */
#top-contents {
	background:#f3ecd1;
    min-height:618px;
    height: auto !important;
    height: 618px
}

/* =========================================================
header
========================================================= */
#top-contents #header {
	width:450px;
	position:relative;
	float:left;
}

#top-contents #header h1 {
	width:332px;
	height:75px;
	background:url(../../../img/title.jpg) no-repeat;
	position:absolute;
	top:161px;
	left:30px;
	text-indent:-9999px;
}

#top-contents #header h2 {
	width:332px;
	height:47px;
	background:url(../../../img/onair.gif) no-repeat;
	position:absolute;
	top:238px;
	left:31px;
	text-indent:-9999px;
}

#top-contents #header .bnr{
	top:360px;
	left:31px;
	position:absolute;
	text-align:left;
	line-height:1.4em;
}




#top-contents #header .bnr2{
	top:420px;
	left:31px;
	position:absolute;
	text-align:left;
	line-height:1.4em;
}



/* =========================================================
dj
========================================================= */
#top-contents #header #dj {
	width: 156px;
	height: 176px;
	position: absolute;
	top: 10px;
	left: 30px;
}

/* =========================================================
msg
========================================================= */
#top-contents #header #msg {
	width:295px;
	height:48px;
	position:absolute;
	top:298px;
	left:33px;
}

.pc-m-bnr{
	width:400px;
	position:absolute;
	top:310px;
	left:33px;
	text-align: center;
	color: #333;
 font-size: 90%;
}

.pc-m-bnr img{
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

#msg-btn-special{
	width: 416px;
	margin: 30px auto 0;
	text-align: center;
}

#msg-btn-special img{
	width: 100%;
	height: auto;
}


/* =========================================================
msg2
========================================================= */
#top-contents #header #msg2 {
	width:295px;
	height:85px;
	position:absolute;
	top:415px;
	left:32px;
}


/* =========================================================
msg3
========================================================= */
#top-contents #header #msg3 {
	width:295px;
	height:59px;
	position:absolute;
	top:345px;
	left:33px;
}


/* =========================================================
info
========================================================= */
.info{
	width:280px;
	margin:10px 0 0 0;
	padding:5px;
	border:1px dashed #545454;
	line-height:1.3em;
}

.info a{
	text-decoration:none;
}
.info a em{
	font-style:normal;font-weight:normal;
	text-decoration:underline;
}


/* =========================================================
guest
========================================================= */
#top-contents .guest {
	width:500px;
	float:right;
	padding:100px 0 50px 0;
	position: relative;
}


#top-contents .guest h3 {
	width:200px;
	height:30px;
	margin:0 0 0 40px;
	background:url(../../../img/guest_t.gif) no-repeat;
	text-indent:-9999px;
}



#top-contents .guestinfo {
	width:415px;
	margin:0 auto;
	padding:30px 0 20px 0;
	background:#FFFFFF;
	color:#979796;
}



#top-contents .guestinfo ul {


}

#top-contents .guestinfo ul li.day{
	width:384px;
	height:29px;
	margin:0 auto;
	padding:4px 0 0 10px;
    font-family: 'Vidaloka', serif;
    font-size: 160%;
	color:#FFF;
	background:url(../../../img/bar.gif) no-repeat;
	font-weight:bold;
    letter-spacing: 1px;
}

#top-contents .guestinfo ul li.day span{
    font-family: 'Vidaloka', serif;
    font-size: 70%;
	font-weight:bold;
	padding:0 0 0 5px;
    letter-spacing: 0px;
}

#top-contents .guestinfo ul li.name{
	width:384px;
    font-size: 120%;
	margin:0 auto;
	font-weight:bold;
	padding:0 0 20px 0;
}

.bnr1{
    top: 395px;
    right:40px;
    position: absolute;
    text-align: left;
    line-height: 1.4em;
    width: 176px;
    text-align: right;
}

.bnr1 img{
	width:150px;
	height: auto;
	
}
/* =========================================================
#bottom-contents
========================================================= */

#bottom-contents{
	clear:both;
	background:#faf6ea;
}

.bnr{
	text-align:center;
	padding:10px 0 10px 0;
}


/* =========================================================
onair
========================================================= */
#bottom-contents #onair {
	width:500px;
	float:left;
	color:#505454;
	line-height:1.5em;
	padding:0 0 20px 15px;
}

#bottom-contents #onair h3 a{
	width:282px;
	height:36px;
	background:url(../../../img/onair_t.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	margin:35px 0 0 15px;
}

#bottom-contents #onair .article {
	width:480px;
	margin:0 0 0 20px;
}

#bottom-contents #onair .article h4 {
}

#bottom-contents #onair .article h4 a {
	padding:10px 0 0 0;
	display:block;
	color:#505454;
	font-size:110%;
	font-weight:bold;
	text-decoration:underline;
}

#bottom-contents #onair .article .date{
	padding:5px 0 0 0;
	font-weight:bold;
	line-height:1.3em;
}

#bottom-contents #onair .article p {
	padding:10px 0 0 0;
	line-height: 1.9;

}

#bottom-contents #onair .article .rightbox {
	float:right;
	margin:10px 0 0 10px;
}


#bottom-contents #onair .article .photo{
	margin:10px 10px;
	text-align: center;
}
#bottom-contents #onair .article .photo img{
	width: 200px;
	height: auto;
}
#bottom-contents #onair .article .more-links a{
	padding:0 0 10px 0;
	font-weight:bold;
	color:#505454;
}


/* =========================================================
social bookmark
========================================================= */

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

 .sbm li
{
    float:left;
    height:23px;
    padding:5px 3px 2px;
}


/* =========================================================
tw
========================================================= */
#bottom-contents #tw {
	width:355px;
	float:right;
	margin:40px 35px 30px 0;
	padding:0 0 20px 20px;
	border-left:1px solid #ccc;
}

#bottom-contents #tw h3 {
	width:130px;
	margin:0 0 20px 5px;
	float:left;
}

#bottom-contents #tw h3.tw-tt{
	width:auto;
	margin:0;
	float:none;
	text-align: center;
}

#bottom-contents #tw h3.tw-tt	img{
	width:320px;
	height: auto;
	}

#bottom-contents #tw .tw-wiget{
	padding: 20px 10px 0;
	background-color: #fff;
	border-radius: 5px;
	border: 1px dotted #333;
}
#bottom-contents #tw .insta-btn{
	margin: 0 0 20px 0;
}

#bottom-contents #tw .insta-btn img{
	width: 100%;
	height: auto;
	border-radius: 5px;
	border: 1px dotted #333;
}

/* =========================================================
twbtn
========================================================= */
#bottom-contents #tw #twbtn {
	float:right;
	margin:5px 0 0 0;
}

#bottom-contents #tw .twbox {
	clear:both;
	width:305px;
	border:2px solid #a2a3a3;
	margin:0 10px 0 15px;
	background:#fff;

}



/* =========================================================
wiget初期設定クリア
========================================================= */

.twtr-profile-img{ display: none;} /* USER_PHOTO */


.twtr-tweet-text{
	font-size:100%;
}


.twtr-hd h3,
.twtr-hd h4,
.twtr-join-conv{
	display:none;
}


.twtr-ft{ display: none;} /* TWITTER_LOGO */




.bnr-sp{
	width:100%;
	padding:20px 0;
	margin:10px 0 10px 0;
	background:#F3ECD1;
	display: inline-block;
	text-align: center;
}




/* =========================================================
network
========================================================= */

#network {
	clear:both;
	width:880px;
	height:85px;
	margin:0 auto 0;
	background:url(../../../img/network.gif) no-repeat center bottom;
	text-indent:-9999px;
	border-top:1px solid #ead37c;

}


/* =========================================================
footer
========================================================= */
#footer address {
	width:400px;
	height:40px;
	float:left;
	background:url(../../../img/copy.gif) no-repeat center;
	text-indent:-9999px;
}

#footer .tfm{
	float:right;
	width:90px;
	height:31px;
}

#footer.tfm img{
	width:100%; 
	height:auto;
}
#footer .tfm img[src$=".svg"] {
	width:100%; 
	height:auto;
}





/* 画像関係*/
img { border: none; }

.leftbox{
	clear:both;
	float: left;
	margin:0 10px 0 0;

}
.rightbox{
	clear:both;
	float: right;
	margin:0 0 0 10px;
}

.btnimg{
	float: right;
	margin:5px 0 10px 10px;
}

.btnimg2{
	float: right;
	margin:20px 0 20px 10px;
}




/* クリアフィックス*/
.cleafix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.cleafix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .cleafix{height: 1%;}
.cleafix{display: block;}
/* for ie5,6*/


/*インスタグラム*/
#instafeed {
	clear:both;
	text-align: center;
}
#instafeed img {
	width:100px;
	height:auto;
	padding: 0 5px 10px 5px;
}