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

body {
	background: #D9BF92 url(/images/body_bg_01.jpg) repeat-x top;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 21px;
	color: #494949;
}
/* サイズがおかしいので、一度コメントアウト 2008/03/18
table {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 21px;
	color: #6b6b6b;
}
*/
a:link {
	color: #86796a;
	text-decoration: underline;
}
a:visited {
	color: #86796a;
}
a:hover {}

img {
	border-style: none;
}

/*トップページ*/

#top_main {
	background: #B8B8B8;
	width: 802px;
	margin-right: auto;
	margin-left: auto;
}
#top_box {
	background: #FFFFFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#top_main #top_header {
	background: url(/images/top_head_01.jpg) no-repeat top;
	padding-top: 5px;
}
#top_header .menu_01 {
	text-align: right;
}
#top_header .inbox {
	padding: 9px 10px;
}
#top_header .inbox img {
	margin-left: 18px;
}

#top_header .menu_02 {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background: url(/images/top_head_02.jpg) no-repeat bottom;
}

#top_header .menu_02 img {
	margin-right: 15px;
	margin-left: 15px;
}
.top_footbtm {
	background: url(/images/top_foot_01.jpg) no-repeat;
	height: 3px;
}
.top_main_cont {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.top_cnt_left {
	width: 597px;
	float: left;
	padding-bottom: 20px;
}
.top_cnt_left2 {
	width: 267px;
	float: left;
}
.top_cnt_01 {
	background: url(/images/top_xdotline.gif) repeat-x bottom;
	padding-bottom: 15px;
	padding-left: 10px;
}
.top_cnt_02 {
	padding-top: 10px;
	padding-left: 10px;
}
.top_cnt_02 .topics_ttl {
	padding-bottom: 10px;
}
.top_cnt_02 .topics_div {
	padding-top: 15px;
	padding-bottom: 15px;
	position:absolute;
}
.topics_div dl {
	margin: 0px;
	overflow: hidden;
}
.topics_div dt {
	float: left;
	clear: left;
	padding-bottom: .5em;
}
.topics_div dd {
	float: left;
	margin: 0px;
	padding-bottom: .5em;
}
.top_cnt_right2 {
	width: 300px;
	float: left;
	background: url(/images/top_ydotline.gif) repeat-y left;
	padding-left: 10px;
	margin-left: 10px;
}
.top_cnt_03 {
	background: url(/images/top_xdotline.gif) repeat-x bottom;
	padding-bottom: 14px;
	padding-left: 10px;
}
.top_cnt_04 {
	padding-top: 10px;
	padding-left: 10px;
}
.top_cnt_right {
	width: 185px;
	float: left;
	padding-bottom: 20px;
}
.top_cnt_right img {
	margin-bottom: 3px;
}
.top_cnt_02 .cosp {
	margin-left: -7px;
	padding-top: 180px;
}
.top_cnt_02 .co {
	margin-left: -7px;
}
.top_cnt_02 .jdma {
	margin-left: -7px;
	padding-top: 8px;
}

/*中ページフォーマット*/

#inner_main {
	background: #B8B8B8 none repeat scroll 0%;
	width: 802px;
	margin-right: auto;
	margin-left: auto;
}
#inner_box {
	background: #FFFFFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background: transparent url(/images/inner_head_01.jpg) no-repeat scroll center top;
	width: 800px;
	padding-top: 5px;
}
#header .inbox {
	background: transparent url(/images/inner_head_02.jpg) no-repeat scroll center bottom;
	overflow:hidden;
	margin-bottom:5px;
	padding:9px 9px 0px;
	height: 112px;
}
#header .inbox2 {
	background-color: #FFFFFF;
	overflow:hidden;
	margin-bottom:5px;
	padding:9px 9px 0px;
	height: 100px;
}
#header .logo {
	width: 99px;
	float: left;
	height: 109px;
	text-align: left;
}
#header .logo img {
	margin-top: 5px;
}
#header .menu_01 {
	text-align: right;
}
#header .menu_01 img {
	margin-left: 14px;
}
#header .menu_02 {
	padding-top: 6px;
	text-align: right;
}
#header .menu_02 img {
	margin-left: 8px;
}
#header .menu_login {
	text-align: right;
	margin: 8px 0 10px 0;
	height: 28px;
	background: transparent url(/images/head_login_back.gif) no-repeat scroll right bottom;
}
#header .menu_login form {
	margin: 0;
}
#header .menu_login img {
	margin: 1px 5px 0 0;
}
#header .menu_login input {
	font-size: 12px;
}
#header .menu_login .loginout {
	margin: 4px 10px 0 0;
	vertical-align:text-bottom;
}

#base {
	clear: both;
}
#footer {
	width: 800px;
	background: #FFFFFF url(/images/top_foot_01.jpg) no-repeat bottom;
	clear: both;
}
/*
#footer .go_pagetop {
	text-align: right;
	font-size: 10px;
	padding: 15px;
}
*/
.go_pagetop {
	text-align: right;
	font-size: 10px;
	padding: 15px;
}
#footer .menu {
	border-top: 1px solid #EBEBEB;
	background: #F4F4F4;
	padding-top: 15px;
	text-align: center;
	padding-bottom: 14px;
}
#footer .menu img {
	margin-right: 5px;
	margin-left: 5px;
}
#footer #copyright {
	text-align: center;
	padding: 15px;
}
.footer_br {}
#contents {
	clear: both;
}
#pankuzu{
	line-height: 150%;
/*
	padding-left: 15px;
*/
	text-align: left;
}
h1 {
	margin: 0px;
	padding: 10px 0px 40px;
	text-align: right;
	width: 760px;
}
#submenu {
	background: #F7F6F5;
	text-align: right;
	border-top: 1px dotted #B2B2B2;
	line-height: 200%;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	height: 38px;
}
#submenu_0 {
	border-top: 1px dotted #B2B2B2;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	height: 38px;
}
#submenu .inbox {
	padding-right: 15px;
	padding-top: 5px;
}
#submenu .inbox img {
	margin-left: 25px;
	margin-right: 5px;
}
#submenu a:link {
	text-decoration: none;
}
#submenu a:visited {
	text-decoration: none;
}
.main_cont {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
.main_cont h2 {
	margin: 0px;
	padding: 40px 0px 25px 0px;
}
.cont_text {
	padding-left: 16px;
	overflow: auto;
	padding-bottom: 20px;
}

.f10px {
	font-size: 10px;
	line-height: 13px;
}
.f14px {
	font-size: 14px;
	line-height: 16px;
}
.left_img {
	text-align: center;
	width: 15%;
	float: left;
	margin: 0px;
}

/*会社概要*/

.cont_text table.enkaku {
	border-collapse:collapse;
}
table.enkaku th,table.enkaku td {
	padding: 0px;
}
table.enkaku th {
	text-align: left;
}
table.enkaku td {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	vertical-align: top;
}
.yurai_box {
	background: url(/images/compny_img_11.gif) repeat-y left;
	padding-left: 70px;
}

















/*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*/
.area60 { width: 425px; height: 290px; }	/*W60×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*/
a:link { color: #86796A; text-decoration: underline; }
a:visited { color: #86796A; text-decoration: underline; }
a:hover { color: #86796A; 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; }
.brown{ color: #6D4E1F;}
.brownst{ color: #6D4E1F; font-weight: bold; }
.orabro{ color: #c69c4a; }
.orabrost{ color: #c69c4a; font-weight: bold; }
.tittle{color: #908C81; font-weight: bold; }

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

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


#container #right #contents #right {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 0;
	margin: 0;
	padding: 0;
	width: 295px;
	background: #ecf5ff;
}
/* priceの記述だけ上記より独立させる 2008/03/28 */
 #price{

	padding: 0;
	margin: 0;
	padding: 0;
	width: 440px;
	background: #F7F4EB;
}


/* 新規追加 2008/03/18 */
#contents_block {
	font-size: 75%;
	line-height: 150%;
	text-align: left;
	margin: 0px;
}
#contents_block a:link {
	color: #86796a;
	text-decoration: underline;
}
#contents_block a:visited {
	color: #86796a;
	text-decoration: underline;
}
#contents_block a:hover {
	color: #86796a;
	/*text-decoration: underline;*/
	text-decoration: none;
}
#contents_block .lineup_itemmorel a:link {
	color: #d95d0a;
	text-decoration: none;
}
#contents_block .lineup_itemmorel a:visited {
	color: #d95d0a;
	text-decoration: none;
}
#contents_block .lineup_itemmorel a:hover {
	color: #d95d0a;
	text-decoration: none;
}
#contents_block .lineup_itemmorel02 a:link {
	color: #86796a;
	text-decoration: none;
}
#contents_block .lineup_itemmorel02 a:visited {
	color: #86796a;
	text-decoration: none;
}
#contents_block .lineup_itemmorel02 a:hover {
	color: #86796a;
	text-decoration: none;
}
.orange_link a:link {
	color: #d95d0a;
	text-decoration: none;
}
.orange_link a:visited {
	color: #d95d0a;
	text-decoration: none;
}
.orange_link a:hover {
	color: #d95d0a;
	text-decoration: none;
}
.orange_link_deco a:link {
	color: #DE992D;
}
.orange_link_deco a:visited {
	color: #DE992D;
}
.orange_link_deco a:hover {
	color: #DE992D;
	text-decoration: none;
}




/*base.css*/
/*会社概要*/

.cont_text table.enkaku {
	border-collapse:collapse;
}
table.enkaku th,table.enkaku td {
	padding: 0px;
}
table.enkaku th {
	text-align: left;
}
table.enkaku td {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	vertical-align: top;
	font-size: 75%;
	line-height: 150%;
}
.yurai_box {
	background: url(/images/compny_img_11.gif) repeat-y left;
	padding-left: 70px;
}

/*ラインナップ*/
.lineup_img {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
.lineup_img table {
	border-collapse:collapse;
	padding: 0px;
	margin: 0px;

}
.lineup_img table td ,.lineup_img table tr {
	padding: 0px;
	margin: 0px;
}
.btn_r {
	text-align: right;
	padding: 10px;
	margin-top: -20px;
}
.linup_title {
	background: #F2F2F2;
}
.lineup_itmbox {
	width: 245px;
	float: left;
}
.lineup_itemsbox {
	padding-top: 15px;
	padding-bottom: 10px;
	overflow: auto;
}
.lineup_itmboxin {
	width: 221px;
	margin-right: auto;
	margin-left: auto;
}
.lineup_itemimg {
	padding-top: 15px;
	float: left;
	width: 62px;
}
.lineup_itemname {
	font-weight: bold;
	color: #634D30;
}
.lineup_itemtxt {
	width: 158px;
	float: left;
	padding-top: 95px;
}
.lineup_itemmorel {
	text-align: right;
}
.lineup_itemmorel02 {
	text-align: right;
}
.lineup_left01 {
	width: 245px;
	float: left;
}
.lineup_left01 .linup_title {
	width: 233px;
}
.lineup_right01 {
	width: 490px;
	float: left;
}
.lineup_itemimg2 {
	padding-top: 15px;
	padding-bottom: 10px;
}
.lineup_itemtxt2 {
	padding-bottom: 30px;
}

/*全成分表記*/
.ingre_lbox {
	float: left;
	width: 150px;
	padding-bottom: 20px;
	clear: left;
}
.ingre_lbox img {
	margin-left: 30px;
}
.ingre_rbox {
	float: left;
	width: 590px;
}
.ingre_jan {
	text-align: right;
	padding-bottom: 20px;
}


/*プライバシーポリシー*/
.priv_box {
	background: #E4E4E4 url(/images/priv_boxtop.gif) no-repeat top;
	width: 342px;
}
.priv_box p {
	background: url(/images/priv_boxbtm.gif) no-repeat bottom;
	margin: 0px;
	padding: 7px;
}

/*ロゼットの取り組み*/
.rosette_imgbox {
	background: #F1EFEB;
	padding: 10px;
	margin-left: 20px;
	border: 1px dashed #B8B7B5;
	float: right;
}


/*ご利用方法*/
.guide_cha {
	color: #C59B4B;
}
.guide_howboxs img {
	margin-right: 13px;
	margin-bottom: 15px;
}
.guide_howboxs2 {
	width: 756px;
	background: url(/images/guide_txt_08.gif) repeat-y;
	overflow: visible;
}

.guide_howboxs3 {
	background: url(/images/guide_txt_13.gif) no-repeat top;
	width: 756px;
	height: 37px;
}
.guide_left {
	width: 118px;
	text-align: right;
	float: left;
}
.guide_right {
	width: 600px;
	float: left;
	padding-top: 2em;
}
.guide_center {
	text-align: center;
}
p.guide {
	padding-left: 1em;
}

/*お問い合わせ*/
.contact img {
	margin-left: 20px;
}

/*モバイルサイトのご案内*/
.mobile_l {
	width: 539px;
	float: left;
	padding-top: 25px;
}
.mobile_boxt {
	height: 13px;
	width: 477px;
	background: url(/images/mobile_box_01.gif) no-repeat bottom;
	margin-top: 50px;
}
.mobile_boxm {
	background: url(/images/mobile_box_02.gif) repeat-y;
	width: 477px;
	overflow: auto;
}
.mobile_boxm_in {
	margin: 0px;
	padding: 15px 25px 45px;
}
.mobile_boxm_in img {
	float: left;
	margin-right: 25px;
}
.mobile_boxb {
	height: 13px;
	width: 477px;
	background: url(/images/mobile_box_03.gif) no-repeat top;
}
.mobile_r {
	float: left;
	width: 186px;
}

/*コンセプト*/
.concept_box1t {
	background: url(/images/concept_box1t.gif) no-repeat bottom;
	height: 41px;
	width: 756px;
	overflow: auto;
}
.concept_box1m {
	background: url(/images/concept_box1m.gif) repeat-y;
	width: 756px;
	overflow: auto;
}
.concept_box1m_in {
	padding-right: 25px;
	padding-left: 25px;
}
.concept_box1b_l {
	width: 317px;
	float: left;
}
.concept_box1b_m {
	width: 71px;
	background: url(/images/concept_icon_01.gif) no-repeat center;
	float: left;
	margin-top: 130px;
	height: 20px;
}
.concept_box1b_r {
	width: 317px;
	float: left;
}
.concept_box1b {
	background: url(/images/concept_box1b.gif) no-repeat top;
	height: 32px;
	width: 756px;
	overflow: auto;
}
.concept_box2b_l {
	background: url(/images/concept_icon_02.gif) no-repeat center;
	width: 70px;
	float: left;
	margin-top: 50px;
	height: 20px;
}
.concept_box2b_r {
	width: 449px;
	float: left;
}
.concept_box2t {
	background: url(/images/concept_box2t.gif) no-repeat bottom;
	height: 17px;
	width: 449px;
	overflow: auto;
}
.concept_box2m {
	width: 449px;
	overflow: auto;
	background: #F5F5F6;
}
.concept_box2m_in {
	padding: 5px 25px;
}
.concept_box2b {
	background: url(/images/concept_box2b.gif) no-repeat top;
	height: 17px;
	width: 449px;
	overflow: auto;
}
.concept_box2 {
	padding-left: 90px;
	padding-top: 30px;
}
.concept_rimg_box {
	width: 240px;
	text-align: center;
	float: right;
	margin-left: 20px;
}
.concept_rimg_box img {
	margin-bottom: 10px;
}
.concept_img table {
	margin-right: auto;
	margin-left: auto;
}
.concept_img {
	padding-bottom: 20px;
}

/*mypage_navi　追加20080327*/ 
.mypage_menu {
              	font-size: 12px;
                text-decoration: none;
	color: #634D30;
}

.mypage_menu_on {
               	font-size: 12px; 
                text-decoration: underline;
	color: #DE992D;
}

/*category　追加20080327*/ 
.category_arrow {
padding-top: 5px;
padding-left: 10px;
padding-right: 8px;
}

.category {
              	font-size: 12px;
                text-decoration: none;
	color: #634D30;
}

.category_on {
               	font-size: 12px; 
                text-decoration: underline;
	color: #DE992D;
}

.side_cart_txt {
                color: #C59A4B;
                font-weight: bold;
}