@charset "utf-8";


/* ------ 初期化 ------*/
html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

body {
	font-family:Meiryo,メイリオ,"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	font-size: 14px;
	line-height:1.5;
	color: #7c6764;
}

img {
	vertical-align: top;
	border: none;
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}

a {
}

ul li {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/* ------ 共通クラス ------*/

.f_left {
	float: left;
}
.f_right {
	float: right;
}
.c_both {
	clear: both;
}

.fsS {
	font-size: 90%;
}

.fsS80 {
	font-size: 80%;
}

.bold {
	font-weight: bold !important;
}

.txt_c {
	text-align: center !important;
}

.txt_l {
	text-align: left !important;
}

.txt_r {
	text-align: right !important;
}

.none {
	width: 0;
	height: 0;
	overflow: hidden;
}


/* ------ cleafixハック ------*/
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

*1257897500* html .clearfix {
	display: inline-block;
} 
/* no ie mac \*/ 

*1257897501* html .clearfix {
	height: 1%;
} 

.clearfix {
	display: block;
} 
/* */

/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* ------ デバッグ用 ------*/
.aa {
	border: 1px solid #ff0000;
}


/*____________________margin____________________*/
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml_1em{margin-left:1em !important;}

.mr0{margin-right:0px !important;}
.mr2{margin-right:2px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr12{margin-right:12px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr29{margin-right:29px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr95{margin-right:95px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}


/*____________________padding____________________*/
.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt17 {padding-top:17px !important;}
.pt18 {padding-top:18px !important;}
.pt19 {padding-top:19px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb40 {padding-bottom:40px !important;}
.pb100 {padding-bottom:100px !important;}

.pl0 {padding-left:0px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:15px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}

.pr0 {padding-right:0px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr10 {padding-right:10px !important;}
.pr13 {padding-right:15px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}


/*____________________ HEADER ____________________*/
#HEADER {
	background: url("../images/common/bg_header.jpg") repeat-x #FFFDFA top left;
}

#HEADER_CONTENTS {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0 10px;
	background: url("../images/common/bg_header_chara.png") no-repeat 192px 10px;
}

#HEADER_CONTENTS h1 {
	float: left;
}

#HEADER_CONTENTS ul {
	float: right;
	padding-top: 15px;
}

#HEADER_CONTENTS ul li {
	float: left;
	margin-right: 20px;
}

#HEADER_CONTENTS ul li#BTN_CONTACT, 
#HEADER_CONTENTS ul li#BTN_SITEMAP,
#HEADER_CONTENTS ul li#BTN_ENGLISH {
	padding-top: 15px;
}

#HEADER_CONTENTS ul li#BTN_CONTACT a {
	background: url("../images/common/btn_header_contact.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 81px;
	height: 10px;
	display: block;
}

#HEADER_CONTENTS ul li#BTN_CONTACT a:hover {
	background: url("../images/common/btn_header_contact.png") no-repeat 0 -10px;
}
#HEADER_CONTENTS ul li#BTN_SITEMAP a {
	background: url("../images/common/btn_header_sitemap.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 78px;
	height: 10px;
	display: block;
}

#HEADER_CONTENTS ul li#BTN_SITEMAP a:hover {
	background: url("../images/common/btn_header_sitemap.png") no-repeat 0 -10px;
}

#HEADER_CONTENTS ul li#BTN_ENGLISH a {
	background: url("../images/common/btn_header_english.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 51px;
	height: 11px;
	display: block;
}

#HEADER_CONTENTS ul li#BTN_ENGLISH a:hover {
	background: url("../images/common/btn_header_english.png") no-repeat 0 -10px;
}

#G_NAVI_AREA {
	background: url("../images/common/bg_g_navi.png") repeat-x top left #fff;
}

ul#G_NAVI {
	width: 980px;
	margin: 0 auto;
}

ul#G_NAVI li {
	float: left;
}
ul#G_NAVI li a span {
	display: none;
}
ul#G_NAVI li#NAVI1 a {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA 0 0;
	width: 164px;
	height: 56px;
	display: block;
}

ul#G_NAVI li#NAVI1 a:hover {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA 0 -56px;
}

ul#G_NAVI li#NAVI2 a {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -164px 0;
	width: 163px;
	height: 56px;
	display: block;
}

ul#G_NAVI li#NAVI2 a:hover {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -164px -56px;
}

ul#G_NAVI li#NAVI3 a {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -327px 0;
	width: 163px;
	height: 56px;
	display: block;
}

ul#G_NAVI li#NAVI3 a:hover {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -327px -56px;
}

ul#G_NAVI li#NAVI4 a {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -490px 0;
	width: 163px;
	height: 56px;
	display: block;
}

ul#G_NAVI li#NAVI4 a:hover {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -490px -56px;
}

ul#G_NAVI li#NAVI5 a {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -653px 0;
	width: 163px;
	height: 56px;
	display: block;
}

ul#G_NAVI li#NAVI5 a:hover {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -653px -56px;
}

ul#G_NAVI li#NAVI6 a {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -816px 0;
	width: 164px;
	height: 56px;
	display: block;
}

ul#G_NAVI li#NAVI6 a:hover {
	background: url("../images/common/g_navi.png") no-repeat #FFFDFA -816px -56px;
}

/*____________________ SLIDE ____________________*/
#MAIN_THUMB {
	background: url("../images/common/bg_slide_thumb.png") no-repeat bottom left;
	padding: 5px;
	border-top: 1px solid #E6DEDB;
}

#MAIN_THUMB p {
	float: left;
}

#MAIN_THUMB ul#THUMB_IMG {
	padding: 0 5px;
	width: 650px;
	float: left;
}

#MAIN_THUMB ul#THUMB_IMG li {
	float: left;
	margin-right: 4px;
}

#MAIN_THUMB ul#THUMB_IMG li a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*____________________ FOOTER ____________________*/
#PAGE_TOP {
	width: 980px;
	margin: 0 auto;
}

#PAGE_TOP p {
	text-align: right;
}

#FOOTER_AREA {
	border-top: 5px solid #B61F1B;
	background: url("../images/common/bg_footer.jpg") repeat-x #FFFDFA bottom left;
}

#FOOTER {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
}

#FOOT_CONTENTS {
	float: right;
	width: 390px;
}

#FOOT_CONTENTS ul li {
	float: left;
}

#FOOT_CONTENTS ul li#BTN_TERMS a {
	background: url("../images/common/btn_footer_terms.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 57px;
	height: 10px;
	display: block;
}

#FOOT_CONTENTS ul li#BTN_TERMS a:hover {
	background: url("../images/common/btn_footer_terms.png") no-repeat 0 -10px;
}

#FOOT_CONTENTS ul li#BTN_PRIVACY a {
	background: url("../images/common/btn_footer_privacy.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 128px;
	height: 10px;
	display: block;
}

#FOOT_CONTENTS ul li#BTN_PRIVACY a:hover {
	background: url("../images/common/btn_footer_privacy.png") no-repeat 0 -10px;
}

#FOOT_CONTENTS ul li#BTN_SOCIAL a {
	background: url("../images/common/btn_footer_social.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 165px;
	height: 10px;
	display: block;
}

#FOOT_CONTENTS ul li#BTN_SOCIAL a:hover {
	background: url("../images/common/btn_footer_social.png") no-repeat 0 -10px;
}

p#COPY {
	background: url("../images/common/copy.png") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 266px;
	height: 9px;
	margin-top: 15px;
}


/*____________________ contents ____________________*/
.contents1_bottom {
	background: url("../images/common/bg_contents1_bottom.png") no-repeat bottom left;
	padding-bottom: 15px;
}

.contents1_inner {
	border-left: 1px solid #FFD8A9;
	border-right: 1px solid #FFD8A9;
	background: #FFFBF5;
	padding:0 14px;
	/padding:0 14px 1px;
}

.contents2_bottom {
	background: url("../images/common/bg_contents2_bottom.png") no-repeat bottom left;
	padding-bottom: 15px;
}

.contents2_inner {
	border-left: 1px solid #FFD39E;
	border-right: 1px solid #FFD39E;
	background: #FFEBD4;
	padding:0 14px;
	/padding:0 14px 1px;
}

.contents_in_bottom {
	background: url("../images/common/bg_contents_in_bottom.png") no-repeat bottom left;
	padding-bottom: 20px;
}

.contents_in_inner {
	border-left: 1px solid #FFD8A9;
	border-right: 1px solid #FFD8A9;
	background: #fff;
	padding:0 14px;
}

.tit_position {
	position: relative;
}

ul.tit_btn {
	position: absolute;
	bottom: 7px;
	right: 0;
}

ul.tit_btn li {
	float: left;
	margin-right: 10px;
}

ul.tit_btn li a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*____________________ base ____________________*/
a{
	color:#7c6764;
}
a:hover{
	text-decoration:none;
}

#container{
	margin:0 auto;
	min-width:960px;
	/*background:#fbf9f2;*/
}

#contents{
	clear:both;
	margin:0 auto;
	padding:20px 0 35px;
	width:960px;
	/*
	padding:15px 0 40px;
	min-height:480px;
	height:auto !important;
	height:480px;
	*/
}
#contents:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#contents .article{
	float:left;
	/*padding-top:6px;*/
	/*padding-bottom:20px;*/
	width:666px;
}

#contents .aside{
	float:right;
	width:220px;
	/*padding-bottom:20px;*/
}

.localNavigation dt{
	padding:2px 5px;
	font-size:117%;
	font-weight:bold;
}

.localNavigation dd ul{
	padding:1px 0 0 0;
	background:#151515;
}

.localNavigation dd ul li{
	padding:0 1px;
	color:#fefefe;
	border-bottom:#151515 solid 1px;
}

.localNavigation dd ul li a{
	zoom:1;
	display:block;
	padding:5px;
	color:#fefefe;
}

.localNavigation dd ul li a:hover{
	color:#151515;
	background:#fefefe;
}

.localNavigation dd ul li em{
	display:block;
	padding:5px;
	color:#151515;
	background:#fefefe;
}

.sectionLv1{
	margin-bottom:10px;
}

.sectionLv2{
	clear:both;
	margin-bottom:20px;
}


/* recommendType
----------------------------------------------------------------------------------------------*/
.recommendTypeA01 dl dd ul{
	padding:10px 10px 0 10px;
}
.recommendTypeA01 dl dd ul li{
	padding-bottom:10px;
}


/* boxType
----------------------------------------------------------------------------------------------*/
.boxTypeA01{
	background:url(../images/mod_bg_boxTypeA01_01.gif) no-repeat 0 bottom;
}
.boxTypeA01{
	position:relative;
}
.boxTypeA01 dl dd{
	padding:12px 22px 12px 22px;
}
.boxTypeA01 .btn{
	position:absolute;
	top:7px;
	right:10px;
	margin:0;
	line-height:0;
}

.boxTypeA02{
	width:710px;
	background:url(../images/mod_bg_boxTypeA01_01.gif) no-repeat 0 bottom;
}
.boxTypeA02{
	position:relative;
}
.boxTypeA02 dl dd{
	padding:12px;
}
.boxTypeA02 .btn{
	position:absolute;
	top:7px;
	right:10px;
	margin:0;
	line-height:0;
}

.boxTypeB01{
	zoom:1;
	background:url(../images/mod_bg_boxTypeB01_01.gif) no-repeat 0 bottom;
}

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

.boxTypeB01 .inner1{
	position:relative;
	float:left;
	width:350px;
}

.boxTypeB01 .inner1 dl dd{
	padding:16px 22px 12px 22px;
}

.boxTypeB01 .inner2{
	position:relative;
	float:right;
	width:350px;
}

.boxTypeB01 .inner2 dl dd{
	padding:16px 22px 12px 22px;
}

.boxTypeB01 .btn{
	position:absolute;
	top:7px;
	right:10px;
	margin:0;
	line-height:0;
}


/* listType
----------------------------------------------------------------------------------------------*/
.listTypeA01 li{
	margin-bottom:10px;
	padding-left:14px;
	background:url(../images/common/mod_ico_arrow_01.gif) no-repeat 0 0.3em;
	/background:url(../images/common/mod_ico_arrow_01.gif) no-repeat 0 1.5em;
	_background:url(../images/common/mod_ico_arrow_01.gif) no-repeat 0 1.4em;
}

.listTypeA01 li span.date{
	font-weight:bold;
	margin-right:12px;
}

.listTypeA02 li{
	margin-bottom:10px;
	padding-left:14px;
	background:url(../images/common/mod_ico_arrow_01.gif) no-repeat 0 1.4em;
	/background:url(../images/common/mod_ico_arrow_01.gif) no-repeat 0 1.6em;
	_background:url(../images/common/mod_ico_arrow_01.gif) no-repeat 0 1.5em;
}

.listTypeA02 li span.date{
	zoom:1;
	display:block;
	margin-bottom:-3px;
	font-size:87.5%;
	font-weight:bold;
}

.listTypeA02 li a{
	zoom:1;
	display:block;
}

.listTypeB01{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -13px;
}

.listTypeB01 li{
	display:table-cell;
	/display:inline;
	/zoom:1;
	padding-left:12px;
}

.listTypeB02{
	width:680px;
}
.listTypeB02 li{
	/*display:table-cell;*/
	/*/display:inline;*/
	/zoom:1;
	padding-left:43px;
	padding-bottom:20px;
}


.listTypeB02 li{
	float:left;
	width:144px;
}


.listTypeB02 li.line_r_b{
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding-right:43px;
}


.listTypeB02 li.line_b{
	border-bottom:1px dotted #ccc;
	padding-right:31px;
}

.listTypeB02 li.line_r{
	border-right:1px dotted #ccc;
	padding-right:43px;
	padding-top:15px;
	margin-bottom:10px;
}

.listTypeB02 li.line_none{
	padding-top:15px;
	margin-bottom:10px;
}

.listTypeB03{
	margin-left:-4px;
}

.listTypeB03 li{
	display:table-cell;
	/display:inline;
	/zoom:1;
	padding-left:4px;
}


/* iconType
----------------------------------------------------------------------------------------------*/
.iconTypeA01{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-left:5px;
	vertical-align:top;
	cursor:pointer;
}

/* local
----------------------------------------------------------------------------------------------*/
h1.h1 {
	margin-left:22px;
	margin-bottom:22px;
}

h2.h2 {
	background:url(../images/common/icon_h2.gif) left 0.3em no-repeat;
	padding:0 0 10px 20px;
}

h3.h3 {
	background:url(../images/common/icon_h3.gif) left 0.4em no-repeat;
	border-bottom:1px solid #7c6764;
	padding:0 0 5px 12px;
	margin-bottom:0;
}
#contents .article .sectionLv1 {
	/*width:666px;*/
	margin-left:22px;
}

.pankuzu {
	/*padding:5px 20px;*/
	/*margin-bottom:15px;*/
	margin: 5px 0 15px;
	/*background:#f7f3e6;*/
}

.pankuzu a {
	color: #7c6764!important;
}

.pankuzu a:hover {
	text-decoration: none;
}

.pankuzu .here {
	font-weight:bold;
}

.iconLink li, p.iconLink {
	background:url(../images/common/icon_list.gif) left 0.5em no-repeat;
	padding-left:12px;
	margin-bottom:12px;
}


#main-left {
	width: 664px; margin:auto;
}

#main-left-topics {
	width: 644px; clear: both;
	margin-left:10px;
	margin-right:10px;
}

.main-left-topics-recipe {
	width: 664px; padding-top: 5px; clear: both;
}

#main-left-topics-left {
	width: 280px; float: left;
}

#main-left-topics-right {
	width: 280px; float: right;
}

#main-right {
	width: 206px;
	margin:auto;
	/*padding-bottom:30px;*/
}

.main-right-topics {
	width: 184px; background: #000000 url(../../img/home/sidetopicstop.gif); padding: 11px ;
}

.main-right-topics-bot {
	width: 206px; margin: 0 0 10px 0;
}

#main-right-topics-caution {
	width: 184px;
	background: #000000 url(../../img/home/sidetopicstop_c.gif);
	padding: 11px;
}

#main-right-topics-caution-bot {
	width: 206px;
	margin: 0 0 10px 0;
}

h3.m_tit {
	background: url(../images/common/m_tit_icon.png) no-repeat 0 0;
	padding: 0 0 2px 10px;
	border-bottom: 1px solid #b61f1b;
	font-size: 15px;
	font-wieght: bold;
}

h4.s_tit {
	/*background: url(../images/common/m_tit_icon.png) no-repeat 0 0;*/
	padding-bottom: 2px;
	border-bottom: 1px solid #b61f1b;
	font-size: 18px;
	font-wieght: bold;
}

.r_navi_list {
	border: 1px solid #835c4e;
	padding: 5px 0 10px;
}

.r_navi_list > ul > li > a {
	background: url(../images/common/r_navi_list.gif) no-repeat 10px 10px;
	padding: 2px 10px 2px 20px;
	margin-top: 8px;
	display: block;
}

.r_navi_list ul li a:hover {
	background: url(../images/common/r_navi_list.gif) no-repeat #f1e7e7 10px 10px;
}

.r_navi_list2 {
	border: 1px solid #8bba63;
}

.r_navi_list2 ul li ul {
	/*padding: 10px 15px;*/
	padding: 5px 0 10px;
	border-bottom: 1px solid #8bba63;
}

.r_navi_list2 ul li ul#LIST_PRODUCT09 {
	border-bottom: none;
}

.r_navi_list2 > ul > li > ul > li > a {
	margin-top: 8px;
	padding: 2px 10px 2px 20px;
	background: url(../images/common/r_navi_list2.gif) no-repeat 10px 10px;
	display: block;
}

.r_navi_list2 ul li ul li a:hover {
	background: url(../images/common/r_navi_list2.gif) no-repeat #e7f1de 10px 10px;
}

.r_navi_list3 {
	border: 1px solid #835c4e;
}

.r_navi_list3 ul li ul#LIST_PRODUCT09 {
	border-bottom: none;
}

.r_navi_list3 > ul > li > ul > li > a {
	margin-top: 8px;
	padding: 2px 10px 2px 20px;
	background: url(../images/common/r_navi_list3.gif) no-repeat 10px 10px;
	display: block;
}

.r_navi_list3 ul li ul li a:hover {
	background: url(../images/common/r_navi_list3.gif) no-repeat #faefeb 10px 10px;
}

.r_navi_list4 {
	border: 1px solid #835c4e;
	padding: 0 0 10px;
}

.r_navi_list4 > ul > li > ul > li > a {
	margin-top: 8px;
	padding: 2px 10px 2px 20px;
	background: url(../images/common/r_navi_list3.gif) no-repeat 10px 10px;
	display: block;
}



.main-right-topics { width: 184px; background: #000000 url(../images/common/sidetopicstop.gif); padding: 11px ; }
.main-right-topics-bot { width: 206px; margin: 0 0 10px 0; }
#main-right-topics-caution { width: 184px; background: #000000 url(../images/common/sidetopicstop_c.gif); padding: 11px; }
#main-right-topics-caution-bot { width: 206px; margin: 0 0 10px 0; }


/*レシピリストページ ヘッダー ここから*/
div.contents-header {
	background:url(../images/sp/common/bg_contents_header.gif) no-repeat left bottom;
	padding: 0 0 15px 0;
	height: 108px;
	}
div.contents-header img {
	vertical-align: top;
	}
div.contents-header h1 {
	margin: 3px 0 0 11px;
	float: left;
	}
div.contents-header h2 {
	float: right;
	}

#land div.contents-header {
	background:url(../images/sp/common/bg_contents_header_land.gif) no-repeat left bottom;
	height: 191px;
	position: relative;
	}

#land div.contents-header h1 {
	float: none;
	margin: 0 0 23px 11px;
	padding-top: 3px;
	}

#land div.contents-header h2 {
	float: none;
	margin: 0 0 0 30px;
	}

#land div.contents-header .fig {
	position: absolute;
	right: 17px;
	bottom: 19px;
	}

/*レシピリストページ ヘッダー ここまで*/

/* search
----------------------------------------------------------------------------------------------*/

#srchBox
{
/*
width:298px;
_width:296px;
margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#EEEEEE;
color:#000000;
*/
text-align:left;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}

/*
#srchBox #srch
{
padding:10px 10px 0 10px;
}
*/

#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
/*
width:188px;
margin-right:6px;
*/
vertical-align:bottom;
}
#srchBox #srchBtn
{
	background: url("/images/common/btn_search.gif") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:25px;
	height:25px;
	border: 0 none;
	cursor: pointer;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}

/*
#srchBox.watermark
{
padding-bottom: 6px;
}
*/

#srchBox.watermark #srchInput
{
width:175px;
height: 20px;
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(/images/common/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}

.forPC {
}
.forSP {
	display: none;
}
.undraggable {
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
}