@charset "euc-jp";

/*------------------------------------------------------------
CSS Information

 Site URL:     http://www.jfn.co.jp/ch
 File name:    style.css (http://www.tfm.co.jp/ch/shared/css/style.css)
 Summary:      all styles
 Created:      2008-03-25
 Last update:  2011-07-26
 Author:       hotta
 Copyright:    (c) JAPAN FM NETWORK. All Rights Reserved.


Order of description

  - Search Key "__"+"id Name or Class Name"

 __Default_style_clear
 __container            (div#container)
 __header               (div#header)
 __contents             (div#contents)
 __about                (div#about)
 __main                 (div#main)
 __main__information    (div#main div#information)
 __main__form           (div#main div#form)
 __main__wonda          (div#main div#wonda)
 __main__shibata        (div#main div#shibata)
 __menu                 (div#menu)
 __menu__corners        (div#menu div#corners)
 __menu__calendar       (div#menu div#calendar)
 __r_menu               (div#r_menu)
 __r_menu__ad           (div#r_menu div#ad)
 __r_menu__webradio     (div#r_menu div#webradio)
 __r_menu__mobile       (div#r_menu div#mobile)
 __r_menu__special      (div#r_menu div#special)
 __r_menu__wide         (div#r_menu div#wide)
 __r_menu__feeds        (div#r_menu div#feeds)
 __footer               (div#footer)
 __txt
-------------------------------------------------------------*/

/*-------------------------
 __Default_style_clear
--------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background:#fff url(../../img/bg.gif) repeat-x;
	font-size:74.5%;
	font-family:Meiryo, Osaka, Verdana, arial, sans-serif;
	color:#333;
	line-height:1.5;
}

p {
	margin:0 0 1em;
}

li {
	list-style-type:none;
}

img,
fieldset {
	border:0;
}

a {
	color:#005752;
	text-decoration:underline;
}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/*-------------------------
 __container
--------------------------*/
#container {
	width:1000px;
	margin:0 auto;
	padding-bottom:50px;
}


/*-------------------------
 __header
--------------------------*/
#header {
	position:relative;
	height:220px;
}

#header li.tfm {
	position:absolute;
	top:14px;
	left:0;
	width:148px;
	height:26px;
	background:url(../../img/bnr_tfm.gif);
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header li.tfm a {
	display:block; 
	width:148px;
	height:26px;
}

#header li.jfn {
	position:absolute;
	top:8px;
	right:0px;
	width:51px;
	height:38px;
	background:url(../../img/bnr_jfn.gif);
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header li.jfn a {
	display:block; 
	width:51px;
	height:38px;
}


#title {
	position:absolute;
	width:1000px;
	height:166px;
	background: url(../../img/bg_title.jpg);
	top:54px;
	left:0;
}

#title h1,
#title h2 {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#title h1 a {
	display:block;
	width:310px;
	height:166px;
	overflow:hidden;
}


#title .personality {
	position:absolute;
	top:0px;
	right:0px;
	width:390px;
	height:166px;
	background:url(../../img/bg_personality_201707.jpg);
}

#title .personality a {
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

#title .personality .koga a {
	display:block;
	position:absolute;
	top:27px;
	left:17px;
	width:167px;
	height:139px;
}

/*#title .personality .nakanishi a {
	display:block;
	position:absolute;
	top:12px;
	right:9px;
	width:164px;
	height:154px;
}*/
#title .personality .nakanishi a {
	display:block;
	position:absolute;
	top:15px;
	right:240px;
	width:130px;
	height:150px;
}
#title .personality .hayamizu a {
	display:block;
	position:absolute;
	top:15px;
	right:130px;
	width:110px;
	height:150px;
}
#title .personality .takahashi a {
	display:block;
	position:absolute;
	top:15px;
	right:10px;
	width:105px;
	height:150px;
}



/*-------------------------
 __header.comment
--------------------------*/
#header .comment {
	position:absolute;
	top:27px;
	left:165px;
	color:#666;
	font-size:90%;
	line-height:1.2;
}


/*-------------------------
 __contents
--------------------------*/
#contents {
	float:left;
	width:680px;
}

#contents .ad {
	margin-bottom:20px;
	font-size:90%;
	color:#b86e38;
	padding-left:10px;
}

#contents .ad a {
	color:#b86e38;
	text-decoration:none;
}


/*-------------------------
 __about
--------------------------*/
#about .lead {
	width:680px;
	height:50px;
	background:url(../../img/lead.gif) no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}


/*-------------------------
 __main
--------------------------*/
#main {
	float:right;
	width:450px;
}

/*us change*/
#main .us {
	text-align:center;
	margin-bottom:10px;
}

#main #wakeupmsg {
	width:445px;
	height:130px;
	margin:0 auto 15px auto;
}

#main #noh {
	width:445px;
	height:81px;
	margin:0 auto 15px auto;
}

#main #senkyo {
	width:449px;
	height:99px;
	margin:0 auto 15px auto;
	padding-bottom:10px;
	text-align:center;
}
#main #event {
	width:445px;
	height:130px;
	margin:0 auto 15px auto;
}
#main #senkyo img {
	margin-bottom:5px;
}
#main #senkyo p a {
	color:#f00;
}

#main .mainbody {
	width:450px;
	padding-top:25px;
	background:url(../../img/bg_main.gif) no-repeat;
}

#main h3 {
	padding:0 3px 10px 3px;
	background:url(../../img/bg_h3.gif) left bottom no-repeat;
	font-size:130%;
	line-height:1.4;
}

#main h3 a {
	color:#002e73;
	text-decoration:none;
}

#main .itemtitle {
	margin-bottom:20px;
}

#main .itemtitle .posted {
	text-align:right;
	font-size:85%;
}

#main .itemtitle .posted li {
	float:right;
	margin-right:10px;
}

#main .itembody {
	line-height:1.5;
	margin-bottom:50px;
	padding-bottom:10px;
	background:url(../../img/end.gif) right bottom no-repeat;
}

/*追加　20131009 クロノス投票*/
#main .vote{
	padding:30px 0 0 0; 
}


/*-------------------------
 __main.pageswitch
--------------------------*/
#main .pageswitch {
	position:relative;
	width:450px;
	padding-bottom:5px;
	color:#fff;
	font-size:90%;
}

#main .pageswitch a {
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

#main .npsb_prevlink {
	position:absolute;
	top:0;
	left:0;
}

#main .npsb_nextlink {
	position:absolute;
	top:0;
	right:0;
}


/*-------------------------
 __main__information
--------------------------*/
#information {
	margin-top:40px;
}

#information h4 {
	width:450px;
	height:24px;
	background:url(../../img/ttl_info.gif);
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#information ul {
	width:450px;
	margin-top:5px;
}

#information ul li {
	background:url(../../img/li_type2.gif) 0 50% no-repeat;
	padding-left:15px;
	line-height:1.8;
}

/*-------------------------
 __main__form
--------------------------*/
body.message,
body.question,
body.wakeupmsg,
body.event {
	background-image:none;
}

#form {
	width:450px;
	padding-top:25px;
	background:url(../../img/bg_main.gif) no-repeat;
}
body.wakeupmsg #form,
body.event #form {
	width:450px;
	padding-top:0;
	background-image:none;
}

#form h3 {
	margin-bottom:20px;
	padding:0 3px 10px 3px;
	background:url(../../img/bg_h3.gif) left bottom no-repeat;
	font-size:130%;
	line-height:1.4;
}

#form .lead .img {
	float:left;
	margin:0 10px 10px 0;
}

#form .lead p {
	line-height:1.3;
}

#form .lead p.care {
	font-size:90%;
}

#form .lead .red {
	color:#f00;
}

#form .attention {
	float:right;
	font-size:90%;
	color:#f00;
}

#form .ast {
	color:#f00;
}

#form fieldset{
	clear:right;
}

#form option {
	margin-right:3px;
}

#form .group,
#form fieldset.personal dl { /*20100525����*/
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}

#form .label-txt,
#form fieldset.personal dl dt { /*20100525����*/
	float:left;
	display:block;
	width:140px;
	margin-top:2px;
	padding-left:5px;
	border-left:3px solid #002e73;
	line-height:1.2;
}

#form .txt-field {
	padding:1px 2px;
}
#form input#rname, /*20100525����*/
#form input#name,
#form input#address,
#form input#email,
#form textarea#msg,
#form textarea#message { /*20100525����*/
	width:250px;
}
#form input#age,
#form input#zip1 { /*20100525����*/
	width:3em;
}
#form input#tel1,
#form input#tel2,
#form input#tel3,
#form input#zip2 { /*20100525����*/
	width:4em;
}

#form input,
#form select{
	background-color:#fff;
	color:#333;
	border:1px solid #ccc;
	font-family:Meiryo, Osaka, Verdana, arial, sans-serif;
}

#form textarea#msg,
#form textarea#message { /*20100525����*/
	background-color:#fff;
	color:#333;
	border:1px solid #ccc;
	font-family:Meiryo, Osaka, Verdana, arial, sans-serif;
	font-size:100%;
}

#form input:focus,
#form select:focus {
	background-color:#f8f8f8;
	color:#333;
	border-color:#300;
}

#form textarea#msg:focus,
#form textarea#message:focus { /*20100525����*/
	background-color:#f8f8f8;
	color:#333;
	border-color:#300;
	font-family:Meiryo, Osaka, Verdana, arial, sans-serif;
	font-size:100%;
}

#form h4 {
	margin:25px 0 5px 0;
	font-size:100%;
}

#form ul.note li {
	font-size:90%;
	margin-bottom:3px;
	line-height:1.3;
}

#form ul.note li.type1 {
background:url(/ch/message/img/type1.gif) 0 3px no-repeat;
	padding-left:11px;
}

#form ul.note li.type2 {
background:url(/ch/message/img/type2.gif) 0 3px no-repeat;
	padding-left:11px;
}

#form ul.note li.type3 {
	padding:11px 0 0 11px;
}

#form #note {
	margin-top:20px;
	font-size:90%;
}
#form dl#note dd {
	margin-bottom:2px;
	padding-left:1em;
	line-height:1.2;
	text-indent:-1em;
}

#form form #error {
	clear:both;
	padding-bottom:10px;
	color:#f00;
	text-align:center;
}

#form #Msg {
	height:200px;
	margin:20px auto;
	padding-top:50px;
	text-align:center;
}

#form #Msg p {
	line-height:1.5;
	margin-bottom:1em;
}

#form #submit {
	width:450px;
	margin-top:20px;
	text-align:center;
}

#form #submit input.submit {
	width:150px;
	padding:5px;
	background-color:#f5f5f5;
	color:#333;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family:Meiryo, Osaka, Verdana, arial, sans-serif;
	font-size:100%;
	font-weight:bold;
}

#form #submit input.submit:hover {
	background-color:#eaf1f1;
	border:1px solid #8fbdb8;
	color:#005752;
}


#form #question {
	margin-top:20px;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}

#form #question dl {
	margin-bottom:10px;
	padding:0 0 5px 5px;
	border-bottom:1px dotted #ccc;
	border-left:3px solid #999;
}

#form #question dt {
	margin-top:2px;
	line-height:1.2;
}

#form #question dd {
	padding-top:5px;
}

#form #question p.mttl {
	margin-top:15px;
}

#form #question p.matt {
	font-size:90%;
	line-height:1.2;
}

#form #event label .ssize {
	font-size:85%;
}

#form #event .end {
	color:#f00;
	font-size:100%;
}

/*-------------------------
 __main__wonda
--------------------------*/
#wonda {
	width:450px;
	padding-top:25px;
	background:url(../../img/bg_main_wakeup.gif) no-repeat;
}

#wonda h3 {
	margin-bottom:20px;
	padding:0 3px 10px 3px;
	background:url(../../img/bg_h3_wakeup.gif) left bottom no-repeat;
	font-size:130%;
	line-height:1.4;
	color:#386d4f;
}

#wonda p span {
	font-weight:bold;
}

#wonda p em {
	color:#d80c18;
	font-style:normal;
}

#wonda .present {
	width:430px;
	margin-bottom:5px;
	padding:5px;
	border:2px dotted #386d4f;
	color:#386d4f;
	text-align:center;
	font-weight:bold;
	font-size:123%;
}

#wonda .image {
	text-align:center;
}

#wonda #novel {
	width:430px;
	margin:20px auto 0 auto;
	padding:10px;
	border:1px solid #d80c18;
}
#wonda #novel h4 {
	text-align:center;
	padding-bottom:5px;
	font-size:108%;
	color:#d80c18;
}
#wonda #novel dt {
	font-weight:bold;
	text-align:center;
}
#wonda #novel dd {
	text-align:center;
}
#wonda #novel .outline {
	margin-top:10px;
	border-top:1px dotted #d80c18;
	padding-top:5px;
}
#wonda #novel .outline p {
	margin:0;
	padding:0;
}
#wonda #novel h5 {
	font-size:100%;
	margin:3px 0 5px 0;
}

#wonda #oneshot {
	width:430px;
	margin:20px auto 0 auto;
	padding:10px;
	border:1px solid #d80c18;
}
#wonda #oneshot h4 {
	padding-bottom:5px;
	font-size:100%;
}
#wonda #oneshot .outline p {
	margin:0;
	padding:0;
}
#wonda #oneshot h5 {
	font-size:116%;
	font-weight:bold;
	margin:3px 0 5px 0;
	color:#d80c18;
}

#wonda #nextinfo {
	width:430px;
	margin-top:20px;
}

#wonda #nextinfo p {
	color:#d80c18;
}

#wonda #info {
	width:430px;
	margin-top:20px;
}


/*-------------------------
 __main__shibata
--------------------------*/
#main .catTitle {
	margin:0;
	padding:0;
	color:#087bab;
	font-weight:bold;
	text-align:center;
}

#main .blogbody {
	width:450px;
	padding-top:25px;
	background:url(../../img/bg_blogmain.gif) no-repeat;
}

#main .blogbody  h3 {
	padding:0 3px 10px 3px;
	background:url(../../img/bg_h3.gif) left bottom no-repeat;
	font-size:130%;
	line-height:1.4;
	color:#002e73;
}

#main .blogbody h3 span {
	font-size:85%;
	font-weight:normal;
}


/*-------------------------
 __menu
--------------------------*/
#menu {
	float:left;
	width:210px;
}

#menu h4 {
	width:210px;
	height:24px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#corners,
#calendar {
	margin-bottom:25px;
}

/*-------------------------
 __menu__corners
--------------------------*/
#corners h4 {
	background:url(../../img/mn_corners.gif);
}

#corners ul {
	/*height:555px;
	background:url(../../img/corner201304.gif);*/
}

#corners ul li {
	/*height:44px;*/
	/*background:url(../../img/corner201304.gif);*/
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
#corners ul li.morning {
	height:73px;
}

#corners ul li a {
	display:block;
	height:44px;
	background:url(../../img/corner201304.gif) 0 0;
}

#corners ul li.coco a {
	background-position:0 -0px;
}

#corners ul li.landh a {
	background-position:0 -44px;
}

#corners ul li.earth a {
	background-position:0 -88px;
}

#corners ul li.myolympic a {
	background-position:0 -132px;
}

#corners ul li.kirin a {
	background-position:0 -249px;
}

#corners ul li.lipovitan a {
	background-position:0 -293px;
}

#corners ul li.teacher a {
	background-position:0 -337px;
}


#corners ul li.disney a {
	background-position:0 -425px;
}

#corners ul li.noevir a {
	background-position:0 -469px;
}




#corners ul li a:hover {
	display:block;
	height:44px;
	background:url(../../img/corner201304.gif) -210px 0;
}

#corners ul li.coco a:hover {
	background-position:-210px -0px;
}

#corners ul li.landh a:hover {
	background-position:-210px -44px;
}

#corners ul li.earth a:hover {
	background-position:-210px -88px;
}

#corners ul li.myolympic a:hover {
	background-position:-210px -132px;
}

#corners ul li.kirin a:hover {
	background-position:-210px -249px;
}

#corners ul li.lipovitan a:hover {
	background-position:-210px -293px;
}

#corners ul li.teacher a:hover {
	background-position:-210px -337px;
}

#corners ul li.disney a:hover {
	background-position:-210px -425px;
}

#corners ul li.noevir a:hover {
	background-position:-210px -469px;
}

/* コーナー個別設定
---------------------------------------------------- */
/*コスモアースコンシャスアクト 20151004追記*/
#corners ul li.earth a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_earth.gif) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}
#corners ul li.earth a:hover{ background-position: right top;}

/*foodaction*/
#corners ul li.food a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_food.gif) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}
#corners ul li.food a:hover{ background-position: right top;}
/*スマイルミッション*/
#corners ul li.smile a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_smile.gif) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}
#corners ul li.smile a:hover{ background-position: right top;}
/*スマートライフ*/
#corners ul li.smartlife a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_smartlife.gif) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}
#corners ul li.smartlife a:hover{ background-position: right top;}
/*今日のキーワード*/
#corners ul li.morning a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_keyword.gif) no-repeat left top;
	width: 210px;
	height: 73px;
	display: block;
}
#corners ul li.morning a:hover{ background-position: right top;}
/*はじまる*/
#corners ul li.hajimaru a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_hajimaru.gif) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}
#corners ul li.hajimaru a:hover{ background-position: right top;}
/*満点*/
#corners ul li.manten a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_manten.gif) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}
#corners ul li.manten a:hover{ background-position: right top;}
/*COOLWOOD*/
#corners ul li.wood a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_wood.gif) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}
#corners ul li.wood a:hover{ background-position: right top;}
/*ライフアンドマネー*/
#corners ul li.life a:hover{ background-position: right top;}
#corners ul li.life a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_life.gif) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}

/*Disney*/
#corners ul li.spring a:hover{ background-position: right top;}
#corners ul li.spring a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_disney.gif) no-repeat left top;
	width: 210px;
	height: 52px;
	display: block;
}


/*Life with*/
#corners ul li.lifewith a:hover{ background-position: right top;}
#corners ul li.lifewith a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_lifewith.gif) no-repeat left top;
	width: 210px;
	height: 57px;
	display: block;
}


/*Naruhodo*/
#corners ul li.naruhodo a:hover{ background-position: right top;}
#corners ul li.naruhodo a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_naruhodo.gif) no-repeat left top;
	width: 210px;
	height: 53px;
	display: block;
}
/*NOEVIR BOTANICAL LIFE 20160331*/
#corners ul li.botanical a {
    background: rgba(0, 0, 0, 0) url(../../img/btn_corner_botanicallife.gif) no-repeat scroll left top;
    display: block;
    height: 44px;
    text-decoration: none;
    text-indent: -1000em;
    width: 210px;
}
#corners ul li.botanical a:hover {
    background-position: right top;
}
/*はわゆな 201610*/
#corners ul li.cafe a:hover{ background-position: right top;}
#corners ul li.cafe a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_cafe.gif) no-repeat left top;
	width: 210px;
	height: 53px;
	display: block;
}
/*三協フロンテア presents The Starters 20161228*/
#corners ul li.starters a:hover{ background-position: right top;}
#corners ul li.starters a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_starters.gif) no-repeat left top;
	width: 210px;
	height: 53px;
	display: block;
}
/*イオン presents ハートフル・リクエスト 20170306*/
#corners ul li.hr a:hover{ background-position: right top;}
#corners ul li.hr a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_hr.jpg) no-repeat left top;
	width: 210px;
	height: 44px;
	display: block;
}
/*イオン presents ハートフル・リクエスト 20170403*/
#corners ul li.happy a:hover{ background-position: right top;}
#corners ul li.happy a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_corner_happy.jpg) no-repeat left top;
	width: 210px;
	height: 52px;
	display: block;
}
/*クロノス フロンターレ・リクエスト 20170306*/
#corners ul li.frontale a {
    background: url(../../img/btn_corner_frontale.jpg) no-repeat scroll left top;
    display: block;
    height: 44px;
    text-decoration: none;
    text-indent: -1000em;
    width: 210px;
}
#corners ul li.frontale a:hover {
    background-position: right top;
}

/*-------------------------
 __menu__calendar
--------------------------*/
#calendar h4 {
	background:url(../../img/mn_calendar.gif);
}

#calendar .frame {
	width:208px;
	padding:8px 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#calendar table,
#calendar table td{
	font-size:95%;
}

#calendar table {
	width:190px;
	border-collapse:collapse;
	margin:0 auto;
}

#calendar table th,
#calendar table td {
	width:26px;
	height:20px;
	border:1px solid #ccc;
	text-align:center;
}

#calendar table td a {
	display:block;
	width:26px;
	height:17px;
	font-weight:bold;
}

#calendar .calendarhead {
	width:190px;
	height:20px;
	margin:0 auto;
	padding-top:1px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

#calendar .calendarhead a {
	padding:0 10px;
	font-weight:bold;
	text-decoration:none;
}

#calendar .calendardateheaders {
	background-color:#eee;
	color:#666;
	font-weight:bold;
	font-size:80%;
}


/*-------------------------
 __menu__eventBnr
--------------------------*/
#eventBnr {
	width:190px;
	height:167px;
	margin-top:30px;
	padding:91px 10px 10px 10px;
	background:url(../../img/bg_wcproject.gif) no-repeat;
	
}

#eventBnr dt {
	display:none;
}
#eventBnr dd {
	margin:0;
	padding:0 0 10px 0;
}


/*-------------------------
 __menu__pticBnr
--------------------------*/
#pticBnr {
	margin-top:20px;
}

/*-------------------------
 __menu__facebookBnr,__menu__byyoursideBnr
--------------------------*/
#byyoursideBnr {
	margin-top:15px;
}
#facebookBnr{
	margin-top:25px;
}



/*-------------------------
 __r_menu
--------------------------*/
#r_menu {
	float:right;
	width:300px;
	margin-top:10px;
}

/*#r_menu  a .message {
	width:200px;
	height:94px;
}*/

/*追加　20131009 クロノス投票*/
#r_menu .voting{
	padding-top:10px;
}

#r_menu .question,
#r_menu .judge,
#r_menu .blog {
	margin-top:10px;
}

#r_menu h4 {
	width:300px;
	height:24px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#ad,
#webradio,
#mobile,
#wide,
#feeds,
#special  {
	margin-bottom:15px;
}

#ad,
#webradio,
#mobile,
#wide,
#feeds{
	padding-bottom:10px;
	background:#eaf1f1 url(../../img/bg_r_menu.gif) left bottom no-repeat;
}

/*-------------------------
 __r_menu__ad
--------------------------*/
#ad h4 {
	margin-top:20px;
	background:url(../../img/r_mn_ad.gif);
}

#ad p {
	width:184px;
	margin:0 auto 10px;
	padding:10px 0;
	/*border-bottom:1px solid #d6dcdc;*/
	text-align:center;
}

/*-------------------------
 __r_menu__webradio
--------------------------*/
#webradio h4 {
	margin-top:20px;
	background:url(../../img/r_mn_webradio.gif);
}

#webradio .parts {
	width:180px;
	margin:0 auto;
	padding-top:15px;
}

#webradio .parts img {
	margin-left:20px;
}


/*-------------------------
 __r_menu__mobile
--------------------------*/
#mobile h4 {
	margin-bottom:15px;
	background:url(../../img/r_mn_mobile.gif);
}

#mobile img {
	width:111px;
	height:111px;
	margin-left:45px;
}

#mobile p {
	text-align:center;
	margin:0;
	padding-top:2px;
}

/*����Photo*/
#mobile .waiting {
	margin-top:10px;
}

#mobile .waiting img {
	width:111px;
	height:147px;
	margin-left:45px;
}

#mobile .waiting p {
	color:#f00;
	line-height:1.3;
}


/*-------------------------
 __r_menu__special
--------------------------*/
#special h4 {
	display: none;
	margin-bottom:15px;
	background:url(../../img/r_mn_special.gif);
}
#special .qr {
	text-align: center;
}

#special .qr p {
	text-align:center;
	margin:0;
	padding-top:2px;
}

/*yattekuru*/
#special #yattekuru {
	width:120px;
	margin:10px auto 15px auto;
	padding-bottom:15px;
	border-bottom:1px solid #d6dcdc;
}

#special #yattekuru img {
	display:block;
	width:120px;
	height:60px;
	margin:0 auto;
	padding:0;
}
/*adBNR*/
#adBnr li{
	padding-top:10px;
}
/*specialbnr*/
#bnrArea {
	margin-top: 15px;
	margin-bottom:15px;
	background:#eaf1f1;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}

#bnrArea li {
	text-align: center;
	padding-top:10px;
}


/*����Photo*/
#special .waiting {
	margin-top:10px;
}

#special .waiting img {
	width:111px;
	height:147px;
	margin-left:45px;
}

#special .waiting p {
	color:#f00;
	line-height:1.3;
}

#special .waiting p span {
	font-size:11px;
	*font-size:10px;
}


/*specialbnr
#special #specialbnr {
	width:184px;
	margin:10px auto 15px auto;
	padding-bottom:15px;
	border-bottom:1px solid #d6dcdc;
}

#special #specialbnr img {
	display:block;
	margin:0 auto;
	padding:0;
}*/




/*Podcast*/
#special #podcast {
	width:184px;
	margin:10px auto 15px auto;
	padding-bottom:15px;
	border-bottom:1px solid #d6dcdc;
}

#special #podcast img {
	display:block;
	width:125px;
	height:200px;
	margin:0 auto;
	padding:0;
}

/*specialweekbnr
#special #specialweekbnr {
	width:184px;
	margin:10px auto 15px auto;
	padding-bottom:15px;
	border-bottom:1px solid #d6dcdc;
}

#special #specialweekbnr img {
	display:block;
	width:150px;
	height:80px;
	margin:0 auto;
	padding:0;
}*/

/*otherSite*/
#special #otherSite {
	width:184px;
	margin:10px auto 15px auto;
	padding-bottom:15px;
	border-bottom:1px solid #d6dcdc;
	text-align: center;
}

#special #otherSite img {
	display:block;
	margin:0 auto;
	padding:0;
}

#special #podcast p a {
	text-decoration:underline;
}

/*�V�o�T�`Voice*/
#special .shibataVoice {
	margin-top:10px;
}

#special .shibataVoice img {
	width:123px;
	height:123px;
	margin-left:38px;
}

#special .shibataVoice p {
	padding-top:5px;
	line-height:1.3;
}

/*�e���z���{�[�h*/
#special #telephone {
	width:184px;
	margin:10px auto 15px auto;
	padding-bottom:15px;
	border-bottom:1px solid #d6dcdc;
}

#special #telephone dl {
	width:184px;
	margin-bottom:8px;
	background:url(../../img/bg_phone.gif) no-repeat;
}
#special #telephone dt {
	padding:0 5px 0 51px;
	font-size:13px;
	font-weight:bold;
}
#special #telephone dd {
	padding:7px 0 5px 40px;
}

#special #telephone p {
	margin-bottom:10px;
}

#special #telephone p strong {
	margin-bottom:8px;
	padding-bottom:0;
	font-size:15px;
	font-weight:bold;
}

#special #telephone p.txt {
	font-size:11px;
	line-height:1.3;
	margin-bottom:0;
}


/*-------------------------
 __r_menu__wide
--------------------------*/
#wide h4 {
	margin-bottom:5px;
	background:url(../../img/r_mn_wide.gif);
}

#wide ul {
	width:260px;
	margin:0 auto;
}

#wide ul li {
	background:url(../../img/li_type1.gif) 0 50% no-repeat;
	padding-left:15px;
	font-size:90%;
	line-height:2;
}


/*-------------------------
 __r_menu__feeds
--------------------------*/
#feeds h4 {
	margin-bottom:5px;
	background:url(../../img/r_mn_feeds.gif);
}

#feeds p {
	width:260px;
	margin:0 auto;
	font-size:90%;
	line-height:1.3;
}

#feeds .rss {
	width:260px;
	margin:5px auto 0 auto;
	
}

#feeds .rss img {
	float:left;
	width:13px;
	height:13px;
	margin-right:3px;
}

#feeds .rss a {
	display:inline;
	color:#f19149;
	line-height:1;
}


/*-------------------------
 __footer
--------------------------*/
#footer{
	background:url(../../img/bg_footer.gif) repeat-x;
	clear: both;
}

#footer div {
	width:900px;
	margin:0 auto;
	padding-top:9px;
	text-align:center;
}

#footer div p {
	font-size:80%;
}



/*-------------------------
 __text
--------------------------*/
div.notice {
	width:402px;
	padding:20px;
	border:4px double #f19149;
	background-color:#fef7f2;
}

h5 {
	font-size:140%;
	font-weight:bold;
	line-height:1.4;
}

h5 a {
	color:#ff9933;
}

h5.today {
	background-color:#eee;
	text-align:center;
}


h6 {
	margin-top:20px;
	padding-left:5px;
	border-left:4px solid #8fbdb8;
	border-bottom:1px solid #8fbdb8;
	font-size:120%;
	line-height:1.4;
	color:#526d6a;
}

h6.luckey {
	text-align:center;
	border:1px solid #8fbdb8;
	border-left:3px solid #8fbdb8;
	border-right:3px solid #8fbdb8;
}


/*-------------------------
 __sb_post
--------------------------*/
div.sb_post {
	padding:10px 0;
}

div.sb_post li {
	display: inline-block;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
	margin-right:4px;
	line-height:1;
	vertical-align: top;
}
div.sb_post li img {
	behavior: expression(IEPNGFIX.fix(this));
}


/* fb
----------------------------------- */


#fb {
	width:200px;
	background:url(../../img/fb_bg.gif) center bottom repeat-x;
	border:1px solid #cad3e5;
	padding:0 5px;
}

#fb h3 {
	padding-top:10px;
	width:200px;
	text-align:center;
}

#fb p{
	width:200px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#666;
	border-top:0px solid #cad3e5;
	padding-top:10px;
}

/* fb_icon
----------------------------------- */

#fb #like{
	width:200px;
	margin:10px 0 0 0;
	padding:0 0 0px 0;
	position:relative;
}


#fb #like #fb_icon a{
	width:40px;
	height:40px;
	top:10px;
	left:10px;
	position:absolute;
}

/* twitterウィジェット
----------------------------------- */
.twitter-timeline{
 height:320px;
}

/*-------------------------
 データ提供部分　151001追加
--------------------------*/

div#dataProvided h5{
	padding:15px 0 3px 5px;
	border-bottom:1px solid #d6dcdc;
	color:#526d6a;
	font-size:12px;
}
div#dataProvided ul{
	margin:0 0 0 20px;
}
div#dataProvided li{
	margin:10px 0 0 0;
}

/*-------------------------------------------
おはようSMAPバナー追加
20161206
-------------------------------------------*/
div.smapBnr{
	margin:0px 0 6px 0;
	padding-top:10px;
}

/*-------------------------------------------
クロノス × キリン FIRE
Twitterリツイートキャンペーン
20161121-20161231
-------------------------------------------*/
div.chxkirinBox{
	margin:8px 0 15px 0;
	padding-top:20px;
	border-top:1px solid #ddd;
}
div.chxkirinBoxInner{
	padding:15px 15px 15px 15px;
	border: solid #c71523;
	border-width:0 1px 1px 1px;
}
div.chxkirinBox p{
	margin:0 0 0 0;
}
div#adBnr div.chxkirinBox ul{
	margin:10px 0 0 0;
}
div#adBnr div.chxkirinBox li{
	margin:0 0 3px 1em;
	padding:0;
	text-indent:-1em;
}
div.chxkirinBox p.twKirinKiyaku a{
	display:block;
	margin:20px 20px 5px 20px;
	padding:5px 0;
	border:1px solid #bf1422;
	border-radius:5px;
	background:#fff5f8;
	color:#bf1422;
	text-decoration:none;
	text-align:center;
}
div.chxkirinBox p.twKirinKiyaku a:hover{
	border:1px solid #bf1422;
	background:#ffe7ef;
	color:#bf1422;
	text-decoration:none;
}
div.twKirinBnr a{
	display:block;
	margin:10px auto 15px auto;
	padding:10px 0;
	border-radius:5px;
	background:#1da1f2;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
div.twKirinBnr a:hover{
	background:#1884c6;
}