@charset "utf-8";

.notes,
.notes li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.notes {
    font-size: 85%;
}

.notes li {
    padding-left: 1em;
    text-indent: -1em;
}


/* -------------------------------------------------------- */
/*   ヘッダ画像用   */
/* -------------------------------------------------------- */

body p.mainImage {
    margin: 0;
}



/* -------------------------------------------------------- */
/*   ショップリスト   */
/* -------------------------------------------------------- */

div#main div.contents.shoplist {
    width: 716px;
}

div#main div.contents.shoplist ul.navigation,
div#main div.contents.shoplist ul.navigation li {
    float: none;
    margin: 0;
}

div#main div.contents.shoplist ul.navigation {
    margin: 30px 0;
}

div#main div.contents.shoplist ul.navigation li {
    display: inline;
    margin-right: 5px;
    padding-right: 8px;
    border-right: solid 1px #999;
}

div#main div.contents.shoplist p.photo {
    float: none;
    margin: 0;
    text-align: center;
}

div#main div.contents.shoplist h2 {
    margin: 20px 0;
    padding: 5px;
    font-size: 131%;
    background-color: #129395;
    color: white;
}

div#main div.contents.shoplist table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

div#main div.contents.shoplist table th,
div#main div.contents.shoplist table td {
    border: solid 1px #999;
}

div#main div.contents.shoplist table th {
    background-color: #e4f1fc;
    color: black;
}

div#main div.contents.shoplist table th.pasteurization {
    width: 3em;
}

div#main div.contents.shoplist table th.uht {
    width: 4em;
}

div#main div.contents.shoplist table th.cheese {
    width: 3em;
}

div#main div.contents.shoplist table td {
    padding: 5px 5px;
}

div#main div.contents.shoplist table td.pasteurization,
div#main div.contents.shoplist table td.uht,
div#main div.contents.shoplist table td.cheese {
    text-align: center;
}

div#main div.contents.shoplist table td.area {
    background-color: #3f53bb !important;
    color: white;
}

div#main div.contents.shoplist table td.shop {

}

div#main div.contents.shoplist table td a {
    color: #C01920;
}



/* -------------------------------------------------------- */
/*   カテゴリトップのナビゲーション   */
/* -------------------------------------------------------- */

div#main div.contents.category {
    float: none;
    width: auto;
    margin-right: 42px;
}

div.contents.category ul.indexNavigation,
div.contents.category ul.indexNavigation li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.category ul.indexNavigation {
    width: 716px;
    margin: 20px 0;
    text-align: center;
}

div.contents.category ul.indexNavigation li {
    display: inline;
    margin: 10px 20px;
}

div.contents.category div.section {
    width: 394px;
    height: 1%;
    margin: 0 auto;
    padding-bottom: 30px;
    background: url(../image/milk/mythPower_bg.gif) no-repeat left bottom;
}

div.contents.category div.section h2 {
    margin: 0 0 20px;
    /margin-top: -5px;
}

div.contents.category div.section ul {
    width: auto;
    margin: 0;
}



/* -------------------------------------------------------- */
/*   写真回り込み   */
/* -------------------------------------------------------- */

div.contents p.photo {
    float: right;
    margin: 0 0 10px 10px;
}



/* -------------------------------------------------------- */
/*   組合概要   */
/* -------------------------------------------------------- */

div.contents.about {
    padding-bottom: 180px;
    background: url(../image/association/about/backImage.jpg) no-repeat left bottom;
}

div.contents.about table.associationTable,
div.contents.about table.associationTable th,
div.contents.about table.associationTable td {
    background-color: transparent;
    vertical-align: top;
    color: black;
}

div.contents.about table.associationTable th,
div.contents.about table.associationTable td {
    padding: 7px 3px;
    border-bottom: dotted 1px #e62222;
}

div.contents.about table.associationTable th {
    width: 7em;
    padding-left: 15px;
    background: url(../image/common/icon01.gif) no-repeat 0 10px;
    font-weight: bold;
}

div.contents.about table.associationTable td ol,
div.contents.about table.associationTable td ol li {
    margin: 0;
    padding: 0;
}

div.contents.about table.associationTable td ol li {
    margin-left: 25px;
}

div.contents.about table.associationTable td ol li span {
    display: inline-block;
    width: 7em;
}

div.contents.about table.associationTable td ol li ul,
div.contents.about table.associationTable td ol li ul li {
    display: inline;
    list-style: none;
    margin: 0 0 0 0px;
    padding: 0;
}

div.contents.about table.associationTable table {
    margin: 0;
}

div.contents.about table.associationTable table th,
div.contents.about table.associationTable table td {
    padding: 0;
    border: 0;
    background-image: none;
    font-weight: normal;
}

div.contents.about table.associationTable table th {
    width: 4em;
}



/* -------------------------------------------------------- */
/*   あゆみ   */
/* -------------------------------------------------------- */

div#main div.contents.history {
    width: 580px;
    background: url(../image/association/history/historyImage.jpg) no-repeat right bottom;
}

div.contents.history table {
    margin-bottom: 20px;
}

div.contents.history table th,
div.contents.history table td {
    padding: 6px 20px 6px 0;
    background-color: transparent;
    line-height: 1.5;
    color: black;
}

div.contents.history table th {
    vertical-align: top;
    font-weight: bold;
}

div.contents.history table td {
    font-size: 108%;
}



/* -------------------------------------------------------- */
/*   理念   */
/* -------------------------------------------------------- */

ol.causeList,
ol.causeList li {
    list-style: none;
    margin: 0;
    padding: 0;
}



/* -------------------------------------------------------- */
/*   所在地   */
/* -------------------------------------------------------- */

div.contents.address div.section {
    width: 425px;
    margin: 0 auto;
}

div.contents.address div.section h2 {
    padding-left: 10px;
    border-left: solid 10px #e62222;
    font-weight: bold;
    font-size: 108%;
}

div.contents.address div.section p.map {
    margin: 15px 0 30px;
    text-align: center;
}



/* -------------------------------------------------------- */
/*   とりくみ   */
/* -------------------------------------------------------- */

div.contents.approach p.read {
    margin-bottom: 50px;
}

div.contents.approach div.section {
    margin-bottom: 30px;
}



/* -------------------------------------------------------- */
/*   パスチャライズド牛乳   */
/* -------------------------------------------------------- */

div.contents.pasteurizedMilk p.photo {
    float: none;
    margin: 20px 0;
    text-align: center;
}

div.contents.pasteurizedMilk ul.link,
div.contents.pasteurizedMilk ul.link li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.pasteurizedMilk ul.link li {
    text-align: right;
}

div.contents.pasteurizedMilk div.section {
    clear: both;
    margin: 40px 0;
}

div.contents.pasteurizedMilk div.section div.section.heatDenaturation {
    position: relative;
}

div.contents.pasteurizedMilk div.section div.section.heatDenaturation h3 {
    margin-bottom: 30px;
}

div.contents.pasteurizedMilk div.section div.section.heatDenaturation ul.link {
    position: absolute;
    top: -10px;
    right: 0;
}

div.contents.pasteurizedMilk div.section.images {
    position: relative;
    height: 730px;
}

div.contents.pasteurizedMilk div.section.images p {
    position: absolute;
}



/* -------------------------------------------------------- */
/*   たんぱく質の熱変性   */
/* -------------------------------------------------------- */

div.contents.heatDenaturation div.section {
    margin: 30px 0;
}

div.contents.heatDenaturation p.photo {
    float: none;
    margin: 0;
    text-align: center;
}

div.contents.heatDenaturation div.section h2,
div.contents.heatDenaturation div.section h3 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 108%;
}

div.contents.heatDenaturation div.section ol,
div.contents.heatDenaturation div.section ol li,
div.contents.heatDenaturation div.whiteTurbidityColumn ol,
div.contents.heatDenaturation div.whiteTurbidityColumn ol li {
    list-style: none;
    margin: 0;
    padding: 0;
}


div.contents.heatDenaturation div.section ol li,
div.contents.heatDenaturation div.whiteTurbidityColumn ol li {
    margin: 0 0 10px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.contents.heatDenaturation div.whiteTurbidityColumn ol li {
    padding-left: 25px;
    line-height: 19px;
    font-weight: bold;
}

div.contents.heatDenaturation div.whiteTurbidityColumn,
div.contents.heatDenaturation div.section.rennet div.column {
    width: 100%;
    display: table;
}

div.contents.heatDenaturation div.whiteTurbidityColumn div.text,
div.contents.heatDenaturation div.whiteTurbidityColumn p.photo,
div.contents.heatDenaturation div.section.rennet div.column p {
    /float: left;
    display: table-cell;
    vertical-align: top;
}

div.contents.heatDenaturation div.whiteTurbidityColumn div.text {
    /width: 310px;
    padding: 20px 20px 0 0;
}

div.contents.heatDenaturation div.section.rennet div.column p {
    /width: 320px;
    margin: 0;
    padding-right: 20px;
}

div.contents.heatDenaturation div.section.rennet div.column p.photo {
    /width: auto;
    padding: 0;
}

div.contents.heatDenaturation div.section.rennet ul.movie,
div.contents.heatDenaturation div.section.rennet ul.movie li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.heatDenaturation div.section.rennet ul.movie li {
    margin: 40px 0;
    text-align: center;
}

div.contents.heatDenaturation div.section.lactoferrin p.photo {
    margin-top: 30px;
}




/* -------------------------------------------------------- */
/*   みんなの牛乳   */
/* -------------------------------------------------------- */

div.contents.minnanogyunyu p.photo {
    float: left;
    margin: 0 10px 10px 0;
}

div.contents.minnanogyunyu div.section {
    clear: both;
    margin: 40px 0;
}

div.contents.minnanogyunyu div.section.treat p.photo {
    float: right;
    margin: 0 0 10px 10px;
}

div.contents.minnanogyunyu div.section.aspect ul.aspect,
div.contents.minnanogyunyu div.section.aspect ul.aspect li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.minnanogyunyu div.section.aspect ul.aspect li {
    padding: 7px 30px;
    border-bottom: dotted 1px #999;
    background: url(../image/belief/minnanogyunyu/icon03.gif) no-repeat left center;
}

div.contents.minnanogyunyu div.section.howAndWhy ol.howAndWhy,
div.contents.minnanogyunyu div.section.howAndWhy ol.howAndWhy li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.minnanogyunyu div.section.howAndWhy ol.howAndWhy {
    margin: 20px 0;
}

div.contents.minnanogyunyu div.section.howAndWhy ol.howAndWhy li {
    padding: 4px 0 4px 30px;
    background: no-repeat 0 4px;
}




/* -------------------------------------------------------- */
/*   利根牧場   */
/* -------------------------------------------------------- */

div.contents.tonePasture p.photo {
    float: none;
    margin: 30px 0;
    text-align: center;
}

div.contents.tonePasture div.read {
    width: 491px;
    margin: 0 auto 30px;
}

div.contents.tonePasture div.read p.description {
    font-size: 85%;
    color: #e70b0b;
}

div.contents.tonePasture div.column {
    display: table;
    width: 100%;
    clear: both;
}

div.contents.tonePasture div.column p,
div.contents.tonePasture div.column div.read {
    display: table-cell;
    /float: left;
    vertical-align: top;
    padding-left: 20px;
    /zoom: 1;
}

div.contents.tonePasture div.column p.photo {
    float: none;
    /width: auto;
    /float: left;
    margin: 0;
    padding: 0;
}

div.contents.tonePasture div.column div.read {
    width: auto;
    /width: 274px;
    /float: left;
    margin: 0;
    padding: 0;
}

div.contents.tonePasture div.column div.read p {
    float: none;
    display: block;
    font-size: 85%;
}

div.contents.tonePasture div.section.scarcityMilk div.column {
    width: 515px;
    margin: 30px auto 10px;
}

div.contents.tonePasture div.section.scarcityMilk div.column div.text {
    display: table-cell;
    /float: right;
    /width: auto;
    padding-left: 20px;
}

div.contents.tonePasture div.section.scarcityMilk div.column div.text h3 {
    margin: 0;
}

div.contents.tonePasture div.section.scarcityMilk div.column div.text ul,
div.contents.tonePasture div.section.scarcityMilk div.column div.text ul li {
    /width: 220px;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.tonePasture div.section.scarcityMilk div.column div.text ul {
    margin: 10px 0;
}

div.contents.tonePasture div.section.scarcityMilk div.column div.text ul li {
    padding: 5px 0 5px 20px;
    border-bottom: dotted 1px #878787;
    background: url(../image/belief/minnanogyunyu/icon03.gif) no-repeat 0 7px;
}





/* -------------------------------------------------------- */
/*   工場紹介   */
/* -------------------------------------------------------- */

div.contents.factory div.section {
    position: relative;
}

div.contents.factory div.section ol.flow,
div.contents.factory div.section ol.flow li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.factory div.section ol.flow {
    position: relative;
    height: 1%;
    margin: 15px;
}

div.contents.factory div.section ol.flow:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.contents.factory div.section ol.flow li {
    width: 135px;
    float: left;
    background: url(../image/belief/factory/arrow.gif) no-repeat right center;
}

div.contents.factory div.section ol.flow li.step4,
div.contents.factory div.section ol.flow li.step8 {
    width: 113px;
}

div.contents.factory div.section ol.flow li.step5,
div.contents.factory div.section ol.flow li.step6,
div.contents.factory div.section ol.flow li.step7,
div.contents.factory div.section ol.flow li.step8 {
    margin-top: 370px;
}

div.contents.factory div.section ol.flow li.step8 {
    background-image: none;
}

div.contents.factory div.section ol.flow li img {
    cursor: pointer;
}

div.contents.factory div.section div.flow#stepFlow {
    position: absolute;
    top: 145px;
    left: 50%;
    width: 412px;
    margin-left: -206px;
}

div.contents.factory div.section div.flow#stepFlow p,
div.contents.factory div.section div.flow#stepFlow dl,
div.contents.factory div.section div.flow#stepFlow dl dt,
div.contents.factory div.section div.flow#stepFlow dl dd {
    margin: 0;
    padding: 0;
}

div.contents.factory div.section div.flow#stepFlow dl {
    height: 1%;
    background: url(../image/belief/factory/bg.gif) no-repeat left bottom;
}

div.contents.factory div.section div.flow#stepFlow dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

div.contents.factory div.section div.flow#stepFlow dl dt {
    float: left;
    width: 70px;
    margin-bottom: 10px;
    padding-left: 17px;
}

div.contents.factory div.section div.flow#stepFlow dl dd.text {
    float: right;
    width: 320px;
    margin: 5px 0 10px;
    padding: 0 4px 0 0px;
    color: white;
}

div.contents.factory div.section div.section {
    margin: 20px 0 40px;
}

div.contents.factory div.section div.section h3 {
    font-size: 108%;
    font-weight: bold;
    color: #e70b0b;
}

div.contents.factory div.section div.section img {
    margin-bottom: 10px;
}





/* -------------------------------------------------------- */
/*   非遺伝子組み換え飼料   */
/* -------------------------------------------------------- */

div.contents.nongeneticallyModified div.section {
    margin: 30px 0;
}

div.contents.nongeneticallyModified div.section.wildfower div.section,
div.contents.nongeneticallyModified div.section.wildfower div.section div.column {
    margin-bottom: 0;
}

div.contents.nongeneticallyModified div.section.syrage p.photo,
div.contents.nongeneticallyModified div.section.cropAcreage p.photo {
    float: none;
    margin: 0;
    text-align: center;
}

div.contents.nongeneticallyModified div.section ul.link,
div.contents.nongeneticallyModified div.section ul.link li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

div.contents.nongeneticallyModified div.section ul.link {
    margin: 30px 0;
}

div.contents.nongeneticallyModified div.section ul.link li {
    display: inline;
    margin-left: 10px;
}

div.contents.nongeneticallyModified div.section div.column {
    display: table;
    width: 100%;
    clear: both;
    margin-bottom: 30px;
}

div.contents.nongeneticallyModified div.column p,
div.contents.nongeneticallyModified div.column div.read {
    display: table-cell;
    /float: left;
    vertical-align: top;
    padding-left: 20px;
    /zoom: 1;
}

div.contents.nongeneticallyModified div.column div.read {
    /width: 252px;
    padding-left: 10px;
}

div.contents.nongeneticallyModified div.column div.read p {
    font-size: 85%;
}

div.contents.nongeneticallyModified div.column p.photo {
    float: none;
    /width: auto;
    /float: left;
    margin: 0;
    padding: 0;
}

div.contents.nongeneticallyModified div.column div.read p {
    display: block;
    float: none;
}

div.contents.nongeneticallyModified div.section.mainFeed h3 {
    margin: 30px 0;
}

div.contents.nongeneticallyModified div.section.mainFeed div.column p.photo {
    width: 220px;
}

div.contents.nongeneticallyModified div.section.mainFeed div.column div h4 {
    margin-top: 0;
    font-weight: bold;
}

div.contents.nongeneticallyModified div.section.mainFeed div.column div p {
    padding: 0;
}



/* -------------------------------------------------------- */
/*   生産者限定   */
/* -------------------------------------------------------- */

div.contents.producerReserve div.section {
    clear: both;
    margin: 30px 0;
}

div.contents.producerReserve div.section.milkWithProducerReserve {
    margin-top: 0;
}

div.contents.producerReserve div.section.milkWithProducerReserve ul.link,
div.contents.producerReserve div.section.milkWithProducerReserve ul.link li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.producerReserve div.section.milkWithProducerReserve ul.link li {
    text-align: right;
}

div.contents.producerReserve div.section.highQualityMilk p.photo {
    float: none;
    margin: 0 0 20px;
    text-align: center;
}

div.contents.producerReserve div.section.highQualityMilk div.letter {
    width: 494px;
    height: 1%;
    margin: 0 auto;
}

div.contents.producerReserve div.section.highQualityMilk div.letter:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

div.contents.producerReserve div.section.highQualityMilk div.letter p {
    float: left;
}

div.contents.producerReserve div.section div.column {
    display: table;
    width: 522px;
    margin-bottom: 20px;
}

div.contents.producerReserve div.section div.column p.photo,
div.contents.producerReserve div.section div.column div.text {
    display: table-cell;
    vertical-align: top;
    /float: left;
}

div.contents.producerReserve div.section div.column p.photo {
    /width: auto;
}

div.contents.producerReserve div.section div.column div.text {
    padding-left: 20px;
}



/* -------------------------------------------------------- */
/*   消費者とのかかわり   */
/* -------------------------------------------------------- */

div.contents.userInvolvement div.section {
    clear: both;
    margin: 30px 0;
}

div.contents.userInvolvement div.section:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

div.contents.userInvolvement div.section p.photo {
    float: left;
    margin: 0 20px 10px 0;
    _margin-right: 10px;
}

div.contents.userInvolvement div.section div.column {
    clear: both;
    width: 548px;
    display: table;
    margin: 20px 0 10px;
}

div.contents.userInvolvement div.section div.column p.photo,
div.contents.userInvolvement div.section div.column div.text {
    display: table-cell;
    vertical-align: top;
    /float: left;
}

div.contents.userInvolvement div.section div.column p.photo {
    /width: auto;
    margin: 0;
}

div.contents.userInvolvement div.section div.column div.text {
    padding-left: 20px;
}

div.contents.userInvolvement div.section div.column div.text h3 {
    margin-top: 0;
    font-size: 108%;
    font-weight: bold;
    color: #e70b0b;
}

div.contents.userInvolvement div.section div.column div.text table {
    width: 290px;
}

div.contents.userInvolvement div.section div.column div.text table th,
div.contents.userInvolvement div.section div.column div.text table td {
    vertical-align: top;
}

div.contents.userInvolvement div.section div.column div.text table th {
    width: 5em;
    padding: 3px 0;
    background-color: transparent;
    color: black;
}

div.contents.userInvolvement div.section div.column div.text table td {
    padding: 3px 0 3px 10px;
}




/* -------------------------------------------------------- */
/*   牛乳・乳飲料   */
/* -------------------------------------------------------- */

div.contents.product div.item {
    width: 151px;
    min-height: 220px;
    height: auto !important;
    height: 220px;
    float: left;
    margin: 0 25px 0 10px;
}

div.contents.product div.item dl,
div.contents.product div.item dl dt,
div.contents.product div.item dl dd {
    margin: 0;
    padding: 0;
}

div.contents.product div.item dl dd {
    margin-top: 10px;
    text-align: center;
}

div.contents.product div.item dl dd a {
    color: black;
}



/* -------------------------------------------------------- */
/*   商品詳細   */
/* -------------------------------------------------------- */

div.contents.item div.itemInformation {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

div.contents.item div.itemInformation p.photo,
div.contents.item div.itemInformation div.section.text {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: top;
}

div.contents.item div.itemInformation p.photo {
    width: 220px;
    /float: left;
    text-align: center;
}

div.contents.item div.itemInformation div.section.text {
    /zoom: 1;
}

div.contents.item div.itemInformation div.section.text h2 {
    font-weight: bold;
    font-size: 108%;
    color: #039;
}

div.contents.item div.itemInformation div.section.text ul,
div.contents.item div.itemInformation div.section.text ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.item div.itemInformation div.section.text ul li {
    padding: 7px 30px;
    border-bottom: dotted 1px #999;
    background: url(../image/belief/minnanogyunyu/icon03.gif) no-repeat left center;
}

div.contents.item div.section.informationIngredients,
div.contents.item div.section.nutrientIngredient {
    width: 230px;
    margin-bottom: 50px;
}

div.contents.item div.section.informationIngredients {
    float: left;
}

div.contents.item.single div.section.informationIngredients {
    margin-left: 220px;
}

div.contents.item div.section.nutrientIngredient {
    float: right;
}

div.contents.item div.section.informationIngredients table,
div.contents.item div.section.informationIngredients table th,
div.contents.item div.section.informationIngredients table td,
div.contents.item div.section.nutrientIngredient table,
div.contents.item div.section.nutrientIngredient table th,
div.contents.item div.section.nutrientIngredient table td {
    background-color: white;
    border-bottom: dotted 1px #333;
    color: black;
}

div.contents.item div.section.informationIngredients table,
div.contents.item div.section.nutrientIngredient table {
    width: 100%;
    border: 0;
}

div.contents.item div.section.informationIngredients table th,
div.contents.item div.section.informationIngredients table td,
div.contents.item div.section.nutrientIngredient table th,
div.contents.item div.section.nutrientIngredient table td {
    padding: 5px 3px;
}

div.contents.item div.section.informationIngredients table th,
div.contents.item div.section.informationIngredients table th a,
div.contents.item div.section.nutrientIngredient table th {
    font-weight: bold;
}

div.contents.item div.section.informationIngredients table th {
    width: 5.5em;
}





/* -------------------------------------------------------- */
/*   牛乳の種類   */
/* -------------------------------------------------------- */

div.contents.class div.section {
    clear: both;
    margin: 30px 0;
}

div.contents.class table.class {
    border-collapse: collapse;
    background: url(../image/milk/class/bg.gif) no-repeat left bottom;
}

div.contents.class table.class th,
div.contents.class table.class td {
    padding: 0;
    border-bottom: dotted 1px #a18570;
    background-color: transparent;
}

div.contents.class table.class thead th {
    border-right: solid 1px white;
    border-bottom: 0;
}

div.contents.class table.class tbody tr.head th,
div.contents.class table.class tbody tr.head td {
    padding: 0;
    background-color: #d9c0ae;
}

div.contents.class table.class tbody th {
    border-right: solid 1px #a18570;
    text-align: center;
    font-weight: bold;
    font-size: 116%;
    color: #5a361b;
}

div.contents.class table.class tbody td {
    padding: 5px;
}

div.contents.class div.section.label div.section.milkForMilk {
    min-height: 148px;
    height: auto !important;
    height: 148px;
    padding-right: 170px;
    background: url(../image/milk/class/coffeeMilk.gif) no-repeat right top;
}






/* -------------------------------------------------------- */
/*   賞味期限と消費期限   */
/* -------------------------------------------------------- */

div.contents.useByDate div.section {
    margin: 30px 0;
}

div.contents.useByDate div.section.dateMarking table {
    background: transparent url(../image/milk/usebydate/table_bg.gif) no-repeat left bottom;
}

div.contents.useByDate div.section.dateMarking table th,
div.contents.useByDate div.section.dateMarking table td {
    padding: 5px;
    border-bottom: solid 1px #43260a;
    background-color: transparent;
    vertical-align: top;
}

div.contents.useByDate div.section.dateMarking table th {
    font-weight: bold;
    color: black;
}

div.contents.useByDate div.section.dateMarking table td {

}

div.contents.useByDate div.section.distincitionForMilk p.photo {
    float: left;
    margin: 0 10px 10px 0;
}

div.contents.useByDate div.section.storing p strong {
    font-size: 108%;
    color: #b52c2c;
}



/* -------------------------------------------------------- */
/*   クリームラインの楽しみ方   */
/* -------------------------------------------------------- */

div.contents.creamline p.photo {
    float: none;
    margin: 0;
    text-align: center;
}

div.contents.creamline ul.link,
div.contents.creamline ul.link li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.contents.creamline ul.link li {
    margin: 20px 0;
    text-align: right;
}

div.contents.creamline div.section {
    margin: 30px 0;
}

div.contents.creamline div.section p strong {
    text-decoration: underline;
    font-size: 108%;
}

div.contents.creamline div.section p img {
    margin: 20px 0;
}



/* -------------------------------------------------------- */
/*   美容   */
/* -------------------------------------------------------- */

div.contents.beauty div.section {
    margin: 30px 0;
}

div.contents.beauty div.section p.photo {
    float: left;
    margin-right: 10px;
}

div.contents.beauty div.section div.section {
    clear: both;
    margin: 0;
}

div.contents.beauty p.via {
    text-align: right;
    font-size: 85%;
}



/* -------------------------------------------------------- */
/*   健康   */
/* -------------------------------------------------------- */

div.contents.health div.section {
    margin: 30px 0;
}

div.contents.health div.section.dateMarking p.photo {
    float: left;
    margin: 0 20px 0 0;
    _margin-right: 10px;
}

div.contents.health div.section.dateMarking p.vertop {
    margin-top: 50px;
}

div.contents.health div.section.vitamin div.column {
    display: table;
    width: 548px;
}

div.contents.health div.section.vitamin div.column p.photo,
div.contents.health div.section.vitamin div.column div.text {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    /zoom: 1;
}

div.contents.health div.section.vitamin div.column p.photo {
    /float: left;
    /width: auto;
    padding-right: 30px;
}

div.contents.health div.section.vitamin div.column div.text div.section {
    margin: 0;
}

div.contents.health div.section.vitamin div.column div.text div.section h3 {
    font-size: 108%;
    font-weight: bold;
    color: #136fb5;
}

div.contents.health div.section.brace p.photo {
    float: none;
    margin: 0;
    text-align: center;
}

div.contents.health div.section.brace div.line {
    clear: both;
    height: 1%;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

div.contents.health div.section.brace div.line:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

div.contents.health div.section.brace div.line div.section {
    float: left;
    margin: 0;
}

div.contents.health div.section.brace div.line div.section.shoulderDiscomfort {
    width: 219px;
    margin-right: 9px;
}

div.contents.health div.section.brace div.line div.section.gastralgia {
    width: 320px;
}

div.contents.health div.section.brace div.line div.section.anemia,
div.contents.health div.section.brace div.line div.section.chill {
    width: 177px;
    margin-right: 9px;
}

div.contents.health div.section.brace div.line div.section.agrypnia {
    width: 176px;
}

div.contents.health div.section.brace div.line div.section h3 {
    margin: 0;
}

div.contents.health div.section.brace div.line div.section p {
    padding: 0 10px;
}



/* -------------------------------------------------------- */
/*   子供の成長   */
/* -------------------------------------------------------- */

div.contents.growing div.section {
    height: 1%;
    margin: 30px 0;
}

div.contents.growing div.section:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

div.contents.growing div.section.lookAtDensityOfBone p img {
    margin-bottom: 30px;
}

div.contents.growing div.section p.photo {
    float: left;
    margin: 0 10px 0 0;
    _margin-right: 5px;
}

div.contents.growing div.section p.photo img {
    margin: 0;
}

div.contents.growing div.section div.teacher {
    margin-top: 30px;
}

div.contents.growing div.section div.teacher div.text p strong {
    font-size: 131%;
    font-weight: normal;
}

div.contents.growing div.section div.teacher div.text p.via {
    font-size: 85%;
}




/* -------------------------------------------------------- */
/*   生産者紹介 index   */
/* -------------------------------------------------------- */

div#main div.contents.producerIndex {
    width: 752px;
    margin-left: -20px;
    _margin-left: -10px;
}

div#main div.contents.producerIndex div.line {
    clear: both;
    height: 1%;
}

div#main div.contents.producerIndex div.line:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

div#main div.contents.producerIndex div.line div.profile {
    float: left;
    width: 365px;
    padding-right: 10px;
}

div#main div.contents.producerIndex div.line div.profile p.photo {
    float: left;
    margin: 0;
}





/* -------------------------------------------------------- */
/*   生産者紹介   */
/* -------------------------------------------------------- */

div#main div.contents.producer {
    width: 752px;
    margin-left: -20px;
    _margin-left: -10px;
    padding-top: 60px;
    background: url(../image/producer/common/bg_top.gif) no-repeat left top;
}

div#main div.contents.producer div.layout {
    height: 1%;
    padding-bottom: 20px;
    background: url(../image/producer/common/bg_bottom.gif) no-repeat left bottom;
}

div#main div.contents.producer div.layout:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

div#main div.contents.producer div.layout div.interview {
    padding-left: 28px;
}

div#main div.contents.producer div.layout div.interview h1 {
    margin-bottom: 10px;
}

div#main div.contents.producer div.layout div.interview div.section {
    margin: 30px 0;
    padding-right: 25px;
}

div#main div.contents.producer div.layout div.interview div.section p.photo {
    float: left;
    padding-left: 3px;
    _margin-left: 5px;
}

div#main div.contents.producer div.layout div.sidebar {
    float: right;
    width: 185px;
    padding-right: 24px;
    padding-left: 15px;
}

div#main div.contents.producer div.layout div.sidebar p {
    font-size: 85%;
}

div#main div.contents.producer div.layout div.sidebar div.profile {
    margin-bottom: 200px;
}

div#main div.contents.producer div.layout div.sidebar div.profile h2 {
    border-bottom: dotted 2px black;
    font-weight: bold;
    font-size: 100%;
}

div#main div.contents.producer div.layout div.sidebar div.profile dl,
div#main div.contents.producer div.layout div.sidebar div.profile dl dt,
div#main div.contents.producer div.layout div.sidebar div.profile dl dd {
    margin: 0;
    padding: 0;
}

div#main div.contents.producer div.layout div.sidebar div.profile dl dt {
    width: 6em;
    float: left;
    padding: 5px 0;
    font-weight: bold;
}

div#main div.contents.producer div.layout div.sidebar div.profile dl dd {
    padding: 5px 0;
}




/* -------------------------------------------------------- */
/*   サイトマップ   */
/* -------------------------------------------------------- */

div#main div.contents.sitemap {
    width: 716px;
}

div#main div.contents.sitemap div.section {
    width: 50%;
    float: left;
    padding: 0;
    background-image: none;
    background:reds;
}

div#main div.contents.sitemap div.section div.section {
    width: 100%;
    float: none;
}

div.contents.sitemap div.line,
div.contents.sitemap div.top {
    clear: both;
    width: 100%;
    float: none;
    margin-bottom: 20px;
    border-bottom: dotted 1px #ccc;
}

div.contents.sitemap div.line:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div#main div.contents.sitemap div.section.top {
    width: 100%;
    padding-bottom: 20px;
}

div#main div.contents.sitemap div.producer {
    margin-left: 0;
}

div#main div.contents.sitemap div.section h2,
div#main div.contents.sitemap div.section h3 {
    margin: 0;
    font-weight: bold;
    background-color: transparent;
}

div#main div.contents.sitemap div.section h2 {
    margin-right: 15px;
    padding: 5px;
    border-left: solid 10px #e70b0b;
    border-bottom: solid 1px #e70b0b;
    font-size: 131%;
}

div#main div.contents.sitemap div.top h2,
div#main div.contents.sitemap div.belief h2,
div#main div.contents.sitemap div.milk h2,
div#main div.contents.sitemap div.producer h2 {
    margin-right: 0;
}

div.contents.sitemap div.section h2 a {
    color: #333;
}

div.contents.sitemap div.section h3 {
    font-size: 116%;
}

div.contents.sitemap div.section ul li {
    margin-left: 0;
}

div.contents.sitemap div.section ul li ul li {
    margin-left: 20px;
}