@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #FFFFCC; /* ページの背景色 */
color: #333333; /* 全体の文字色 */
font-family: "ＭＳ Ｐゴシック",sans-serif;
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 760px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #FFFFFF; /* ページの背景色 */
}

/* --- ヘッダ --- */
#header {
font-size: 70%; /* 文字サイズ */
}

/* --- ヘッダ(ロゴレベル) --- */
.logo {
background-image: url(img_head_bg.gif);
background-repeat: repeat-x;
}

/* --- ヘッダ(ナビゲーション) --- */
.nav {
padding: 0px 0px 0px 0px;

}

/* --- ヘッダ(パンクズ) --- */
.pankuzu {
font-size: 100%; /* 文字サイズ */
padding: 3px 3px 3px 3px;

}

/* --- コンテンツ(トップページ用) --- */
#content-index {
padding: 2px 3px 3px 3px;
}

/* --- コンテンツ(トップ以外の全ページ用) --- */
#content {
padding: 3px 3px 3px 0px;
}
/* --- ディテール左側(トップページ用) --- */
#dt-l-index {
width: 465px;
float: left;
padding: 5px 5px 3px 0px;
}

/* --- ディテール左側(商品ご紹介ページ用) --- */
#dt-l-product {
background-image: url(../product/img_product.jpg);
background-repeat:  no-repeat;
width: 110px;
height: 500px;
float: left;
}

/* --- ディテール左側(こだわりページ用) --- */
#dt-l-kodawari {
background-image: url(../kodawari/img_kodawari.jpg);
background-repeat:  no-repeat;
width: 110px;
height: 500px;
float: left;
}

/* --- ディテール左側(コロッケ創りページ用) --- */
#dt-l-production {
background-image: url(../production/img_production.jpg);
background-repeat:  no-repeat;
width: 110px;
height: 500px;
float: left;
}

/* --- ディテール左側(安全の管理体制ページ用) --- */
#dt-l-safety {
background-image: url(../safety/img_safety.jpg);
background-repeat:  no-repeat;
width: 110px;
height: 500px;
float: left;
}

/* --- ディテール左側(企業情報ページ用) --- */
#dt-l-company {
background-image: url(../company/img_company.jpg);
background-repeat:  no-repeat;
width: 110px;
height: 500px;
float: left;
}

/* --- ディテール左側(サイトポリシーページ用) --- */
#dt-l-policy {
background-image: url(../policy/img_policy.jpg);
background-repeat:  no-repeat;
width: 110px;
height: 500px;
float: left;
}

/* --- ディテール左側(お問い合わせページ用) --- */
#dt-l-contact {
background-image: url(../contact/img_contact.jpg);
background-repeat:  no-repeat;
width: 110px;
height: 500px;
float: left;
}

/* --- ディテール右側(トップページ用) --- */
#dt-r-index {
float: left;
width: 284px;
padding: 5px 0px 3px 0px;
}

/* --- ディテール右側(トップ以外の全ページ共通) --- */
#dt-r {
width: 642px;
height: 100%;
padding: 0px 0px 3px 5px;
float: left;
}

/* --- フッタ ナビゲーション --- */
#footer-nav {
clear: left; /* フロートのクリア */
font-size: 80%; /* 文字サイズ */
text-align: center; /* 文字中央よせ */
padding: 2px 0px 2px 0px;
}

/* --- フッタ --- */
#footer {
color: #FFFFFF; /* 文字色 */
font-size: 80%; /* 文字サイズ */
text-align: center; /* 文字中央よせ */
padding: 3px 0px 3px 0px;
background-color: #FF7915; /* フッタの背景色 */
}