/*--------------------------------------------

	For SS all file

	Last update : 2010.1.28
	mio urakami

	---------------------------
	1-0 style reset
	2-0 basic visual setting
	3-0 structure
		3-1 header
		3-2 menu01
		3-3 navi
		3-4 contents
		3-5 footer
		3-6 float clear

	4-0 visual setting
		4-1 common
		4-2 header
			4-2-1 headmenu
		4-3 menu01
		4-4 topicpath
		4-5 titlearea
		4-6 footer01
		4-7 footer02
  --------------------------------------------*/

/*---------------------------------------------------------------
  1-0 style reset
----------------------------------------------------------------*/

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, th, td, caption, form, input, blockquote, pre, form{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
}

dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ul, ol, li, th, td, caption, form, input, blockquote{
	line-height:1;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

caption, th{
	text-align:left;
}

img{
	vertical-align:bottom;
	border:none;
}

input{
	vertical-align:bottom;
}

/*---------------------------------------------------------------
  2-0 basic visual setting
----------------------------------------------------------------*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background:url("/img/common/sweets_back.gif") repeat-y center top;
	color:#8a6d47;
		color:#744910;
}

strong{
	color:#c00;
	font-weight:bold;
}

em{
	color:#c00;
	font-style:normal;
}

small{
	font-size:86%;
}

a:link{
	color:#b41717;
	text-decoration:none;
}

a:visited{
	color:#50508d;
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#017d6a;
	text-decoration:underline;
}

.clear{
	clear:both;
}


/*-----centering for IE-----*/
body{
	text-align:center;
}

/*-----basefontsize for IE------*/
#body{
	font-size:80%;
	letter-spacing:0.03em;
	padding-bottom:20px;
}

/*------basefontsize for another------*/
html>body #body{
	font-size:12px;
	letter-spacing:0;
}

/*-----basefontsize for IE7------*/
*:first-child+html #body{
	font-size:80%;
}

/*------float clear hack------*/
.clr:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clr { display: inline-block; }
/* no ie mac \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* */

/*---for IE7---*/
*:first-child+html body .clr{
	overflow:auto;
	height:auto;
}


/*------open new window------*/
.newin{
	margin-right:3px;
	margin-left:1px;
	vertical-align:middle;
}

/*----------------------------------------------------------------
  3-0 structure
-----------------------------------------------------------------*/

/* --------------------------------------------
  3-1 header
---------------------------------------------*/

#h1area{
	float:left;
	width:297px;
	margin-right:40px;
}

#tagline{
	float:left;
	width:320px;
}

#heamenu{
	float:right;
	width:280px;
}

#heamenu li{
	float:right;
	width:80px;
	padding:10px 10px 10px 17px;
	background:url("/img/common/icon_cross.gif") no-repeat left 9px;
}

#heamenu li.contact{
	width:76px;
	padding-right:1px;
}

/* --------------------------------------------
  3-2 menu01
---------------------------------------------*/

#menu01 li{
	display:inline;
}

#menu01 li img{
	margin-right:2px;
}

/* --------------------------------------------
  3-3 navi
---------------------------------------------*/

#navi{
	float:right;
	width:230px;
}

#contents{
	float:left;
	width:700px;
}

/* --------------------------------------------
  3-4 contents
---------------------------------------------*/

#contents{
	float:left;
	width:718px;
}

/* --------------------------------------------
  3-5 footer
---------------------------------------------*/

#associatedsite{
	float:left;
	width:520px;
}

#copyright{
	float:right;
	width:415px;
}

#associatedsite li{
	float:left;
	width:230px;
	margin-right:21px;
}

/* --------------------------------------------
  3-6 float clear
---------------------------------------------*/

#menu01, #news, #footer01, #footer02, .pageup{
	clear:both;
}

/*----------------------------------------------------------------
  4-0 visual setting
-----------------------------------------------------------------*/

/* --------------------------------------------
  4-1 common
---------------------------------------------*/

#body{
	background:url("/img/header/back_header.jpg") no-repeat center top;
}

#header, #menu01, #main, #footer01, #footer02, #topicpath, #titlearea{
	width:950px;
	margin:0 auto;
	text-align:left;
}

.pageup{
	margin-right:16px;
	text-align:right;
}

.pageup p{
	padding:16px 18px 20px 0;
	background:url("/img/common/arw_up.gif") no-repeat 100% 16px;
}


.backpage p{
	padding:16px 25px 20px 0;
	background:url("/img/common/arw_right_l.gif") no-repeat 100% 12px;
	font-size:117%;
}

/* --------------------------------------------
  4-2 header
----------------------------------------------*/

#h1area{
	padding-top:4px;
	padding-bottom:8px;
}

#tagline p{
	padding-top:20px;
	font-size:86%;
	line-height:1.34;
}

#header ul{
	list-style:none;
}

/* ----------------------------
  4-2-1 headmenu
------------------------------*/

#heamenu p.gohome{
	padding:10px 21px 7px 0;
	background:url("/img/header/icon_home.gif") no-repeat right 5px;
	border-bottom:2px dotted #dad2d0;
	text-align:right;
	font-size:86%;
}


/* --------------------------------------------
  4-3 menu01
----------------------------------------------*/

/*#menu01{
	border-left:1px solid #dad2d0;
}*/

#menu01 ul{
	list-style:none;
}

/* --------------------------------------------
  4-4 topicpath
----------------------------------------------*/

#topicpath{
	width:928px;
	padding:19px 11px 18px 11px;
	background:url("/img/common/back_topicpath.gif") no-repeat left top;
	font-size:92%;
}


#topicpath ol{
	list-style:none;
}

#topicpath li{
	display:inline;
}

#topicpath li a{
	padding-right:12px;
	background:url("/img/common/arw_topicpath.gif") no-repeat right 3px;
}

.productindex #topicpath{
	background:url("/img/common/topicpath_product.gif") no-repeat left top;
}

.newsindex #topicpath{
	background:url("/img/common/topicpath_news.gif") no-repeat left top;
}

.conceptindex #topicpath{
	background:url("/img/common/topicpath_concept.gif") no-repeat left top;
}

.faqindex #topicpath{
	background:url("/img/common/topicpath_faq.gif") no-repeat left top;
}

.shopinfoindex #topicpath{
	background:url("/img/common/topicpath_shopinfo.gif") no-repeat left top;
}

/* --------------------------------------------
  4-5 titlearea
----------------------------------------------*/

#titlearea h1{
	padding:50px 17px 0 0;
	color:#be6d67;
	text-align:right;
	font-size:150%;
}

#titlearea p.lead{
	padding:30px 15px 15PX 465px;
	line-height:1.5;
}

.productindex #titlearea{
	background:url("/img/product/p_product.jpg") no-repeat left top;
}

.shopinfoindex #titlearea{
	background:url("/img/shopinfo/p_shopinfo.jpg") no-repeat left top;
}

.faqindex #titlearea{
	background:url("/img/faq/p_faq.jpg") no-repeat left top;
}

.shopinfoindex #titlearea{
	background:url("/img/shopinfo/p_shopinfo.jpg") no-repeat left top;
}

#sitemap #titlearea{
	background:url("/img/etc/p_sitemap.jpg") no-repeat left top;
}

#contact #titlearea{
	background:url("/img/etc/p_contactus.jpg") no-repeat left top;
}

/* --------------------------------------------
  4-6 titlearea02
----------------------------------------------*/

#titlearea02{
	width:686px;
	padding:50px 0 0 14px;
}

#titlearea02 h1{
	color:#be6d67;
	font-size:150%;
}

#titlearea02 p.lead{
	padding:36px 270px 20px 2px;
	line-height:1.5;
	font-size:86%;
}


.newsindex #titlearea02{
	background:url("/img/news/p_news.jpg") no-repeat left top;
}

.conceptindex #titlearea02{
	background:url("/img/concept/p_concept.jpg") no-repeat left top;
}

.company #titlearea02{
	background:url("/img/concept/p_company.jpg") no-repeat left top;
}

.ingredientindex #titlearea02{
	background:url("/img/concept/p_ingredient.jpg") no-repeat left top;
}

.school #titlearea02{
	background:url("/img/shopinfo/p_school.jpg") no-repeat left top;
}

.trivia #titlearea02{
	background:url("/img/concept/p_trivia.jpg") no-repeat left top;
}


/* --------------------------------------------
  4-7 navi
----------------------------------------------*/

#navi{
	background:url("/img/productmenu/back_category.gif") repeat-y left top;
	border-bottom:1px solid #cfbea9;
}

#navi h2{
	padding:28px 6px 7px 9px;
}

#navi h3{
	margin-bottom:1px;
	font-weight:bold;
}

#navi h3.on{
	width:220px;
	height:27px;
	padding:18px 0 0 10px;
}

#navi h3 a{
	display:block;
	width:220px;
	height:27px;
	padding:18px 0 0 10px;
	text-decoration:none;
}

#news #navi h2{
	background:url("/img/news/ttl_menu_news.gif") no-repeat;
	font-size:86%;
}

#concept #navi h2{
	background:url("/img/concept/ttl_menu_brandconcept.gif") no-repeat;
	font-size:86%;
}

#faq #navi h2{
	background:url("/img/faq/ttl_menu_faq.gif") no-repeat;
	font-size:86%;
}



/* ----------------------------
  4-7-1 カテゴリボタン画像
------------------------------*/

#navi h3 a{
	background:url("/img/btn/btn_common.gif") no-repeat left top;
}

/*現在地のカテゴリ（カテゴリトップページ：リンク無し）ボタン画像*/
#navi h3.on{
	background:url("/img/btn/btn_common_on.gif") no-repeat left top;
}

/*現在地のカテゴリ（カテゴリトップページ以外：リンクあり）ボタン画像*/
#navi h3.on02 a{
	background:url("/img/btn/btn_common_on02.gif") no-repeat left top;
}

/* ----------------------------
  4-7-2 カテゴリリストの設定
------------------------------*/

#navi ul{
	margin-bottom:1px;
	padding:9px 13px 13px 13px;
	border-bottom:1px solid #dad2d0;
	list-style:none;
}

#navi ul.sub{
	margin:0;
	padding:0 0 13px 0;
	border:none;
	list-style:none;
}

#navi li{
	margin:0.7em 0;
	padding-left:11px;
	background:url("/img/productmenu/icon_list01.gif") no-repeat left 1px;
	line-height:1.2;
}

#navi li.on{
	font-weight:bold;
}

/* ----------------------------
  4-7-3 最新のお知らせエリア
------------------------------*/


#navi #latest h3{
	padding:15px 9px 0 9px;
}

#navi #latest ul{
	border:none;
}

/* ----------------------------
  4-7-4 カテゴリトップページへ
------------------------------*/

#navi .backindex{
	padding-bottom:6px;
	padding-right:6px;
	border-left:1px solid #dad2d0;
	border-right:1px solid #dad2d0;
}

#navi .backindex p{
	padding:14px 18px 0 14px;
	background:url("/img/common/arw_right.jpg") no-repeat 100% 100%;
	text-align:right;
	font-size:86%;
	line-height:1.34;
}


/* --------------------------------------------
  4-8 footer01
----------------------------------------------*/

#footer01{
	width:932px;
	padding:14px 9px;
	border:1px solid #dad2d0;
}


/* --------------------------------------------
  4-9 footer02
----------------------------------------------*/

#associatedsite ul{
	list-style:none;
}

#associatedsite li{
	margin-top:13px;
	font-size:86%;
	line-height:1.34;
}

#associatedsite li img{
	margin-bottom:5px;
}


#copyright{
	padding-top:25px;
}

#copyright p{
	margin-bottom:7px;
	text-align:right;
}