@charset "utf-8";

/*
======== CONTENTS =========
	Site Name: ポッカコーポレーション
	Last-updated:2009/10/31
	Description: products common style
===========================
*/
/*---------------------------------------------------- itembox*/
#MAIN indexArea .item_box{
width:570px;
background-image:none
}
.item_box .itemboxin{
display:block;
}
.item_box .itemboxin .itemph{
margin-right:7px;
padding-bottom:10px;
width:200px;
float:left;
text-align:left;
}
.item_box .itemboxin .itemph img{
border:1px solid #dddddd;
}
.item_box .itemboxin .itemtxt{
float:left;
width:330px;
margin-top:20px;
margin-left:20px;
}
.item_box .itemboxin .itemtxt .itemico{
margin-bottom:13px;
}

.item_box .itemboxin .itemtxt .itemico img{
margin-right:8px;
}

.item_box .itemboxin .itemtxt p{
line-height:1.3;
}
.item_box .itemboxin .itemtxt .itemnavi{
margin-top:13px;
}

/*------------------------ itemspeck*/

#MAIN div.indexArea div.itemspeck01{
width:560px;
margin:15px 0 10px 0;
}
#MAIN div.indexArea div.itemspeck01 .tbl_01,
#MAIN div.indexArea div.itemspeck02 .specknourishment .tbl_02 {
font-size:110%;
border-collapse:collapse;
padding:0;
}

#MAIN div.indexArea div.itemspeck01 table.tbl_01{
border:none;
width:560px;
}
#MAIN div.indexArea div.itemspeck01 table.tbl_01 th{
background-color:#FFFFFF;
border-right:1px solid #d9d9d9;
border-bottom:1px dotted #7f7f7f;
border-left:none;
width:145px;
padding:7px;
}
#MAIN div.indexArea div.itemspeck01 table.tbl_01 th.top,
#MAIN div.indexArea div.itemspeck01 table.tbl_01 td.top{
border-top:1px dotted #7f7f7f;
}

#MAIN div.indexArea div.itemspeck01 table.tbl_01 td{
background-color:#FFFFFF;
border-bottom:1px dotted #7f7f7f;
border-right:none;
padding:7px;
}
#MAIN div.indexArea div.itemspeck02{
width:560px;
margin:15px 0 15px 0px;
}
.itemspeck02 .specknourishment{
float:left;
width:223px;
margin-left:5px;
display: inline;
}
.itemspeck02 .specknourishment h4,
.itemspeck02 .speckallergy h4{
border-left:4px solid #cecebe;
color:#3E3B2C;
font-weight:bold;
padding:1px 0 1px 8px;
margin-bottom:8px;
}
.itemspeck02 .specknourishment h4 span.per,
.itemspeck02 .speckallergy h4 span.per{
font-size:80%;
font-weight:normal;
}
#MAIN div.indexArea div.itemspeck02 .specknourishment table.tbl_02{
width:223px;
border:1px solid #b8b8b8;
}
#MAIN div.indexArea div.itemspeck02 .specknourishment table.tbl_02 th{
background-color:#f2f2ef;
padding:7px;
border:1px solid #b8b8b8;
}
#MAIN div.indexArea div.itemspeck02 .specknourishment table.tbl_02 td{
padding:7px;
border:1px solid #b8b8b8;
}
#MAIN div.indexArea div.itemspeck02 .speckallergy{
float:left;
width:310px;
margin-left:20px;
}
#MAIN div.indexArea div.itemspeck02 .speckallergy p span.arecol{
color:#ffaeae;
}
#MAIN div.indexArea div.itemspeck02 .speckallergy table.tbl_03{
background-color:#fafaf8;
border:none;
width:310px;
font-size:100%;
border-collapse:collapse;
padding:0;
}
#MAIN div.indexArea div.itemspeck02 .speckallergy .tbl_03 td{
padding:6px 6px;
text-align:center;
margin:0 auto;
width:44px;
border:1px solid #FFFFFF;
line-height:1;
}
#MAIN div.indexArea div.itemspeck02 .speckallergy .tbl_03 td.food01{
background-color:#f2f2ef;
}
#MAIN div.indexArea div.itemspeck02 .speckallergy .tbl_03 td.food02{
background-color:#e6e6e0;
}
#MAIN div.indexArea div.itemspeck02 .speckallergy .tbl_03 td.food03{
background-color:#edede8;
}
#MAIN div.indexArea div.itemspeck02 .speckallergy .tbl_03 td.are{
background-color:#ffaeae;
}

p.note{
	text-indent: -1.1em;
	padding-left:1.2em;
	padding-top: 12px;
}

#MAIN h3.2nd{
margin-top:15px !important;}




.product_navi_name{
	padding:0 2px;
}


#topicPath span{
color:#444444;
font-weight:normal;
padding:0 2px;
}