/* --- 大見出し --- */
#main h1 {
font-size: 16px;
letter-spacing: 3px;
background-color: #009900;
color: #ffffff;
padding: 8px 13px;
margin-bottom: 4px;
}
/* --- 小見出し --- */
#main h4 {
background-color: #ff3300;
color: #ffffff;
font-size: 15px;
letter-spacing: 3px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
margin-bottom: 4px;
}
/* --- sup,subズレ修正 --- */
#main sup {
vertical-align: baseline;
position: relative;
top: -1ex;　
}
#main sub {
vertical-align: baseline;
position: relative;
top: 1ex;　
}
/* --- パッケージ画像 --- */
.packimg {
/* vertical-align: middle; */
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
/* --- 成分左右揃え --- */
.seibun {
/* position: relative; */
color: #000000;
font-size: 16px;
/* ---letter-spacing: 1px; --- */
line-height: 30px;
font-weight: bold;
text-align: center;
/* background-color: #ffff00; */
/* border: 3px solid #66cc66; */
border: 3px solid #009900;
/* border-style: double; */
padding: 5px;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 70px;
margin-right: 70px;
}
.seititle {
color: #009900;
font-size: 16px;
}
.seidetail {
padding-left: 20px;
padding-right: 20px;
}
.seiname {
/* color: #000000; */
text-align: left;
float: left
}
.seiweight {
/* color: #000000; */
/* font-size: 16px; */
text-align: right;
}




/* --- 通勤枠 --- */
.tsukin_waku {
margin-top: 10px;
background-image: url(tsukin.jpg);
background-repeat:no-repeat;
/* background-position:0px 0px; */
height: 243px;
}
.tsukin_detail {
font-size: 18px;
font-weight: normal;
color: #333333;
line-height: 1.5em;
/* text-indent: 12px; */
padding-top: 60px;
padding-left: 10px;
padding-right: 330px;
}
/* --- オフィス枠 --- */
.office_waku {
margin-top: 10px;
background-image: url(office.jpg);
background-repeat:no-repeat;
/* background-position:0px 0px; */
height: 243px;
}
.office_detail {
font-size: 18px;
font-weight: normal;
color: #333333;
line-height: 1.5em;
/* text-indent: 12px; */
padding-top: 66px;
padding-left: 340px;
padding-right: 10px;
}
/* --- ヒハツ枠 --- */
.hihatsu_waku {
margin-top: 10px;
background-image: url(hihatsu.jpg);
background-repeat:no-repeat;
height: 463px;
}
.hihatsu_detail {
font-size: 14px;
font-weight: normal;
color: #ffffff;
line-height: 1.4em;
padding-top: 130px;
padding-left: 30px;
padding-right: 260px;
text-shadow: 1px 1px 1px #333333;
}
/* --- 生姜枠 --- */
.syouga_waku {
background-image: url(syouga.jpg);
background-repeat:no-repeat;
height: 360px;
}
.syouga_detail {
font-size: 14px;
font-weight: normal;
color: #ffffff;
line-height: 1.4em;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
text-shadow: 1px 1px 1px #333333;
}
/* --- こめ油枠 --- */
.komeyu_waku {
background-image: url(komeyu.jpg);
background-repeat:no-repeat;
height: 587px;
}
.komeyu_detail {
font-size: 14px;
font-weight: normal;
color: #ffffff;
line-height: 1.4em;
padding-top: 20px;
padding-left: 30px;
padding-right: 260px;
text-shadow: 1px 1px 1px #333333;
}




/* --- 丸顔部（relativeで画像パーツを任意位置に設置） --- */
.marui {
position: relative;
margin-top: 10px;
margin-bottom: 430px;
}
/* --- 画像右上回り込み --- */
.detailimgr {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}
/* --- 画像左上回り込み --- */
.detailimgl {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
/* --- 明細 --- */
.detail {
font-size: 14px;
font-weight: normal;
color: #444444;
line-height: 20px;
text-indent: 1em;
padding-bottom: 1px;
}
/* --- 画像左テキスト右並行テキスト縦均等揃え --- */
.anagoBox02 p{
display:inline-block;
vertical-align:top;
line-height:66px; /*テキストを縦均等揃えにするならば（画像の高さ÷テキストの行数）、上詰めにするならばコメントアウト*/
margin-right: 10px;/*テキストと画像の余白*/
}
/* --- 画像左テキスト右並行テキスト縦中央寄せ --- */
.anagoBox03 p{
display:inline-block;
vertical-align:middle;
margin-right: 10px;/*テキストと画像の余白*/
}
/* --- ボックス角丸 --- */
div.kadomaru {
-moz-border-radius: 20px;    /* 古いFirefox */
-webkit-border-radius: 20px; /* 古いSafari,Chrome */
border-radius: 20px;         /* CSS3 */
border: 3px green solid;     /* 枠線の装飾 */
background-color: #ccffcc;   /* 背景色 */
margin-left: 100px;/*ボックス外の余白*/
padding-left: 30px;/*ボックスとテキスト間の余白*/
}
/* --- テキストシャドウ --- */
.red-shadow {
font-size: 36px;
font-weight: bold;
color: #ffffff;
text-shadow: 0px -5px 5px #cc0000,
5px -5px 5px #cc0000,
5px 0px 5px #cc0000,
5px 5px 5px #cc0000,
0px 5px 5px #cc0000,
-5px 5px 5px #cc0000,
-5px 0px 5px #cc0000,
-5px -5px 5px #cc0000;
}
.blue-shadow {
font-size: 36px;
font-weight: bold;
color: #0000ff;
text-shadow: 3px 3px 2px #cccccc;
}

/* --- 画像角にNEWESTリボン --- */
.side-corner-tag {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
}
  
.side-corner-tag p {
    display: inline;   
}
.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 22px;
    background: #d93131;
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.side-corner-tag p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}
/* --- 画像角にNEWリボン --- */
.frame {
position: relative;
display: inline-block;
overflow: hidden; /* 不要部分を消す */
padding: 1px;  /* リボンを少しはみ出して表示 */
}
.frame:after {
content: "";
position: absolute;
z-index: 1;
width: 100px;
height: auto;
background: red;
content: "New"; /* 表示するテキスト */
text-align: center;
color: #fff;
font-family: 'Arial';
font-weight: bold;
padding: 5px 10px;
left: -30px;
top: 3px;
transform: rotate(-30deg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
/* --- 今話題のアサイータイトル部 --- */
.wadai_title {
font-size: 20px;
font-weight: bold;
color: #ffffff;
line-height: 12px;
/* text-indent: 12px; */
padding-top: 12px;
padding-left: 200px;
}
/* --- 今話題のアサイーサブタイトル部 --- */
.wadai_subtitle {
font-size: 16px;
font-weight: bold;
color: #ffffff;
line-height: 12px;
/* text-indent: 12px; */
padding-top: 36px;
padding-left: 40px;
}
/* --- 今話題のアサイー詳細部 --- */
.wadai_detail1 {
font-size: 14px;
font-weight: normal;
color: #333333;
line-height: 18px;
/* text-indent: 12px; */
padding-top: 22px;
padding-left: 20px;
padding-right: 250px;
}
.wadai_detail2 {
font-size: 14px;
font-weight: normal;
color: #333333;
line-height: 18px;
/* text-indent: 12px; */
padding-top: 360px;
padding-left: 20px;
padding-right: 20px;
}
/* --- 各画像中央寄せ --- */
.imgcenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
/* --- 各画像上下余白 --- */
.imgcentermtb {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
/* --- 2オイル枠 --- */
.oil_waku {
margin-top: 10px;
background-image: url(34.png);
background-repeat:no-repeat;
/* background-position:0px 0px; */
height: 491px;
}
/* --- 2オイルサブタイトル部 --- */
.oil_subtitle1 {
font-size: 16px;
font-weight: bold;
color: #ffffff;
line-height: 12px;
/* text-indent: 12px; */
padding-top: 68px;
padding-left: 28px;
}
.oil_subtitle2 {
font-size: 16px;
font-weight: bold;
color: #ffffff;
line-height: 12px;
/* text-indent: 12px; */
padding-top: 90px;
padding-left: 28px;
}
/* --- 2オイル詳細部 --- */
.oil_detail1 {
font-size: 14px;
font-weight: normal;
color: #333333;
line-height: 22px;
/* text-indent: 12px; */
padding-top: 28px;
padding-left: 20px;
padding-right: 294px;
}
.oil_detail2 {
font-size: 14px;
font-weight: normal;
color: #333333;
line-height: 22px;
/* text-indent: 12px; */
padding-top: 24px;
padding-left: 20px;
padding-right: 160px;
}



.titlebg {
*/ position: relative; */
/* background-color: #ffcc99; */
/* background-color: #FFF0F5;  keep */
background-color: #FFF0F5;
/* background-color: #FAFAD2; */
/* border: 1px solid #000000; */
padding-top: 100px;
padding-bottom: 690px;
/* text-align: center; */
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 20px;
}




/* ---巻末フォント --- */
.foot1 {
color: #ff0000;
font-size: 20px;
/* ---letter-spacing: 1px; --- */
line-height: 30px;
font-weight: bold;
text-align: center;
/* border: 1px solid #000000; */
padding: 15px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}