@charset "UTF-8";
/*
Theme Name: niko758 css
Theme URL: http://www.niko758.com/
Description: baseCSS（共通基礎用）.
Version: 1.0
Author: ニコー製作所
Author URL: http://www.niko758.com/
*/

/* CSS Document */

a {
color:#3366FF;
}
a:hover {
color:#FF6600;
}
/* 基本構造
------------------ */
.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:793px;
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:793px;
height:232px;
margin:0;
padding:0;
background:url(../img/pub/coverbk.jpg) no-repeat center top;
    overflow: hidden;
}
.cover:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .cover {
    height: 1em;
    overflow: visible;
}
/**/
.cover h1 {
width:793px;
height:232px;
margin:0;
padding:5px 0 0 0;
text-indent:30px;
font-size:0.7em;
color:#666666;
line-height:150%;
font-weight:normal;
display:block;
}
.cover h1 a {
width:793px;
height:232px;
margin:0;
padding:0;
color:#000066;
font-weight:normal;
text-decoration:none;
display:block;
}
.cover h1 a:hover {
color:#3399FF;
}
.side-l {
float:left;
width:160px;
margin:0 5px 0 0;
padding:0;
background:#FFFFFF;
    overflow: hidden;
}
.side-l:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .side-l {
    height: 1em;
    overflow: visible;
}
/**/

/* メイン
------------------ */
.main {
margin:0 0 50px 0;
padding:0;
overflow: hidden;
}
.main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .main {
    height: 1em;
    overflow: visible;
}
/**/

/* 左サイド
------------------ */
.search-box {
margin:0;
padding:0;
}
/* 検索部分
-------------------------------- */

div#side-search {
width:160px;
padding:0;
margin:0;
}
div#side-search label {
text-indent:2px;
font-size:10px;
color:#996600;
background:transparent no-repeat;
display:block;
}
div#side-search input.textin {
width:80%;
margin:0 0 5px 0;
padding:0;
font-size:0.7em;
color:#333333;
}
.item-all {
margin:0;
padding:0;
}
.item-all h2 {
width:160px;
height:72px;
margin:0;
padding:0;
background:url(../img/pub/item-all.jpg) no-repeat left top;
text-indent:-9999em;
}
.item-all h2 a {
width:160px;
height:72px;
margin:0;
padding:0;
background:url(../img/pub/item-all.jpg) no-repeat left top;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.item-all p {
margin:5px 0 0 2px;
paidding:0;
line-height:125%;
font-size:0.7em;
color:#666666;
}
.item-category ul {
margin:0;
padding:0;
font-size:0.8em;
list-style:none;
}
.item-category li {
margin:10px 0;
padding:2px 0 2px 10px;
border-left:#999999 5px solid;
border-bottom:#999999 1px solid;
}
.item-category li a {
color:#333333;
text-decoration:none;
}
.item-category li a:hover {
color:#FF6600;
}
li.item-red {
padding:2px 0 2px 5px;
border-left:#CC0000 5px solid;
border-bottom:#CC0000 1px solid;
font-weight:bold;
}
li.item-main {
font-weight:bold;
padding:2px 0 2px 5px;
border-left:#666666 5px solid;
border-bottom:#666666 1px solid;
background:#e9e9e9;
}
/* 店舗住所
------------------ */
.cre {
margin:50px 0 10px 0;
padding:5px;
border:#333333 solid 1px;
}
.cre h3 {
height:64px;
margin:5px 0;
padding:0;
background:url(../img/index/side-credit.jpg) no-repeat center top;
text-indent:-9999em;
}
.cre h3 a {
height:64px;
margin:0;
padding:0;
background:url(../img/index/side-credit.jpg) no-repeat center top;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.cre p {
margin:0;
padding:5px 0 0 0;
font-size:0.75em;
color:#333333;
line-height:150%;
background:url(../img/pub/border-x.gif) repeat-x top left;
}
.contact {
width:149px;
height:20px;
margin:5px auto;
padding:0;
background:url(../img/index/contact-btm.jpg) no-repeat 0 -1px;
text-indent:-9999em;
}
.contact a {
width:149px;
height:20px;
margin:0;
padding:0;
background:url(../img/index/contact-btm.jpg) no-repeat 0 -1px;
display:block;
text-decoration:none;
}
.contact a:hover {
width:149px;
height:20px;
margin:0;
padding:0;
background:url(../img/index/contact-btm.jpg) no-repeat 0 -20px;
display:block;
}

/* フッター
------------------ */
#footer {
clear:both;
width:786px;
margin:0;
padding:10px 0;
background:url(../img/pub/footer.jpg) 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:#666666;
}


/* 小物
------------------ */
.pan {
clear:both;
position:absolute;
top:215px;
width:790px;
margin:0 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;
}

/* 装飾
------------------ */
.red {
color:#CC0000;
}
hr {
margin:20px 0;
padding:0;
}
span.new {
display: none;
color: red;
font-weight: normal;
font-size:10px;
}
p.more-s {
margin:5px 0;
padding:0;
text-align:right;
font-size:10px;
color:#660000;
}
p.more-s a {
color:#660000;
}
p.more-s a:hover {
color:#FF6600;
}
