﻿@charset "UTF-8";
/*
Theme Name: 41niku css
Theme URL: http://www.41niku.com/
Description: baseCSS（共通基礎用）.
Version: 1.0
Author: 土屋精肉店
Author URL: http://www.41niku.com/
*/

/* CSS Document */
a {
color:#3366FF;
}
a:hover {
color:#FF6600;
}
p {
margin:0;
padding:0;
font-size:0.85em;
font-weight:normal;
color:#222222;
line-height:150%;
}
/* 基本構造
------------------ */
.base {
background:#FFFFFF;
margin:0;
padding:0;
top:0;
left:0;
overflow: hidden;
}
.base:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .base {
    height: 1em;
    overflow: visible;
}
/**/
.container {
width:780px;
margin:0;
padding:0;
overflow: hidden;
}
.container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .container {
    height: 1em;
    overflow: visible;
}
/**/
.cover {
width:780px;
height:98px;
margin:0;
padding:0;
background:url(../img/pub/header-cover.jpg) no-repeat center bottom;
    overflow: hidden;
}
.cover:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .cover {
    height: 1em;
    overflow: visible;
}
/**/
h1.cover {
width:780px;
height:98px;
margin:0;
padding:0;
text-indent:0px;
font-size:0.7em;
color:#666666;
line-height:150%;
font-weight:normal;
display:block;
}
h1.cover a {
width:780px;
height:98px;
margin:0;
padding:0;
color:#000066;
font-weight:normal;
text-decoration:none;
display:block;
}
h1.cover a:hover {
color:#3399FF;
}
/* メイン
----------------------------- */
.main {
width:600px;
float:right;
margin:10px 0;
padding:0;
    overflow: hidden;
}
.main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .main {
    height: 1em;
    overflow: visible;
}
/**/


/* サイド
----------------------------- */
.side {
float:left;
margin:10px 0;
}
.side .order-box {
width:146px;
margin:0;
padding:0;
background:url(../img/pub/orderbox-middle.gif) repeat-y left top;
}
.side .order-box h4 {
width:146px;
height:10px;
margin:0;
padding:15px 0 5px 0;
font-size:0.75em;
text-indent:5px;
color:#333333;
background:url(../img/pub/orderbox-head.gif) no-repeat left top;
}
.side .order-box h4 a {
width:146px;
height:10px;
margin:0;
padding:0;
color:#333333;
display:block;
text-decoration:none;
}
.side .order-box h4 a:hover {
color:#FF6600;
}
.side .ob-middle {
width:138px;
margin:0 2px 0 4px;
padding:0;
}
.side .ob-middle p {
margin:5px 0 0 0;
padding:0;
font-size:0.75em;
color:#666666;
line-height:150%;
}
.side .ob-bottom {
margin:0;
padding:0;
background:url(../img/pub/orderbox-bottom.gif) no-repeat left bottom;
}
.side .ob-middle p.tel {
margin:0;
padding:2px 0 2px 34px;
font-size:1.15em;
color:#CC0000;
background:url(../img/pub/tel-fax.gif) no-repeat center left;
}
.side .ob-middle p.email {
margin:0;
padding:0;
color:#CC0000;
line-height:115%;
}
.side .ob-middle p.email a {
margin:0;
padding:0;
color:#CC0000;
line-height:115%;
text-decoration:none;
}
.side .ob-middle p.email a:hover {
color:#FF6600;
}

/* フッター
------------------ */
#footer {
clear:both;
width:780px;
margin:0;
padding:10px 0;
background:url(../img/pub/footer-bk.gif) no-repeat left center;
    overflow: hidden;
}
#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #footer {
    height: 1em;
    overflow: visible;
}
/**/
address {
margin:0 5px;
padding:0;
font-size:0.7em;
color:#FFFFFF;
}


/* 小物
------------------ */
.pan {
clear:both;
width:780px;
margin:5px 0 0 3px;
padding:0;
}
.pantext {
font-size:0.7em;
color:#000000;
font-weight:500;
letter-spacing:0.1em;
}
.pantext a {
color:#666666;
font-weight:normal;
text-decoration:none;
}
.pan a:hover {
color:#FF6600;
}
.pageup {
clear:both;
margin:50px 0 5px 0;
padding:0;
text-align:right;
font-size:10px;
color:#660000;
}
.pageup a {
color:#660000;
}
.pageup a:hover {
color:#FF6600;
}
.pageup-in {
clear:both;
margin:5px 0;
padding:0;
text-align:right;
font-size:10px;
color:#660000;
}
.pageup-in a {
color:#660000;
}
.pageup-in a:hover {
color:#FF6600;
}

/* 装飾
------------------ */
span.red {
color:#CC0000;
}

/* ページ見出し
------------------ */
.pg-midasi{
margin:0;
padding:0 0 10px 0;
text-align:left;
display:block;
}

.pg-midasi:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .pg-midasi {
height: 1em;
overflow: visible;
}

.pg-midasi h2{
width:608px;
margin:0;
padding:0 0 5px 0;
font-size:1em;
color:#222222;
font-weight:bold;
background:url(../img/pub/title-bk.gif) no-repeat bottom 0px;
}

p.midasitext{
width:580px;
margin:0;
padding:5px 0 5px 0;
font-size:0.85em;
color:#222222;
font-weight:normal;
line-height:150%;

}
/* サブ見出し
------------------ */
h3.sub-midasi{
clear:both;
margin:10px 0 10px 0;
padding:0 0 0 25px;
overflow: hidden;
background:url(../img/pub/icon-sq.gif) no-repeat 0px 0px;
display:block;
font-size:1em;
font-weight:bold;
color:#990000;
}
p.sub-midasi{
clear:both;
margin:10px 0 10px 0;
padding:0 0 0 25px;
overflow: hidden;
background:url(../img/pub/icon-sq.gif) no-repeat 0px 0px;
display:block;
font-size:1em;
font-weight:bold;
color:#990000;
}
/* プロフィール
----------------------------- */
.profile {
clear:both;
width:570px;
margin:10px 0;
padding:0;
}
.pf-left {
float:left;
width:400px;
margin:0 10px;
padding:0;
}
.pf-leftbox {
width:400px;
margin:0;
padding:0;
}
.pf-textl {
float:left;
width:110px;
margin:0;
padding:0;
}
.pf-textr {
float:right;
width:290px;
margin:0;
padding:0;
}
.pf-textl h5 {
margin:5px 4px 0 0;
padding:0;
font-size:1.2em;
color:#333333;
}
.pf-textr p {
margin:0;
padding:0;
font-size:0.75em;
color:#333333;
line-height:120%;
}
p.pf-red {
clear:both;
margin:10px 0 0 0;
padding:0;
font-size:1em;
color:#990000;
font-weight:bold;
text-decoration:none;
line-height:120%;
}
p.pf-red a {
margin:0;
padding:0;
color:#990000;
font-weight:bold;
text-decoration:none;
}
.pf-right {
float:right;
margin:0 10px 0 0;
padding:0;
}