@charset 'UTF-8';
/* title
----------------------- */
#title
{
    width: 850px;
    margin: 0;
    padding: 0 0 35px;
}
#title h1
{
    display: block;
    float: left;

    margin: 0;
    padding-top: 20px;
    padding-left: 120px;
}
#title #copy
{
    float: right;

    margin: 0;
    padding-top: 75px;
    padding-right: 40px;
}
#title #slogan
{
    clear: both;

    margin: 0;
    padding-top: 15px;
}

/* title2
----------------------- */
#title2
{
    display: inline;

    width: 850px;
    margin: 0;
    /*090706 modified*/
    /*padding: 0px 0px 20px;*/
    margin: 0 0 20px;
}
#title2 h1
{
    display: block;
    float: left;

    margin: 0;
    padding-left: 70px;
}
#title2 #copy
{
    float: right;

    margin: 0;
    padding-right: 60px;
}
#title2 #info
{
    float: right;

    width: 415px;
    margin: 0;
    padding-top: 5px;
    padding-right: 40px;
}
#title2 #info2
{
    float: right;

    width: 415px;
    height: 50px;
    margin: 0;
    padding-top: 0;
    padding-right: 40px;

    background-image: url(../shokuiku/img/info_back.gif);
    background-repeat: no-repeat;
}
#title2 #info2 img
{
    float: left;

    margin: 5px 0 0 10px;
    padding: 0;
}
#title2 #info2 a
{
    float: right;

    margin: 5px 15px 0 0;
    padding: 0;
}
#title2 #slogan
{
    clear: both;

    margin: 0;
    padding-top: 15px;
}

/* goteian
----------------------- */
#goteian
{
    clear: both;
    overflow: auto;

    width: 760px;
    margin: 0 auto;
    padding: 0;
}
#goteian h2
{
    margin: 0;
    padding: 0 0 15px;
}

#ph
{
    display: block;
    overflow: auto;

    width: 760px;
    margin: 0 auto 30px;
    padding: 0;

    background-image: url(../shokuiku/img/dot.gif);
    background-repeat: repeat-y;
}
#ph p
{
    margin: 0;
    padding: 0;
}
#ph h3
{
    margin: 0;
    padding: 0 0 10px;
}
#ph #number
{
    margin: 0;
    padding: 0 0 15px;
}
#ph div.ph1
{
    float: left;

    width: 230px;
    height: auto;
    margin: 0 35px 0 0;
    padding: 0;
}
#ph div.ph2
{
    float: left;

    width: 230px;
    height: auto;
    margin: 0;
    padding: 0;
}

/* questionnaire
----------------------- */
#questionnaire
{
    clear: both;

    width: 760px;
    margin: 0 auto;
    padding: 0 0 10px;
}

#kihonhou
{
    overflow: auto;

    width: 760px;
    margin: 0 auto;
    padding: 0 0 30px;
}
#kihonhou img
{
    float: left;

    margin: 0;
    padding: 0;
}
#kihonhou p
{
    font-size: x-small;
    line-height: 1.2;

    float: right;

    width: 580px;
    margin: 0;
    padding: 0;
}

/* kihonhou
----------------------- */
.clear
{
    clear: both;

    margin: 0;
    padding: 0;
    /*heightを入れるとIEで余分なスペース発生*/
}

/* event
----------------------- */
.event
{
    width: 740px;
    margin: 0 auto 20px;
    padding: 10px 25px;

    border: 5px solid #eb6100;
}
.event div.e_title
{
    width: 740px;
    height: 40px;
    margin: 3px 0 10px;
    padding: 0 0 .5em;

    border-bottom: 2px solid #eb6100;
}
.event div.e_title h3
{
    position: absolute;

    display: inline;
    float: left;
    overflow: auto;

    margin: 0;
    padding: .5em 0 .5em 35px;

    background-image: url(../shokuiku/img/icon.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
.event div.e_title a
{
    display: block;
    float: right;

    width: 160px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.event div.setsumei
{
    overflow: auto;

    width: 740px;
    margin: 0;
    padding: 0;
}
.event .setsumei .read
{
    float: left;

    width: 500px;
    margin: 0;
    padding: 0;
}
.event .setsumei .read2
{
    float: left;

    width: 715px;
    margin: 0;
    padding: 0;
}
.event .setsumei .photo
{
    position: relative;

    float: right;

    width: 215px;
    margin: 2px 0 0;
    padding: 0;
}
.event .setsumei .fig
{
    width: 490px;
    margin: 0;
    padding: 0;
}
.event .setsumei .read strong
{
    font-weight: bold;
    line-height: 2em;

    margin: 0;
    padding: 0;
}
.event .setsumei .read table
{
    margin: 10px 0 0;
    padding: 0;
}
.event .setsumei .read table th
{
    margin: 0;
    padding: 2px;

    text-align: left;
    vertical-align: top;
}
.event .setsumei .read table td strong
{
    font-size: 1.2em;
    font-weight: bold;
    line-height: normal;

    color: #e60012;
}
.event .setsumei .read table td img
{
    margin: 0 5px 0 0;
    padding: 0;

    vertical-align: baseline;
}

/* goodlife
----------------------- */
#goodlife
{
    clear: both;

    width: 570px;
    margin: 0 auto 25px;
    padding: 0;

    text-align: center;
}

#topics
{
    width: 760px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding: 0;
}
#topics table td
{
    padding: 3px;

    text-align: left;
    vertical-align: text-top;
}
#topics h2
{
    margin: 0;
    padding: 0;
}
#topics table
{
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #eb6100;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eb6100;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #eb6100;
}

#title2 #copy p
{
    margin: 0;
    padding: 0;
}

.center760
{
    width: 760px;
    margin: 0 auto;
    padding: 0;
}

/*added 090729*/
/* to back
----------------------- 090729 add*/
#to_back
{
    display: inline;
    float: right;

    width: 340px;
    height: 110px;
    margin: 0 15px 0 0;
}
#to_back a
{
    display: block;

    width: 340px;
    height: 110px;

    text-indent: -5000px;

    background: url(../shokuiku/img/bn_back.gif) no-repeat;
}
#to_back a:hover
{
    opacity: .8;
    background: url(../shokuiku/img/bn_back_ov.gif) no-repeat;
}

/* to mail magazine
----------------------- 090729 add*/
#mailmaga
{
    display: inline;
    float: left;

    width: 340px;
    height: 50px;
    margin: 60px 0 0 0;
}
#mailmaga a
{
    display: block;

    width: 340px;
    height: 50px;

    text-indent: -5000px;

    background: url(../shokuiku/img/bn_mailmaga02.gif) no-repeat;
}
#mailmaga a:hover
{
    background: url(../shokuiku/img/bn_mailmaga02_ov.gif) no-repeat;
}

#left_contents
{
    float: left;

    width: 202px;
}

#right_contents
{
    float: right;

    width: 620px;
}

#shoku_box
{
    margin: 0;
    padding: 0px 20px 20px;

    background: url(../shokuiku/img/bg.gif) repeat-y top left;
}
#shoku_box p
{
    margin: 0 0 15px;
}

#topics_shoku
{
    margin-bottom: 20px;
    margin-left: 0;
    padding: 0 20px 10px 20px;

    background: url(../shokuiku/img/topics_bg.gif) no-repeat bottom left;
}

.cap_topics
{
    margin: 0 0 0 -20px;
    padding: 0;
}

#topics_shoku dl
{
    display: inline-block;
    display: block;

    margin: 0 0 10px;
    padding: 10px 0 0;
}
#topics_shoku dl:after
{
    display: block;
    clear: both;

    height: 0;

    content: url(../shokuiku/img/spacer.gif);
}

#topics_shoku dt
{
    float: left;

    width: 110px;
    margin: 0;
    padding-left: 14px;

    background: url(../shokuiku/img/list02.gif) no-repeat 0 .3em;
}

#topics_shoku dd
{
    float: left;

    width: 400px;
    margin: 0 0 0.8em 0;
}

#topics_shoku dd.indent4
{
	text-indent:-4em;
	margin-left:4em;
    width: 360px;
}

.right
{
    text-align: right;
}

#osusume_cap
{
    font-size: 93%;

    margin: 0 0 5px;
    padding: 20px 0 20px 80px;

    color: #e60012;
    background: url(../shokuiku/img/cap.gif) no-repeat top left;
}

.osusume-box
{
    display: inline-block;
    display: block;
}
.osusume-box:after
{
    display: block;
    clear: both;

    height: 0;

    content: url(../shokuiku/img/spacer.gif);
}

.osusume
{
    float: left;

    width: 287px;
    margin: 0 0 15px 0;

    border-top: 2px solid #f90;
    background: url(../shokuiku/img/box_bg.gif) no-repeat bottom left;
}
.osusume dt
{
    font-weight: bold;

    margin: 5px 10px;
    padding: 5px 10px;

    color: #fff;
    background-color: #f36;
}
.osusume dt span
{
    font-size: 90%;

    display: inline-block;

    margin: 0 0 0 1.5em;
    padding: .2em .5em .1em;

    color: #e00;
    background: white;
}
.osusume dd
{
    position: relative;

    height: 200px;
    margin: 0 15px;
}
.osusume dd.nr
{
    height: 175px;
}
.osusume dd p
{
    position: absolute;
    bottom: 10px;

    clear: both;
}

.img_right
{
    float: right;

    margin: 0 0 5px 10px;
}

.awardhistory_box dl{
  width: 580px;
  margin: 0 0 15px 0;
  border: 2px solid #f90;
  margin-right: 5px!important;
  background-color: #fff;
}

.awardhistory_box dl dt{
  font-weight: bold;
  margin: 5px 10px;
  padding: 5px 10px;
  color: #fff;
  background-color: #f36;
}

.awardhistory_box dl dd{
  margin: 0 15px;
}

.awardhistory_box dl dd p{
  text-align: right;
}


h3.flower
{
    font-size: 93%;
    font-weight: bold;

    margin: 0 0 20px;
    padding: 5px 0 5px 30px;

    color: #fff;
    background: url(../shokuiku/img/list_hana.gif) no-repeat 5px center #f36;
}

.about-box
{
    display: inline-block;
    display: block;

    margin-bottom: 30px;

    border: 2px solid #fd9c00;
    background-color: #fff;
}
.about-box:after
{
    display: block;
    clear: both;

    height: 0;

    content: url(../shokuiku/img/spacer.gif);
}
.about-box dl
{
    display: inline;
    float: left;

    width: 171px;
    height: auto !important;
    height: 180px;
    min-height: 180px;
    padding: 0 8px 8px;
}
.about-box dl dt
{
    margin: 0 0 20px;
    padding: 0;
}
.about-box dl dd
{
    margin: 0;
    padding: 0;
}

.cap_nabe
{
    font-size: 90%;
    font-weight: bold;

    margin: 0;
    padding: 18px 0 25px 80px;

    color: #fff;
    background: url(../shokuiku/img/cap_nabe.gif) no-repeat 0 0 #fff;
}

/* 210118追加 */
.cap_cha
{
    font-size: 90%;
    font-weight: bold;
    margin: 0;
    padding: 18px 0 24px 80px;
    color: #fff;
    background: url(../shokuiku/img/cap_cha.gif) no-repeat 0 0 #fff;
}


.border
{
    margin-right: 4px;

    border-right: 2px dotted #e4511b;
}

.tablestyle01
{
    width: 100%;
    margin-bottom: 15px;

    border-collapse: collapse;

    border: 1px solid #f0bd7a;
}
.tablestyle01 th
{
    font-weight: bold;

    padding: 5px 7px;

    border: 1px solid #f0bd7a;
    background-color: #fff;
}
.tablestyle01 td
{
    padding: 5px 7px;

    border: 1px solid #f0bd7a;
    background-color: #fff;
}

.tablestyle02
{
    width: 580px;
    margin-bottom: 15px;

    border-collapse: collapse;
}
.tablestyle02 th
{
    font-weight: normal;

    width: 170px;
    padding-right: 10px;
    padding-bottom: 10px;

    text-align: left;
    vertical-align: top;
}
.tablestyle02 td
{
    width: 110px;
    padding-bottom: 10px;
}

.tablestyle03
{
    width: 100%;
    margin-bottom: 15px;

    border-collapse: collapse;
}
.tablestyle03 th
{
    font-weight: bold;

    padding: 5px 7px;

    text-align: left;

    color: #f60;
    background-color: #ffecd9;
}
.tablestyle03 td
{
    padding: 5px 7px;

    background-color: #ffecd9;
}

.tablestyle04
{
    width: 100%;
    margin-bottom: 15px;

    border-collapse: collapse;

    border: 1px solid #f0bd7a;
}
.tablestyle04 th
{
    font-size: 90%;
    font-weight: bold;

    padding: 5px 7px;

    color: #f60;
    border: 1px solid #f0bd7a;
    background-color: #ffecd9;
}
.tablestyle04 td
{
    font-size: 85%;

    padding: 5px 7px;

    text-align: center;

    border: 1px solid #f0bd7a;
    background-color: #fff;
}
.tablestyle04 td.left
{
    text-align: left;
}


.tablestyle05
{
    width: 580px;
    margin-bottom: 15px;
    border-collapse: collapse;
}
.tablestyle05 th
{
    font-weight: normal;
    width: 360px;
    padding-right: 10px;
    padding-bottom: 10px;

    text-align: left;
    vertical-align: top;
}
.tablestyle05 td
{
    width: 110px;
    padding-bottom: 10px;
}


.tablestylewago
{
    width: 580px;
    margin-bottom: 15px;

    border-collapse: collapse;
}
.tablestylewago th
{
    font-weight: normal;

    width: 500px;
    padding-right: 10px;
    padding-bottom: 10px;

    text-align: left;
    vertical-align: top;
}
.tablestylewago td
{
    width: 80px;
    padding-bottom: 10px;
}

.tablestylewago_2
{
margin-bottom: 10px;
}
.tablestylewago_2 td.wago_icon a
{
    width: 80px;
    padding-bottom: 10px;
    background-color: #fff;
    text-align: center;
    padding-top: 5px;
    display: block;
}

#right_contents .pdf
{
    font-size: 93%;
    font-weight: bold;

    padding: 5px 7px;

    text-decoration: none;

    color: #fff;
    background-color: #f36;
}
#right_contents .pdf:link
{
    color: #fff;
}

.pagetop_shoku
{
    text-align: right;
}
.pagetop_shoku a
{
    padding: 3px 0  3px 20px;

    background: url(../shokuiku/img/pagetop.gif) no-repeat 0 .2em #fff;
}

.shoku_list
{
    margin: 0 0 20px;
    padding: 0;

    list-style: none;
}
.shoku_list li
{
    margin: 0 0 8px 0;
    padding: 0;
    padding-left: 14px;

    background: url(../shokuiku/img/list02.gif) no-repeat 0 .3em;
}


/* 210118追加 */

.shoku_ch_back {
    background-image: url(../shokuiku/img/ch_back.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 34% auto;
}

@media (max-width: 600px){
	.shoku_ch_back
{
    background-image: none !important;

}
}

h4.flower
{
    padding-left: 17px;

    background: url(../shokuiku/img/h4_hana.gif) no-repeat 0 .15em;
}

.news_box
{
    width: 100%;
    margin-bottom: 20px;
}
.news_box tr td
{
    vertical-align: top;
}
.news_box tr td img
{
    margin: 0 10px;
}

.box_top,
.btm
{
    display: block;
}

.shokuiku
{
    font-weight: bold;

    color: #c00;
}

/* 料理で「脳」が活性化！ */
#shoku_box ul.pressrelease
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}
#shoku_box ul.pressrelease li
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

#shoku_box .yellow-wire-area ul,
#shoku_box .yellow-wire-area li
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

#shoku_box .light-gray-area ul,
#shoku_box .light-gray-area li
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.shoku_box_header
{
    width: 620px;
    height: 23px;
    margin-bottom: -20px;

    background: url(../shokuiku/img/box_top.gif) no-repeat;
}

#shoku_box .read img.float-right
{
    float: right;

    margin-bottom: 10px;
    margin-left: 10px;
}

#shoku_box .read p
{
    font-size: 110%;

    margin-bottom: 1em;
}

.yellow-wire-area
{
    margin-bottom: 33px;

    background: url(../shokuiku/img/ryori_no_pic07.gif) repeat-y;
}
.yellow-wire-area .inner
{
    padding: 0 13px 13px;
}
.yellow-wire-area h4.flower
{
    margin: 0;
    padding-left: 17px;

    color: #3e1b0f;
    background: url('../shokuiku/img/ryori_no_pic10.gif') no-repeat scroll 0 .15em transparent;
}

#shoku_box p.float-right
{
    float: right;

    margin-bottom: 10px;
    margin-left: 15px;
}

.light-gray-area
{
    margin-bottom: 33px;

    border-top: 2px solid #bb9587;
    background: url(../shokuiku/img/ryori_no_pic11.gif) repeat-y;
}
.light-gray-area .inner
{
    padding: 23px 13px 13px;
}

#shoku_box ul.pressrelease
{
    margin-top: -20px;
    padding: 6px 12px;

    background: #fff;
}
#shoku_box ul.pressrelease li
{
    padding: 6px 3px;

    border-bottom: 1px dotted #515151;
}
#shoku_box ul.pressrelease li.last
{
    border-bottom: 0;
}
#shoku_box ul.pressrelease li a
{
    font-size: 110%;

    padding: 20px;

    color: #009;
    background: url(../shokuiku/img/ryori_no_pic06.gif) no-repeat left center;
}
#shoku_box ul.pressrelease li a:hover
{
    text-decoration: underline;
}
#shoku_box ul.pressrelease li.nonea
{
    font-size: 110%;

    margin-left: 3px;
    padding-left: 20px;

    background: url(../shokuiku/img/ryori_no_pic06.gif) no-repeat left center;
}

#shoku_box .yellow-wire-area .link li
{
    padding: 3px;
    padding-left: 20px;

    background: url(../shokuiku/img/ryori_no_pic06.png) no-repeat 3px 8px;
}

#shoku_box .yellow-wire-area .note li a
{
    color: #c65307;
}

#shoku_box .yellow-wire-area .link li a
{
    color: #c65307;
}
#shoku_box .yellow-wire-area .link li a:hover
{
    text-decoration: none;
}

#shoku_box .light-gray-area .button li,
#shoku_box .yellow-wire-area .button li
{
    display: inline;
    float: left;

    margin-right: 5px;

    background: #f76d12;
}

#shoku_box .light-gray-area .button li a,
#shoku_box .yellow-wire-area .button li a
{
    font-weight: bold;

    padding: 3px;

    text-decoration: none;

    color: #fff;
}

#shoku_box .light-gray-area .button li a:hover
{
    text-decoration: underline;
}

#shoku_box .yellow-wire-area .note li a:hover,
#shoku_box .yellow-wire-area .button li a:hover
{
    text-decoration: underline;
}

#shoku_box .light-gray-area .button


{
    margin-bottom: 1em;
    margin-left: 310px;
}

#shoku_box .light-gray-area .note li
{
    padding-left: 1em;

    text-indent: -1em;
}

#shoku_box .yellow-wire-area .note li
{
    padding-left: 1em;

    text-indent: -1em;
}

#shoku_box .yellow-wire-area .section
{
    margin-bottom: 10px;
    padding-bottom: 10px;

    border-bottom: 2px dotted #ff9a04;
}
#shoku_box .yellow-wire-area .section h3.top
{
    margin-top: -10px;
}

#shoku_box .light-gray-area h3
{
    font-size: 140%;

    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 40px;

    color: #3e1b0f;
    border-bottom: 2px solid #814a36;
    background: url(../shokuiku/img/ryori_no_pic01.gif) no-repeat;
}

#shoku_box .light-gray-area h4
{
    font-size: 110%;

    padding-left: 8px;

    color: #3e1b0f;
    border-left: 5px solid #f60;
}

td span.caption
{
    font-size: 85%;
    line-height: 110%;

    display: block;

    width: 140px;
    margin: 3px 0 10px 12px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    /*for chrome*/
    td.adj span.caption
    {
        font-size: 75%;
        line-height: 110%;

        display: block;

        width: 140px;
        margin: 3px 0 10px 12px;
        padding: 0 !important;
    }
}

/* sidenavigation ***** 20100720 add * 20170314 update */
/*#shokuiku_mn,#banner{list-style:none;margin:0 0 30px 0;padding:0;}
#shokuiku_mn li,#banner li{margin-bottom:6px;}*/
#shokuiku_mn
{
    margin: 0;
    padding: 0;

    list-style: none;
}

#banner
{
    width: 208px;
    margin: 30px 0;
    padding: 0;

    list-style: none;
}

#shokuiku_mn li,
#banner li
{
    line-height: 1.2em;

    margin-bottom: 8px;
}

#shokuiku_mn > li
{
    width: 208px;
    height: 41px;

    background: url(../shokuiku/img/bg_sidenavi.gif);
}
#shokuiku_mn > li.irregular
{
    font: bold 12px/150% 'ヒラギノ', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;

    display: inline-block;

    box-sizing: border-box;
    width: 208px;
    height: 41px;
    padding: 11px 0 0 50px;

    text-decoration: none;

    color: #1f1a0c !important;
    background: url(../shokuiku/img/bg_sidenavi.gif);
}
#shokuiku_mn > li.twolines
{
    width: 208px;
    height: 59px;

    background: url(../shokuiku/img/bg_sidenavi2lines.gif);
}
#shokuiku_mn > li a
{
    font: bold 12px/150% 'ヒラギノ', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;

    display: inline-block;

    box-sizing: border-box;
    width: 208px;
    height: 41px;
    padding: 11px 0 0 50px;

    text-decoration: none;

    color: #1f1a0c !important;
}
#shokuiku_mn > li.twolines a
{
    font: bold 12px/150% 'ヒラギノ', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;

    display: inline-block;

    box-sizing: border-box;
    width: 208px;
    height: 59px;
    padding: 13px 0 0 50px;

    text-decoration: none;

    color: #1f1a0c !important;
}

.borderTB
{
    margin: 0 0 20px;
    padding: 15px 0 5px;

    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
}

.borderB
{
    border-bottom: 1px dashed #ccc;
}

ul#shokuiku_mn ul
{
    margin: 0;
    margin: -5px 0 20px;
    padding: 0;
    padding: 0;

    list-style-type: none;
}
ul#shokuiku_mn ul li
{
    margin: 0;
    margin-bottom: 5px;
    margin-left: 20px;
    padding: 0;

    list-style-type: none;
}
ul#shokuiku_mn ul li a
{
    display: inline-block;

    padding-left: 18px;

    background: url(../shokuiku/img/ryori_no_pic06.gif) no-repeat;
}

#shokuiku_mn li a:hover,
a:active
{
    color: #c00 !important;
}

.f90
{
    font-size: 90%;
}

.f85
{
    font-size: 10px;
}

/* clearfix */
#shoku_box .light-gray-area .button:after,
.clearfix:after
{
    font-size: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

#shoku_box .read:after
{
    font-size: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

#shoku_box .light-gray-area .button
{
    display: inline-block;
}

.clearfix,
#shoku_box .read
{
    display: inline-block;
}

/* Hides from IE Mac */
* html #shoku_box .light-gray-area .button,
* html .clearfix,
* html #shoku_box .read
{
    height: 1%;
}

#shoku_box .light-gray-area .button,
.clearfix,
#shoku_box .read
{
    display: block;
}

/* End Hack */
/* useful added 130426 */
.usefulphoto
{
    float: right;

    width: 196px;
    padding: 0 0 10px 15px;
}
.usefulphoto p
{
    font-size: 85%;
    line-height: 1.1;

    margin: 0;
    padding: 5px 0 0 0;
}

#useful p
{
    margin: 0 10px 10px;
}

/* syokuikuseries added 130918 */
.syokuikuseriesphoto
{
    float: left;

    width: 550px;
    padding: 0 0 10px 15px;
}
.syokuikuseriesphoto p
{
    font-size: 85%;
    line-height: 1.1;

    margin: 0;
    padding: 5px 0 0 0;
}

#syokuikuseries p
{
    margin: 0 10px 11px;
}

ul.series
{
    margin: -.8em 10px -.8em 1.8em !important;
}
ul.series li
{
    text-indent: -1em;
}

/* ---------------- */

.newsBox{
	width:100%;
	margin-bottom:2em;
	box-sizing:border-box;

	display:block;

	text-align:center;
	padding:0em 1.5em;

	background-color:#ffffff;
	border:#f76e12 solid 2px;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

	overflow:hidden;
}


/*
.newsBox a{
	display:block;

	text-align:center;
	padding:0em 1.5em;

	background-color:#ffffff;
	border:#f76e12 solid 2px;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

	overflow:hidden;


}
*/

.newsBox span{
	display:block;
}

.newsBox span.imgIcon.posL{
	float:left;
}

.newsBox span.imgIcon.posR{
	float:right;
}

.newsBox span.newsTxt{
	display:inline-block;
	text-decoration:underline;
	line-height:2;
	color:#4481C9 !important;

	font-weight:bold;
	font-size:100%;
	padding-top:1em;
}

.newsBox span.newsTxt a:hover{

	background-color:#FFF5A0;
}

.newsBox a:hover span.newsTxt{

	background-color:#FFF5A0;
	text-decoration:none;
}

dl.ayumi{
  margin: 0 0 20px;
  overflow: hidden;
}

dl.ayumi dt{
  float: left;
  width: 60px;
  margin: 0;
}

dl.ayumi dd{
  float: left;
  width: 520px;
  margin: 0 0 0.8em 0;
}

dl.ayumi span.kome{
  font-size: 11px;
}

dl.ayumi dd.right_logo{
  position: relative;
}

dl.ayumi dd.right_logo span.top-35{
  position: absolute;
  top: -35px;
  margin-left: 10px;
}

dl.ayumi dd.right_logo span.top-0{
  position: absolute;
  top: 0px;
  margin-left: 5px;
}

@media (max-width: 600px)
{
	.newsBox{
	padding:0em 0.1em;
}
.newsBox span.imgIcon{
	max-width:4em;
	height:auto;
	margin-right: 0.5em !important;
}
.newsBox span.imgIcon img{
	width:100%;
	height:auto;
}
.newsBox span.newsTxt{
	padding-top:0.5em;
	line-height:1.5;
	font-size:100%;
}

}