/* CSS Document */

/*
div#container
	div#header
		div#headerMenu
			div.headerLogo
			div.headerSubBt
			div.nav
		div#headerCartPrev
	div#footer

*/



/*reset*/
*{
margin:0;
padding:0;
border:0;
background-color:transparent;
color:#584e4e;
font-size:100%;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

.formtext{
background-color: #FFFFFF;
color:#685353;
border:1px solid #808080;
padding:2px;
}
.formbt{
background-color: #e4e0d7;

border:1px solid #808080;
padding: 2px;
}

h1,h2,h3,h4,h5,h6,ul,li,p,dl,dt,dd{
margin:0;
padding:0;
list-style: none;
}

body{
margin:0;
padding:0;
font-family: "ＭＳ Ｐゴシック", "Osaka";
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
text-align: center;
word-break: break-all;
}
/*-----------------------------------------------------
■■■CONTAINER
-----------------------------------------------------*/
div#container{
margin: 0px auto;
padding: 0px;
text-align: left;
background: #ffffff;
width:800px;
}



/*-----------------------------------------------------
■■■FOOTER
-----------------------------------------------------*/
div#footer{
margin: 0px;
padding: 0px;
clear:both;
width:800px;
height:27px;
background-color:#c9c9c9;
text-align: center;
}
div#footer p{
text-align: center;
font-size:11px;
}
/*-----------------------------------------------------
■■■ALL
-----------------------------------------------------*/
.ft-clear{ clear:both;}

a:link { text-decoration:underline; color:#780721; }
a:visited { text-decoration:underline; color:#780721; }
a:active { text-decoration:underline; color:#780721; }
a:hover { text-decoration:none; color:#780721; }

/*-----------------------------------------------------
■■■HEADER
-----------------------------------------------------*/
div#header{

}
/*----通常Ver----*/
div#header div#headerMenu{
width:582px;
float:left;
background-image:url("../images/header_bg.gif");
background-position:right top;
background-repeat:no-repeat;
}
/*----送り火Ver----*/
div#header div#headerMenu2{
width:582px;
float:left;
background-image:url("../images/header_bg2.gif");
background-position:right top;
background-repeat:no-repeat;
}

div#header div.headerLogo{
float:left;
}
div#header div.headerLogo h1{
	padding:0;
	margin:0;	
}
div#topMsg{
	margin:0 10px 0 0;
	text-align:right;
	font-size:11px;
}



/*----subnav----*/
div#header div.headerSubBt li{
float:right;
}
div#header div.headerSubBt li.sitemap a,
div#header div.headerSubBt li.inquire a,
div#header div.headerSubBt li.link a,
div#header div.headerSubBt li.qa a,
div#header div.headerSubBt li.about a{
display:block;
background-image:url("../images/ind03.gif");
background-repeat:no-repeat;
background-position:0px 4px ;
padding:0 10px 0 14px;
font-size:70%;
}

/*----nav----*/
div#header div.nav{
clear:both;
}
div#header div.nav li{
float:left;
}
div#header div.nav li.home a{
display:block;
background-image:url("../images/gnav_bt01.gif");
background-repeat:no-repeat;
width:97px;
height:35px;
text-indent:-9999px;
}
div#header div.nav li.shopping a{
display:block;
background-image:url("../images/gnav_bt02.gif");
background-repeat:no-repeat;
width:97px;
height:35px;
text-indent:-9999px;
}
div#header div.nav li.search a{
display:block;
background-image:url("../images/gnav_bt03.gif");
background-repeat:no-repeat;
width:97px;
height:35px;
text-indent:-9999px;
}
div#header div.nav li.prize a{
display:block;
background-image:url("../images/gnav_bt04.gif");
background-repeat:no-repeat;
width:97px;
height:35px;
text-indent:-9999px;
}
div#header div.nav li.yomoyama a{
display:block;
background-image:url("../images/gnav_bt05.gif");
background-repeat:no-repeat;
width:97px;
height:35px;
text-indent:-9999px;
}
div#header div.nav li.mailmaga a{
display:block;
background-image:url("../images/gnav_bt06.gif");
background-repeat:no-repeat;
width:97px;
height:35px;
text-indent:-9999px;
}


/*----HEADER CART PREV----*/
div#header div#headerCartPrev{
width:218px;
float:left;
height:103px;
}
div#header div#headerCartPrev div.cartPrevBody{
clear:both;
border:1px solid #cccccc;
padding:10px 4px 0 4px;
height:93px;
}

div#header div#headerCartPrev div.btCartIn a{
display:block;
background-image:url("../images/bt_cart_in.gif");
background-repeat:no-repeat;
width:208px;
height:24px;
text-indent:-9999px;
}
div#header div#headerCartPrev div.cartPrevBody ul{
padding:10px 0 0 5px;
}
div#header div#headerCartPrev div.cartPrevBody li{
float:left;
padding:0 0 8px 0;
}
div#header div#headerCartPrev div.cartPrevBody li a{
display:block;
background-image:url("../images/ind02.gif");
background-repeat:no-repeat;
background-position:0px 7px ;
padding:0 10px 0 10px;
font-size:75%;
}
div#header div#headerCartPrev div.CartPrevData{
font-weight:bold;
font-size:110%;
padding:10px 0 0 5px ;
height:20px;
}

/*errors*/
ul.errors li{
color:#FF0000;
}



/*-----------------------
smpLink
-----------------------*/
.smpLink{
 position: fixed;
 bottom: 10px;
 right: 10px;

}

.smpLink a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 10px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 12px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    background-image: linear-gradient(top, rgba(255,255,255,1),
                                rgba(255,255,255,0)),
                                url(data:image/png;base64,iVBORw0KGg[...]QmCC);
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
                            0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}
 
.smpLink a:hover{
    background-color: #eee;
    color: #555;
}
 
.smpLink a:active{
    background: #e9e9e9;
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    outline: none;
}