.box4{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #ffff99;
    border-top: solid 5px #cc6600;
    border-bottom: solid 5px #cc6600;
}
.box4 p {
    margin: 0; 
    padding: 0;
}


/* ------------------------------------- 
 *	h3タグ
 * ------------------------------------- */
.newinfo h3{color:white;
   background-color:#3BAF75;height:20px;line-height: 20px;line-color:#3BAF75;

}

p.h3 {javascript:jf_UpperSubmit();
line-height: 120%;
}


/* ------------------------------------- 
 *	h2<p>
 * ------------------------------------- */

p.h2 {
        margin-left:13px;
}


/* ------------------------------------- 
 *	商品説明横並べ（3つ）
 * ------------------------------------- */


.oil_info {
        width:195px; height:120px; float:left; margin-left:3px;
}

.oil_info h3 {
        width:185px; margin-left:5px; font-weight: 700; word-break: normal; font-size: 100%; color: #009900; 
        border-style: solid; 
        border-left-width: 3px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 0px; 
        border-left-color: RGB(255,140,0); border-bottom-color: RGB(255,140,0); border-right-color: RGB(255,255,255); border-top-color: RGB(255,255,255); padding-left: 3px; margin-bottom: 3px; background-color:#FFFFCC
}

p.oil_info {
        width:190px; margin-left:10px; word-break: normal; font-size: 100%; line-height: 130%;
}



/* ------------------------------------- 
 *	商品説明横並べ（3つ）グリーン
 * ------------------------------------- */


.oil_info2 {
        width:195px; height:120px; float:left; margin-left:3px;
}

.oil_info2 h3 {
        width:185px; margin-left:5px; font-weight: 700; word-break: normal; font-size: 100%; color: RGB(0,153,0); 
        border-style: solid; 
        border-left-width: 3px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 0px; 
        border-left-color: RGB(0,153,0); border-bottom-color: RGB(0,153,0); border-right-color: RGB(255,255,255); border-top-color: RGB(255,255,255); padding-left: 3px; margin-bottom: 3px; background-color: RGB(204,255,204)
}

p.oil_info2 {
        width:190px; margin-left:10px; word-break: normal; font-size: 100%; line-height: 130%;
}

/* ------------------------------------- 
 *	商品説明横並べ（3つ）ブルー
 * ------------------------------------- */


.oil_info3 {
        width:195px; height:120px; float:left; margin-left:3px;
}

.oil_info3 h3 {
        width:185px; margin-left:5px; font-weight: 700; word-break: normal; font-size: 100%; color: RGB(51,102,204); 
        border-style: solid; 
        border-left-width: 3px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 0px; 
        border-left-color: RGB(102,102,255); border-bottom-color: RGB(102,102,255); border-right-color: RGB(255,255,255); border-top-color: RGB(255,255,255); padding-left: 3px; margin-bottom: 3px; background-color: RGB(204,255,255)
}

p.oil_info3 {
        width:190px; margin-left:10px; word-break: normal; font-size: 100%; line-height: 130%;
}

/* ------------------------------------- 
 *	シーズンお勧め特集
 * ------------------------------------- */


.oil_recommend {
        height: 650px;<br>
}


/* ------------------------------------- 
 *	トップ最下段説明
 * ------------------------------------- */
#textad{color:#888A86;
        font-size: 60%; 
}

#textad2{color:#888A86;
        font-size: 80%; 
}


/* ------------------------------------- 
 *	新着情報スクロール
 * ------------------------------------- */
ul.update-scroll {
 list-style-type: none;
 width: 595px;
 height: 30em;
 overflow: auto;
 border: 2px solid #bbb;
 padding-left: 0.5em;
}
ul.update-scroll li {
 margin-top: 0.3em;
}
ul.update-scroll a {
 text-decoration: none;
}

/* ------------------------------------- 
 *	画像横並べ（2つ）行間特大　PC
 * ------------------------------------- */

.top-banner2{
	display: flex;
	flex-wrap:wrap;
    list-style-type: none;
}
.top-banner2 li {
	width: calc(100%/2);/*←画像を横に2つ並べる場合*/
	padding:0px 5px 40px 5px;/*←画像の上右下左に余白を入れる場合*/
    box-sizing:border-box;
}
.top-banner2 li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
 　 
 }