@charset "Shift_JIS";
/*----------------------------------------

	- titlebox
	- share
	- box01
	- box02
	- box03
	- link
	
-----------------------------------------*/

#content {
	background: none;
}

#main {
	width: 780px;
}

.pagetop {
	width: auto;
}

/*----------------------------------------
	share
-----------------------------------------*/

.share {
	padding-right: 28px;
}

.share dl {
	float: right;
	clear: both;
    margin-top: 10px;
	padding: 2px 3px 2px 8px;
    width: 122px;
    height: 18px;
    line-height: 0;
    font-size: 0;
    background: url(../../img/share_bg_01.gif) 0 0 no-repeat;
}
.share dl dt {
   float: left;
   width: 37px;
   padding-top: 4px;
   clear: both;
}
.share dl dd {
	float: left;
    width: 81px;
}
.share dl dd ul {
    width: 81px;
    overflow: hidden;
}
.share dl dd ul li {
    display: block;
    float: left;
    margin-right: 3px;
}
.share dl dd ul li.last-child {
    margin-right: 0;
}
.share dl dd ul li img {
    vertical-align: top;
}

/*----------------------------------------
	titlebox
-----------------------------------------*/

#titlebox  {
	position: relative;
}

#titlebox h1 {
	position: absolute;
	top: 34px;
	left: 261px;
	z-index: 10;
}

#titlebox p.txt01 {
	position: absolute;
	top: 146px;
	left: 260px;
	z-index: 0;
}

/*----------------------------------------
	box01
-----------------------------------------*/

#box01 {
	position: relative;
	margin-top: 1px;
	padding: 0 0 29px 27px;
	width: 724px;
	background: url(../img/index_box01_bg.gif) 27px bottom no-repeat;
}

#box01 .inner_box {
	background: url(../img/index_box01_bg02.gif) left 90px repeat-x;
}

#box01 h2 {
	margin-bottom: 30px;
}

#box01 .text {
	float: left;
	width: 410px;
}

#box01 h3 {
	margin-bottom: 2px;
}

#box01 .title {
	float: left;
}

#box01 p.lead {
	position: absolute;
	top: 25px;
	left: 275px;
}

#box01 .recipe {
	position: relative;
	margin: 15px -22px 0 -1px;
	padding: 0 22px 15px;
	width: 366px;
	background: url(../img/index_box01_recipe_bg.gif) left bottom no-repeat;
}

#box01 .recipe h4 {
	position: relative;
	margin: 0 0 3px -23px;
}

#box01 .mama {
	position: relative;
	margin: 20px 0 0 -1px;
	background: url(../img/index_box01_mama_bg.gif) left top no-repeat;
}

#box01 .box01 .mama .inner_box,
#box01 .box02 .mama .inner_box {
	padding: 16px 26px 11px 8px;
	background: url(../img/index_box01_mama_bg02.gif) left bottom no-repeat;
}

#box01 .mama h4 {
	position: relative;
	float: left;
	margin-top: -31px;
	padding-right: 8px;
}

/* box01 > box01 */

#box01 .box01 {
	background: url(../img/index_box01_01_bg.gif) 30px top no-repeat;
}

#box01 .box01 .inner_box {
	padding: 0 0 35px 75px;
	background: url(../img/index_box01_cmn_bg.gif) 30px bottom no-repeat;
}

#box01 .box01 .pic {
	margin-top: 5px;
}

#box01 .box01 .text {
	padding: 22px 33px 0 0;
}

#box01 .box01 .btn {
	padding: 8px 0 0 6px;
}

/* box01 > box02 */

#box01 .box02 {
	margin-top: 25px;
	background: url(../img/index_box01_02_bg.gif) 11px top no-repeat;
}

#box01 .box02 .inner_box {
	padding-bottom: 35px;
	background: url(../img/index_box01_cmn_bg.gif) 210px bottom no-repeat;
}

#box01 .box02 .title {
	padding: 4px 37px 0 11px;
} 

#box01 .box02 .btn {
	padding: 11px 0 0 53px;
}

#box01 .box02 .text {
	margin-top: 23px;
}

#box01 .box02 .recipe {
	margin-top: 17px;
}

/* box01 > box03 */

#box01 .box03 {
	padding: 30px 0 0 31px;
}

#box01 .box03 .text {
	float: left;
	padding-right: 14px;
	width: 333px;
}

#box01 .box03 .text p {
	margin-top: 12px;
}

#box01 .box03 .pic {
	position: relative;
	float: left;
	margin-top: -1px;
}

/* box01 > box04 */

#box01 .box04 {
	margin-top: 35px;
	background: url(../img/index_box01_04_bg.jpg) 29px bottom no-repeat;
}

#box01 .box04 .inner_box {
	padding: 8px 0 24px 46px;
	background: url(../img/index_box01_04_bg02.jpg) 29px top no-repeat;
}

#box01 .box04 span {
	float: left;
	display: inline;
	overflow: hidden; /* for modern browser */
	zoom: 1;	/* for ie6 */
}

#box01 .box04 h3 {
	position: relative;
	float: left;
	margin-top: -20px;
	padding-right: 28px;
}

#box01 .box04 dl {
	float: left;	
}

#box01 .box04 dt {
	margin-top: 13px;
}

#box01 .box04 dt span.text {	
	margin-top: 4px;
	padding-left: 6px;
	width: 344px;
	color: #4a8efe;
}

#box01 .box04 dd {
	margin-top: 9px;
}

#box01 .box04 dd span.text {
	position: relative;
	margin-top: -3px;
	padding-left: 6px;
	width: 344px;
}


/*----------------------------------------
	box02
-----------------------------------------*/

#box02 {
	position: relative;
	margin-top: 31px;
	padding: 0 0 25px 27px;
	width: 724px;
	background: url(../img/index_box02_bg.gif) 27px bottom no-repeat;
}

#box02 h2 {
	margin-bottom: 14px;
}

#box02 p.lead {
	position: absolute;
	top: 25px;
	left: 275px;
}

#box02 .text p {
	margin-top: 17px;
}

#box02 .text {
	float: left;
}

#box02 .pic {
	float: left;
}

/* box02 > box01 */

#box02 .box01 {
	margin-bottom: 8px;
	padding-left: 19px;
}

#box02 .box01 .text {
	padding: 16px 0 0 4px;
	width: 411px;
}

/* box02 > box02 */

#box02 .box02 {
	padding-left: 30px;
}

#box02 .box02 .text {
	padding-right: 10px;
	width: 362px;
}

#box02 .box02 .pic {
	position: relative;
	margin-top: -57px;
}

/*----------------------------------------
	box03
-----------------------------------------*/

#box03 {
	margin-top: 14px;
	padding: 0 0 28px 28px;
	width: 724px;
	background: url(../img/index_box03_bg.gif) 28px bottom no-repeat;
}

#box03 h2 {
	margin-bottom: 2px;
}

#box03 ul {
	padding: 0 26px;
}

#box03 li {
	float: left;
	padding: 3px 4px;
}

/*----------------------------------------
	link
-----------------------------------------*/

#link {
	padding: 0 28px 0 0;
	width: auto;
}

#link ul {
	float: right;
	clear: both;
	padding-top: 11px;
}

#link ul li {
	float: left;
	padding-left: 3px;
}