@charset "utf-8";
/* -----------------------------------------------------
* サイトの共通部分に適用させるCSS
* create: 2013/04/11 
* author: sakaguchi

*INDEX
* 1.キーイメージの設定
* 2.中央コンテンツの設定
	*ランチバナー
	*おすすめラインナップ
* 3.右コンテンツの設定
	*ブログ新着情報
	*ご挨拶
----------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
* ▼　1.包括ブロックの調整
* --------------------------------------------------------------------------------------------------*/ 
div#wrap{
	overflow: hidden;
}
div#wrap section#main{
	width: 930px;
	float: left;
	margin-right: 30px;
	overflow: hidden;
}
div#wrap aside{
	width: 300px;
	float: left;
}
/* ----------------------------------------------------------------------------------------------------
 * ▼　2.mainエリア
 * --------------------------------------------------------------------------------------------------*/ 
 /*キーイメージ*/
div#wrap section#main article.keyimg{
	width: 600px;
	float: left;
	margin-right: 30px;
}

div#wrap section#main article.keyimg img{
	border:1px solid #03b862;
	border-radius:4px;
}

/*ライトコンテンツ*/
div#wrap section#main section.right_content{
	width: 300px;
	float: left;
}
/*ポスター*/
div#wrap p. poster{
	margin-bottom: 20px;
}
div#wrap p.poster img{
	border-radius: 5px;
}
/*ラインナップ*/
div#wrap article.lineup{
	 width: 300px;
	 float: left;
	 margin-right: 30px;
	 margin-bottom:30px;
 }
div#wrap article.lineup h2{
	 color: #fff;
	 font-size: 16px;
	 background: url(../images/bg/title_bg.png) repeat-x;
	 font-weight: normal;
	 border-radius: 5px;
	 height: 25px;
	 padding-top: 5px;
	 padding-left: 5px;
	 margin-bottom: 10px;
 }
div#wrap article.lineup{
	 position: relative;
 }
div#wrap article.lineup p.blanc{
	 position: absolute;
	 bottom: -40px;
	 left: 0;
 }
div#wrap article.lineup p.bunner{
	 position: absolute;
	 bottom: -40px;
	 left: 80px;
 }

/* ----------------------------------------------------------------------------------------------------
 * ▼　2.asideエリア
 * --------------------------------------------------------------------------------------------------*/ 
  /*ご挨拶*/
div#wrap section.right_content article.greeting{
  width: 300px;
  height: 427px;
  margin-top:20px;
/*  margin-bottom: 30px;*/
}
div#wrap section.right_content article.greeting h2{
	  color: #fff;
	 font-size: 16px;
	 background: url(../images/bg/title_bg.png) repeat-x;
	 font-weight: normal;
	 border-radius: 5px;
	 height: 25px;
	 padding-top: 5px;
	 padding-left: 5px;
	 margin-bottom: 17px;
 }
div#wrap section.right_content article.greeting section.text{
	 background: url(../images/greeting_bg.png) no-repeat right bottom;
	 padding-bottom: 15px;
 }
div#wrap section.right_content article.greeting section.text p{
	 margin-bottom: 10px;
	 color: #000;
 }
div#wrap section.right_content article.greeting section.text p span{
	 font-size: 8px;
 }
 /*ブログ新着情報*/
div#wrap section#main section.right_content article.info{
	 margin-bottom: 20px;
	 width: 300px;
	 float: left;
 }
div#wrap section#main section.right_content article.info h2{
	 color: #fff;
	 font-size: 16px;
	 background: url(../images/bg/title_bg.png) repeat-x;
	 font-weight: normal;
	 border-radius: 5px;
	 height: 25px;
	 padding-top: 5px;
	 padding-left: 5px;
	 margin-bottom: 10px;
 }
div#wrap section#main section.right_content article.info ul{
	 overflow: hidden;
 }
div#wrap section#main section.right_content article.info ul li{
	 width: 123px;
	 height: 88px;
	 float: left;
	 padding: 20px 10px 0 10px;
	 border-radius: 5px;
	 border: solid 1px #00d36f;
	 background: url(../images/bg/blog_bg.png) repeat;
 }
div#wrap section#main section.right_content article.info ul li span{
	 display: block;
	 font-weight: bold;
 }
div#wrap section#main section.right_content article.info ul li:nth-child(odd){
	 margin-right: 10px;
 }
 div#wrap section#main section.right_content article.info ul li{
	 margin-bottom: 10px\9;
	 width: 118px\9;
	 margin-right: 10px\9;
 }
div#wrap section#main section.right_content article.info ul li:nth-child(1),
div#wrap section#main section.right_content article.info ul li:nth-child(2){
	 margin-bottom: 15px;
 }

div#wrap section#main section.right_content article.info ul a:hover{
 color: #00d36f;
}

section.bunner_lunch {
/* width: 1260px;
 margin: 0 auto 30px;
 text-align: right;*/
 width:600px;
 margin:0;
}

section.bunner_lunch img {
 width:600px;
 height:auto;
 margin:20px 0 0 0;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　6.イントロエリア
 * --------------------------------------------------------------------------------------------------*/
 div#setting{
	text-align: center;
	margin: 0 auto;
	background: #4ec068;
	min-height: 100%;
	
}
 div#intro{
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #4ec068;
	position: fixed;
    top: 0;
    left: 0;
}
div#intro input{
	background: none;
	border-radius: 10px;
	box-shadow:none;
	border: none;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px #777;
	font-size: 20px;
	font-family: 'handmade';
}
div#intro input:hover{
	cursor: pointer;
	text-decoration: underline;
}
div#intro div.bg_wrap{
	padding: 50px 0;
	background: #4ec068;
}
div#intro div.clear{
	overflow: hidden;
}
div#intro div.clear:first-child{
	position: absolute;
	right: 20px;
	bottom: 50px;
}
div#intro div.clear:nth-child(2){
	position: absolute;
	right: 20px;
	bottom: 5px;
}
div#intro div.button{
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
/* ----------------------------------------------------------------------------------------------------
* ▼　7.facebookエリア・・・バナー群エリア
* --------------------------------------------------------------------------------------------------*/
 section.facebook{
/*	 width: 1260px;
	 margin: 0 auto;
	 overflow: hidden;*/
 }
 section.facebook ul li{
/*	 float: left;*/
	 /*margin-right: 20px;
 	 margin-right: 4px;*/
 }
 
section.facebook ul li:last-child {
/* 	 margin:0;*/
 }

 section.facebook ul li a:hover{
	 opacity: 0.7;
 }


 /* mpmバナー */
 section.facebook ul img.mpm{
  width:300px;
  height:auto;
  margin-top:12px;
  padding:0;
}
 section.facebook ul img.mpm a {}

 /* facebookバナー */
 section.facebook ul img.facebook{
	 margin-top: 15px;
 }


 /* youtube動画バナー　タジザイル */
 section.facebook ul .yt_bnr{
/*	 margin-top: 54px;*/
	margin-top:3px;
 }
 section.facebook ul .yt_bnr a{
 }
 section.facebook ul img.yt_bnr{
	 padding: 0;
	 vertical-align: bottom;
	 border: 1px solid #655049;
	 border-radius: 5px;
 }
 section.facebook ul  img.yt_bnr a:hover ,{
	 border: 1px solid #00d36f;
 }

 /* youtube動画バナー(フォーチューンクッキー) */
 section.facebook ul img.bunner{
	 margin-top:3px;
   }
 section.facebook ul img.bunner a{
 }
 section.facebook ul img.bunner{
	 padding: 0;
	 vertical-align: bottom;
	 border: 1px solid #655049;
	 border-radius: 5px;
 }
 section.facebook ul img.bunner  a:hover{
	 border: 1px solid #00d36f;
 }



/* facebook ブランちゃん */
 section.facebook ul img.facebook_bran {
  width:300px;
}

 /* shiro-blog */
section.facebook ul img.ameblo{
  margin-top:5px;
}
section.facebook ul img.ameblo a{
}
section.facebook ul img.ameblo {
  padding: 0;
  vertical-align: bottom;
  border: 1px solid #655049;
  border-radius: 5px;
}
 section.facebook ul img.ameblo a:hover {
  border: 1px solid #00d36f;
}

/* b-times バナー */

section.facebook ul img.breadtimes  {
  padding: 0;
  margin-top:10px;
}
section.facebook ul img.breadtimes  {
  padding: 0;
  vertical-align: top;
}
section.facebook ul img.breadtimes span.check {
  color:#62391D;
  font-weight:bold;
}
section.facebook ul img.breadtimes span.backno a:hover{
  opacity: 1!important;
  color:#E88B00;
}