@charset "utf-8";
/*-------------------------------------*/

/*--------------------------------------------*/
/* トップページ */
#contents-inner01 #infomation {
	width: 265px;
}
#contents-inner01 #infomation dl {
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 3px;
	padding-left: 3px;
}

#contents-inner #infomation dt {
	color: #000000;
	font-size: 12px;
}
#contents-inner #infomation dd {
	font-size: 12px;
	line-height: 1.5em;
}

/*--------------------------------------------*/
/*101002*/

body.top div#flashcontent,
p.flashContent{
	margin: 20px 0 15px 0;
}

.spBanner{
	margin: 40px 0;
}

#slider{
    margin: 25px 0 0px;
}

#slider img{
    width: 902px;
    height: 253px;
}

#slider img:hover{
    filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}

/*-------------------------*/

#slideThumb{
    width: 874px;
    margin-bottom: 40px;
    background: #E1DAB9;
    border-bottom: 2px solid #DBD3A6;
    border-top: 1px solid #DBD3A6;
    padding: 7px 14px;
    -webkit-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;    
}

#slideThumb li{
    float: left;
    margin-left: 11px;
    border: 1px solid #ffffff;

}

#slideThumb li.activeSlide{
    position: relative;
}

#slideThumb li.activeSlide:before{
   content:url(../img/index/bg_burret.png); 
   position: absolute;
   top: -18px;
   left: 55px;
   z-index: 9999;
   
}

#slideThumb li.firstItem{
    margin-left: 0;
}

#slideThumb img:hover{
    filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}


/*-------------------------*/

body.top div#indexWrap{
	width: 904px;
	margin-top: 20px;
}

body.top div#leftContents{
	float: left;
	width:655px;
}

body.top div#rightContents{
	float: right;
	width:215px;
}

body.top div#leftContents h2{
	float: left;
	margin-bottom:15px;
}
body.top div#leftContents p#btnTopics{
	float: right;
}

body.top div#leftContents dl {
/* 	background-image: url(../img/dotline.gif); */
	background-repeat: repeat-x;
	background-position: bottom;
	clear: both;
	border-top:1px solid #eee;
	width: 655px;
}

body.top div#leftContents dt,
body.top div#leftContents dd {
	padding: 10px 0;
	margin-top:2px;
	border-bottom:1px solid #eee;
}

body.top div#leftContents dt {
	float: left;
	width: 135px;
	color: #33CE2E;
	font-size: 12px;
	background:#F4F2E7;
	color:#7D6831;
	padding-left: 5px;
}

body.top div#leftContents dt span{
	padding-left: 6px;
	padding-top: 1px;
	letter-spacing: 1px;
}

body.top div#leftContents dd {
	float: right;
	width: 510px;
	font-size: 12px;
}

body.top div#leftContents dd a{
	padding-left:15px;
	
	display: block;
    width: 490px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;	
	
}

/*--------------------------------------------*/

div#fBannerWrap{
	width: 655px;
	padding-top: 35px;
}

body.top ul#footerBannerBox{
	float: left;
}

body.top ul#footerBannerBox li{
	display: inline;
	float: left;
	margin: 0 24px 0 0;
	padding-right:24px;
	background:url(../img/common/dotline_tate.gif) repeat-y top right;
}

body.top ul#footerBannerBox li#bnrRecipe{
	position: relative;
}
body.top ul#footerBannerBox li#bnrRecipe ul{
	position: absolute;
/* 	background: #94B985; */
	background: #aaaaaa;
	width: 185px;
	height: 153px;
	top: 0;
	left: 0;
/*
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
*/
	margin: 0 auto;
}

body.top ul#footerBannerBox li#bnrRecipe ul li{
	background: none;
	margin: 0;
	padding: 0;
	display: block!important;
	font-size: 13px;	
	vertical-align: bottom;
	padding: 3px 0 1px 3px;
}

body.top ul#footerBannerBox li#bnrRecipe ul li a{
	display: block;
	width: 153px;
/* 	padding-bottom: 10px; */
	color: #ffffff;
}

body.top ul#footerBannerBox li#bnrRecipe ul li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/*

body.top ul#footerBannerBox li.firstItem{
	padding-left:0;
	margin-left:0;
	background:none;
}
*/

body.top div#rightContents ul{}
body.top div#rightContents ul li{
	margin-bottom:12px;
}

body.top div#rightContents ul li#bnrJaTown{
	position: relative;
}

body.top div#rightContents ul li#bnrJaTown img#meshimaru{
	position: absolute;
	top: 48px;
	right: 6px;
}

body.top div#rightContents ul li#bnrMonthTopics{}
body.top div#rightContents ul li#bnrMonthTopics span{
	font-size: 11px;
	padding: 4px 0 0 2px;
	display: block;
}


body.top div#rightContents ul li#bnrCM{ position: relative;}
body.top div#rightContents ul li#bnrCM a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}



body.top div#rightContents ul li#bnrCM a#cmBnr1{ top: 113px;}
body.top div#rightContents ul li#bnrCM a#cmBnr2{ top: 143px;}
body.top div#rightContents ul li#bnrCM a#cmBnr3{ top: 173px;}
body.top div#rightContents ul li#bnrCM span#bgMeshimaru{
	position: absolute;
	bottom: -30px;
	right: -20px;
}


/*-------------------------------------*/
/* #seisanshaSlider */

#seisanshaSlider{
	width: 185px;
	height: 153px;
	float: right;
}

#seisanshaSlider img{
	width: 185px;
	height: 153px;
}




/*-------------------------------------*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/*-------------------------------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /* overflow:hidden; */}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
/* #cboxContent{position:relative;} */
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#FAF7F0;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
/*
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
*/
        #cboxClose{
        	right:0;
        	background: url(../img/index/btn_close.png) no-repeat 0 0;
        	width: 125px;
        	height: 114px;
        	position: absolute;
        	top: -100px;
        	right: 17px;
        	z-index: 9999;
        	text-indent: -9999em;
        	}

        #cboxClose:hover{
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;	        
        }
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}