@charset "utf-8";
/*

----------------------------------------------------

UpdateHistory
2011/2/1 socialボタン追加

*/

/* ソーシャルボタン */
.social_btn_box{float:left; margin-bottom:20px;}
.social_btn_box div{float:left; padding-left:10px;}

.facebook_like_w{overflow:hidden;}

/*ヘッダー画像*/

	/*商品紹介*/
	#lower div.product h2{background:url(../../product/img/product_bg_h2.jpg) right top no-repeat;}
	/*今月の新商品*/
	#lower div h2.new_product{ background:url(../../product/img/new_product_bg_h2.jpg) right top no-repeat;}
	/*石窯パン*/	
	#lower div h2.ishigama{ background:url(../../product/img/ishigama_bg_h2.jpg) right top no-repeat;}
	/*朝の食パン*/	
	#lower div h2.morning{ background:url(../../product/img/morning_bg_h2.jpg) right top no-repeat;}
	/*らくらく食パン*/	
	#lower div h2.easy{ background:url(../../product/img/easy_bg_h2.jpg) right top no-repeat;}
	/*卵・乳製品不使用の製品*/	
	#lower div h2.sukoyaka{ background:url(../../product/img/sukoyaka_bg_h2.jpg) right top no-repeat;}
	/*バラエティブレッド*/	
	#lower div h2.variety{ background:url(../../product/img/variety_bg_h2.jpg) right top no-repeat;}
	/*お茶菓子PAN*/	
	#lower div h2.tea-danish_pastry{ background:url(../../product/img/tea-danish_pastry_bg_h2.jpg) right top no-repeat;}
	/*ロングセラー菓子パン*/	
	#lower div h2.long-seller{ background:url(../../product/img/long-seller_bg_h2.jpg) right top no-repeat;}
	/*サンドイッチファクトリー*/	
	#lower div h2.sandwich{ background:url(../../product/img/sandwich_bg_h2.jpg) right top no-repeat;}
	/*菓子パン・洋菓子*/	
	#lower div h2.danish{ background:url(../../product/img/danish_bg_h2.jpg) right top no-repeat;}



/********************************************************
    PRODUCT
********************************************************/

/* アイテムボックス（ラインアップ） */

  	/*その他の新商品*/
	#mainContents{
		position:relative;
	}
	#otherNewitem{
		position:absolute;
		top:202px;
		right:0;
	}
	.itemlineupBox{
		background:url(../img/cmn_bg_pattern01.png);
		padding:10px 0 5px 0px;
		margin-bottom:20px;
	}
	/*一商品枠*/
	.itemlineupBox dl{
		width:178px;
		padding-left:0px;
		float:left;
		position:relative;
		margin-bottom:10px;
	}
	/*商品写真*/
	.itemlineupBox .ib-ph {
		margin:0 0 8px 0;
		padding:0 0 0 8px;
		
	}
	.itemlineupBox .ib-ph a{
		background-color:#FFFFFF;
		border:#E5E5E5 solid 3px;
		padding:1px;
		display:block;
		width:162px;
		
	}
	/*ニューマーク*/
	.itemlineupBox .ib-new {/*sprite*/
		height:20px;
		width:80px;
		background-position:-287px -0px;
		position:absolute;
		top:0;
		left:8px;
	}
	/*リニューアルマーク*/
	.itemlineupBox .ib-renewal {/*sprite*/
		height:20px;
		width:80px;
		background-position:-287px -20px;
		position:absolute;
		top:0;
		left:8px;
	}
	/*商品名*/
	.itemlineupBox .ib-name{
		background:url(../img/icon/cmn_icon03.png) 0 0.5em no-repeat;
		padding:0 0 0 13px;
		margin:0 0 10px 10px;
	}
	.itemlineupBox dd.ib-name a{
		text-decoration:none;
		color:#333333;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.4;
	}
	.itemlineupBox dd.ib-name a:hover{
		color:#D8092F;
	}
	/*アイコン*/
	.itemlineupBox .ib-icon{
		padding:0 0 0 9px;
	}
	.itemlineupBox .ib-icon li{
		float:left;
		margin:0 0 2px 1px;
	}
	/*商品説明(新商品)*/
	.itemlineupBox .ib-entry{
		margin:0 0.5em 1em;
		line-height:1.5;
		padding:0 0 0 8px;
	}
	/*商品カテゴリー(今月の新商品)*/
	.itemlineupBox .ib-category a{
		display:block;
		width:168px;
		padding:4px 0;
		margin-left:8px;
		text-align:center;
		background-color:#FFFFFF;
		border:#E5E5E5 solid 1px;
		color:#99001c;
		text-decoration:none;
	}
	.itemlineupBox .ib-category a:hover{
		border:#99001c solid 1px;
		text-decoration:underline;
	}


/* カテゴリーリスト */

	.categoryList li{
		float:left;
		margin-bottom:20px;
	}
	.categoryList li.left{
		margin-right:20px;
	}

/*モバイル*/
#productQr{
	border:#E7E7E7 solid 1px;
	margin:13px 0;
	padding:10px 10px 10px;
	width:333px;
}
#productQr dt{
	display:inline;
}

#productQr dd{
	display:inline;
	margin:0;
	padding:0;
}
#productQr dd img{
	margin:0 0 0 20px;
	padding:0;
}

/* おすすめボックス（各カテゴリートップ）
-------------------------------------------- */

	.recommendBox{
		margin-bottom:30px;
		line-height:1.5;
	}
	/*タイトル*/
	.recommendBox h3{
		font-size:2.2em;
		margin:0 0 20px!important;
	}
	/*左カラム*/
	.recommendBox .column2Left{
		width:380px;
	}
	.recommendBox .column2Left p{
		margin-bottom:15px;
	}
	/*右カラム*/
	.recommendBox .column2Right{
		width:310px;
	}
	/*見出し(右)*/
	.recommendBox h4{
		font-size:1.6em;
		margin-bottom:10px;
	}
	.recommendBox dl dt{
		font-weight:bold;
		margin-bottom:1em;
	}
	.recommendBox .column2Right dl{
		border-bottom:#E5E5E5 solid 1px;
		margin-bottom:20px;
		padding-bottom:20px;
	}
	.recommendBox .column2Right dl dd p{
		text-align:left;
		margin-bottom:1em;
	}
	/*レシピ(右)*/
	.recommendBox .column2Right dl.recommendRecipe{
		margin:0;
		float:left;
		border:none;
	}
	.recommendBox .column2Right dl.recommendRecipe dl{
		border:none;
	}
	.recommendBox .column2Right dl.recommendRecipe dd{
		background-color:#F7F7F7;
	}
	.recommendBox .column2Right dl.recommendRecipe dt{
		background:url(../img/icon/cmn_icon07.png) 0 0.2em no-repeat;
		padding-left:23px;
		margin-bottom:1.5em;
	}
	.recommendBox .column2Right dl.recommendRecipe dd dl{
		width:290px;
		float:left;
		border-bottom:#E5E5E5 solid 1px;
		border-top:#FFFFFF solid 1px;
		margin-bottom:0;
		padding:10px;
	}
	.recommendBox .column2Right dl.recommendRecipe dd dl dd{
		margin:0 0 0 60px;
		background:url(../img/icon/cmn_icon02.png) 0 0.5em no-repeat;
		padding-left:10px;
	}
	.recommendBox .column2Right dl.recommendRecipe dd dl dd a{
		text-decoration:none;
	}
	.recommendBox .column2Right dl.recommendRecipe dd dl dd a:hover{
		text-decoration: underline;
	}
	.recommendBox .column2Right dl.recommendRecipe dd dl dt{
		float:left;
		width:51px;
		margin:0;
		padding:0;
	}
	/*商品リンク(右)*/
	.recommendBox .column2Right p{
		text-align:right;
	}
	.recommendBox .column2Right p a{
		color:#525552;
	}
	.recommendBox .column2Right p a:hover{
		color:#9C001C;
	}
	
	/*レシピ(右)*/
	.productBox .column2Right dl.recommendRecipe{
		margin:0;
		float:left;
		border:none;
	}
	.productBox .column2Right dl.recommendRecipe dl{
		border:none;
	}
	.productBox .column2Right dl.recommendRecipe dd{
		background-color:#F7F7F7;
	}
	.productBox .column2Right dl.recommendRecipe dt{
		background:url(../img/icon/cmn_icon07.png) 0 0.2em no-repeat;
		padding-left:23px;
		margin-bottom:1.5em;
	}
	.productBox .column2Right dl.recommendRecipe dd dl{
		width:290px;
		float:left;
		border-bottom:#E5E5E5 solid 1px;
		border-top:#FFFFFF solid 1px;
		margin-bottom:0;
		padding:10px;
	}
	.productBox .column2Right dl.recommendRecipe dd dl dd{
		margin:0 0 0 60px;
		background:url(../img/icon/cmn_icon02.png) 0 0.5em no-repeat;
		padding-left:10px;
	}
	.productBox .column2Right dl.recommendRecipe dd dl dd a{
		text-decoration:none;
	}
	.productBox .column2Right dl.recommendRecipe dd dl dd a:hover{
		text-decoration: underline;
	}
	.productBox .column2Right dl.recommendRecipe dd dl dt{
		float:left;
		width:51px;
		margin:0;
		padding:0;
	}
	/*商品リンク(右)*/
	.productBox .column2Right p{
		text-align:right;
	}
	.productBox .column2Right p a{
		color:#525552;
	}
	.productBox .column2Right p a:hover{
		color:#9C001C;
	}


/********************************************************
    CATEGORY
********************************************************/

/* 石窯
-------------------------------------------- */
	/*石窯の原点*/
	.ishigamaClass p{
		line-height:1.7;
		margin:0 1em 2em;
	}
	/*美味しさの秘密1.2.3*/
	.ishigamaClass h4{
		background:url(../img/icon/cmn_icon11.png) 0 0.1em no-repeat;
		padding:5px 0 5px 50px;
		margin-bottom:25px;
		padding-bottom:15px;
		border-bottom:#EBEBEB solid 1px;
	}
	.ishigamaClass dl{
		border-bottom:#EBEBEB solid 1px;
		margin-bottom:30px;
		padding-bottom:20px;
	}
	.ishigamaClass dt{
		background:url(../img/icon/cmn_icon04.png) 0 0.4em no-repeat;
		padding:0 0 0 10px;
		font-weight:bold;
		margin-bottom:20px;
	}
	.ishigamaClass dd{
		margin-bottom:1em;
		padding:0 40px;
		line-height:1.7;		
	}
	/*お客さまの声*/
	.ishigamaCustomer dl{
		background: url(../img/icon/cmn_icon12.png) 6px 12px no-repeat;
		border:#E5E5E5 solid 1px;
		margin-bottom:10px;
		line-height:1.7;
	}
	.ishigamaCustomer dl dt{
		background: url(../img/cmn_line01.png) left bottom repeat-x;
		padding:15px 15px 15px 47px;
	}
	.ishigamaCustomer dl dd{
		background:url(../img/icon/cmn_icon13.png) 14px 13px no-repeat;
		background-color:#F9F9F9;
		padding:15px 15px 15px 47px;
	}
	.ishigamaCustomer dl dd p{
		margin:0 0 1em;
		padding:0;
	}

/* 朝の食パン
-------------------------------------------- */
	.morning .morningList{
		float:left;
		margin-bottom:20px;
	}
	.morning .morningList li{
		float:left;
		margin-bottom:20px;
	}
	.morning .morningList li.left{
		margin-right:20px;
	}
	/*どんなパンを作ろうSTEP1.2.3.4*/
	.morning .morningBread p{
		line-height:1.7;
		margin:0 1em 2em;
	}

	.morning .morningBread .column2Box{
		width:700px;
		margin:0 auto;
	}
	.morning .morningBread dd{
		line-height:1.7;
	}
	.morning .morningBread .column2Left{
		width:200px;
	}
	.morning .morningBread .column2Left dl dt{
		margin-bottom:10px;
	}
	.morning .morningBread .column2Left dl dd.summary{
		background:url(../img/cmn_bg_pattern01.png);
		width:160px;
		padding:10px;
		margin-top:10px;
	}
	.morning .morningBread .column2Right{
		width:488px;
	}
	.morning .morningBread .column2Right h4{
		margin-bottom:25px;
		padding-bottom:15px;
		border-bottom:#EBEBEB solid 1px;
	}
	.morning .morningBread .column2Right dt{
		background:url(../img/icon/cmn_icon14.png) 10px 0 no-repeat;
		padding:0 0 0 30px;
		font-weight:bold;
		margin-bottom:1em;
		line-height:1.5;
	}
	.morning .morningBread .column2Right dd{
		background:url(../img/icon/cmn_icon15.png) 30px 0 no-repeat;
		margin-bottom:25px;
		padding:0 0 15px 58px;
		border-bottom:#EBEBEB solid 1px;
	}
	.morning .morningBread .column2Right dd img{
		float:right;
	}
	

/* らくらく食パン
-------------------------------------------- */
	.easy .column2Box{
		margin-bottom:45px;
	}
	.easy .column2Left{
		width:350px;
	}
	.easy .column2Left h4{
		margin:0 1em 1em;
	}
	.easy .column2Left p{
		margin:0 1em 2em 2em;
		line-height:1.8;
	}
	.easy .column2Right{
		width:360px;
	}
	.easy .column2Right dt{
		margin-bottom:25px;
	}
	.easy .column2Right dd{
		text-align:right;
	}

/* すこやかシリーズ
-------------------------------------------- */
	.sukoyaka{
		line-height:1.7;
	}
	.sukoyaka p{
		margin:0 1em 2em;
	}
	.sukoyaka dd{
		margin:0 1em 2em;
	}
	.sukoyakaClass{
		line-height:1.7;
	}
	.sukoyaka .column2Box{
		margin-bottom:5px;
	}
	.sukoyaka .column2Left{
		width:370px;
	}
	.sukoyaka .column2Left p{
		margin:0 1em 2em;
		line-height:1.8;
	}
	.sukoyaka .column2Right{
		width:320px;
	}
	.sukoyaka .column2Right li{
		margin-bottom:25px;
	}
	.sukoyaka .sukoyakaCustomerBox{
		width:700px;
		margin:0 auto;
		border:#E5E5E5 solid 1px;
		margin-bottom:10px;
	}
	.sukoyaka .sukoyakaCustomerBox dl{
		padding:17px 15px;
	}
	.sukoyaka .sukoyakaCustomerBox dt{
		background:url(../img/icon/cmn_icon10.png) 0 0.2em no-repeat;
		padding:3px 23px;
		margin-bottom:10px;
		font-weight:bold;
	}
	.sukoyaka .sukoyakaCustomerBox dt span{
		font-weight:normal;
		padding-left:1em;
	}
	.sukoyaka .sukoyakaCustomerBox dd{
		line-height:1.7;
		padding:0 20px 0 40px;
	}
	.sukoyaka .sukoyakaCustomerBox dl.gray{
		background:#F7F7F7 url(../img/cmn_line01.png) left top repeat-x;
	}
	.sukoyaka #sukoyakaList{
		float:left;
		margin-bottom:30px;
	}
	.sukoyaka #sukoyakaList li{
		float:left;
	}
	.sukoyaka #sukoyakaList li a{
		display:block;
		border:#E5E5E5 solid 1px;
		margin:0 5px 10px;
	}
	.sukoyaka #sukoyakaList li a:hover{
		border:#9e0926 solid 1px;
	}
	.sukoyaka #mainContents p{
		margin:0 1em 2em;
		line-height:1.8;
	}
	/*お客様の声*/
	.sukoyaka h4{
		margin-bottom:18px;
		font-size:1.2em;
		font-weight:normal;
		border-left:#CC0000 solid 1px;
		padding:2px 6px
	}
	.sukoyaka h5{
		background:url(../img/cmn_bg_pattern01.png);
		padding:6px;
		margin-bottom:15px;
	}
	.sukoyaka .sukoyakaCustomerBox p{
		background:url(../img/icon/cmn_icon10.png) 1em 1.5em no-repeat;
		padding:15px 35px 15px 40px;
		margin:0!important;
	}
	.sukoyaka .sukoyakaCustomerBox p span{
		font-weight:bold;
	}
	.sukoyaka .sukoyakaCustomerBox p.gray{
		background:#F7F7F7 url(../img/icon/cmn_icon10.png) 1em 1.5em no-repeat;
		margin:0!important;
	}
/* お茶菓子PAN
-------------------------------------------- */
	.tea-danish_pastry .teaPointBox dl{
		width:340px;
		padding:10px;
		float:left;
		margin-bottom:25px;
	}
	.tea-danish_pastry .teaPointBox dt{
		margin-bottom:13px;
	}
	.tea-danish_pastry .teaPointBox dd{
		line-height:1.7;
	}

/* サンドイッチ
-------------------------------------------- */
	.sandwich h4{
		margin-bottom:15px;
	}
	.sandwich .column2Box{
		margin-bottom:30px;
		padding:0 10px;
		width:700px;
	}
	.sandwich .column2Left{
		width:360px;
	}
	.sandwich .column2Right{
		width:310px;
	}
	.sandwich .column2Right p{
		margin-bottom:1em;
		line-height:1.7;
	}
	.sandwich .column2Right h5{
		font-size:1.4em;
		border-left:#CC0000 solid 1px;
		padding:0 0 0 12px;
		margin-bottom:1em;
		line-height:1.5;
	}



/********************************************************
    商品詳細
********************************************************/

	.itemBox{
		margin-bottom:10px;
		line-height:1.5;
	}
	.itemBox .itemMainimages{
		width:500px;
		text-align:center;
	}
	.itemBox .itemMainimages img{
		margin:0 auto;
	}
	/*タイトル*/
	.itemBox h3{
		font-size:2.2em;
		margin:0 0 20px!important;
	}
	/*左上カラム*/
	.itemBox .column2Left{
		width:501px;
		margin-bottom:5px;
	}
	.itemBox .column2Left p{
		margin-bottom:15px;
	}
	/*右上カラム*/
	.itemBox .column2Right{
		width:210px;
	}
	/*見出し(右)*/
	.itemBox .column2Right  h4.pb-img{
		font-size:1.6em;
		margin-bottom:10px;
		text-align: center;
	}
	.itemBox .column2Right .pb-icon ul{
		float:right;
	}
	.itemBox .column2Right .pb-icon li{
		float:left;
		margin:0 8px 5px 0;
	}
	/*左下カラム*/
	.itemBox .column2Left2{
	width:365px;
	float:left;
	}
	/*右下カラム*/
	.itemBox .column2Right2{
	width:345px;
	float:right;
	}
	/*ショッピングへのリンク*/
	.itemBox div.shopLink{
		margin-bottom:1px;
	}
	/*サイズ違い商品サムネイル一覧*/
	.itemBox .itemSizeBox{
		margin-bottom:10px;
	}
	.itemBox .itemSizeBox li{
		float:left;
		margin:0 10px 10px 0;
		border:#E7E7E7 solid 1px;
		text-align:center;
	}
	.itemBox .itemSizeBox li img{
		cursor:pointer;
		
	}
	/*商品詳細レシピ*/
	.itemBox .recommendRecipe{
		width:355px;
		margin:0 0 10px;
		border:none;
		background-color:#F7F7F7;
		clear:both;
	}
	.itemBox .recommendRecipe dl{
		border:none;
	}
	.itemBox .recommendRecipe h4{
		background:url(../img/icon/cmn_icon07.png) 0.8em 1em no-repeat;
		padding:10px 5px 5px 35px;
		margin-bottom:0;
		font-size:1em;
	}
	.itemBox .recommendRecipe dl{
		width:335px;
		float:left;
		background: url(../img/cmn_line05.png) left bottom repeat-x;
		padding:10px;
	}
	.itemBox .recommendRecipe dl dd{
		margin:0 0 0 60px;
		background:url(../img/icon/cmn_icon02.png) 0 0.5em no-repeat;
		padding-left:10px;
	}
	.itemBox .recommendRecipe dl dd a{
		text-decoration:none;
	}
	.itemBox .recommendRecipe dl dd a:hover{
		text-decoration: underline;
	}
	.itemBox .recommendRecipe dl dt{
		float:left;
		width:51px;
		margin:0;
		padding:0;
	}
	/*アレルギー特定原材料*/
	.itemBox .allergyBox{
		width:341px;
		margin:0;
		padding-left:12px;
		border:#E5E5E5 solid 1px;
	}
	.itemBox .allergyBox h4{
		background:url(../img/icon/cmn_icon09.png) 0em 1.4em no-repeat;
		padding:15px 5px 20px 20px;
		margin-bottom:0;
		font-size:1em;
	}
	.itemBox .allergyBox li{
		float:left;
		margin-right:7px;
	}
	.itemBox .allergyBox p{
		clear:both;
		margin:0 0 10px;
	}
	
	.itemBox .itemdetailBox{
		margin-bottom:20px;
	}
	.itemBox .itemdetailBox h4{
		padding:0;
		margin-bottom:15px;
		font-size:1em;
	}
	.itemBox .itemdetailBox .itemImg1{
		float:right;
		padding:0 0 10px 15px;
	}
	.itemBox .itemdetailBox .itemImg2{
		float:right;
		clear:right;
		padding:0 0 10px 15px;
	}
	
/*ラインナップへ戻る*/
	#lineupBack{
		text-align:right;
	}