/*
 * 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; }
.pankuzu { font-size: 70%; color: #4a2c07; padding-top: 15px; text-align: left; }


/*nav */
.leftbox-nav    { width: 164px; padding: 18px 0px 0px 12px; }
.leftbox-nav ul { list-style: none; }
.leftbox-nav li { text-indent: -9999px; }
.leftbox-nav a  { width: 164px; display: block; text-decoration: none; }

.leftbox-nav li a:link, .leftbox-nav li a:visited { color: #646464; text-decoration: none; }
.leftbox-nav li a:hover, .leftbox-nav li a:active { color: #ffffff; text-decoration: none; }

.nav-top { display: block; height: 7px; background: url("../../img/main/kurata_nav.gif") no-repeat; }
.nav-bottom { display: block; height: 7px; background: url("../../img/main/kurata_nav.gif") no-repeat; }

.nav-home a:link, .nav-home a:visited { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat 0px 0px; }
.nav-shopping a:link, .nav-shopping a:visited { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat 0px -27px; }
.nav-coffee a:link, .nav-coffee a:visited { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat 0px -54px; }
.nav-about a:link, .nav-about a:visited { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat 0px -81px; }
.nav-kodawari a:link, .nav-kodawari a:visited { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat 0px -108px; }
.nav-kidscafe a:link, .nav-kidscafe a:visited { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat 0px -136px; }
.nav-staff a:link, .nav-staff a:visited { display: block; height: 29px; background: url("../../img/main/kurata_nav.gif") no-repeat 0px -163px; }

.nav-home a:hover, .nav-home a:active { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat -164px 0px; }
.nav-shopping a:hover, .nav-shopping a:active { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat -164px -27px; }
.nav-coffee a:hover, .nav-coffee a:active { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat -164px -54px; }
.nav-about a:hover, .nav-about a:active { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat -164px -81px; }
.nav-kodawari a:hover, .nav-kodawari a:active { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat -164px -108px; }
.nav-kidscafe a:hover, .nav-kidscafe a:active { display: block; height: 27px; background: url("../../img/main/kurata_nav.gif") no-repeat -164px -136px; }
.nav-staff a:hover, .nav-staff a:active { display: block; height: 29px; background: url("../../img/main/kurata_nav.gif") no-repeat -164px -163px; }

.leftbox a:link, .leftbox a:visited { color: #01ad4e; text-decoration: none; }
.leftbox a:hover, .leftbox a:active { color: #01ad4e; text-decoration: underline; }

/*nav */
.cafedora { width: 380px; padding-top: 14px; }
.warabimochi { width: 380px; padding-top: 5px; }

.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; margin-bottom: 30px; }
.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-box { background-color: #fffccc; border-top: solid 1px #80631c; border-right: solid 1px #80631c; border-left: solid 1px #80631c; }
.category-box .category_listp { font-size: 70%; font-weight: bold; color: #4a2c07; 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; }

.inpage { width: 500px; padding: 18px 0px 40px 5px; }
.inpage p { font-size: 75%; color: #1f1f1f; line-height: 1.5em; text-align: left; }
.coffeecatch { padding-bottom: 15px; }
.coffeecatch p { font-size: 80%; color: #5e4322; font-weight: bold; letter-spacing: 0.3em; 
text-align: left; border-bottom: solid 1px #5e4322; padding-bottom: 5px; margin-bottom: 5px; }
.monthcoffee-box { padding: 30px 30px 15px 30px; background-color: #fff6d5; border: solid 1px #999999; }
.monthcoffee-box p { padding-bottom: 15px; font-size: 75%; color: #1f1f1f; line-height: 1.7em; text-align: left; }
.mctablep { padding: 5px; font-size: 75%; color: #ffffff; line-height: 1.5em; text-align: center; }
.mctablep2 { padding: 5px 0px 5px 15px; font-size: 75%; color: #ff6600; line-height: 1.5em; text-align: left; }
.mctablep3 { padding: 5px 15px 5px 0px; font-size: 75%; color: #000000; line-height: 1.5em; text-align: right; }
.mctablep4 { font-size: 75%; color: #000000; line-height: 1.5em; text-align: left; }
.shopping-box { padding: 20px; border: solid 2px #999999; text-align: center; }

.kidscafe p { padding-bottom: 25px; font-size: 75%; color: #1f1f1f; line-height: 1.9em; text-align: left; }
.photoright { float: right; padding-left: 0.7em; }
.photoleft { float: left; padding-right: 1em; padding-bottom: 1em; }
.kccaption { padding: 5px 0px; font-size: 65%; color: #000000; line-height: 1.3em; text-align: left; }

.redp { color: #ff1a00; font-weight: bold; }
.pinkp { color: #ff66ff; }
.brownp { font-size: 75%; color: #4a2c07; line-height: 1.5em; }
.brownsp { font-weight: bold; color: #4a2c07; line-height: 2em; }

.sakura-box { width: 458px; background-color: #ffff99; border: solid 1px #8a521c; padding: 0px 20px 20px 20px; }
.sakura-boxp { font-size: 70%; color: #1f1f1f; }
.sakura-box2 { width: 500px; border: solid 1px #8a521c; margin-bottom: 10px; }
.sakura-box2 p { font-size: 75%; padding: 20px; line-height: 1.8em; }

.meyasup { padding: 15px 0px; border-top: dotted 2px #5e4322; border-bottom: dotted 2px #5e4322; color: #5e4322; font-weight: bold; }

.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; }
.tablewp { padding: 8px 5px 8px 10px; font-size: 75%; font-weight: bold; color: #ffffff; line-height: 1.5em; }
.tablep1 { 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; }

/*FORM*/
.box3 { width: 33px; }	/*W3*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box12 { width: 96px; }	/*W12*/
.box18 { width: 138px; }	/*W18*/
.box19 { width: 145px; }	/*W19*/
.box20 { width: 152px; }	/*W20*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W30*/
.box40 { width: 292px; }	/*W40*/
.box47 { width: 341px; }	/*W47*/
.area40 { width: 302px; height: 134px; }	/*W40¡ßH8*/
.area45 { width: 337px; height: 290px; }	/*W40¡ßH20*/
.area46 { width: 337px; height: 134px; }	/*W40¡ßH8*/
.area50 { width: 372px; height: 290px; }	/*W50¡ßH20*/
.area55 { width: 407px; height: 290px; }	/*W55¡ßH20*/
.area65 { width: 444px; height: 290px; }	/*W65¡ßH20*/
.area68 { width: 498px; height: 134px; }	/*W68¡ßH8*/
.area80 { width: 572px; height: 134px; }	/*W80¡ßH8*/
.area80_2 { width: 550px; height: 420px; }	/*W80¡ßH30*/
.area92 { width: 666px; height: 160px; }	/*W92¡ßH10*/
.area96 { width: 694px; height: 420px; }	/*W80¡ßH30*/
.area96_2 { width: 694px; height: 160px; }	/*W80¡ßH10*/

/*LINK*/
a:link { color: #3a75af; text-decoration: underline; }
a:visited { color: #3a75af; text-decoration: underline; }
a:hover { color: #3a75af; text-decoration: none; }

/*OVER*/
a.over:link{ color:#4a6fa6; text-decoration: none; }
a.over:visited { color:#4a6fa6; text-decoration: none; }
a.over:hover { color:#4a6fa6; text-decoration: underline; }

/*COLOR*/
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.red { color: #ec0000; }
.redst { color: #ec0000; font-weight: bold; }
.blue { color: #3a75af; }
.bluest { color: #3a75af; font-weight: bold; }
.black { color: #000000; }
.blackst { color: #000000; font-weight: bold; }
.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; }

/*PHOTO*/
.picture { 
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

/*PHOTO*/
img { 
	border: 0px;
}


#container #right #contents #right #price{
border-width: 1px;
border-style: solid;
border-color: #ccc;
padding: 0;
margin: 0;
padding: 0;
width: 295px;
background: #ecf5ff;
}


/*---------------------------------------------
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*/