@charset "Shift_JIS";

/* --- BOX1 --- */
.box1 {
width: 460px; /* ボックスの幅 */
background-color: #FFFFFF; /* ボックスの背景色 */
border: 1px #999999 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
}

/* --- BOX1内の見出し --- */
.box1 h3 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #F3F3F3; /* 見出しの背景色 */
border-bottom: 1px #FF5B33 solid; /* 見出しの下境界線 */
color: #FF5B33; /* 文字色 */
font-size: 130%; /* 見出しの文字サイズ */
}

/* --- BOX1内の段落 --- */
.box1 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- インフォメーションBOX --- */
.box-info {
width: 460px; /* ボックスの幅 */
height: 140px; /* ボックスの高さ */
background-color: #FFFFFF; /* ボックスの背景色 */
border-width: 1px;
border-color: #C62700;
border-style: solid;
}

/* --- インフォメーション ページ用 --- */
.information {
color: #333333; /* 文字色 */
font-size: 80%; /* 文字サイズ */
}

.info-date {
color: #FF5B33; /* 日付文字色 */
}
.information p {
border-style: dashed;
border-width: 0px 0px 1px 0px;

}
/* --- このページのトップへBOX --- */
.pagetop {
padding: 5px 10px; /* パディング（上下、左右） */
font-size: 80%; /* 文字サイズ */
text-align: right; /* 文字右よせ */
}

/* --- 共通BOX(罫線なし) --- */
.box-def {
width: 100%; /* ボックスの幅 */
font-size: 80%; /* ボックスの文字サイズ */
padding: 5px 0px 15px 0px; /* パディング */
}

/* --- 共通BOX(上部赤色線) --- */
.box-red {
width: 100%; /* ボックスの幅 */
border-top: 2px #C62700 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
line-height:140%;
padding: 5px 0px 15px 0px; /* パディング */
}

/* --- 共通BOX(上部青色線) --- */
.box-blue {
width: 100%; /* ボックスの幅 */
border-top: 2px #448EFF solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
line-height:150%;
padding: 5px 0px 15px 0px; /* パディング */
}

/* --- BOX(企業情報 ご挨拶) --- */
.box-greeting {
width: 100%; /* ボックスの幅 */
border-top: 2px #448EFF solid; /* ボックスの境界線 */
/* background-image: url(../company/greeting/img_greeting_bg.jpg); */
background-repeat:  no-repeat;
font-size: 80%; /* ボックスの文字サイズ */
line-height:200%;
padding: 5px 0px 15px 0px; /* パディング */
}

/* --- BOX(商品紹介　左側) --- */
.box-shohin-l {
float: left;
width: 240px; /* ボックスの幅 */
}
/* --- BOX(商品紹介　右側) --- */
.box-shohin-r {
float: left;
width: 393px; /* ボックスの幅 */
padding: 0px 0px 0px 5px; /* パディング */
}

/* --- BOX(商品紹介　フッター左側) --- */
.box-shohin-f-l {
float: left;
width: 283px; /* ボックスの幅 */
font-size: 80%; /* ボックスの文字サイズ */
}
/* --- BOX(商品紹介　フッター右側) --- */
.box-shohin-f-r {
float: left;
width: 350px; /* ボックスの幅 */
font-size: 80%; /* ボックスの文字サイズ */
padding: 0px 0px 0px 5px; /* パディング */
}

/* --- BOX(コロッケ創り工程3-1) --- */
.box-kotei-3-1 {
float: left;
width: 398px; /* ボックスの幅 */
}
/* --- BOX(コロッケ創り工程3-2) --- */
.box-kotei-3-2 {
float: left;
width: 230px; /* ボックスの幅 */
padding: 0px 0px 0px 10px; /* パディング */
}

/* --- BOX(コロッケ創り工程4-1) --- */
.box-kotei-4-1 {
float: left;
width: 238px; /* ボックスの幅 */
}
/* --- BOX(コロッケ創り工程4-2) --- */
.box-kotei-4-2 {
float: left;
width: 203px; /* ボックスの幅 */
padding: 0px 0px 0px 10px; /* パディング */
}

/* --- BOX(画像均等配置) --- */
.box-equal-img {
display:table;
width: 100%; /* ボックスの幅 */
padding: 3px 0px 5px 0px; /* パディング */
}
.box-equal-img ul{
display:table-row;
}
.box-equal-img ul li{
display:table-cell;
text-align:center;
line-height:0;
}

/* --- BOX(テキスト均等配置) --- */
.box-equal-txt {
display:table;
width: 100%; /* ボックスの幅 */
padding: 5px 0px 5px 0px; /* パディング */
}
.box-equal-txt ul{
display:table-row;
}
.box-equal-txt ul li{
display:table-cell;
text-align:left;
line-height:150%;
font-size: 80%; /* 文字サイズ */
}

/* --- リスト(共通) --- */
.list-all {
margin: 0 0 0 1em;
padding: 0;
}

/* --- リスト(商品紹介ページ) --- */
.list-shohin {
list-style-image: url(../product/icn_list1.gif);
}
/* --- 企業情報ナビゲーションBOX --- */
.company-nav {
padding: 3px 10px 10px 10px; /* パディング（上下、左右） */
font-size: 80%; /* 文字サイズ */
text-align: right; /* 文字右よせ */
}

/* --- 企業情報 会社概要＆会社沿革 Table左 --- */
.tbl-l-company {
width: 20%;
border-right: 2px #448EFF solid; /* 境界線 */
padding: 5px;
font-size: 100%; /* 文字サイズ */
text-align:right;
vertical-align: top;
}
/* --- 企業情報 会社概要＆会社沿革 Table右 --- */
.tbl-r-company {
width: 80%;
padding: 5px;
font-size: 100%; /* 文字サイズ */
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #999999;
border-collapse: collapse; /* 隣接する境界線を結合して（重ねて）表示する  */
}

/* --- メールフォーム Table左 --- */
.tbl-l-mail {
width: 20%;
background-color: #BFDFFF;
padding: 5px;
font-size: 80%; /* 文字サイズ */
}

/* --- メールフォーム Table右 --- */
.tbl-r-mail {
width: 80%;
padding: 5px;
font-size: 80%; /* 文字サイズ */
}

/* --- 商品紹介 Table要素 --- */
.tbl-shohin {
width: 100%;
border: 1px #999999 solid;
border-collapse: collapse;
font-size: 100%; /* 文字サイズ */
}
/* --- 商品紹介 Table ヘッダ１--- */
.tbl-hd1-shohin {
background-color: #FFFF8C;
padding: 2px;
text-align: center;
border: 1px #999999 solid;
}
/* --- 商品紹介 Table ヘッダ２--- */
.tbl-hd2-shohin {
background-color: #FFE495;
padding: 2px;
text-align: center;
border: 1px #999999 solid;
}
/* --- 商品紹介 Table 明細１--- */
.tbl-dt1-shohin {
background-color: #FFFFCC;
padding: 2px;
text-align: center;
border: 1px #999999 solid;
}
/* --- 商品紹介 Table 明細２--- */
.tbl-dt2-shohin {
background-color: #FFF2CC;
padding: 2px;
text-align: center;
border: 1px #999999 solid;
}