@charset "shift_jis";
/* CSS Document */

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

   1.Top
   2.TopNavi
   3.TopMain
   4.Top2ndBlock
   5.top_7fslogo
 
=================================================================================== */


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

   Top
 
=================================================================================== */
#top {
	background:url(../../images/top_bg.jpg) repeat-x top;
	text-align:center;
}

#topWrapper {
	width:982px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#topWrapper img {
	vertical-align:bottom;
}

#topHeader{
	width:900px;
	margin-left:37px;
}

#topHeader2{
	width:900px;
	margin:5px 0 10px 37px;
}

/*↓150120ヘッダー変更　*/
/*  topHeadL
-----------------------------------*/
#topHeadL {
	width:238px;
	float:left;
}

/*  topHeadR
-----------------------------------*/
#topHeadR {
	width:280px;
	float: right;
}

#topHeadR ul {
	margin-top:10px;
}

#topHeadR li {
	float:left;
	margin-left:15px;
}

#topHeadR a:hover, #topHeadR2 a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

/*  topHeadL2
-----------------------------------*/
#topHeadL2 {
	width:170px;
	float:left;
	margin:5px 12px 0 0;
}

/*  topHeadC2
-----------------------------------*/
#topHeadC2 {
	float: left;
	margin:10px 0 0 0;
}

#topHeadC2 h1 {
	font-size:11px;
}

/*  topHeadR2
-----------------------------------*/
#topHeadR2 {
	width:209px;
	float: right;
}

/*↑150120ヘッダー変更　*/

/*  topHeadL
-----------------------------------*/
/*#topHeadL {
	width:170px;
	float:left;
	margin-top:10px;
}*/

/*  topHeadC
-----------------------------------*/
/*#topHeadC {
	width:350px;
	float:left;
	margin-left:10px;
	margin-top:8px;
}

#topHeadC h1 {
	font-size:11px;
}*/

/*  topHeadR
-----------------------------------*/
/*#topHeadR {
	width:305px;
	float: right;
	text-align:right;
}

#topHeadR ul {
}

#topHeadR li {
	float:left;
}*/


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

   TopNavi
 
=================================================================================== */
#TopNavi {
	width:780px;
	margin-left:99px;
	/*padding-top:6px;*/
}

#TopNavi ul {
}

#TopNavi li {
	float:left;
}

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

   TopMain
 
=================================================================================== */
#TopMain {
	width:982px;
	position:relative;
	margin-left:-5px;
	margin-top:-1px;
}

#TopMain ul {
	width:400px;
	position: absolute;
	top:384px;
	left:227px;
}

#TopMain li {
	float:left;
	margin-right:22px;
}


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

   TopMain2
 
=================================================================================== */
#TopMain2 {
	width:982px;
	position:relative;
	margin:0 auto 15px;
}

#TopMain2:before {
	content: "";
    position: absolute;
    display: block;
    background: url(/fa/images/top_fork.png) no-repeat;
    background-size: 100% auto;
    width: 175px;
    height: 192px;
    left: -7px;
    bottom: -2px;
    z-index: 3;
}

#TopMain2:after {
	content: "";
    position: absolute;
    display: block;
    background: url(/fa/images/top_cup.png) no-repeat;
    background-size: 100% auto;
    width: 139px;
    height: 110px;
    right: 0;
	bottom: 115px;
    z-index:-1;
}

.main, .main li {
	margin:0;
	padding:0;
	list-style:none;
	z-index: 2;
}
.main {
	margin-bottom:5px;
}
.main li {
	width:982px;
	height:450px;
	overflow:hidden;
}
.main li.item2, .main li.item3, .main li.item4 {
	display:none;
}
.thumb {
	margin:-65px auto 0;
	width:524px;/*4個*/
	/*width:392px;*//*3個*/
	/*width:260px;*//*2個*/
}
.thumb li {
	margin:0;
	padding:0;
	list-style:none;
}
.thumb li {
	display:inline-block;
	width:111px;
	height:51px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:top;
	margin:0 8px;
}
.thumb li img {
	width:100%;
	height:auto;
}
.thumb li:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}


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

   Top2ndBlock
 
=================================================================================== */
#Top2ndBlock{
	width:900px;
	margin-left:37px;
}

/*  Top2ndBlockL
-----------------------------------*/
#Top2ndBlockL{
	width:265px;
	float:left;
	font-size:11px;
}

#Top2ndBlockL img {
	vertical-align:baseline;
}

#kodawari {
	margin-top:12px;
	padding-bottom:10px;
}

/*  TopPickup  */
#TopPickup {
 	background:url(../../images/top_pickup_bg.gif) repeat;
}

#TopPickup img {
 	vertical-align: bottom;
}

.TopPickupBnr {
	margin-top:3px;
	margin-bottom:5px;
	margin-left:12px;
}

.TopPickupBnr2 {
	margin-top:3px;
	margin-bottom:5px;
	margin-left:12px;
}

.TopPickupBnr2 ul {
	width:240px;
}

.TopPickupBnr2 li img {

}

.TopPickupBnr2 li {
	color:#FFF;
}

.TopPickupLink {
	background:url(../../images/linkmark_1.gif) no-repeat;
	padding-left:13px;
	margin-left:12px;
	margin-bottom:10px;
	width:227px;
}

.TopPickupLink2 {
	background:url(../../images/linkmark_1.gif) no-repeat;
	padding-left:13px;
	margin-bottom:10px;
	width:227px;
}

.TopPickupL { float:left;}
.TopPickupR { float: right;}

#Top2ndBlockL a:link { color:#FFF }
#Top2ndBlockL a:hover { color:#FFF }
#Top2ndBlockL a:visited { color:#FFF }
#Top2ndBlockL a:active { color:#FFF }

/*130820 pokemonfinalkokuchi*/
.TopPickOp {
	width:224px;
	_width:240px;
	padding:8px;
	background:#FF2626;
	font-size:13px;
	font-weight: bold;
	color:#FFF 
	text-align:center;
	margin-bottom:8px;
	letter-spacing:-0.01px;
}
/*130820 pokemonfinalkokuchi*/

/*  TopMenu  */
#TopMenu {
 	background:url(/fa/images/top_menu_bg.gif) repeat;
	position:relative;
	margin:2px 0 0;
    padding: 0 0 22px;
}

#TopMenu:after {
 	content: "";
    position: absolute;
    display: block;
    background: url(/fa/images/top_menu_bottom.gif) no-repeat;
    background-size: 100% auto;
    width: 265px;
    height: 16px;
    left: 0;
	bottom: 0;
	z-index:1;
}

.TopMenuBnr {
	width:230px;
	margin:8px auto 0;
}

.TopMenuBnr a {
	display:block;
}

.TopMenuLink {
	background:url(/fa/images/linkmark_2.gif) no-repeat;
	display:block;
	padding:0 0 0 13px;
	margin:2px 0 0;
}

#top_option {
	text-align:right;
	margin:12px 25px 0 0;
	font-size:11px;
}

.TopBnrRecruit {
	margin:20px 0 5px 0;
}

.TopBnrRecruit a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

/*  Top2ndBlockC
-----------------------------------*/
/* What's news 背景画像 */
#Top2ndBlockC {
	background:url(../../images/top_whats-bg.png) repeat;
	width:340px;
	position:relative;
	float:left;
	margin:12px 0 0 20px;
}

#Top2ndBlockC:before {
	content: "";
    position: absolute;
    display: block;
    background: url(/fa/images/top_whats-bottom.png) no-repeat;
    background-size: 100% auto;
    width: 340px;
    height: 32px;
    left: 0;
	bottom: 0;
	z-index:1;
}

#Top2ndBlockC:after {
	content: "";
    position: absolute;
    display: block;
    background: url(/fa/images/top_whats-illust.png) no-repeat;
    background-size: 100% auto;
    width: 78px;
    height: 61px;
    right: 15px;
	bottom: 22px;
	z-index:2;
}

#Top2ndBlockC #what{
	position:relative;
	clear:both;
	width:285px;
	margin:15px auto 75px;
	z-index:3;
}

.what_tit {
	margin-bottom:5px;
	
}

#Top2ndBlockC #what .whatLine{
	position:relative;
	margin: 0 0 30px;
}

#Top2ndBlockC #what .whatLine:after{
	content: "";
    position: absolute;
    display: block;
    background: url(/fa/images/what_line.gif) no-repeat;
    background-size: 100% auto;
    width: 283px;
    height: 2px;
    left: 0;
	right:0;
    bottom: -30px;
    margin: 0 auto 15px;
}


/*  Top2ndBlockR
-----------------------------------*/
#Top2ndBlockR{
	width:257px;
	float: right;
	margin:12px 0 0;
}

#TopOtoku{
	width:257px;
	position:relative;
	background: url(../../images/top_otoku_bg.gif) repeat;
	padding: 0 0 15px;
}

#TopOtoku:after{
	content: "";
    position: absolute;
    display: block;
    background: url(/fa/images/top_otoku_bottom.gif) no-repeat;
    background-size: 100% auto;
    width: 257px;
    height: 12px;
    left: 0;
	bottom: 0;
	z-index:1;
}

#TopOtoku a:link {color:#285100;}
#TopOtoku a:hover {color:#285100;}
#TopOtoku a:visited {color:#285100;}
#TopOtoku a:active {color:#285100;}

#TopOtoku .TopOtokuBnr{
	width:230px;
    margin: 8px auto 0;
}

.TopOtokuLink{
	background:url(../../images/linkmark_3.gif) no-repeat;
	font-size:11px;
	box-sizing:border-box;
	display:block;
	padding:0 0 0 13px;
	margin: 2px auto 4px;
}

.Topbtn {
	padding-top:15px;
}

#Top2ndBlockR #pancake_bnr {
	padding-bottom:15px;
}

#Top2ndBlockR p.coupon {
	margin-bottom: 20px;
}

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

   top_7fslogo
 
=================================================================================== */
#top_7fslogo {
margin-top:15px;
margin-left: auto;
margin-right:auto;
width:982px;
}

#top_7fslogoBox {
padding:10px;
/*margin-left:37px;*/
margin: 0 auto;
width:900px;
margin-bottom:15px;
/*overflow:hidden;*/
text-align: center;
}

#top_7fslogoBox a {
	margin-left:10px;
}

#top_7fslogo ul {
text-align:center;

}

#top_7fslogo li {
width:58px;
float:left;
margin-right:5px;
}

#top_7fslogo .tit {
padding-bottom:5px;
font-size:10px;
text-align:center;
}


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

   topMovieNavi
 
=================================================================================== */

#topMovieNavi {
	text-align:center;
	display			: inline;
	padding			: 15px 0 0 50px;
	width			: 168px;
	height			: 156px;
}