@charset "Shift_JIS";

/* Default Styles
--------------------------------------------------------------*/

body
{
 font-size: 12px;
}

h1,h2,h3,h4,h5,h6
{
 margin: 0;
 padding: 0;
}

img
{
 border: none;
 /*vertical-align: bottom;*/
}

.dpLayoutLeft
{
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

.dpLayoutRight
{
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}

.dpSmall
{
 font-size: 0.85em;
}

.dpAlCenter
{
 text-align: center;
}

.dpAlRight
{
 text-align: right;
}

.dpTextIndent
{
 padding-bottom: 1.3em;
}

h3
{
 font-size: 1.2em;
}

h4
{
 font-size: 1.0em;
}



/* Basic Layout Styles
--------------------------------------------------------------*/

#dpContents
{
 width: 750px;
 margin-right: auto;
 margin-left: auto;
 padding-top: 12px;
 text-align: left;
 border-bottom: 1px solid #D8DACB;
 overflow: hidden;
}

.dpContenstBlock
{
 clear: both;
 width: 100%;
 /*position: relative;*/
 padding-bottom: 30px;
 overflow: hidden;
}

.dpContenstBlock a
{
 text-decoration: none;
}

.dpContenstBlock p.dpTopCenterText a.dpTopLink
{
 text-decoration: none;
}

.dpContenstBlock p.dpTopCenterText a.dpTopLink:hover
{
 text-decoration: underline;
}

#dpPageTop
{
 clear: both;
 padding-top: 21px;
 padding-bottom: 1.3em;
 text-align: right;
}

hr.dpDividLine
{
 display: block;
 clear: both;
 width: 100%;
 height: 1px;
 margin-top: 5px;
 margin-bottom: 25px;
 border: none;
 border-top: 1px dotted #B39E69;
}

.dpTextBlock p
{
 padding-bottom: 1.6em;
 line-height: 1.6;
}






/* Toppage Layout Styles
--------------------------------------------------------------*/

#dpTopLeftColumn
{
 float: left;
 width: 222px;
 padding-top: 10px;
}

#dpTopCenterColumn
{
 float: left;
 width: 331px;
 padding-top: 10px;
 padding-right: 20px;
 padding-left: 39px;
}

#dpTopRightColumn
{
 float: left;
 width: 138px;
 padding-top: 10px;
}

ul#dpUpdate
{
 margin: 0;
 padding: 0;
 list-style: none;
}

ul#dpUpdate li
{
 margin: 0;
 margin-bottom: 8px;
 padding: 0;
 padding-bottom: 8px;
 list-style: none;
 background: url(../images/bg_dotLine.gif) 0 100% repeat-x;
}

ul#dpUpdate li a
{
 text-decoration: none;
}

ul#dpUpdate li a:hover
{
 text-decoration: underline;
}

ul#dpUpdate li span
{
 display: block;
}

#dpTopLeftColumn h2,
#dpTopCenterColumn h2
{
 position: relative;
 margin-bottom: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 vertical-align: middle;
 font-size: 0;
 background: url(../images/bg_dotLine.gif) 0 100% repeat-x;
}

#dpTopCenterColumn h2
{
 width: 331px;
}

#dpTopCenterColumn h2 img
{
 display: block;
}

#dpTopCenterColumn h2 span
{
 display: block;
 position: absolute;
 top: 15px;
 right: 5px;
}

#dpTopCenterColumn .dpContenstBlockEnd
{
 height: 1%;
 background: url(../images/bg_dotLine.gif) 0 100% repeat-x;
}

#dpTopCenterColumn .dpTopCenterText
{
 float: right;
 width: 160px;
 padding-right: 5px;
}

ul.dpBannerList
{
 margin: 0;
 padding: 0;
 list-style: none;
}

ul.dpBannerList li
{
 margin: 0;
 padding: 0;
 padding-bottom: 9px;
 list-style: none;
 line-height: 0;
}



/* Contents Layout Styles
--------------------------------------------------------------*/

#dpMainContentsWrap
{
 width: 750px;
 margin-top: 20px;
 background: #F67A07 url(../images/bg_mainContentsW1.jpg) 0 53px repeat-x;
}

#dpMainContentsWrap2
{
 background: url(../images/bg_mainContentsW2.gif) 0 0 no-repeat;
}

#dpMainContents
{
 position: relative;
 padding-right: 22px;
 padding-bottom: 15px;
 padding-left: 24px;
 background: url(../images/bg_mainContents.gif) 0 100% no-repeat;
}

#dpMainContents h2
{
 padding-top: 17px;
 padding-bottom: 11px;
}

ul#dpCatMenu
{
 position: absolute;
 top: 25px;
 right: 37px;
 margin: 0;
 padding: 0;
 list-style: none;
}

ul#dpCatMenu li
{
 float: left;
 margin: 0;
 padding: 0;
 padding-right: 5px;
 list-style: none;
}

.dpContentsAreaWrap
{
 clear: both;
 width: 704px;
 background: url(../images/bg_contentsAreaW1.gif);
 overflow: hidden;
}

.dpContentsAreaWrapSp
{
 clear: both;
 width: 704px;
 background: #FFFFEB;
 overflow: hidden;
}

.dpContentsAreaWrap2
{
 clear: both;
 width: 704px;
 background: url(../images/bg_contentsAreaW2.gif) 0 0 no-repeat;
}

.dpContentsArea
{
 clear: both;
 width: 664px;
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 5px;
 padding-left: 20px;
 background: url(../images/bg_contentsArea.gif) 0 100% no-repeat;
}

/* Recipe index 2items layout */
ul.dpItemMenu
{
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
}

ul.dpItemMenu li
{
 float: left;
 margin: 0;
 padding: 0;
 padding-right: 10px;
 list-style: none;
}

h3.dpItemTitle
{
 margin-top: 20px;
 margin-bottom: 20px;
}

div.dpRecipeIndex
{
 clear: both;
 padding-bottom: 30px;
 overflow: hidden;
}

div.dpDetailItem
{
 float :right;
 width: 540px;
}

div.dpRecipeIndex h4
{
 width: 540px;
 margin-bottom: 5px;
 padding-bottom: 10px;
 font-size: 1.05em;
 border-bottom: 1px dotted #B39E69;
}

div.dpRecipeIndex ul
{
 clear: both;
 height: 1%;
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
 list-style: none;
 overflow: hidden;
}

div.dpRecipeIndex ul li
{
 float: left;
 width: 260px;
 margin: 0;
 margin-bottom: -32768px;
 padding: 5px;
 padding-bottom: 32768px;
 list-style: none;
}

div.dpRecipeIndex ul li a
{
 cursor: pointer;
}

div.dpRecipeIndex ul li span img
{
 line-height: 0;
 vertical-align: top;
}

div.dpRecipeIndex ul li span
{
 display: table-cell;
 width: 180px;
 vertical-align: middle;
}

div.dpRecipeIndex ul li span.dpImage
{
 width: 70px;
 padding-right: 10px;
 /*vertical-align: top;*/
}

div.dpRecipeIndex ul li a
{
 text-decoration: none;
}

div.dpRecipeIndex ul li a:hover
{
 color: #333333;
 text-decoration: none;
}

div.dpRecipeIndex div.dpUseItem
{
 float: left;
 width: 100px;
 text-align: center;
}

div.dpRecipeIndex div.dpUseItem img
{
 margin-bottom: 15px;
}

div.dpRecipeIndex div.dpUseItem a img
{
 margin: 0;
}

p.dpRecipeTop
{
 clear: both;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align: right;
}


/* Recipe index 3items layout */
div.dpDetailItem2
{
 clear: both;
}

div.dpRecipeIndexdiv.dpDetailItem2 ul
{
 clear: both;
 height: 1%;
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
 list-style: none;
 overflow: hidden;
}

div.dpRecipeIndex div.dpDetailItem2 ul li
{
 float: left;
 width: 211px;
 margin: 0;
 margin-bottom: -32768px;
 padding: 5px;
 padding-bottom: 32768px;
 vertical-align: middle;
 list-style: none;
}

div.dpRecipeIndex div.dpDetailItem2 ul li a
{
 cursor: pointer;
}

div.dpRecipeIndex div.dpDetailItem2 ul li span img
{
 line-height: 0;
 vertical-align: top;
}

div.dpRecipeIndex div.dpDetailItem2 ul li span
{
 display: table-cell;
 width: 131px;
 vertical-align: middle;
}

div.dpRecipeIndex div.dpDetailItem2 ul li span.dpImage
{
 width: 70px;
 padding-right: 10px;
 /*vertical-align: top;*/
}

div.dpRecipeIndex div.dpDetailItem2 ul li a
{
 text-decoration: none;
}

div.dpRecipeIndex div.dpDetailItem2 ul li a:hover
{
 color: #333333;
 text-decoration: none;
}

/* Recipe menu detail */
h3.dpRecipeTitle
{
 height: 1%;
 margin-bottom: 10px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #333333;
 font-size: 1.3em;
 overflow: hidden;
}

h3.dpRecipeTitle span.titleBlock
{
 display: block;
 float: left;
}

h3.dpRecipeTitle em
{
 display: block;
 float: right;
 width: 16.0em;
 padding-top: 7px;
 font-size: 0.7em;
 font-style: normal;
 font-weight: normal;
}

#dpReturnIndex
{
 position: absolute;
 top: 16px;
 right: 31px;
}

#dpRecipeLeft
{
 float: left;
 width: 270px;
 padding-right: 5px;
 padding-left: 5px;
 overflow: hidden;
}

dl.dpProductGuide
{
 clear: both;
 height: 1%;
 padding-bottom: 20px;
 overflow: hidden;
}

dl.dpProductGuide dt
{
 float: left;
 width: 80px;
 margin-top: 20px;
 padding-right: 20px;
}

dl.dpProductGuide dd
{
 float: right;
 width: 165px;
 margin-top: 20px;
 text-align: center;
}

dl.dpProductGuide dd dl dt,
dl.dpProductGuide dd dl dd
{
 width: 165px;
 margin: 0;
 padding: 0;
 text-align: center;
}

dl.dpProductGuide dd dl dd
{
 padding-top: 8px;
}

dl.dpProductGuide dd dl dd p
{
 padding-top: 10px;
}

#dpRecipeRight
{
 float: right;
 width: 349px;
 padding-right: 5px;
 padding-left: 5px;
 overflow: hidden;
}

dl#dpRecipeTime,
dl#dpRecipeCal,
dl#dpRecipeTime dt,
dl#dpRecipeCal dt,
dl#dpRecipeTime dd,
dl#dpRecipeCal dd
{
 float: left;
 height: 17px;
 min-height: 17px;
 font-size: 1.0em;
 font-weight: bold;
 vertical-align: middle;
}

dl#dpRecipeTime dt
{
 padding-left: 18px;
 background: url(../../recipe/images/recipeMenu/bg_time.gif) 0 50% no-repeat;
}

dl#dpRecipeCal dt
{
 padding-left: 18px;
 background: url(../../recipe/images/recipeMenu/bg_kcal.gif) 0 50% no-repeat;
}

dl#dpRecipeTime dd
{
 padding-right: 20px;
 padding-left: 1.0em;
}

dl#dpRecipeCal dd
{
 padding-top: 1px;
 padding-left: 1.0em;
}

#dpRecipeRight h4
{
 clear: both;
 width: 100%;
 padding-top: 10px;
 padding-bottom: 10px;
}

#dpRecipeRight h4 img
{
 vertical-align: middle;
}

/* Recipe menu Elements */
ul.dpRecipeElem
{
 margin: 0;
 padding: 0;
 list-style: none;
}

ul.dpRecipeElem li
{
 clear: both;
 margin: 0;
 width: 333px;
 padding: 0;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 16px;
 list-style: none;
 text-align: right;
 background: url(../images/bg_listMark.gif) 0 3px no-repeat;
 border-bottom: 1px dotted #333333;
 overflow: hidden;
}

ul.dpRecipeElem li.dpNoList
{
 background: none;
}

ul.dpRecipeElem li.dpTopData
{
 border-top: 1px dotted #333333;
}


ul.dpRecipeElem li span.dpTitle
{
 display: block;
 float: left;
 list-style-type: disc;
 text-align: left;
}

/* Recipe menu Sub Elements */
dl.dpRecipeSubElem
{
 position: relative;
 clear: both;
}

dl.dpRecipeSubElem dt
{
 position: absolute;
 top: 0;
 left: 0;
 width: 5.0em;
 padding-top: 5px;
}

dl.dpRecipeSubElem dd
{
 margin-top: 1.7em;
 /*padding-right: 4px;*/
 padding-left: 5.0em;
}

dl.dpRecipeSubElem ul
{
 clear: both;
 margin: 0;
 padding: 0;
 list-style: none;
}

dl.dpRecipeSubElem ul li
{
 margin: 0;
 margin-left: -5.0em;
 padding: 0;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 5.0em;
 list-style: none;
 text-align: right;
 border-bottom: 1px dotted #333333;
 overflow: hidden;
}

dl.dpRecipeSubElem ul li.dpTopData
{
 padding-top: 4px;
 border-top: 1px dotted #333333;
}

dl.dpRecipeSubElem ul li span.dpTitle
{
 display: block;
 float: left;
 text-align: left;
}

dl#dpRecipeBanner
{
 margin-top: 20px;
}

dl#dpRecipeBanner dt
{
 float: right;
}

dl#dpRecipeBanner dd
{
 margin-left: 170px;
}

dl#dpRecipeBanner dd img
{
 float: left;
 margin-left: -170px;
}

dl#dpRecipeBanner input
{
 width: 170px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 3px;
 padding: 2px;
 font-size: 1.0em;
 background: #FFFFFF;
 border: 1px solid #CCCCCC;
}

dl#dpRecipeBanner p
{
 text-align: right;
}

dl#dpRecipeBanner a
{
 text-decoration: none;
}

.dpProductPage
{
 padding-top: 20px;
 padding-left: 4px;
}

#dpUseGuide
{
 display: none;
 clear: both;
 padding-top: 10px;
 text-align: center;
}

h4#dpRecipeTitle2
{
 clear: both;
 margin-bottom: 10px;
 border-bottom: 1px dotted #333333;
}

/* maxWidth: 664px; */
ul.dpRecipeProcess2,
ul.dpRecipeProcess3,
ul.dpRecipeProcess
{
 clear: both;
 height: 1%;
 margin: 0;
 margin-bottom: 20px;
 padding: 0;
 list-style: none;
 overflow: hidden;
}

ul.dpRecipeProcess2 li,
ul.dpRecipeProcess3 li,
ul.dpRecipeProcess li
{
 float: left;
 margin-right: 20px;
 margin-bottom: -32768px;
 padding-top: 26px;
 padding-bottom: 32768px;
 list-style: none;
}

ul.dpRecipeProcess2 li#dpProcess1,
ul.dpRecipeProcess2 li#dpProcess2
{
 width: 322px;
}

ul.dpRecipeProcess3 li#dpProcess1,
ul.dpRecipeProcess3 li#dpProcess2,
ul.dpRecipeProcess3 li#dpProcess3
{
 width: 208px;
}

ul.dpRecipeProcess li#dpProcess1,
ul.dpRecipeProcess li#dpProcess2,
ul.dpRecipeProcess li#dpProcess3,
ul.dpRecipeProcess li#dpProcess4,
ul.dpRecipeProcess li#dpProcess5,
ul.dpRecipeProcess li#dpProcess6,
ul.dpRecipeProcess li#dpProcess7,
ul.dpRecipeProcess li#dpProcess8
{
 width: 151px;
}

ul.dpRecipeProcess2 li#dpProcess2,
ul.dpRecipeProcess3 li#dpProcess3,
ul.dpRecipeProcess li#dpProcess4,
ul.dpRecipeProcess li#dpProcess8
{
 margin-right: 0;
}

ul.dpRecipeProcess2 li#dpProcess1,
ul.dpRecipeProcess3 li#dpProcess1,
ul.dpRecipeProcess li#dpProcess1
{
 background: url(../../recipe/images/recipeMenu/bg_process1.gif) 0 0 no-repeat;
}

ul.dpRecipeProcess2 li#dpProcess2,
ul.dpRecipeProcess3 li#dpProcess2,
ul.dpRecipeProcess li#dpProcess2
{
 background: url(../../recipe/images/recipeMenu/bg_process2.gif) 0 0 no-repeat;
}

ul.dpRecipeProcess2 li#dpProcess3,
ul.dpRecipeProcess3 li#dpProcess3,
ul.dpRecipeProcess li#dpProcess3
{
 background: url(../../recipe/images/recipeMenu/bg_process3.gif) 0 0 no-repeat;
}

ul.dpRecipeProcess li#dpProcess4
{
 background: url(../../recipe/images/recipeMenu/bg_process4.gif) 0 0 no-repeat;
}

ul.dpRecipeProcess li#dpProcess5
{
 background: url(../../recipe/images/recipeMenu/bg_process5.gif) 0 0 no-repeat;
}

ul.dpRecipeProcess li#dpProcess6
{
 background: url(../../recipe/images/recipeMenu/bg_process6.gif) 0 0 no-repeat;
}

ul.dpRecipeProcess li#dpProcess7
{
 background: url(../../recipe/images/recipeMenu/bg_process7.gif) 0 0 no-repeat;
}

ul.dpRecipeProcess li#dpProcess8
{
 background: url(../../recipe/images/recipeMenu/bg_process8.gif) 0 0 no-repeat;
}

.dpProcessComment
{
 clear: both;
 padding-bottom: 20px;
}


/* Product index */

.dpPlusSub
{
 float: left;
 padding-right: 15px;
}

.dpHeadingSub
{
 /*float: left;*/
 padding-top: 22px;
}

ul.dpProductLink
{
 height: 1%;
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
}

ul.dpProductLink li
{
 float: left;
 width: 132px;
 margin: 0;
 padding: 0;
 list-style: none;
 text-align: center;
}

.dpProductTitle
{
 margin-bottom: 20px;
 padding-bottom: 10px;
 border-bottom:1px dotted #B39E69;
}

ul.dpProductList5,
ul.dpProductList3,
ul.dpProductList1,
ul.dpProductList4
{
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
}

ul.dpProductList5 li,
ul.dpProductList3 li,
ul.dpProductList1 li,
ul.dpProductList4 li
{
 float: left;
 height: 14em;
 min-height: 14em;
 margin: 0;
 padding: 0;
 padding-bottom: 10px;
 list-style: none;
 text-align: center;
}

ul.dpProductList5 li
{
 width: 132px;
}

ul.dpProductList3 li
{
 width: 220px;
}

ul.dpProductList1 li
{
 width: 640px;
}

ul.dpProductList4 li
{
 width: 160px;
}

ul.dpProductList5 li span,
ul.dpProductList3 li span,
ul.dpProductList1 li span,
ul.dpProductList4 li span
{
 display: block;
 width: 132px;
 margin-right: auto;
 margin-left: auto;
 padding-top: 0.25em;
 cursor: pointer;
}

ul.dpProductList5 li a span,
ul.dpProductList3 li a span,
ul.dpProductList1 li a span,
ul.dpProductList4 li a span
{
 text-decoration: underline;
}

#dpProductColumn1
{
 width: 500px;
 border-right: 1px dotted #333333;
 overflow: hidden;
}

#dpProductLead
{
 float: right;
 width: 310px;
 padding-right: 20px;
 padding-left: 10px;
}

#dpProductLead h3
{
 margin-top: 5px;
 margin-bottom: 20px;
 padding: 0;
 font-size: 1.15em;
}

.dpProductRecipe
{
 padding-top: 20px;
 padding-bottom: 20px;
}

.banner_chinjao
{
 margin-top:20px;
}

#dpProductImage
{
 float: left;
 width: 148px;
 padding-bottom: 20px;
 text-align: center;
}

ul.dpProductMore
{
 clear: both;
 height: 1%;
 margin: 0;
 padding: 0;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
 list-style: none;
 border-top: 1px dotted #333333;
 overflow: hidden;
}

ul.dpProductMore li
{
 float: left;
 margin: 0;
 padding: 0;
 list-style: none;
}

ul.dpProductMore li img
{
 margin-right: 10px;
 vertical-align: middle;
}

ul.dpProductDetail
{
 clear: both;
 margin: 0;
 padding: 0;
 padding-top: 20px;
 padding-bottom: 20px;
 list-style: none;
 border-top: 1px dotted #333333;
}

ul.dpProductDetail li
{
 margin: 0;
 padding: 0;
 padding-top: 3px;
 padding-right: 20px;
 padding-bottom: 1.3em;
 padding-left: 16px;
 list-style: none;
 background: url(../images/bg_listMark2.gif) 0 0 no-repeat;
}

ul.dpProductDetail li strong
{
 font-weight: normal;
 color: #FF0000;
}

ul.dpProductReco
{
 clear: both;
 height: 1%;
 margin: 0;
 padding: 0;
 padding-top: 10px;
 list-style: none;
 overflow: hidden;
}

ul.dpProductReco li
{
 float: left;
 width: 50%;
 margin: 0;
 padding: 0;
 padding-bottom: 10px;
 list-style: none;
 text-decoration: none;
}

ul.dpProductReco li img
{
 margin-right: 10px;
 vertical-align: middle;
 text-decoration: none;
}

ul.dpProductReco li a:hover
{
 color: #333333;
 text-decoration: none;
}

ul.dpProductReco li a
{
 text-decoration: none;
}



ul.dpProductReco2
{
 clear: both;
 height: 1%;
 margin: 0;
 padding: 0;
 padding-top: 10px;
 list-style: none;
 overflow: hidden;
}

ul.dpProductReco2 li
{
 float: left;
 width: 322px;
 margin: 0;
 padding: 0;
 padding-right: 10px;
 padding-bottom: 10px;
 list-style: none;
 text-decoration: none;
}

ul.dpProductReco2 li span img
{
 line-height: 0;
 vertical-align: top;
}

ul.dpProductReco2 li span
{
 display: table-cell;
 width: 232px;
 vertical-align: middle;
}

ul.dpProductReco2 li span.dpImage
{
 width: 70px;
 padding-right: 10px;
 /*vertical-align: top;*/
}

ul.dpProductReco2 li a:hover
{
 color: #333333;
 text-decoration: none;
}

ul.dpProductReco2 li a
{
 text-decoration: none;
 cursor: pointer;
}





dl#dpProductColumn2
{
 position: absolute;
 top: 75px;
 right: 40px;
}

/* Safety index@ǉ */
ul#safety_bt_box{
	height:70px;
}

ul#safety_bt_box #safety_bt_outside1{
	position:absolute;
 	top: 700px;
 	left:60px;
}
ul#safety_bt_box #safety_bt_outside2{
	position:absolute;
 	top: 700px;
 	left:293px;
}
ul#safety_bt_box #safety_bt_outside3{
	position:absolute;
 	top: 730px;
 	left:60px;
}
ul#safety_bt_box #safety_bt_outside4{
	position:absolute;
 	top: 730px;
 	left:293px;
}
ul#safety_bt_box #safety_bt_outside5{
	position:absolute;
 	top: 760px;
 	left:60px;
}




/* Safety index */
ul.dpSafeNav
{
 width: 664px;
 margin: 0;
 padding: 0;
 padding-bottom: 30px;
 list-style: none;
 text-align :right;
}

ul.dpSafeNav li
{
 display: inline;
 margin: 0;
 padding: 0;
 padding-left: 20px;
 list-style: none;
}

div.dpSafetyMore h4
{
 float: left;
}

div.dpSafetyMore dl
{
 /*float: right;*/
 position: relative;
 width: 216px;
 height: 106px;
 padding-left: 65px;
 padding-bottom: 20px;
 overflow: hidden;
}

div.dpSafetyMore dl dt
{
 position: absolute;
 top: 0;
 right: 0;
}

div.dpSafetyMore dl dd a
{
 margin-left: 10px;
}

div#dpSafetyColumn1
{
 position: absolute;
 width: 380px;
 top: 126px;
 left: 188px;
}

div#dpSafetyColumn1 p
{
 margin-bottom: 20px;
}

div#dpSafetyColumn1 p img
{
 line-height: 0;
}

div#dpSafetyColumn2
{
 float: left;
 padding-left: 30px;
}

div#dpSafetyColumn3
{
 float: right;
 padding-right: 30px;
}

div#dpSafetyColumn2,
div#dpSafetyColumn3
{
 width: 130px;
 padding: 0;
}

div#dpSafetyColumn2 ul,
div#dpSafetyColumn3 ul
{
 clear: both;
 margin: 0;
 padding: 0;
 list-style: none;
}

div#dpSafetyColumn2 ul li,
div#dpSafetyColumn3 ul li
{
 margin: 0;
 padding: 0;
 padding-bottom: 10px;
 list-style: none;
 text-align: center;
}

div#dpSafetyColumn2 ul li a:hover,
div#dpSafetyColumn3 ul li a:hover
{
 color: #333333;
 text-decoration: none;
}

#dpSafetySeisan
{
 clear: both;
 padding-top: 50px;
 padding-bottom: 20px;
 text-align: center;
}

.dpHalfMovie h4,
.dpHalfMovie p
{
 float: right;
 width: 320px;
 text-align: left;
}

.dpLineHeight
{
 line-height: 25px;
}

.dpHalfMovie h3,
.dpHalfMovie h4
{
 padding-bottom: 5px;
}

.dpHalfMovie p.dpMovie
{
 float: left;
 width: 320px;
 padding-right: 20px;
 padding-left: 0;
}



#dpSpecialBg
{
 /*width: 100%;*/
 background: url(../images/bg_specialContents.jpg) 459px 17px no-repeat;
}

#dpSpecialBg div.dpContentsArea
{
 clear: both;
 padding-top: 0;
}

#dpSpTitle
{
 width: 663px;
 height: 254px;
 padding-bottom: 20px;
 /*overflow: hidden;*/
}

#dpSpTitle h3
{
 float: left;
 width: 321px;
 height: 254px;
 margin: 0;
 padding: 0;
 overflow: hidden;
 line-height: 0;
}

#dpSpTitle h3 span
{
 position: absolute;
 top: 80px;
 left: 224px;
}

#dpSpTitle h3 span#dpTypeC
{
 top: 105px;
}

#dpSpTitle p
{
 float: right;
 width: 342px;
 height: 254px;
 margin: 0;
 padding: 0;
 overflow: hidden;
 line-height: 0;
}

#dpSpTitle h4
{
 clear: both;
}

#dpSpTitle h4 span
{
 position: absolute;
 top: 270px;
 left: 44px;
 padding-top: 5px;
}

#dpSpTitle h4 span img
{
 float: left;
 margin-top: -5px;
}

#dpSpTitle span a
{
 margin-left: 20px;
 font-weight: normal;
}

#dpSpTitle ul #dpSpNav1
{
 position: absolute;
 top: 135px;
 left: 373px;
}

#dpSpTitle ul #dpSpNav2
{
 position: absolute;
 top: 214px;
 left: 407px;
}

#dpSpTitle ul #dpSpNav3
{
 position: absolute;
 top: 176px;
 left: 490px;
}

#dpSpTitle ul #dpSpNav4
{
 position: absolute;
 top: 217px;
 left: 560px;
}

#dpSpTitle ul #dpSpNav5
{
 position: absolute;
 top: 170px;
 left: 630px;
}

.dpSp
{
 width: 643px;
 padding-left: 20px;
}


.dpSpColumnLeft
{
 float: left;
 width: 440px;
 padding-right: 20px;
 padding-left: 20px;
 font-size: 1.1em;
}

.dpSpColumnRight
{
 float: right;
 width: 165px;
}

.dpSpColumnRight ul
{
 margin: 0;
 padding: 0;
 list-style: none;
}

.dpSpColumnRight ul li
{
 margin: 0;
 padding: 0;
 padding-bottom: 1.3em;
 list-style: none;
}

.dpSpColumnRight ul li p
{
 font-size: 0.9em;
}

.dpSpProfile
{
 width: 643px;
 margin-bottom: 20px;
 padding-bottom: 20px;
 background: url(../../special/images/bg_profileLine.gif) 0 100% repeat-x;
}

.dpSpProfile h4
{
 padding-bottom: 20px;
}

.dpSpProfile h5
{
 padding-left: 123px;
 padding-bottom: 10px;
}

.dpSpProfile p
{
 padding-left: 123px;
 line-height: 1.5;
}

h4.dpSpRecipe
{
 width: 577px;
 height: 31px;
 margin-bottom: 10px;
 padding-top: 25px;
 padding-left: 70px;
 vertical-align: bottom;
 background: url(../../special/images/bg_recipe.jpg) 0 100% no-repeat;
}

h4.dpSpRecipe span
{
 display: none;
}

dl.dpSpRecipeElement,
dl.dpSpRecipeFlow
{
 clear: both;
}

dl.dpSpRecipeElement dt,
dl.dpSpRecipeFlow dt
{
 float: left;
 width: 10.0em;
 padding-bottom: 1.0em;
 font-weight: bold;
}

dl.dpSpRecipeElement dd,
dl.dpSpRecipeFlow dd
{
 float: left;
 padding-bottom: 1.0em;
 width: 42.0em;
}

dl.dpSpRecipeElement dd table
{
 border-collapse: collapse;
}

dl.dpSpRecipeElement dd table th
{
 padding-right: 1.0em;
 padding-bottom: 0.3em;
 font-weight: normal;
 font-size: 1.0em;
}

dl.dpSpRecipeElement dd table th.dpChainCell
{
 padding-left: 1.6em;
 text-indent: -1.6em;
}

dl.dpSpRecipeElement dd table td
{
 padding-right: 2.0em;
 padding-bottom: 0.3em;
 font-size: 1.0em;
}

dl.dpSpRecipeFlow dd ol
{
 clear: both;
 padding-bottom: 1.3em;
 margin-left: 10px;
 list-style: decimal;
}

dl.dpSpRecipeFlow dd ol li
{

 margin-left: 15px;
 list-style: decimal;
}

ul.dpSpFlowImage
{
 clear: both;
 height: 1%;
 padding-top: 10px;
 list-style: none;
}

ul.dpSpFlowImage li
{
 float: left;
 width: 165px;
 padding-right: 1px;
 padding-bottom: 10px;
 font-size: 0.85em;
}
	ul.dpSpFlowImage li p.text_point
{
 width: 155px;
 margin:0px;
}

ul.dpSpFlowImage li img
{
 display: block;
 margin-bottom: 3px;
}




/* cookdohanten stick index */
#dpSpContentsWrap
{
 width: 551px;
 margin-right: auto;
 margin-bottom: 20px;
 margin-left: auto;
 background: url(../images/bg_spContentsWrap.gif) repeat-y;
}

#dpSpContents
{
 position: relative;
 width: 100%;
 padding-bottom: 20px;
 background: url(../images/bg_spContents.gif) 0 100% no-repeat;
}

#dpSpContents h3
{
 position: absolute;
 top: 0;
 left: 419px;
 margin: 0;
 padding: 0;
 line-height: 0;
}

#dpSpContents #dpSpLink
{
 clear: both;
 position: absolute;
 top: 265px;
 left: 405px;
}

#dpSpContents h4#dpNoMenu
{
 position: absolute;
 top: 0;
 left: 10px;
}

#dpSpContents h4#dpUnderMenu
{
 position: absolute;
 top: 25px;
 left: 10px;
}

ul#dpLocalNav
{
 position: absolute;
 top: 85px;
 left: 13px;
}

ul#dpLocalNav li
{
 display: inline;
 padding-left: 10px;
}

#dpSpContents .dpLead
{
 padding-top: 65px;
 padding-left: 10px;
 line-height: 0;
}

#dpSpContents h5#dpHeading
{
 margin: 0;
 padding-top: 54px;
 padding-left: 10px;
 line-height: 0;
}

#dpSpContents h5#page1
{
 margin: 0;
 padding-top: 80px;
 padding-left: 10px;
 line-height: 0;
}

.dpSpContentsArea
{
 clear: both;
 margin-bottom: 5px;
 padding-top: 15px;
 padding-right: 30px;
 padding-left: 30px;
 background: url(../../cookdohanten/images/bg_line.gif) 30px 0 no-repeat;
 /*overflow: hidden;*/
}

.dpNoLine
{
 padding-top: 0;
 background: none;
}

.dpSpContentsArea h5
{
 margin: 0;
 /*margin-left: -20px;*/
 padding: 0;
 padding-bottom: 15px;
}

/*-- add 20091031 --*/
.dpOtherLayout
{
 padding-left: 10px;
}

.dpOtherArea2
{
 padding-left: 10px;
}

.dpOtherArea2 p
{
 padding-left: 20px;
}

img.dpHeadingImage
{
 display: block;
 float: right;
 margin-top: -80px;
}

.dpSpContentsArea p
{
 padding-bottom: 1.6em;
 line-height: 1.6;
}

ul#dpSpMenu
{
 clear: both;
 width: 531px;
 margin-right: auto;
 margin-bottom: 20px;
 margin-left: auto;
 padding: 0;
 text-align: center;
}

ul#dpSpMenu li
{
 display: inline;
}

ul#dpTopMenu
{
 height: 23px;
 margin: 0;
 margin-left: 10px;
 padding-top: 2px;
 background: url(../../cookdohanten/images/bg_topMenu.gif) no-repeat;
 overflow: hidden;
}

ul#dpTopMenu li
{
 float: left;
 /*display: inline;*/
 padding-left: 1px;
}

.dpSpBlock
{
 clear: both;
 height: 1%;
 overflow: hidden;
}

.dpNoLine div.dpSpBlock
{
 margin-bottom: 5px;
 padding-top: 15px;
 background: url(../../cookdohanten/images/bg_lineS.gif) 20px 0 no-repeat;
}

.dpNoLine div.dpClearLine
{
 background: none;
}

.dpDeleteLayout
{
 padding-right: 110px;
}

.dpSpContentsArea p.dpClearIndent
{
 padding-bottom: 0;
}

.dpImageLeft
{
 float: left;
 width: 180px;
 padding-right:10px;
 padding-bottom:10px;
 text-align: center;
}

.dpImageRight
{
 float: right;
 width: 180px;
 padding-left:10px;
 padding-bottom:10px;
 text-align: center;
}

.dpImageLeft,
.dpImageRight
{
 font-size: 0.85em;
}

dl.dpDialogBase
{
 /*-- add 20091031 --*/
 padding-left: 20px;
 background: url(../../cookdohanten/images/bg_dialogBase.gif) 22px 0 no-repeat;
}

dl.dpDialogBase dt
{
 width: 301px;
 margin-bottom: 1.6em;
 margin-left: 190px;
}

/*-- add 20091031 --*/
dl.dpDialog
{
 padding-left: 20px;
}

p#page4
{
 padding-left: 19px;
}

dl.dpDialogBase dt.type1,
dl.dpDialog dt.type1
{
 clear: both;
 min-height: 110px;
 height: auto !important;
 height: 110px;
 margin-bottom: 1.6em;
 margin-left: 0;
 padding-left: 125px;
 vertical-align: middle;
 background: url(../../cookdohanten/images/bg_dialogDt1.gif) no-repeat;
}

dl.dpDialogBase dd.type1,
dl.dpDialog dd.type1
{
 clear: both;
 min-height: 90px;
 height: auto !important;
 height: 90px;
 margin-bottom: 1.6em;
 padding-top: 40px;
 padding-right: 120px;
 text-align: right;
 vertical-align: middle;
 background: url(../../cookdohanten/images/bg_dialogDd1.gif) 100% 50% no-repeat;
}

dl.dpDialogBase dt.type2,
dl.dpDialog dt.type2
{
 clear: both;
 min-height: 130px;
 height: auto !important;
 height: 130px;
 margin-bottom: 1.6em;
 margin-left: 0;
 padding-left: 140px;
 background: url(../../cookdohanten/images/bg_dialogDt2.gif) no-repeat;
}

dl.dpDialogBase dd.type2,
dl.dpDialog dd.type2
{
 clear: both;
 min-height: 90px;
 height: auto !important;
 height: 90px;
 margin-bottom: 1.6em;
 padding-top: 30px;
 padding-right: 120px;
 text-align: right;
 vertical-align: middle;
 background: url(../../cookdohanten/images/bg_dialogDd2.gif) 100% 0 no-repeat;
}

dl.dpDialogBase dt.type3,
dl.dpDialog dt.type3
{
 clear: both;
 min-height: 150px;
 height: auto !important;
 height: 150px;
 margin-bottom: 1.6em;
 margin-left: 0;
 padding-left: 120px;
 background: url(../../cookdohanten/images/bg_dialogDt3.gif) no-repeat;
}

dl.dpDialogBase dd.type3,
dl.dpDialog dd.type3
{
 clear: both;
 min-height: 90px;
 height: auto !important;
 height: 90px;
 margin-bottom: 1.6em;
 padding-top: 30px;
 padding-right: 120px;
 text-align: right;
 background: url(../../cookdohanten/images/bg_dialogDd3.gif) 100% 0 no-repeat;
}

dl.dpDialogBase dt.type4,
dl.dpDialog dt.type4
{
 clear: both;
 min-height: 130px;
 height: auto !important;
 height: 130px;
 margin-bottom: 1.6em;
 margin-left: 0;
 padding-left: 120px;
 background: url(../../cookdohanten/images/bg_dialogDt4.gif) no-repeat;
}

dl.dpDialog dd img
{
 margin-top: -30px;
}

.dpCMspace
{
 position: relative;
 width: 531px;
 min-height: 192px;
 height: auto !important;
 height: 192px;
 margin-right: auto;
 margin-bottom: 30px;
 margin-left: auto;
 background: url(../../cookdohanten/images/bg_cmSpace.gif) 100% 0 no-repeat;
}

.dpCMone
{
 min-height: 131px;
 height: auto !important;
 height: 131px;
 background: url(../../cookdohanten/images/bg_cmSpace1.gif) 100% 0 no-repeat;
}

.dpCMspace .textIndent
{
 padding-bottom: 10px;
}

.dpCMspace ul
{
 overflow: hidden;
}

.dpCMspace ul li
{
 float: left;
 padding-right: 15px;
 font-size: 0.85em;
 text-align: center;
}

.dpCMspace ul li img
{
 margin-bottom: 2px;
}

.dpCMspace ul li a
{
 text-decoration: none;
}

.dpCMspace p#dpOtherLink1
{
 position: absolute;
 top: 0;
 left: 385px;
}

.dpCMspace p#dpOtherLink2
{
 position: absolute;
 top: 0;
 left: 370px;
}

.dpCMspace p#dpOtherLink3
{
 position: absolute;
 top: 48px;
 left: 230px;
}

.dpCMspace p#dpOtherLink2 a
{
 text-decoration: none;
}



/* balance index */
#dpGuideBtn
{
 position: absolute;
 top: 75px;
 right: 40px;
}

.dpBalanceBlock
{
 clear: both;
 padding-top: 10px;
 padding-bottom: 20px;
 overflow: hidden;
}

.dpBalanceBlock h3
{
 margin-bottom: 10px;
 padding-bottom: 5px;
 border: none;
 border-bottom: 1px dotted #B39E69;
}

.dpBalanceBlock dl
{
 position: relative;
 width: 664px;
 min-height: 176px;
 height: auto !important;
 height: 176px;
 overflow: hidden;
}

.dpBalanceBlock dl dt
{
 position: absolute;
 top: 50%;
 width: 345px;
 height: 176px;
 margin-top: -88px;
}

.dpBalanceBlock dl dd
{
 float: right;
 width: 319px;
 overflow: hidden;
}

.dpBalanceBlock dl dt img
{
 vertical-align: middle;
 margin-top: -196px;
 margin-right: 20px;
}

.dpBalanceBlock dl dt span
{
 display: inline-block;
 padding-right: 20px;
}

.dpBalanceBlock dl dt span img
{
 margin-top: 0;
 margin-right: 0;
}

.dpBalanceBlock dl dt span a
{
 display: block;
 margin-top: 20px;
}

.dpBalanceBlock ul li
{
 padding-bottom: 10px;
 padding-left: 70px;
}

.dpBalanceBlock ul li img
{
 margin-left: -70px;
 vertical-align: middle;
}

.dpBalanceBlock ul li span
{
 padding-left: 5px;
}

.dpBalanceBlock ul li a
{
 text-decoration: none;
}

.dpBalanceBlock2
{
 clear: both;
 padding-top: 10px;
 padding-bottom: 20px;
 overflow: hidden;
}

.dpBalanceBlock2 p.dpBaseItem
{
 float: left;
 width: 175px;
}

.dpBalanceBlock2 h3
{
 margin-bottom: 10px;
 margin-left: 180px;
 padding-bottom: 15px;
 border: none;
 border-bottom: 1px dotted #B39E69;
}

.dpBalanceBlock2 h3 a
{
 float: right;
}

.dpBalanceBlock2 p.dpItemDetail
{
 margin-left: 180px;
}







hr.dpEndline
{
 display: block;
 height: 1px;
 border: none;
 border-top:1px dotted #B39E69;
}

table.dpItemList2,
table.dpItemList3,
table.dpItemListP2
{
 margin-bottom: 1.0em;
 border-collapse: collapse;
 font-size: 0.9em;
}

table.dpItemList2 th,
table.dpItemList3 th,
table.dpItemListP2 th
{
 width: 70px;
 padding-right: 5px;
 padding-bottom: 5px;
}

table.dpItemList2 td
{
 width: 190px;
 padding-right: 5px;
 padding-bottom: 5px;
}

table.dpItemList3 td
{
 width: 141px;
 padding-right: 5px;
 padding-bottom: 5px;
}

table.dpItemListP2 td
{
 width: 252px;
 padding-right: 5px;
 padding-bottom: 5px;
}


table.dpItemList2 td a,
table.dpItemList3 td a,
table.dpItemListP2 td a
{
 text-decoration: none;
}

table.dpItemList2 td a:hover,
table.dpItemList3 td a:hover,
table.dpItemListP2 td a:hover
{
 color: #333333;
 text-decoration: none;
}

@media print {

div.dpRecipeIndex ul li
{
 margin-bottom: 0;
}

div.dpRecipeIndex div.dpDetailItem2 ul li
{
 margin-bottom: -0px;
}

/* maxWidth: 664px; */
ul.dpRecipeProcess2,
ul.dpRecipeProcess3,
ul.dpRecipeProcess
{
	width:664px;
}

ul.dpRecipeProcess2 li,
ul.dpRecipeProcess3 li,
ul.dpRecipeProcess li
{
 margin-bottom: 0px;
	padding-bottom: 0px;
}


ul.dpRecipeProcess3 li#dpProcess1,
ul.dpRecipeProcess3 li#dpProcess2,
ul.dpRecipeProcess3 li#dpProcess3
{
 width: 208px;
	min-height:100px;
	margin-bottom:0px;
	margin-right: 20px;
}

ul.dpRecipeProcess2 li#dpProcess2,
ul.dpRecipeProcess3 li#dpProcess3,
ul.dpRecipeProcess li#dpProcess4,
ul.dpRecipeProcess li#dpProcess8
{
 margin-right: 0;
}

#dpReturnIndex {
display:none;
}

}

