@charset "UTF-8";

#contents {
	background:url(/product/pack/images/bg03.gif) left top no-repeat;
	
}

.productBox01 {
	padding: 0 20px;
}
.productBox01 .image {
	margin-right: 36px;
}
.productBox01 h2 {
	margin:54px 0 30px;
}

.line01 {
	margin-top: 36px;
	padding-top: 24px;
}
.line02 {
	margin-top: 19px;
}

.productBox02 {
	padding: 0 22px;
}
.productBox02 h2 {
	margin: 25px 0 30px;
}

.productBox03 {
	padding: 0 20px 0 25px;
}
.productBox03 h2 {
	margin: 35px 0 30px;
}

.productBox04 .image {
	margin-right: 10px;
}

.box01 {
	background: url(/product/pack/images/bg01.gif) left top no-repeat;
	width: 899px;
	margin-top: 45px;
	padding-top: 56px;
	position: relative;
	}
	
#box01tit {
	position:absolute;
	top:-43px;
	left:-6px;
	}

.box02{
	background:url(/product/pack/images/bg02.gif) bottom left no-repeat;
	padding:0px 0px 30px 0px;
	margin-left:-1px;
	}

.box03 {
	 margin-left:40px;
	 margin-bottom:20px
	 }

.box04 {
	 width:212px;
	 min-height:290px;
	 height:auto !important;
	 height:290px;
     border:1px solid #a7c776;
	 background-color:#FFF;
	 padding:20px 20px 0px 20px;
	 }

.btnL {
     margin-left:688px;
}
#detailLinksArea02 {
    background: url("/common/images/contents_line_01.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    margin: 16px -4px 0 0;
    padding-top: 27px;
    width: 885px;
}
#detailLinksArea02 .detailLinksBox {
    height: 181px;
    position: relative;
}
#detailLinksArea02 #shopBox {
    background: url("/pack/images/index_bg_04_01.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 435px;
}
#detailLinksArea02 #pcBox {
    background: url("/pack/images/index_bg_05_01.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    width: 435px;
}
#detailLinksArea02 .detailLinksBox h2 {
    left: -5px;
    position: absolute;
    top: -5px;
}
#detailLinksArea02 .detailLinksBox .text {
    left: 213px;
    position: absolute;
    top: 20px;
}
#detailLinksArea02 .detailLinksBox .btn {
    padding-top: 120px;
    text-align: center;
}
#detailLinksArea02 .detailLinksBox .btn li {
    display: inline;
    padding: 0 9px;
}

/* さっそく作ってみる！ 
----------------------------------------*/
#detailLinksArea03 {
    background: url("/common/images/contents_line_02.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	margin-left: -20px;
　　margin-right: -25px;
    padding: 35px 0 0 20px;

}

#detailLinksArea03 .detailLinksBox {
    height: 188px;
    position: relative;
}	
#detailLinksArea03 h2.tophead01{
	font-size:22px;
	line-height:1;
	margin:0 0 12px 0;
	padding:0 0 0 8px;
}
#detailLinksArea03 #shopBox {
    background: url("/pack/images/index_bg_04_02.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 435px;
    height: 200px;
}
#detailLinksArea03 #pcBox {
    background: url("/pack/images/index_bg_05_02.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    width: 435px;
    height: 200px;
}
#detailLinksArea03 .detailLinksBox h2 {
    left: 0px;
    position: absolute;
    top: 0px;
}
#detailLinksArea03 .detailLinksBox .text {
    left: 250px;
    position: absolute;
    top: 20px;
	width: 175px;
	line-height: 120%;
}
#detailLinksArea03 .detailLinksBox .btn {
    padding-top: 135px;
	padding-left: 10px;
    text-align: center;
}
#detailLinksArea03 .detailLinksBox .btn li {
    display: inline;
    padding: 0 9px;
}