@charset "EUC-JP";

/*---------------------------------------------------------------
 * ‹?’?
 *   ƒy[ƒW‚?•\Ž¦—?ˆ?‚?‹?’?‰??Š‚??’?
 */

/* ‚?‚?‚?‚?margin, padding ‚?’??Bƒuƒ‰ƒEƒU‚?‚?‚?‚?ˆ?‚?‚?‚? */
* {
    margin: 0px;
    padding: 0px;
}

/* ediv‚?‚?height“n‚? */
.clear {
    clear:both;
}


/* bodyƒ^ƒO‚?‚?‚?‘S‘?‚?ƒtƒHƒ“ƒgƒXƒ^ƒCƒ‹‚??Œ? */
body {
    font-family: "ƒqƒ‰ƒMƒmŠpƒS@Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS P ƒSƒVƒbƒN","MS PGothic", Sans-Serif;
/*    font-family: "ƒqƒ‰ƒMƒmŠpƒS@Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PƒSƒVƒbƒN","MS PGothic", Sans-Serif;
	font-family: verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;*/
    font-size: 12px;
    font-style: normal;
    line-height: 140%;
    color: #333333;
    background-color: #FFFFFF;
}


/*------------------------------------------------------------------------------
 * ƒRƒ“ƒeƒi
 * ƒTƒCƒg‚?ˆ?‚?ƒRƒ“ƒeƒiB
 */
.container {
    margin-right: auto;
    margin-left: auto;
    width: 800px;
    background-color: #FFFFFF;
}

/*------------------------------------------------------------------------------
 * •\Ž¦—?ˆ?
 */
.header {
    width: 800px;
    height:60px;
    background-color:#FFFFFF;
}
.navi {
    width: 800px;
    height: 20px;
}
.main {
    padding-top: 10px;
    width: 800px;
    background-color:#FFFFFF;
}
.footer {
    color:#000000;
    font-size:80%;
    line-height:1.5em;
    width: 800px;
    height: 40px;
}

/*------------------------------------------------------------------------------
 * ƒwƒbƒ_‰?‘œ‚? aƒ^ƒO‚?ƒoƒbƒNƒOƒ‰ƒEƒ“ƒh
 */
.header h1 {
    text-indent: -2000px;
}
.header h1 a {
    display: block;
    width: 800px;
    height: 60px;
    text-decoration: none;
    background: transparent url(../images/header.gif) no-repeat;
}
.header h1 a:hover {
    background-position: bottom left; text-decoration: none ! important;
}
.headerPhoto {
    display: block;
    width: 800px;
    height: 280px;
    text-decoration: none;
}


/*------------------------------------------------------------------------------
 * ƒ{ƒbƒNƒX”z’u
 *  ƒiƒr‚?”z’u‚?Š?‚?‚?‚?‚?‚?‚?‚??’?@“??‚?_switch.css‚?
 */
.navi {
	width: 800px;
	height: 41px;
}

.navi ul.mainNavi {}
.navi ul.mainNavi li {
    display: inline;
    text-indent: -2000px;
}
.navi ul.mainNavi li a {
	display: block;
	height: 41px;
	text-decoration: none;
	float: left;
}
.navi ul.mainNavi li.home a {
    width: 67px;
}


.footer .footerNavi {
    padding-top: 5px;
    height: 15px;
}
.footer ul.footerNavi li {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}
.footer .copyright {
    text-indent: -2000px;
    height: 20px;
    background: url(../images/copyright.gif) bottom right no-repeat;
}
.footer a.logo {
    float: right;
    text-indent: -2000px;
    display: block;
    width: 160px;
    height: 20px;
    background: url(../images/footer_logo.gif) top left no-repeat;
    text-decoration: none;
}
.footer a.logo:hover {
    background-position: bottom left; text-decoration: none ! important;
}


/*------------------------------------------------------------------------------
 * ƒŒƒtƒgƒRƒ“ƒeƒ“ƒc
 */
.leftContents {
    float: left;
    color:#000000;
    width:170px;
    text-indent: -2000px;
}

.leftContents h2#menuTitle {
    height: 30px;
    margin-bottom: 10px;
}
.leftContents ul.menu {
    margin-bottom: 10px;
}
.leftContents ul.menu li {
    width: 150px;
    height: 25px;
}
.leftContents ul.menu li a {
    display: block;
    width: 150px;
    height: 25px;
    text-decoration: none;
}


.leftContents .storeArea {
    width: 150px;
    height: 80px;
}
.leftContents .staffBlog {
    margin-top: 5px;
    width: 150px;
    height: 80px;
}
.leftContents .onlineShopping {
	margin-top: 5px;
	width: 150px;
	padding-bottom: 2px;
	/*    height: 380px;
    background: url(../images/_left/onlineShopping.gif) top left no-repeat;*/
/*    height: 680px;*/
    background: #CBB994 url(../images/_left/onlineShopping3.gif) top right no-repeat;
	margin-bottom: 10px;
}
.leftContents .upperEast {
    margin-top: 5px;
    width: 150px;
    height: 40px;
}
.leftContents .mrHearts {
    margin-top: 5px;
    width: 150px;
    height: 40px;
}

.leftContents .storeArea a {
    display: block;
    width: 150px;
    text-decoration: none;
    height: 80px;
    background: url(../images/_left/storeArea.gif) top left no-repeat;
}
.leftContents .staffBlog a {
    display: block;
    width: 150px;
    text-decoration: none;
    height: 80px;
    background: url(../images/_left/staffBlog.gif) top left no-repeat;
}

.leftContents .onlineShopping a {
    display: block;
    width: 150px;
    text-decoration: none;
    height: 80px;
}


.leftContents .onlineShopping .newArrival {
	/*    height: 298px;*/
/*    height: 598px;*/
    text-indent: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}

.leftContents h2#newArrival {
    height: 20px;
    background: url(../images/_left/newArrival.gif) top left no-repeat;
    text-indent: -9999px;
}

.leftContents .onlineShopping .newArrivalFrame {
    width: 146px;
/*    height: 278px;*/
    height: 578px;
    border: none;
    padding: 0px;
}
.leftContents .upperEast a {
    display: block;
    height: 40px;
    background: url(../images/_left/upperEast.gif) top left no-repeat;
}
.leftContents .mrHearts a {
    display: block;
    height: 40px;
    background: url(../images/_left/mrHearts.gif) top left no-repeat;
}

.leftContents .storeArea a:hover {
    background-position: bottom left; text-decoration: none ! important;
}
.leftContents .staffBlog a:hover {
    background-position: bottom left; text-decoration: none ! important;
}
.leftContents .onlineShopping:hover {
/*    background-position: bottom left; text-decoration: none ! important;*/
    background-position: top left; text-decoration: none ! important;
    background-color: #004900 ! important;;
}
.leftContents .upperEast a:hover {
    background-position: bottom left; text-decoration: none ! important;
}
.leftContents .mrHearts a:hover {
    background-position: bottom left; text-decoration: none ! important;
}




#frameBox {
    width: 146px;
    background-color: #fff;
    overflow: hidden;
}
#frameBox h3 {
    width: 146px;
    font-size: 1.0em;
    line-height: 1.4em;
    text-align: center;
    background-color: #6D883A;
    color: #fff;
    font-family: Arial;
}

#frameBox table {
    width: 146px;
/*    width: 100%;*/
    margin: 2px 0px 2px 0px;
}
#frameBox table th {
    width: 52px;
    vertical-align: top;
    text-align: center;
    padding-bottom: 3px;
}
#frameBox table td {
    width: 92px;
    vertical-align: top;
    line-height: 1.3em;
    padding-bottom: 5px;
    font-size: 0.8em;
}

#frameBox img {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff url(../images/loading.gif) center center no-repeat;
}

#frameBox a {
    display: inline;
    color: #000000;
    text-decoration: none;
}
#frameBox a:link {
}
#frameBox a:visited {
    color: #000000;
}
#frameBox a:hover {
    color: #6D883A;
    text-decoration: underline;
}
#frameBox a:active {
    color:#6D883A;
}
/* aƒ^ƒO“?‚?ƒCƒ[ƒW‚?ƒ{[ƒ_[ */
#frameBox a img {
    border: 0;
}






/*------------------------------------------------------------------------------
 * ƒƒCƒ“ƒRƒ“ƒeƒ“ƒc
 */
.mainContents {
    float: left;
    width: 630px;
    background-color:#FFFFFF;
}

.mainContents h2 {
    text-indent: -2000px;
}



/*-- ƒgƒbƒv‚?–?‚? ---------*/
div.returnTop {
    clear: both;
    padding: 20px 0px 20px 780px;
    text-indent: -2000px;
}
div.returnTop a {
    display: block;
    width: 20px;
    height: 20px;
    text-decoration: none;
    background: transparent url(../images/returnTop.gif) no-repeat;
}


/*-- ”z’u ---------*/
.styleRight {
    float: right;
    margin-left: 5px;
}
.styleLeft {
    float: left;
    padding-right: 5px;
}
img.styleRight {
    float: right;
    margin-left: 5px;
    background-color: #7F7D7D;
}
img.styleLeft {
    float: left;
    margin-right: 3px;
    padding-right: 0px;
    background-color: #7F7D7D;
}
.alignRight {
    text-align: right;
}