/*
 * Copyright(c) 2000-2007 Artme CO.,LTD. All Rights Reserved.
 *
 * http://www.artme.co.jp/
 */

@charset "{$smarty.const.CHAR_CODE}";

/*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: 572px; 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*/


/*OVER*/


/*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: #006600; font-weight: bold;
font-size: 16px;
letter-spacing: 2px;
 }
.blackst2 { color: #000000; 
font-size: 80%;

 }
.blackst3 { color: #000000; 
font-size: 80%;

 }

.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; 
font-size: 120%;
}

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

.fs14 {
font-size: 80%;
letter-spacing: 1px;
line-height: 16px;


}


/*campaignCSS*/

#camp_title1 {
font-size: 90%;
padding-top: 13px;
padding-left: 10px;
vertical-align: middle;
width:auto;
height:20px;
color: #333333;
letter-spacing: 2px;


}

#camp_title2 {
font-size: 90%;
padding-top: 8px;
padding-left: 10px;
vertical-align: middle;
width:auto;
height:25px;
color: #333333;
letter-spacing: 2px;
}

#camp_title3 {
font-size: 90%;
padding-top: 8px;
padding-left: 10px;
vertical-align: middle;
width:auto;
height:25px;
color: #333333;
letter-spacing: 2px;
}

#camp_title4 {
font-size: 90%;
padding-top: 8px;
padding-left: 10px;
vertical-align: middle;
width:auto;
height:25px;
color: #333333;
letter-spacing: 2px;
}

#camp_title5 {
font-size: 90%;
padding-top: 8px;
padding-left: 10px;
vertical-align: middle;
width:auto;
height:25px;
color: #333333;
letter-spacing: 2px;
}

#camp_txt1 {
font-size: 120%;
text-align: left;
letter-spacing: 2px;
ling-height: 17px;
}

#camp_txt2 {
font-size: 80%;
text-align: left;
letter-spacing: 2px;
ling-height: 17px;
}

#camp_txt3 {
font-size: 120%;
text-align: left;
letter-spacing: 2px;
ling-height: 17px;
}

#camp_txt4 {
font-size: 95%;
text-align: left;
letter-spacing: 2px;
ling-height: 17px;
}

#camp_txt5 {
font-size: 120%;
text-align: left;
letter-spacing: 2px;
ling-height: 17px;
}

.fs12 {
font-size: 80%;
letter-spacing: 2px;
line-height: 16px;

}
.faq_new{
	font-size: 80%;
	color: #333333;
	letter-spacing: 1px;
	font-family: Verdana;
	line-height:17px;
}
#faq_new{
	font-size: 80%;
	color: #333333;
	letter-spacing: 1px;
	font-family: Verdana;
	line-height:17px;
	margin-top:10px; 
	margin-bottom:10px; 
	margin-left:15px; 
	margin-right:8px
}




/*detail3CSS*/

#d3_title1 {
font-size: 130%;
letter-spacing: 1pt;

}

#d3_taste1_title {
font-size: 80%;
letter-spacing: 1pt;


}

#d3_taste2_title {
font-size: 80%;
letter-spacing: 1pt;


}

#d3_taste1_txt {
font-size: 80%;
letter-spacing: 1pt;

}


/*siteCSS*/
body {

	background-color: #7B6557;
	margin-top: 0px;
margin-bottom: 0px;
}


#wrapper {
	background-image: url(http://www.mjb-coffee.co.jp/images/bg1.jpg);
	background-repeat: repeat-y;
	background-position: center;
          
}
#wrap {
	width: 945px;
	margin-right: auto;
	margin-left: auto;

}

#f_bg {
	background-image: url(http://www.mjb-coffee.co.jp/images/footer.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 945px;
	margin-right: auto;
	margin-left: auto;
	
}
#bg_txt {
	font-size: 11px;
                color: #ffffff;
	font-family: "£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡ÝÅùÉý";
}
#m_bg {
	background-image: url(http://www.mjb-coffee.co.jp/images/menubg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	height: auto;
	width: 182px;
}
#infobg {
	background-image: url(http://www.mjb-coffee.co.jp/images/info_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
                margin-left: 0px;
}
#mainmgn {
                margin-left: 0px;
}


.mjb_history {
	font-size: 80%;
	color: #333333;
                letter-spacing: 1px;
	
}
.mjb_history_1{
	font-size: 80%;
	color: #333333;
	line-height: 17px;
letter-spacing: 1px;
	
}
.mjb_history_2{
	font-size: 120%;
	color: #5C3926;
	line-height: 17px;
letter-spacing: 1px;
	
}

.mjb_history_1b{
	font-size: 70%;
	color: #333333;
	line-height: 17px;
	letter-spacing: 1px;
	
}
.mjb_history_2b{
	font-size: 100%;
	color: #5C3926;
	line-height: 17px;
	letter-spacing: 1px;
	
}

#mjb_history {
	margin-top: 75px;
}
.mainimg {
	height: 220px;
	width: 758px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	clear: left;
}


#recruit {
	font-size: 80%;
	color: #333333;
	font-family: Verdana;
}#recruit_1{
	font-size: 80%;
	color: #333333;
	width:580px;
	font-family: Verdana;
	margin-top:35px;
	margin-left:85px;
	margin-bottom:15px;
	line-height:17px;
}
.pankuzu {
	font-size: 80%;
	color: #333333;
	font-family: Verdana;
	text-decoration: none;
}
.pankuzu a{
	font-size: 80%;
	color: #333333;
	font-family: Verdana;
	text-decoration: none;
}
.pankuzu a:hover{
	font-size: 80%;
	font-family: Verdana;
	text-decoration: none;
	color: #138C68;
}
#sub a:visited {
font-size: 80%;
color: #ffffff;
font-family: Verdana;

}

#sub a {
	font-size: 80%;
	font-color: #ffffff;
	font-family: Verdana;
	text-decoration: none;
}
#sub a:hover{
	font-size: 80%;
	color: #ffffff;
	font-family: Verdana;
	text-decoration: underline;
	
}
#cate {
color: #006600;
font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
margin-left: 4px;
font-size: 11px;
letter-spacing: 0px;

}

#cate a {
font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
font-size: 11px;
margin-left: 4px;
letter-spacing: 0px;
color: #006600;
}


#company {
	font-family: Verdana;
	font-size: 120%;
	color: #3333
}
.settlement{
	font-size: 80%;
	color: #333333;
	line-height: 17px;
	font-family: Verdana;
	letter-spacing:1px;
}
.settlement2{
	font-size: 60%;
	color: #333333;
	line-height: 17px;
	font-family: Verdana;
	letter-spacing:1px;
}
.way{
	font-size: 80%;
	color: #333333;
	line-height: 19px;
	font-family%
}
.mjb_history_2 {
	font-size: 120%;
	color: #5C3926;
	letter-spacing: 2px;
	font-family: Verdana;
}
.faq {
	font-size: 80%;
	color: #333333;
	letter-spacing: 1px;
	font-family: Verdana;
	line-height:17px;
}
.deliver {
	font-family: Verdana;
	font-size: 110%;
	color: #261A0B;
}
.deliver_1 {
	font-family: Verdana;
	font-size: 80%;
	color: #261A0B;
	line-height:27px;
}
.deliver_2 {
	font-family: Verdana;
	font-size: 80%;
	color: #261A0B;
	line-height:18px;
}
.deliver_3 {
	font-family: Verdana;
	font-size: 80%;
	color: #261A0B;
	line-height:15px;
	letter-spacing:1px;
}
.delivery_4 {
	font-family: "£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡ÝÅùÉý";
	font-size: 80%;
	color: #261A0B;
	line-height:17px;
}
.delivery_5 {
	font-family: "£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡ÝÅùÉý";
	font-size: 80%;
	color: #ffffff;
	line-height:17px;
	letter-spacing:1px;
}
.health {
	font-family: Verdana;
	font-size: 90%;
	color: #392E23;
	letter-spacing:1px;
}
#health {
	font-family: Verdana;
	font-size: 80%;
	color: #666666;
	letter-spacing:1px;
	line-height: 17px;
	margin-left:10px; 
	margin-right:8px
}
#faq {
	font-size: 80%;
	color: #333333;
	letter-spacing: 1px;
	font-family: Verdana;
	line-height:17px;
	margin-top:10px; 
	margin-bottom:10px; 
	margin-left:15px; 
	margin-right:8px
}
#privacy {
	font-family: Verdana;
	font-size: 80%;
	color: #333333;
	line-height: 17px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align: text-top;
}
#sitemap_new{
	font-size: 80%;
	color: #333333;
	font-family: Verdana;
	text-decoration: none;
}
#sitemap_new a{
	font-size: 80%;
	color: #333333;
	font-family: Verdana;
	text-decoration: none;
}
#sitemap_new a:hover{
	font-size: 80%;
	font-family: Verdana;
	text-decoration: none;
	color: #138C68;
}
#company_new{
	font-family: Verdana;
	font-size: 80%;
	color: #333333;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align: text-top;
}
#privacy_new {
	font-family: Verdana;
	font-size: 80%;
	color: #333333;
	line-height: 17px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align: text-top;
}
.mail {
   color: #ffffff;
   font-size: 80%;
   text-decoration:none;
}
.mail a{
	font-size: 80%;
	color: #ffffff;
	text-decoration:none;
}
.mail a:hover{
	font-size: 80%;
	color: #999999;
}
.map {
	font-size: 80%;
	color: #3A75AF;
	font-family: Verdana;
	text-decoration: none;
}
.map a{
	font-size: 80%;
	color: #3A75AF;
	font-family: Verdana;
	text-decoration: none;
}
.map a:hover{
	font-size: 80%;
	font-family: Verdana;
	text-decoration: none;
	color: #138C68;
}

#titleline {
	background-image: url(http://www.mjb-coffee.co.jp/shop/html/images/line.jpg);
	background-repeat: repeat-x;
                background-position: top;
}

#line2 {
	background-image: url(http://www.mjb-coffee.co.jp/shop/html/images/line2.gif);
	background-repeat: repeat-x;
	width: 100%;
	background-position: center;
	height: 20px;
}