@charset "UTF-8";

body{
margin: 0;
background: url(../images/bg_header.gif) repeat-x;
color: #706B66;
font-size: 12px;
line-height: 1.5;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/* text-align: center;  */
}

h1,h2,h3,h4,h5,p,dl,dt,dd,ul,li{
margin: 0;
}

ul,li{
padding: 0;
}

img{
border: 0;
vertical-align: top;
}

ul{
list-style-type: none;
}

a:hover{
color: #D13E1A;
}


/* ---------------------------------------------------------
   Escape Error in Floating Block                         
--------------------------------------------------------- */
 
.esc:after{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0px;
}
.esc{  min-height: 1px;}

* html .esc { display: inline-block; }
/* no ie mac \*/
* html .esc { height: 1%; }
.esc { display: block; }
/* */



/* ---------------------------------------------------------
   Common Classes  
--------------------------------------------------------- */

a:hover img.thumb{
    filter:alpha(opacity=70);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=70)"; /* IE8用 */
    -moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
}

.blue{ color: #3261A7; }
.red{ color: #CF3E14; }

.txt-center{ text-align: center; }
.txt-right{ text-align: right; }
.txt-left{ text-align: left; }

.f14{ font-size:14px; }
.f15{ font-size:15px; }
.f16{ font-size:16px; }

.b5{ margin-bottom: 5px; }
.b8{ margin-bottom: 8px; }
.b10{ margin-bottom: 10px; }
.b15{ margin-bottom: 15px; }
.b17{ margin-bottom: 15px; }
.b20{ margin-bottom: 20px; }
.b25{ margin-bottom: 25px; }
.b30{ margin-bottom: 30px; }
.b35{ margin-bottom: 35px; }
.b40{ margin-bottom: 40px; }
.b45{ margin-bottom: 45px; }
.b50{ margin-bottom: 50px; }
.b55{ margin-bottom: 55px; }
.b60{ margin-bottom: 60px; }
.b65{ margin-bottom: 65px; }
.b70{ margin-bottom: 70px; }

.t5{ margin-top: 5px; }
.t10{ margin-top: 10px; }
.t15{ margin-top: 15px; }
.t20{ margin-top: 20px; }
.t25{ margin-top: 25px; }
.t30{ margin-top: 30px; }
.t35{ margin-top: 35px; }
.t40{ margin-top: 40px; }
.t45{ margin-top: 45px; }
.t50{ margin-top: 50px; }

.l5{ margin-left: 5px; }
.l10{ margin-left: 10px; }
.l15{ margin-left: 15px; }
.l20{ margin-left: 20px; }
.l25{ margin-left: 25px; }
.l30{ margin-left: 30px; }
.l35{ margin-left: 35px; }
.l40{ margin-left: 40px; }
.l45{ margin-left: 45px; }
.l50{ margin-left: 50px; }

.r5{ margin-right: 5px; }
.r10{ margin-right: 10px; }
.r15{ margin-right: 15px; }
.r20{ margin-right: 20px; }
.r25{ margin-right: 25px; }
.r30{ margin-right: 30px; }
.r35{ margin-right: 35px; }
.r40{ margin-right: 40px; }
.r45{ margin-right: 45px; }
.r50{ margin-right: 50px; }


/* ---------------------------------------------------------
   Layout  
--------------------------------------------------------- */

/* 位置指定のためのdiv */
#header,
#container,
#pagebody,
#header-menu-container,
#header-container,
#pagefoot{
width: 100%;

}

/* IE6 center寄せ */
.center{
_text-align: center;
}

#pagehead,
#header,
#navi,
#header-menu,
#columns,
#footer{
margin: 0 auto;
width: 950px;
text-align: left;
}

#header-container{
position: absolute;
top: 41px;
}

#pagebody{
position: absolute;
top: 186px;
overflow: hidden;
min-width: 950px;
}

#columns{
background: url(../images/bg_pagebody.gif) repeat-y;
text-align: left;
margin-bottom: 59px;
}

#left-column{
float: left;
width: 170px;
_width: 190px;
padding: 10px;
margin-right: 30px;
}

#right-column{
float: right;
width: 730px;
}


/*----------------------------------------------------------
   Header 
--------------------------------------------------------- */

h1{
padding-top: 7px;
color: #fff;
font-size: 12px;
line-height: 1.125;
font-weight: normal; 
height: 33px;
_height: 40px;
margin: 0 auto;
width: 950px;
}

#header{
height: 77px;
}

#header-logo{
width: 360px;
padding-top: 17px;
}

#header-text-l1,
#header-text-l2{
width:  590px;
color: #726960;
text-align: right;
}

#header-text-l1{
padding-top: 47px;
}


#header-text-l2{
padding-top: 32px;
}


#header p{
float: left;
}

#header-menu-container{
position: absolute;
top: 125px;
text-align: right;
line-height: 1.125;
}

#header-menu ul{
text-align: right;
}

#header-menu li{
display: inline;
list-style-type: none;
}

#navi{
position: absolute;
top: 147px; 
padding-top: 8px;
line-height: 1.125;
font-size: 11px;
text-align: left;
}

#navi a{
text-decoration: underline;
color: #B77A22;
}

#navi a:hover{
color: #D13E1A;
text-decoration: none;
}

/*----------------------------------------------------------
  Footer
--------------------------------------------------------- */

#lnk-pagetop{
text-align:right;
}

#pagefoot{
background: url(../images/bg_footer.gif) repeat-x 0 100%;
}

#lnk-pagetop{
height: 24px;
}

#footer-container,
#footer-footer{
width: 950px;
}

#footer-container{
height: 284px;
}

.footer-content{
width: 170px;
float: left;
margin-right: 40px;
color: #3E3A3A;
}

.footer-content h2{
background: url(../images/line_footer.gif) no-repeat 0 100%;
font-size: 13px;
font-weight: normal;
padding-top: 23px;
margin-bottom: 15px;
}


.footer-content li{
background: url(../images/arrow_footer.gif) no-repeat 0 3px;
font-size: 11px;
line-height: 1.125;
padding-left: 15px;
margin: 0 0 10px 0;
}

.footer-content a{
color: #3E3A3A;
text-decoration: none;
}

.footer-content a:hover{
color: #D13E1A;
}

.footer-content .business-calendar caption{
margin-top: 0;
}
.footer-content #calendar-footer{
color: #3E3A3A;
margin-bottom: 0;
}

#footer-gallery{
float: left;
width: 250px;
_width: 300px;
padding: 42px 0 0 50px;
}

#footer-gallery-item1{
margin-bottom: 2px;
}

#footer-gallery-item2{
margin-bottom: 8px;
}

/* Copyright and Footer Menu ------------------ */

#footer-footer{
height: 55px;
}

#footer-footer p,
#footer-footer ul{
float: left;
}

#footer-footer p{
width: 360px;
padding-top: 10px;
}

#footer-footer ul{
text-align: right;
width: 590px;
font-size: 11px;
line-height: 1.125;
padding-top: 12px;
}

#footer-footer a{
text-decoration: underline;
color: #B77A22;
}

#footer-footer a:hover{
color: #D13E1A;
}

#footer-footer li{
display: inline;
}




/*----------------------------------------------------------
   Left Menu
--------------------------------------------------------- */

#left-column a{
text-decoration: none;
color:#786548;
}

#left-column a:hover{
text-decoration: none;
color: #D13E1A;
}

#left-menu1{
padding-bottom: 22px;
}

#left-menu1 li,
#left-menu2 li,
#banner li{
margin-bottom: 5px;
}

#left-menu2{
margin-bottom: 20px;
}

#banner{
border-top: 1px solid #CDC9C5;
padding-top: 20px;
}

li#postage{
margin-bottom: 10px;
}

li#sample,
li#gift{
padding-top: 5px;
}

#left-column #category h2{
font-size: 12px;
margin-bottom: 10px;
}

#left-column #category ul{
padding-bottom: 16px;
}

#left-column #category ul li{
margin: 0 0 12px 10px;
line-height: 1.125;
}

#calendar-footer{
font-size: 11px;
color: #726960;
margin-bottom: 18px;
}

#cafe{
margin-bottom: 17px;
}