@charset "shift_jis";

#wrapping_top {
	background: url(../img/bg_top.gif) no-repeat;
	margin: 0;
	padding: 0;
	width: 790px;
	height: 59px;
	clear: both;
}

#wrapping_median {
	background:url(../img/bg_median.gif) repeat-y;
	width: 790px;
	height: auto;
	margin:0;
	padding:0;
}

#wrapping_bottom {
	background: url(../img/bg_bottom.gif) no-repeat;
	margin: 0;
	padding: 0;
	width: 790px;
	height: 82px;
}

.textsm{
	padding: 5px 0;
	color: #753f2a;
	font-size: 10px;
	line-height: 120%;
	width: 280px;
	margin: auto;
}

/* ---------------------------------------------*/
/*indexページ */
/* ---------------------------------------------*/
p.kansyu { 
 margin:24px 0;
 padding-top:40px;
 padding-right:40px;
 background:url(../img/line.png) no-repeat center 0;
 text-align:right;
}

#wrapping_index {
	background:url(../img/waku-head.png) no-repeat 0 0;
	padding-top:28px;
	text-align:center;
	position:relative;
}

#wrapping_index >img {
	position:absolute;
	right:44px;
	bottom:-14px;
}

#new_wrapping_btn {
	width: 464px;
	height: 72px;
	position: relative;
	top: -5px;
	left: 160px;
}

#new_wrapping {
	width: 790px;
	height: 82px;
	background:url(../img/new_wrapping.gif) no-repeat 0 34px;
	vertical-align: bottom;
	font-size: 0px;
	margin: 0;
	padding: 0;
}


/* === link_area == */
#link_area {
	margin:20px 0 0 45px;
}

#link_area li {
	width:358px;
	float:left;
	margin-bottom:8px;
}
#link_area li.clear {
	clear:both;
}
/* === 大量に渡すラッピング == */
.alot_wrapping{
	width: 734px;
	height: 329px;
	background:url(../img/bg_tairyou.png) no-repeat center 0;
	margin: 20px auto;
	text-align:center;
	position:relative;
	overflow:hidden;
}

.alot_wrapping h3{
	margin: 20px 0;
}

.alot_wrapping ul{
	width: 734px;
	margin: 0 auto;
}

.alot_wrapping li{
	display: inline-block;
	margin-right: 14px;
}

.alot_wrapping li:last-child{
	margin-right: 0;
}

/* =====プチプラ=======　*/
.lowprice {
	width: 790px;
	height: 734px;
	margin:20px auto;
	background:url(../img/bg_puchipura.png) no-repeat center 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.lowprice h3{
	margin: 20px 0;
}

.lowprice ul li{
	float: left;
	display: inline-block;
}

.lowprice ul li.nav01 { width:232px; margin: 0 24px 0 32px; position:relative; top:-12px; }
.lowprice ul li.nav02 { width:239px; margin: 3px 16px 0 0; height:182px; }
.lowprice ul li.nav03 { width:228px; position:relative; top:-17px; }
.lowprice ul li.nav04 { width:248px; margin:0 16px 0 32px; position:relative; top:0; }
.lowprice ul li.nav05 { width:236px; margin:25px 8px 0 0;  }
.lowprice ul li.nav06 { width:236px; position:relative; top: 0px;}
.lowprice ul li.nav07 { width:248px; margin:0 8px 0 32px; position:relative; top:0; }
.lowprice ul li.nav08 { width:236px; margin:25px 8px 0 0;  }
.lowprice ul li.nav09 { width:236px; position:relative; top: -22px;}

.lowprice ul li a:hover img { opacity:1; }

.lowprice > img { 
position:absolute;
top:264px;
left:480px;
}

/*第1回目*/
#wrapping_median #link_area #link_box .left_box .first {
	padding: 0;
	margin: 0;	
}

#wrapping_median #link_area #link_box .left_box .first a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 358px;
	height: 180px;
	background:url(../img/first.jpg) no-repeat;
	text-indent: -9999px;
}

#wrapping_median #link_area #link_box .left_box .first a:hover {
	background-position: 0 -180px;	
}


/*第2回目*/
#wrapping_median #link_area #link_box .right_box .second {
	padding: 0;
	margin: 0;	
}

#wrapping_median #link_area #link_box .right_box .second a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 358px;
	height: 180px;
	background:url(../img/second.jpg) no-repeat;
	text-indent: -9999px;
}

#wrapping_median #link_area #link_box .right_box .second a:hover {
	background-position: 0 -180px;	
}


/*第3回目*/
#wrapping_median #link_area #link_box .left_box .third {
	padding: 0;
	margin: 0;	
}

#wrapping_median #link_area #link_box .left_box .third a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 358px;
	height: 180px;
	background:url(../img/third.jpg) no-repeat;
	text-indent: -9999px;
}

#wrapping_median #link_area #link_box .left_box .third a:hover {
	background-position: 0 -180px;	
}



/*第4回目*/
#wrapping_median #link_area #link_box .right_box .fourth {
	padding: 0;
	margin: 0;	
}

#wrapping_median #link_area #link_box .right_box .fourth a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 358px;
	height: 180px;
	background:url(../img/fourth.jpg) no-repeat;
	text-indent: -9999px;
}

#wrapping_median #link_area #link_box .right_box .fourth a:hover {
	background-position: 0 -180px;	
}

/*第5回目*/


#wrapping_median #link_area #link_box .left_box .fifth {
	padding: 0;
	margin: 0;	
}

#wrapping_median #link_area #link_box .left_box .fifth a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 358px;
	height: 180px;
	background:url(../img/fifth.jpg) no-repeat;
	text-indent: -9999px;
}

#wrapping_median #link_area #link_box .left_box .fifth a:hover {
	background-position: 0 -180px;	
}



/*第6回目*/
#wrapping_median #link_area #link_box .right_box .sixth {
	padding: 0;
	margin: 0;	
}

#wrapping_median #link_area #link_box .right_box .sixth a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 358px;
	height: 180px;
	background:url(../img/sixth.jpg) no-repeat;
	text-indent: -9999px;
}

#wrapping_median #link_area #link_box .right_box .sixth a:hover {
	background-position: 0 -180px;	
}




/*第7回目*/
#wrapping_median #link_area #link_box .center_box .seven {
	padding: 0;
	margin: 0 auto;
	width: 450px;
	height:180px;
	text-align:center;
}

#wrapping_median #link_area #link_box .center_box .seven a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 450px;
	height: 180px;
	background:url(../img/seven.jpg) no-repeat;
	text-indent: -9999px;
}

#wrapping_median #link_area #link_box .center_box .seven a:hover {
	background-position: 0 -180px;	
}


/* =====スイーツ別ラッピング=======　*/
.link-wrap {
	position:relative;
	width: 734px;
	height: 2120px;
	background: url(../img/bg_sweets.png) no-repeat;
	margin: 0 auto;
	padding:20px 0 20px;
}

.link-wrap h3{
	margin-bottom: 10px;
	text-align: center;
}

.link-wrap .wrap_pattern{
	width: 734px;
	height: auto;
	margin-bottom: 20px;
}

.link-wrap .wrap_pattern > div{
	width: 720px;
	height: 229px;
	margin: 0 auto;
	position: relative;
}

.link-wrap .wrap_pattern .wrap_inner{
	position: absolute;
	width: 534px;
	left: 177px;
	top: 40px;
}

.link-wrap .wrap_pattern .wrap_inner ul{
	text-align: center;
}

.link-wrap .wrap_pattern .wrap_inner li{
	display: inline-block;
	margin-right: 10px;
}

.link-wrap .wrap_pattern .wrap_inner ul.wrap_clm2 li:first-child{
	margin-right: 40px;
}

/*
.link-wrap .wrap_pattern > div ul{
	position: absolute;
	left: 190px;
	top: 40px;
	text-align: center;

}

.link-wrap .wrap_pattern > div .clm3 li{
	float: left;
}

.link-wrap .wrap_pattern > div li{
	display: inline-block;
	margin-right: 10px;
}
*/


.link-wrap .wrap_yakigashi{
	background: url(../img/yakigashi_back.png) no-repeat;
}
.link-wrap .wrap_chiisai{
	background: url(../img/chiisai_back.png) no-repeat;
}
.link-wrap .wrap_whole{
	background: url(../img/whole_back.png) no-repeat;
}
.link-wrap .wrap_stick{
	background: url(../img/stick_back.png) no-repeat;
}
.link-wrap .wrap_nama{
	background: url(../img/nama_back.png) no-repeat;
}
.link-wrap .wrap_wa{
	background: url(../img/wa_back.png) no-repeat;
}
.link-wrap .wrap_tanpin{
	background: url(../img/tanpin_back.png) no-repeat;
}
.link-wrap .wrap_recipe{
	background: url(../img/recipe_back.png) no-repeat;
}

#teacher_area {
	width: 720px;
	box-sizing: border-box;
	margin:  0 auto;
	padding: 5px;
	color: #521e1e;
}
.teacher_photo {
	width:107px;
	float:left;
}
.teacher_photo+div {
	overflow:hidden;
	font-size:12px;
}

#teacher_area p {
	margin:10px 0;
}

#teacher_area p a{
	color: #521e1e;
}

#wrapping_bottom #pagetop_area {
	width: 738px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	clear:both;
}

#wrapping_bottom #pagetop_area .pagetop_box {
	width:144px;
	height:18px;
	padding: 0 0 0 0;
	float:right;
}

*html #wrapping_bottom #pagetop_area .pagetop_box {
	width:144px;
	height:18px;
	padding: 15px 0 0 0;
	float:right;
}


/* clearfix */

.clearfix00:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix00 {
	*zoom: 1;
}


/*印刷ボタン--------------------------------------*/

/*#wrapping_top .index_top {
	width:220px;
	height:17px;
	margin: 0;
	padding: 30px 0 0 30px;
	float:left;
	clear: both;
}

#wrapping_top .print a {
	padding: 0;
	margin: 22px 28px 0 0;
	display: block;
	overflow: hidden;
	width: 290px;
	height: 35px;
	background: url(../img/print.gif) no-repeat;
	text-indent: -9999px;
	float: right;
}

*html #wrapping_top .print a {
	padding: 0;
	margin: 20px 12px 0 0;
	display: block;
	overflow: hidden;
	width: 290px;
	height: 35px;
	background: url(../img/print.gif) no-repeat;
	text-indent: -9999px;
	float: right;
}

#wrapping_top .print a:hover {
	background-position: 0 -35px;	
}
*/



#wrapping_median #contents_area #contents_box01 .print a {
	padding: 0;
	margin: 0 0 3px 0;
	display: block;
	overflow: hidden;
	width: 290px;
	height: 35px;
	background: url(../img/print.gif) no-repeat;
	text-indent: -9999px;
	float: right;
}

*html #wrapping_median #contents_area #contents_box01 .print a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 290px;
	height: 35px;
	background: url(../img/print.gif) no-repeat;
	text-indent: -9999px;
	float: right;
}

*:first-child+html #wrapping_median #contents_area #contents_box01 .print a {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	width: 290px;
	height: 35px;
	background: url(../img/print.gif) no-repeat;
	text-indent: -9999px;
	float: right;
}


#wrapping_median #contents_area #contents_box01 a:hover {
	background-position: 0 -35px;	
}

*html #wrapping_median #contents_area #contents_box01 a:hover {
	background-position: 0 -35px;	
}


*:first-child+html #wrapping_median #contents_area #contents_box01 a:hover {
	background-position: 0 -35px;	
}

