@charset "utf-8";

/**
 *
 *  総合トップページ
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/

#Header{
	background-image:url(/shared/images/header_bg_top.gif);
}

#Content{
	background:url(/shared/images/bg_content_top.jpg) repeat-x 0 0;
}


/*--------------------------------------------------------------------------
   mv-slider
---------------------------------------------------------------------------*/

#MainVisual{
	width:100%;
	height:370px;
	margin:15px 0 15px 0;
	z-index:1;
}
#MainVisualInline{
	width:100%;
	height:370px;
	overflow:hidden;
	position:relative;
}
#MainVisual div.loading{
	width:100%;
	background:url(../images/index/slider_loader.gif) no-repeat 50% 40%;
}
#MainVisual #SliderWrap{
	width:709px;
	height:370px;
	margin:0 auto;
	position:relative;
}
#MainVisual #SliderWrap #Slider{
	/* display:none; */
}
#MainVisual #SliderWrap #Slider ul{
	width:9999px;
	height:329px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
#MainVisual #SliderWrap #Slider ul li{
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
	/* background:#C60; */
}
#MainVisual #SliderWrap #Slider ul li img{
	display:block;
	position:absolute;
	top:3px;
	left:0;
	border:#FFF solid 3px;
	/* css3 */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;

	-moz-box-shadow:0px 0px 3px #666;
	-webkit-box-shadow:0px 0px 3px #666;
	-o-box-shadow:0px 0px 3px #666;
	-ms-box-shadow:0px 0px 3px #666;
	box-shadow:0px 0px 3px #666;
	}
/* pager
---------------------*/
#MainVisual ul.pager{
	width:100%;
	position:absolute;
	bottom:15px;
	text-align:center;
	overflow:hidden;
	z-index:1000;
}
#MainVisual ul.pager li{
	width:16px;
	height:14px;
	margin:0 5px 0 0;
	display:inline-block;
	/display:inline;
	zoom:1;
	text-align:center;
}

#MainVisual ul.pager li a{
	width:16px;
	height:14px;
	display:block;
	background:url(../images/index/slider_ico.gif) no-repeat 0 0;
}
#MainVisual ul.pager li a.active,
#MainVisual ul.pager li a:hover{
	background:url(../images/index/slider_ico_on.gif) no-repeat 0 0;
}

/* button
---------------------*/
#SliderPrev,
#SliderNext{
	display:none;
	width:47px;
	height:62px;
	position:absolute;
	top:125px;
	z-index:1500;
}
#SliderPrev a,
#SliderNext a{
	width:100%;
	height:100%;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#SliderPrev{
	left:-20px;
}
#SliderPrev a{
	background:url(../images/index/mv_slider_btn_prev.png) no-repeat 0 0;
}
#SliderNext a{
	background:url(../images/index/mv_slider_btn_next.png)  no-repeat 0 0;
}
#SliderPrev a:hover,
#SliderNext a:hover{
	background-position:0 -63px;
}
#SliderNext{
	right:-20px;
}


/*--------------------------------------------------------------------------
   recipe + news
---------------------------------------------------------------------------*/

#Content div.section-frame{
	width:986px;
	margin:0 auto 20px;
	background:url(../images/index/news_recipe_bg_repeat.jpg) repeat-y 0 0;
}
#Content div.section-frame-outline{
	width:986px;
	background:url(../images/index/news_recipe_bg_top.jpg) no-repeat 0 0;
}
#Content div.section-frame-inline{
	width:986px;
	min-height:150px;
	_height:150px;
	position:relative;
	padding:0 0 55px;
	background:url(../images/index/news_recipe_bg_bottom.jpg) no-repeat 0 100%;
}
#Content div.section-frame p.link{
	width:442px;
	min-height:33px;
	_height:33px;
	position:absolute;
	bottom:0;
	padding:11px 20px 0;
	text-align:right;
}


/* recipe
-----------------------------------------------------------------*/
#Content div.section-frame div.recipe{
	width:482px;
	float:left;
	background:url(../images/index/recipe_bg_top.jpg) no-repeat 0 0;
}
#Content div.section-frame div.recipe div.head{
	width:482px;
	position:relative;
}
#Content div.section-frame div.recipe h2{
	margin:0 0 0 -6px;
	padding:9px 0 10px;
}
#Content div.section-frame div.recipe div.search{
	position:absolute;
	top:26px;
	right:24px;
}
#Content div.section-frame div.recipe div.search input{
	vertical-align:middle;
}
#Content div.section-frame div.recipe div.search input.inputstyle{
	width:150px;
	height:30px;
	padding:0 10px 0 30px;
	border:none;
	background:url(../images/index/recipe_input.gif) no-repeat 0 0;
	line-height:30px;
}

#Content div.section-frame div.recipe div.inside{
	width:443px;
	overflow:hidden;
	margin:0 0 0 21px;
}
#Content div.section-frame div.recipe div.inside div.left{
	width:208px;
	float:left;
}
#Content div.section-frame div.recipe div.inside div.right{
	width:208px;
	float:right;
}

#Content div.section-frame div.recipe div.inside h3{
	margin:0 0 7px;
}
#Content div.section-frame div.recipe div.inside p.img{
	padding:0 0 4px 3px;
	background:url(../images/index/recipe_bg_photo02.gif) no-repeat 0 0;
}
#Content div.section-frame div.recipe div.inside div.left p.img{
	margin:0 0 5px;
}
#Content div.section-frame div.recipe div.inside p.img.large{
	background:url(../images/index/recipe_bg_photo01.gif) no-repeat 0 0;
}
#Content div.section-frame div.recipe div.inside p.img img{
	border:4px solid #FFF;
}
#Content div.section-frame div.recipe div.inside p.img a:hover img{
	border:4px solid #FDA72D;
}
#Content div.section-frame div.recipe div.inside p.txt{
	margin:0 3px;
}
#Content div.section-frame div.recipe div.inside p.txt a{
	line-height:1.6;
}
#Content div.section-frame div.recipe div.inside div.img-box{
	overflow:hidden;
	margin:0 0 10px;
}
#Content div.section-frame div.recipe div.inside div.img-box p.img{
	float:left;
	margin:0 12px 0 0;
}
#Content div.section-frame div.recipe div.inside div.img-box p.txt{
	padding:7px 0 0;
}
#Content div.section-frame div.recipe p.link{
	left:0;
}


/* news
-----------------------------------------------------------------*/
#Content div.section-frame div.news{
	width:482px;
	float:right;
	background:url(../images/index/news_bg_repeat.gif) repeat-y 0 0;
}
#Content div.section-frame div.news p.btn-rss{
	position:absolute;
	top:13px;
	right:14px;
}

#Content div.section-frame div.news dl{
	width:435px;
	margin:0 auto;
	padding:10px 0;
}
#Content div.section-frame div.news dl dt{
	padding:7px 0 0;
	font-weight:bold;
	font-size:109%;
	line-height:1.5;
}
#Content div.section-frame div.news dl dd{
	width:435px;
	overflow:hidden;
	padding:0 0 7px;
	background:url(/shared/images/bg_line_dot01.gif) repeat-x 0 100%;
}
#Content div.section-frame div.news dl dd.last{
	padding:0;
	background:none;
}
#Content div.section-frame div.news dl dd span.ico{
	width:110px;
	display:block;
	float:left;
	padding:2px 0 0;
}
#Content div.section-frame div.news dl dd span.txt{
	width:325px;
	display:block;
	float:left;
}
#Content div.section-frame div.news p.link{
	right:0;
}


/*--------------------------------------------------------------------------
   content
---------------------------------------------------------------------------*/

#Content div.content-wrap{
	width:986px;
	margin:0 auto;
}


/* content-slider
-----------------------------------------------------------------*/
#Content div.content-slider div.action{
	width:728px;
	overflow:hidden;
	margin:0 4px;
	padding:0 0 25px;
}
#Content div.content-slider div.action div.action-inside{
	width:728px;
	overflow:hidden;
}
#Content div.content-slider div.action div.action-inside ul{
	width:728px;
	float:left;
	overflow:hidden;
}
#Content div.content-slider div.action div.action-inside ul li{
	width:219px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:20px 0 0 17px;
	line-height:1.5;
}
#Content div.content-slider div.action div.action-inside ul li span.img img{
	border:4px solid #FFF;
}
#Content div.content-slider div.action div.action-inside ul li.hover span.img img{
	border:4px solid #FFAD35;
}
#Content div.content-slider div.action div.action-inside ul li.hover a{
	color:#ED611A;
	text-decoration:underline;
}

#Content div.content-slider div.control{
	height:44px;
	position:relative;
	background:url(../images/index/main_section_bg_bottom02.jpg) no-repeat 0 0;
}
#Content div.content-slider div.control p.prev{
	position:absolute;
	top:6px;
	left:13px;
	cursor:pointer;
}
#Content div.content-slider div.control p.next{
	position:absolute;
	top:6px;
	right:13px;
	cursor:pointer;
}
#Content div.content-slider div.control ul.ico{
	padding:14px 80px 0;
	text-align:center;
}
#Content div.content-slider div.control ul.ico li{
	width:16px;
	height:14px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(../images/index/slider_ico.png) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#Content div.content-slider div.control ul.ico li.active{
	background:url(../images/index/slider_ico_on.png) no-repeat 0 0;
}

/* event */
#Content div.content-slider div.action.event ul li span.img{
	width:82px;
	height:85px;
	display:block;
	float:left;
	padding:0 0 0 1px;
	background:url(../images/index/event_bg_img.gif) no-repeat 0 0;
}
#Content div.content-slider div.action.event ul li span.txt{
	width:125px;
	display:block;
	float:right;
}
#Content div.content-slider div.action.event ul li span.txt em{
	display:block;
	margin:0 0 5px;
	font-size:109%;
	line-height:1.4;
}

/* pickup */
#Content div.content-slider.content-slider--type-long ul li span.img{
	width:219px;
	height:85px;
	display:block;
	padding:0 0 0 1px;
	background:url(../images/index/slider_item_bg_img.gif) no-repeat 0 0;
}
#Content div.content-slider.content-slider--type-long ul li span.txt{
	display:block;
	margin:8px 2px 0;
	font-size:109%;
	line-height:1.4;
}


/* main
-----------------------------------------------------------------*/
#Content div.content-wrap div.main{
	width:736px;
	float:left;
}
#Content div.content-wrap div.main div.section{
	position:relative;
	margin:0 0 20px;
	background:url(../images/index/main_section_bg_repeat.gif) repeat-y 0 0;
}
#Content div.content-wrap div.main div.section-inline{
	padding:0 0 25px;
	background:url(../images/index/main_section_bg_bottom.gif) no-repeat 0 100%;
}
#Content div.content-wrap div.main div.section p.link{
	position:absolute;
	top:19px;
	right:22px;
}


/* lineup */
#Content div.content-wrap div.main div.lineup ul{
	width:728px;
	margin:20px 0 0 4px;
	background:url(../images/index/lineup_bg.gif) repeat-y 0 0;
}
#Content div.content-wrap div.main div.lineup ul li{
	width:90px;
	float:left;
	position:relative;
	margin-right:1px;
	text-align:center;
	line-height:1.5;
}
#Content div.content-wrap div.main div.lineup ul li a{
	display:block;
	width:100%;
}
#Content div.content-wrap div.main div.lineup ul li a:hover{
	background:#FFECD0;
}
#Content div.content-wrap div.main div.lineup ul li span.new{
	position:absolute;
	top:5px;
	right:0px;
}

#Content div.content-wrap div.main div.lineup div.inside{
	padding:15px 15px 0;
}


/* side
-----------------------------------------------------------------*/
#Content div.content-wrap div.side{
	width:228px;
	float:right;
}

/* section */
#Content div.content-wrap div.side div.section{
	margin:0 0 10px;
	background:url(../images/index/side_section_bg_repeat02.gif) repeat-y 0 0;
}
#Content div.content-wrap div.side div.section.cm div.inside{
	margin:10px 14px 8px;
}
#Content div.content-wrap div.side div.section.cm div.inside div.movie{
	margin:0 0 6px;
}
#Content div.content-wrap div.side div.section.corp div.inside{
	margin:10px 10px 8px 19px;
}
#Content div.content-wrap div.side div.section.corp div.inside ul li{
	padding:0 0 5px;
}

#Content div.content-wrap div.side div.section div.link{
	background:url(../images/index/side_section_bg_repeat.gif) repeat-y 0 0;
}
#Content div.content-wrap div.side div.section div.link-outline{
	padding:2px 0 0;
	background:url(../images/index/side_section_bg_top.gif) no-repeat 0 0;
}
#Content div.content-wrap div.side div.section div.link-inline{
	min-height:33px;
	_height:33px;
	padding:9px 20px 0;
	background:url(../images/index/side_section_bg_bottom.gif) no-repeat 0 100%;
	text-align:right;
}

/* bnr */
#Content div.content-wrap div.side ul.bnr li{
	padding:0 0 8px;
}

#Content div.content-wrap .bnr-top{
	overflow:hidden;
}

#Content div.content-wrap .bnr-top .left,
#Content div.content-wrap .bnr-top .right{
	width:478px;
}

#Content div.content-wrap .bnr-top .left{
	float:left;
}

#Content div.content-wrap .bnr-top .right{
	float:right;
}

/*topalert*/

#topalert {
	/*padding-top:20px;*/
	padding-bottom:20px;
}

#topalert .alertbox {
	width:942px;
	background:#FFFFFF;
	margin:0 auto;
	padding:10px 20px;
	border:2px solid #e50012;
	font-weight:bold;
	font-size:123.1%;
}

#topalert .alertbox img {
	vertical-align:middle;
}

#topalert .alertbox a {
	color:#333333;
	text-decoration:underline;
}


#topalert .alertbox a:hover {
	color:#e50012;
	text-decoration:none;
}

/*underarert*/
#underalert {
	padding-bottom:20px;
}

#underalert .alertbox {
	width:434px;
	background:#FFFFFF;
	padding:5px 20px;
	border:2px solid #e50012;
	font-weight:bold;
	font-size:100%;
}

#underalert .alertbox img {
	vertical-align:middle;
}

#underalert .alertbox a {
	color:#333333;
	text-decoration:underline;
}


#underalert .alertbox a:hover {
	color:#e50012;
	text-decoration:none;
}

/*top-message*/
#top-message {
	text-align:center;
	margin-bottom:20px;
	font-weight:bold;
}