/*
 * Copyright(c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */
 
 @charset "<!--{$smarty.const.CHAR_CODE}-->";

/*esukei */
* { margin: 0px; padding: 0px; }
body { background: url("../img/main/body_img.gif") repeat 0px 0px; }
/*#content   { width: 780px; background-color: #38623B; }
#main { width: 590px; }
#base { padding: 0px; margin: 0px; }
.left { width: 385px; float: left; margin-top: 15px; padding-left: 15px; }
.right { width: 160px; float: right; margin-top: 15px; padding-right: 15px; }
.greenback { backgroung-color: #CBE4C7; }*/
.clear { clear: both; }

.whatsnew { width: 380px; }
.whatsnew-box { width: 360px; backgroung-color: #ffffcc; border: solid 1px #5f5f5f; padding: 6px 10px 10px 10px; margin: 5px 0px 15px 0px;}
.whatsnewdayp { font-size: 70%; color: #8a521c; padding-top: 8px; }
.whatsnewp { color: #8a521c; padding: 7px 0px; weight: bold; }
.whatsnewblackp { font-size: 70%; color: #1f1f1f; border-bottom: dotted 2px #5f5f5f; padding: 7px 0px; line-height: 1.3em; }
.whatsnewrssp { font-size: 65%; color: #8a521c; padding-top: 5px; line-height: 1.1em; }

.whatsnewrssp a:link, .whatsnewrssp a:visited { color: #8a521c; text-decoration: none; }
.whatsnewrssp a:hover, .whatsnewrssp a:active { color: #8a521c; text-decoration: underline; }

.osusume { width: 380px; background-color: #fffccc; border: solid 1px #80631c; }
.osusume-box { width: 360px; background-color: #fffccc; padding-bottom: 20px; }
.osusume-box-left { width: 175px; float: left; padding-top: 10px; }
.osusume-box-left1 { width: 48px; float: left; padding-right: 5px; }
.osusume-box-left2 { width: 121px; float: right; text-align: left; }
.osusume-box-right { width: 175px; float: right; padding-top: 10px; }
.osusume-box-right1 { width: 48px; float: left;  padding-right: 5px; }
.osusume-box-right2 { width: 121px; float: right; text-align: left; }
.osusumep { font-size: 70%; color: #4a2c07; font-weight: bold; }
.osusumesp { font-size: 70%; color: #404040; padding: 10px 0px; line-height: 1.3em; }

.osusume a:link, .osusume a:visited { color: #4a2c07; text-decoration: none; }
.osusume a:hover, .osusume a:active { color: #4a2c07; text-decoration: underline; }

.monthscoffee { padding: 18px 0px 15px 12px; }

.category { width: 164px; padding: 0px 0px 10px 12px; }
.category-box { background-color: #fffccc; border-top: solid 1px #80631c; border-right: solid 1px #80631c; border-left: solid 1px #80631c; }
.category_list { width: 164px; }
.category_listp { font-size: 80%; color: #4a2c07; font-weight: bold; text-align: left; padding: 7px 0px 7px 7px; border-bottom: solid 1px #80631c; }

.category_list a:link, .category_list a:visited { color: #4a2c07; text-decoration: none; }
.category_list a:hover, .category_list a:active { color: #4a2c07; text-decoration: underline; }

.kensaku { width: 164px; padding-bottom: 10px; margin-bottom: 10px; background-color: #ffffff; border: solid 1px #80631c; }

.kensaku_box { margin: 18px 0px 40px 5px; }
.kensaku_title { width: 550px; height: 28px; 
background: url("../img/main/kensaku_title.gif") repeat 0px 0px; }
.kensaku_title p { color: #ffffff; font-weight: bold; padding: 5px 0px 0px 20px; } 
.syohinmei { width: 400px; height: 28px; background-color: #E9DCCE; text-align: left; padding-top: 6px; }

.syohinmei a:link, .syohinmei a:visited { color: #4a2c07; text-decoration: none; }
.syohinmei a:hover, .syohinmei a:active { color: #4a2c07; text-decoration: underline; }

.syosai { color: #4a2c07; font-weight: bold; }

.login { padding: 18px 8px 0px 0px; }

.shopping { padding: 0px 8px 15px 0px; }

.company { padding: 0px 8px 5px 0px; }

.kodawari { padding: 0px 8px 15px 0px; }

.staff { padding: 0px 8px 10px 0px; }

.contact { padding: 0px 8px 0px 0px; }

.kidscoffee { padding: 0px 0px 8px 12px; }

.guide { padding: 0px 0px 20px 12px; }

.homebtn { width: 164px; padding: 18px 0px 0px 12px; }

.kago { width: 164px; margin-top: 18px; padding-bottom: 10px; margin-bottom: 15px; margin-left: 12px; background-color: #ffffff; border: solid 1px #80631c; }

.siteabout_title { width: 550px; height: 30px; 
background: url("../img/main/siteabout_title.gif") repeat 0px 0px; }
.tablep { padding: 8px 5px 8px 10px; font-size: 75%; color: #1f1f1f; line-height: 1.5em; }
.tablep2 { padding: 8px 5px 8px 10px; font-size: 75%; color: #1f1f1f; }
.tablep3 { padding: 8px 5px 8px 10px; color: #1f1f1f; }
.tableptop { font-size: 75%; color: #1f1f1f; line-height: 1.5em; }

 
.fs10 {font-size: 62.5%; line-height: 150%;}
.fs12 {font-size: 75%; line-height: 150%;}
.fs14 {font-size: 87.5%; line-height: 150%;}
.fs18 {font-size: 117.5%; line-height: 150%;}
.fs22 {font-size: 137.5%; line-height: 130%;}
.fs24 {font-size: 150%; line-height: 130%;}
.fs30 {font-size: 187.5%; line-height: 125%;}
.fs10n {font-size: 62.5%;}
.fs12n {font-size: 75%;}
.fs14n {font-size: 87.5%;}
.fs18n {font-size: 117.5%;}
.fs22n {font-size: 137.5%;}
.fs24n {font-size: 150%;}
.fs30n {font-size: 187.5%;}
.fs12st {font-size: 75%; line-height: 150%; font-weight: bold;}

/*---------------------------------------------
ESUKEI
clearfix Style

Clearing a float container without source markup
http://www.positioniseverything.net/easyclearing.html
---------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac*/