@charset "shift_jis";
/* =========================================

title : 料理川柳ブログ
scope : 右カラム用css
 
last modify :2016/03/02 227_suzuki ブログ改修 #8052

2016/02/02 141_yokota SNS表示を追加
2015/07/07 222_souda リサーチへのバナーリンクを追加

memo : 

=========================================== */


ul{
	list-style: none;
}

/*---下段枠--------------------------------------------------------*/
#contents {
	width:965px;
	height:auto;
	margin: 30px auto;
	padding:0px 20px 0 20px;
	text-align:left;
	position:relative;
}

#rightside {
	position: relative;
	float:right;
	width:300px;
	height:100%;
	margin:0;
	padding-top: 30px;
	color:#6F3700;
}

#rightside a { color:#6F3700;}
#rightside a:hover { color:#F63;}

#rightside #sns_box a { color:#00F;}

/* ボタンサイズ変更 */
#rightside #fontSize {
	position: absolute;
	right: 0px;
	top: -18px;
	width: 250px;
	height: 40px;
	background: url(../../image_cmn/font-bg.png) left top no-repeat;
}

#rightside #fontSize ul {
}

#rightside #fontSize ul li {
	position: absolute;
	list-style: none;
	cursor: pointer;
}

#rightside #fontSize ul li a {
	display: block;
	text-indent: -9999px;
}

#rightside #fontSize ul li.size_s  { right: 100px; bottom: 4px; width: 24px; height: 24px; }
#rightside #fontSize ul li.size_m  { right: 57px; bottom: 4px; width: 29px; height: 29px; }
#rightside #fontSize ul li.size_l  { right: 10px; bottom: 4px; width: 32px; height: 32px; }

#rightside #fontSize ul li.size_s a  { width: 24px; height: 24px; background: url(/image_cmn/font-s.png) 0 0 no-repeat; }
#rightside #fontSize ul li.size_m a  { width: 29px; height: 29px; background: url(/image_cmn/font-m.png) 0 0 no-repeat; }
#rightside #fontSize ul li.size_l a  { width: 32px; height: 32px; background: url(/image_cmn/font-l.png) 0 0 no-repeat; }

#rightside #fontSize ul li.size_s a:hover  { background: url(/image_cmn/font-s.png) 0 -24px no-repeat; }
#rightside #fontSize ul li.size_m a:hover  { background: url(/image_cmn/font-m.png) 0 -29px no-repeat; }
#rightside #fontSize ul li.size_l a:hover  { background: url(/image_cmn/font-l.png) 0 -32px no-repeat; }


#rightside .bottom_type1 {
	margin-bottom:5px;
}

/* ブロック */
#rightside div.block dl {
	list-style:none;
	display:block;
	width: 300px;
	margin:0 0 12px;
	padding:0;
}

/*
#rightside div.block dl dt {
	clear:both;
	display:block;
	width: 300px;
	height:30px;
	margin:0;
	padding:0;
}
*/

#rightside div.block dl dt.title_whatsNew,
#rightside div.block dl dt.title_archive,
#rightside div.block dl dt.title_category {
	clear:both;
	margin:0;
	padding: 25px 13px 0;
}

#rightside div.block dl dt.title_whatsNew  { background:url(/blog/inc/image_right/menu_ttl_new_bg.jpg) left top no-repeat; }
#rightside div.block dl dt.title_archive   { background:url(/blog/inc/image_right/menu_ttl_archive_bg.jpg) left top no-repeat; }
#rightside div.block dl dt.title_category  { background:url(/blog/inc/image_right/menu_ttl_category_bg.jpg) left top no-repeat; }


#rightside div.block dl dd {
	clear:both;
	margin:0;
	padding:10px 20px;
	}
#rightside .bg_or { background:url(/blog/inc/image_right/menu_bg_or.jpg) repeat-y ;}
#rightside .bg_pi { background:url(/blog/inc/image_right/menu_bg_pink.jpg) repeat-y ;}
#rightside .bg_gr { background:url(/blog/inc/image_right/menu_bg_gre.jpg) repeat-y ;}

#rightside div.block dl dd.end_or,
#rightside div.block dl dd.end_pi,
#rightside div.block dl dd.end_gr { display:block; width:300px; height:25px; margin:0; padding:0; text-indent:-9999px; }
#rightside div.block dl dd.end_or { background:url(/blog/inc/image_right/menu_footer_or.jpg); }
#rightside div.block dl dd.end_pi { background:url(/blog/inc/image_right/menu_footer_pink.jpg); }
#rightside div.block dl dd.end_gr { background:url(/blog/inc/image_right/menu_footer_gre.jpg); }


/* サムネイルありリスト */

#rightside div.boxtype_thumb {
	clear:both;
	width:257px;
	margin:5px 0 0 0;
	padding:5px 0 ;
	border-bottom:1px dotted #D6BB9A;
}
	
#rightside div.boxtype_thumb:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#rightside div.boxtype_thumb {
display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/　
* html #rightside div.boxtype_thumb　
{height: 1%;}
#rightside div.boxtype_thumb 
{display: block;}
/* End hide from IE-Mac */



/* 新着記事 */

#rightside div.boxtype_thumb .img_thumb {
	margin-right:10px;
	border:1px solid #999;
	}
#rightside div.boxtype_thumb .level_01 {
	float:left;
	display:block;
	width:190px;
	height:24px;
	margin:0;
	padding:0 0 0 10px;
	font-size:110%;
	line-height:24px;
	background:#fdf6dd;
	vertical-align:middle;
	}
#rightside div.boxtype_thumb .level_01 img {vertical-align:middle; }

#rightside div.boxtype_thumb .level_02 {
	display:block;
	padding:3px 0;
	}
#rightside .icon_arr {
	float:left;
	display:block;zoom:1;
	width:233px;
	padding: 2px 5px 2px 15px;
	background: url(/blog/image_cmn/icon_arrow_or.jpg) no-repeat 0 center;
	line-height: 1.4;
	font-size: 15px;
	}
#rightside .icon_arr a { color:#C30; }
#rightside .icon_arr a:hover { color:#F63;}

/* カテゴリ一覧 */

#rightside ul.file_list {
	list-style:none;
	margin:0 auto;
	padding:0;
	}
	
#rightside ul.file_list li {
	display:block;
	clear:both;
	width:240px;
	margin:5px 0 0 0;
	padding: 6px 0 6px 20px;
	border-bottom:1px dotted #D6BB9A;
	background:url(/blog/image_cmn/icon_file.jpg) no-repeat 0 8px;
	line-height:1.4;
	font-size: 15px;
	}
	
/* アーカイブ */

#rightside ul.time_list {
	list-style:none;
	margin:0 auto;
	padding:0;
}

#rightside ul.time_list li {
	display:inline-block;
	clear:both;
	width:60px;
	margin:5px 0 0 0;
	padding: 6px 30px 6px 30px;
	border-bottom:1px dotted #D6BB9A;
	background:url(/blog/image_cmn/icon_time.jpg) no-repeat 5px 8px;
	line-height:1.4;
}

#rightside ul.time_list li:nth-child(odd) {
	margin-left:10px !important;
}

/* 先生の紹介 */
	
#rightside div.box_prof {
	width:268px;
	margin:0 auto 15px auto;
	border:1px solid #E2B08B;
	}
#rightside div.box_prof p {
	margin:0 auto;
	padding:15px 20px;
	}	
#rightside div.box_prof span.icon_apple {
	display:block;
	margin:5px 0 0 0;
	padding: 5px 10px 5px 25px;
	background: url(/blog/image_cmn/icon_app.gif) no-repeat 0 center;
	font-size: 15px;
}
#rightside div.box_prof span.icon_site_link {
	display:block;
	margin:5px 0 0 0;
	padding:5px 10px 3px 25px;
	background:url(/blog/image_cmn/icon_site_link.gif) no-repeat 0 0;
	font-size:120%;
}


/* カレンダー */

#base .blgTitle {
	width: 274px;
	margin: 10px auto 7px;
}

#calendar {
	width: 290px;
	padding: 0;
	margin: 0 auto 15px auto;
	border-left: 1px solid #bc8f68;
	border-right: 1px solid #bc8f68;
	border-bottom: 1px solid #bc8f68;
	color: #956f4d;
	text-align: center;
	background-color: #fff;
}


#calendar caption {
	margin: 0;
	padding: 0;
	width: 290px;
	font: bold 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#calendar caption p.time {
	font-size: 1.2em;
	text-align: center;
	background: #bc8f68;
	color: #fff;
}

#rightside #calendar caption ul {
	width: 100%;
	border-bottom: 1px solid #BC8F68;
}

/* =========================================
	CLEAR FIX
============================================ */

#rightside #calendar caption ul:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
#rightside #calendar caption ul {display: inline-block;} 

/* =========================================
	CLEAR FIX
============================================ */

#rightside #calendar caption ul li {
	width: 60px;
	list-style: none;
	font-size: 14px;
	line-height: 2.6;
}

#rightside #calendar caption ul li.nav {
	float: left;
}

#rightside #calendar caption ul li.nav_r {
	float: right;
}

#rightside #calendar caption ul li.nav a,
#rightside #calendar caption ul li.nav_r a{
	color: blue;
	text-decoration: none;
}

#rightside #calendar caption ul li.nav a:hover,
#rightside #calendar caption ul li.nav_r a:hover{
	color: #ff0000;
}


#calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #bc8f68;
	border-right: 1px solid #b5bdc4;
	border-bottom: 1px solid #b5bdc4;
	border-top: 1px solid #b5bdc4;
}

#calendar .today,#calendar td.today a,#calendar td.today a:link, #calendar td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

#calendar td {
	border-right: 1px solid #e7b283;
	border-bottom: 1px solid #e7b283;
	width: 37px;
	height: 24px;
	text-align: center;
	font-size: 15px;
}

#calendar td a {
	text-decoration: none;
	color:#DF9496;
	font-weight: bold;
	display: block;
}
#calendar td a:link, #calendar td a:visited {	
	color: #06F;
}
#calendar td a:active {
	color: #6aa3ae;
}
#calendar td a:hover{
	color: #F63;
}

/* バナー */
#rightside div.bnr {
	clear:both;
	margin:0;
	padding:0;
	display:inline;
	}
#rightside div.bnr p {
	clear:both;
	display:block;
	width:260px;
	margin:0 auto;
	padding:0;
	}
#rightside div.bnr p span {
	display:block;
	padding:3px 5px 12px 5px;
	font-size:85%;
	color:#9b7f5f;
	line-height:1.2;
	}
#rightside div.bnr p.non span {
	color: #999;
	}

#rightside div.bnr p.brdOn img {
	margin: -1px;
	border: 1px solid #a6a6a6;
}

#rightside div.bnr p a{
	width:260px;
	height:65px;
	margin:0;
	padding:0;
	display:block;
	border:none 0px;
	background-color:#FFFFFF;
	_filter: alpha(opacity=100); /* IE6 */
}

#rightside div.bnr p a:hover {
	_filter: alpha(opacity=80); /* IE6 */
	}

#rightside div.bnr p a img {
opacity: 1.0;
-moz-opacity:1.0; /* Firefox */ 
filter: alpha(opacity=100); /* IE7 */ 
-ms-filter: "alpha(opacity=100)"; /* IE8 */
}
#rightside div.bnr p a img:hover {
opacity: 0.5;
-moz-opacity: 0.8; /* Firefox */ 
filter: alpha(opacity=80); /* IE6 /7 */ 
-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

.sideSlide {
	position: relative;
	width: 300px;
	height: 335px;
	margin: 5px 0 8px;
	background: url(/image/sd_slide_bg.png) left top no-repeat;
}


.sideSlide p.bt {
	position: absolute;
	left: 10px;
	bottom: 8px;
	width: 280px;
	height: 30px;
	background: #FFF;
}

.sideSlide p.txt {
	position: absolute;
	right: 0;
	bottom: 0;
	width:150px;
	margin: 0;
	text-align: right;
	line-height: 1.6;
}

.sideSlide p.txt a {
	padding:0 5px 0 15px;
}

/*---------------------------
　　バナー枠修正
-----------------------------*/
#rightside .bnr_area {
	padding-bottom:10px;
	margin-bottom:20px;	
	width:300px;	
}

#rightside .bnr_area h3{
	margin:0 0 15px;
	padding:0;
}

#rightside .bnr_area .bnr_list {
	clear: both;
	display: block;
	width: 260px;
	margin: 0 auto;
	padding: 0;
}

#rightside .bnr_area .bnr_list a{
	display:block;	
}

#rightside .bnr_area .bnr_list img {
	border:1px solid #a6a6a6;
	/* box sizing */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#rightside .bnr_area .bnr_list a img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#rightside .bnr_area p {
	font-size:14px;
	padding:5px 0 10px;
	line-height:1.4;
}

/* グルーピング線 */
.grouping{
	border-bottom:1px solid #cc5479;
	/*　IE8対応 */
	behavior: url(/css/PIE.htc);
	position:relative;
}

/*-----------------------------
	動画バナー（サイドバー）
-----------------------------*/
.rightcolumn_movie_area {
	width: 300px;
	height: 260px;
	background: url(../../../image_cmn/rightcolumn_movie_back.png) no-repeat;
	margin: 0px 0 10px;
}

.rightcolumn_movie_area iframe{
	margin: 10px 10px 15px;
	width: 280px;
	height: 158px;
}

.rightcolumn_movie_area .thumbnail {
  padding: 10px 10px 15px;
}

.rightcolumn_movie_area .thumbnail a{
	position: relative;
	display:block;
	width: 280px;
	height:158px;
}

.rightcolumn_movie_area .thumbnail a:hover::before{
	content:" ";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width: 280px;
	height:158px;
	background:rgba(255,255,255,0.2);
}

.rightcolumn_movie_area div.linkbtn{
	margin: 0 15px 0px;
}

p.movie_recipe_btn {
	margin: 0px 10px 15px !important; 
}

.movie_recipe_btn a:hover img{
	opacity:0.8;
}

#base .rightcolumn_movie_area img.movie_icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 62px;
	height: 61px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
}



/*-------------------------
 official tools BOX
--------------------------*/

figure {
    display: block;
    margin: 0;
    padding: 0;
}

.official_tools_box {
	display:block;
	text-align:center;
	margin:18px auto!important;
}
.official_tools_box ul {
	display:inline-block;
	width:300px;
	margin:0px auto;
}
.official_tools_box li {
	list-style-type: none;
	margin-bottom:15px!important;
	text-align:center;
}

.official_tools_box li:hover .hoveroverlay {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*----------------------------
 SNS公式アカウントBOX
-----------------------------*/
#sns_box {
	display:block;
	margin:0 auto; /* mb15*/
	width:300px;
}
#sns_box .sns_intro_ttl {
	width:239px;
	margin:0 auto 12px;
	padding-bottom:6px;
	border-bottom:1px solid #959595;
	font-size:17px;
	color:#da1b5a;
	text-align:center;
	font-weight:bold;
  line-height:130%;
}
#sns_link_box {
	overflow:hidden;
	border:2px solid #0a72c3;
	width:296px;
	padding:0;
	margin: 0px auto 20px;

}
#sns_link_box dt {
	padding: 7px 0;
	font-size:16px;
	color:#fff;
	border:1px solid #4997d3;
	border-bottom-color:#1273bf;
	text-align:center;
	background-color:#358cd0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #358cd0), color-stop(100%, #1f7ec7));
	background-image: -moz-linear-gradient(top, #358cd0, #1f7ec7);
	background-image: linear-gradient(top, #358cd0, #1f7ec7);
	font-weight:bold;
	line-height:1;
	behavior: url(/css/PIE.htc);
}

#sns_link_box dt img{
	margin-bottom:4px;
}
#sns_link_box dd {
  margin:0;
  padding:0!important;
  }
#sns_link_box #sns_list {
	width:200px;
	margin:0 auto;
	padding: 2px 0 12px 0;
	text-align:center;
	list-style-type:none;
}
#sns_link_box #sns_list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
*+html #sns_link_box #sns_list { zoom: 1; }
#sns_link_box #sns_list li {
	float:left;
	padding:0 0 0 0;
	margin: 10px 17px 0 0;
}
#sns_link_box #sns_list li:nth-of-type(3n) {
	margin: 10px 0 0 0;
}
#sns_link_box #sns_list li:nth-of-type(4){
	margin: 10px 17px 0 35px;
}
#sns_link_box #sns_list li a{
	display:block;
	line-height: 1;
	font-size: 0;
}
#sns_link_box #sns_list li a:hover{
	opacity:0.7 !important;
	-ms-filter: "alpha(opacity=70)";
	}
#sns_link_box #sns_list li.disable{
	background:#eee;
	border-color:#ccc;
}

#sns_link_box #lnk_sns_cont {
	display:block;
	text-align:center;
	margin:0 15px;
	border-top:1px solid #358cd0;
	padding:10px 0px;
	font-weight: bold;
	color: #999;
	font-size:16px;
    line-height:1.4;
}
#sns_box .share_box {
	margin: 0 auto;
	overflow: hidden; /zoom:1;
}
#sns_box .share_box dt img {
	display:block;
}
#sns_box .share_box dd {
  margin:0px;
	padding:10px 5px 0;
}

#sns_box .share_box dd ul {
	overflow:hidden; /zoom:1;
}
#sns_box .share_box dd ul li {
	display: block;
	float: left;
	line-height: 1;
	margin: 0 6px 10px;
	width: 131px;
	height: 30px;
	padding: 10px 0 0;
	text-align: center;
	background: #d3e5f4;
	border: 1px solid #b7d3ea;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
#sns_box .share_box dd ul li span.line_bg {
	display:block;
	width:82px;
	height:20px;
	margin:0 auto;
}
#sns_box .bnrbox{
	margin:15px 0 25px
}


/*クックドアバナー郡*/
#contents #rightSide_bnrGroup{
	    margin: 15px auto;
    width: 260px;
}
#contents #rightSide_bnrGroup li{
	margin-bottom: 16px;
}

/* ---------------------------------------
リンク　hover
---------------------------------------- */
img.hoveroverlay:hover{
	opacity:0.8;
}