@charset "UTF-8";

/*
  ---INDEX---
  preset
  0.基本構成
  1.ヘッダ・パンくず・フッタ
  2.共有文字スタイル
  3.共有レイアウト
  4.topスタイル
  5.個別スタイル
*/


/*
//=========================================//
//-----------------preset------------------//
//=========================================//
*/

/* safari only \*/
html[xmlns*=""] body:last-child * {
	font-family	: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,Arial, Helvetica, sans-serif;	
}

html {
	font-size	: 90%;
	font-family	: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif, "メイリオ", Meiryo;
	line-height	: 140%;
}

/*デフォルトリセット*/
div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,p,
textarea,blockquote,table,th,tr,td,ul,li {
	font-size         : 1.0em;
	margin            : 0;
	padding           : 0;
}

img {
	border            : 0;
	margin            : 0;
	padding           : 0;
	vertical-align    : bottom;
}

/*デフォルトリセット*/
table {
	border-collapse   : collapse;
}

/*フロート解除*/
.clearfix:after {
	content           : ".";  /* 新しい要素を作る */
	display           : block;  /* ブロックレベル要素に */
	clear             : both;
	height            : 0;
	visibility        : hidden;
}

.clearfix {
	min-height        : 1px;
}

/*IE6*/
* html .clearfix {
    height          : 1px;
    /*\*//*/
    height          : auto;
    overflow        : hidden;
    /**/
}


/*
//=========================================//
//---0.基本構成----------------------------//
//=========================================//
*/

body {
	background      : url('images/layout/bg.jpg');
	margin          : 0;
	padding			: 0;
	text-align      : center;
}

body, x:-moz-broken {
  padding          : 0 1px 0 0;
}

*:first-child+html body {
  padding          : 0;
}

/*全体枠*/
#container {
	background  : url('images/layout/bg_container.png');
	width		: 800px;
	text-align	: left;
	padding		: 0 10px;
	margin		: 0 auto;
}
#top_container {
	background  : url('images/layout/bg2.jpg');
	width		: 800px;
	text-align	: left;
	padding		: 0 10px;
	margin		: 0 auto;
}


/*ヘッダ枠*/
#header {
	background  : url('images/layout/bg_header.png') no-repeat;
	width		: 780px;
	height		: 274px;
	text-align  : left;
	padding		: 0 10px;
	margin		: 0;
}
#top_header {
	background  : url('images/layout/top_bg_header.jpg') 50% 50% no-repeat;
	width		: 800px;
	height		: 80px;
	text-align  : left;
	padding		: 0;
	margin		: 0;
}


/*コンテンツ枠*/
#contentsCol {
	width		: 770px;
	margin		: 15px;
}
#top_contentsCol {
	background	: url('images/top_image.jpg');
	width		: 800px;
	height		: 511px;
	margin		: 0;
}
#top_contentsCol2 {
	width		: 800px;
	margin		: 0;
}


/*フッタ枠*/
#footer {
	background	: url('images/layout/footer.jpg') 50% 50% no-repeat;
	width		: 800px;
	height		: 220px;
	margin-top	: 0;
	font-size	: 12px;
}

#top_footer {
	background	: url('images/layout/top_footer.jpg') 50% 50% no-repeat;
	width		: 800px;
	height		: 66px;
	margin-top	: 0;
	font-size	: 12px;
}


/*
//=========================================//
//---1.ヘッダ・パンくず・フッタ------------//
//=========================================//
*/

/*ヘッダロゴとショッピング*/
div#logo {
	float		: left;
	width		: 125px;
	margin		: 0;
	padding		: 0;
}

div#header_shop {
	float		: right;
	width		: 635px;
	text-align	: right;
	margin		: 8px 0;
	padding		: 0;
}
/*のIE6*/
* html #header div#header_shop {
	margin		: 8px -10px 8px 0;
}


/*ヘッダメニュー*/
ul#mainNavi {
	width		: 780px;
	height		: 53px;
	margin		: 0;
	list-style	: none;
}

/*IE7 IE8*/
*:first-child+html #mainNavi {
}

ul#mainNavi li {
	display		: inline;
	margin		: 0;
	padding		: 0;
}

ul#mainNavi a {
	float		: left;
	margin		: 0;
	padding		: 0;
	text-decoration	: none;
	height		: 53px;
}

ul#mainNavi span{
	visibility	: hidden;
}

ul#mainNavi li.home a {
	width		: 156px;
	background	: url('images/layout/navi_home.png') no-repeat left top;
}

ul#mainNavi li.concept a {
	width		: 156px;
	background	: url('images/layout/navi_concept.png') no-repeat left top;
}

ul#mainNavi li.sweets a {
	width		: 156px;
	background	: url('images/layout/navi_sweets.png') no-repeat left top;
}

ul#mainNavi li.blog a {
	width		: 156px;
	background	: url('images/layout/navi_blog.png') no-repeat left top;
}

ul#mainNavi li.inquiry a {
	width		: 156px;
	background	: url('images/layout/navi_inquiry.png') no-repeat left top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#mainNavi a span {
	float		: none;
}
/* End IE5-Mac hack */

ul#mainNavi li.active span,
ul#mainNavi a:hover span {
	color		: #FFF;
}

ul#mainNavi li.home		a:hover,
ul#mainNavi li.concept		a:hover,
ul#mainNavi li.sweets		a:hover,
ul#mainNavi li.blog		a:hover,
ul#mainNavi li.inquiry		a:hover,
ul#mainNavi li.active		a {
	background-position	: 0% -53px;
}


/*パンくずリスト*/
ul#footPath {
	color		: #333333;
	font-size	: 0.8em;
	padding		: 0 5px;
	margin		: -7px 0 0 0;
	border-bottom	: 1px solid #E7D8C9;
}

ul#footPath li {
	display		: inline;
	padding		: 0;
}

ul#footPath li span {
	padding		: 0 4px;
}

ul#footPath a {
	color		: #003399;
}


/*フッタ*/
#footer div#add {
	float		: left;
	margin		: 163px 0 0 22px;
	width		: 535px;
	height		: 12px;
}
/*のIE6*/
* html #footer div#add {
	margin		: 163px 0 0 12px;
}

#footer div#foot_menu {
	float		: right;
	margin		: 163px 22px 0 0;
	width		: 177px;
	height		: 12px;
	text-align	: right;
}
/*のIE6*/
* html #footer div#foot_menu {
	margin		: 163px 12px 0 0;
}

div#foot_menu a,
div#top_foot_menu a {
	color		: #000033;
}

/*topフッタ*/
#top_footer div#top_add {
	float		: left;
	margin		: 10px 0 0 20px;
	width		: 535px;
	height		: 12px;
}
/*のIE6*/
* html #top_footer div#top_add {
	margin		: 10px 0 0 10px;
}

#top_footer div#top_foot_menu {
	float		: right;
	margin		: 10px 20px 0 0;
	width		: 177px;
	height		: 12px;
	text-align	: right;
}
/*のIE6*/
* html #top_footer div#top_foot_menu {
	margin		: 10px 10px 0 0;
}



/*
//=========================================//
//---2.共有文字スタイル--------------------//
//=========================================//
*/


/*head*/
#header h2 span {
	display		: none; 
}
#header h2 img {
	border		: none;
	margin		: 0 0 10px 0;
}

#contentsCol h3 span {
	display		: none; 
}
#contentsCol h3 img {
	border		: none;
	margin		: 0 0 10px 0;
}

#contentsCol h4 {
	color		: #FF9966;
	line-height	: 20px;
	border-bottom	: 1px dotted #FF9966;
	margin		: 0 0 10px 0;
}

#contentsCol h5 {
	color		: #666666;
	margin		: 0 10px 0;
}

/*pの左右に余白をもつ*/
#contentsCol p {
	margin		: 0 10px;
}

/*リンク色*/
a {
	color             : #0069B5;
	text-decoration   : none;
}

/*訪問済みリンク色*/
a:visited {
	color             : #0069B5;
	text-decoration   : none;
}

/*オンマウスリンク色*/
a:hover {
	color             : #FF6633;
	text-decoration   : underline
}

/*小さめの文字*/
span.text_small01 {
	font-size	: 0.9em;
}

/*強調文字*/
span.text_note01 {
	color		: #CC0033;
	font-weight	: bold;
}


/*
//=========================================//
//---3.共有レイアウト----------------------//
//=========================================//
*/

/*画像の配置*/
#contentsCol div.img,
#contentsCol div.imgRight,
#contentsCol div.imgLeft,
#contentsCol div.imgRight2,
#contentsCol div.imgLeft2, {
	padding         : 5px;
}

#contentsCol div.img {
	clear           : both;
}

#contentsCol div.imgRight {
	float           : right;
	margin          : 4px 0 4px 10px;
}

#contentsCol div.imgLeft {
	float           : left;
	margin          : 4px 10px 4px 0;
}

/*左右に並べる*/
#contentsCol div.imgRight2 {
	float           : right;
	margin          : 4px 0 4px 5px;
}
#contentsCol div.imgLeft2 {
	float           : left;
	margin          : 4px 5px 4px 0;
}

/*カートバナー*/
#contentsCol div.shop {
	float		: right;
	margin		: 10px 0;
	padding		: 0;
}

/*汎用テーブル*/
.tbl01 {
	line-height	: 1.2;
	font-size	: 0.9em;
	margin		: 0 10px;
	border		: 1px solid #F0C19A;
}
.tbl01 th {
	vertical-align	: top;
	text-align	: center;
	white-space	: nowrap;
	border		: 1px solid #CF0C19A;
	background	: #FEF1C9;
	padding		: 4px;
}
.tbl01 th.tbl01th_left {
	vertical-align	: top;
	text-align	: left;
	white-space	: nowrap;
	border		: 1px solid #F0C19A;
	background	: #FEF1C9;
	padding		: 4px;
}
.tbl01 th.tbl01th_leftnormal {
	vertical-align	: top;
	text-align	: left;
	font-weight	: normal;
	white-space	: nowrap;
	border		: 1px solid #CF0C19A;
	background	: #FEF1C9;
	padding		: 4px;
}
.tbl01 td {
	vertical-align	: top;
	border		: 1px solid #F0C19A;
	padding		: 4px;
}


/*ページトップへ戻る*/
#contentsCol div.pageTop {
	text-align    : right;
	margin        : 0;
	padding       : 0;
	line-height   : 100%;
}



/*
//=========================================//
//---4.topスタイル-------------------------//
//=========================================//
*/

/*ブランドコンセプト*/
div#top_concept {
	float		: left;
	width		: 125px;
	margin		: 20px 0 0 20px;
	padding		: 0;
}
/*のIE6*/
* html div#top_concept {
	margin		: 20px 0 0 10px;
}

div#top_sweets {
	margin		: 230px auto 0 auto;
}
/*のIE6*/
* html div#top_sweets {
	margin		: 250px auto 0 auto;
	text-align	: center;
}

/*商品一覧*/
#top_contentsCol table.top_tbl_sweets {
	margin		: 0 auto;
	padding		: 20px;
}

#top_contentsCol table.top_tbl_sweets td {
	padding		: 5px;
}

/*お知らせ*/
#top_new {
	float		: left;
	width		: 495px;
	text-align      : left;
	background	: url('images/layout/top_new2.jpg') 0% 100%;
	margin		: 0 1px 0 0;
	padding		: 0 0 25px 0;
}
/*のIE6*/
* html #top_new {
	text-align:center;
}

/*お知らせテーブル*/
#top_new table {
	line-height		: 20px;
	margin			: 0 auto;
	width			: 450px;
	font-size		: 0.8em;
	border-collapse:separate;
	border:0;
	border-top	: 1px dashed #999999;
}
#top_new table th,
#top_new table td {
	vertical-align	: top;
	padding			: 2px;
	border-bottom	: 1px dashed #999999;
	border-top		: 0px;
	border-left		: 0px;
	border-right	: 0px;
}
#top_new table th {
	white-space     : nowrap;
	text-align		: left;
	font-weight		: normal;
	width			: 20%;
}
#top_new table td {
	width			: 80%;
}


/*バナー*/
#top_bn {
	float		: right;
	width		: 304px;
	margin		: 0px;
}

#top_bn img.img_next {
	margin		: 10px 0;
}




/*margin______________________________________________________________________*/

.mgn10{margin:10px;}
.mgnL5{margin-left:5px;}
.mgnR8{margin-right:8px;}
.mgnR10{margin-right:10px;}
.mgnB4{margin-bottom:4px;}
.mgnB10{margin-bottom:10px;}
.mgnB15{margin-bottom:15px;}
.mgnB20{margin-bottom:20px;}
.mgnB40{margin-bottom:40px;}
.mgnT3{margin-top:3px;}
.mgnT5{margin-top:5px;}
.mgnT7{margin-top:7px;}
.mgnT10{margin-top:10px;}
.mgnT15{margin-top:15px;}
.mgnT20{margin-top:20px;}
.mgnT30{margin-top:30px;}
.mgnT40{margin-top:40px;}
.mgnT5B5{margin-top:5px;margin-bottom:5px;}
.mgnT10B10{margin-top:10px;margin-bottom:10px;}
.mgnT10B20{margin-top:10px;margin-bottom:20px;}
.mgnT20B10{margin-top:20px;margin-bottom:10px;}
.mgnT30B20{margin-top:30px;margin-bottom:20px;}
.mgnT40B10{margin-top:40px;margin-bottom:10px;}
.mgnB5R5{margin-bottom:5px;margin-right:5px;}
.mgnB10L10{margin-bottom:10px;margin-left:10px;}
.mgnB10R10{margin-bottom:10px;margin-right:10px;}
.mgnB10R20{margin-bottom:10px;margin-right:20px;}
.mgnB20R10{margin-bottom:20px;margin-right:10px;}
.mgnB40R10{margin-bottom:40px;margin-right:10px;}
.mgnB40R20{margin-bottom:40px;margin-right:20px;}


.sp_10{height:10px;}
.sp_15{height:15px;}
.sp_25{height:25px;}
.sp_50{height:50px;}
.sp_70{height:70px;}
.sp_200{height:200px;}

.mgnPP{margin-left:70px;}


/*会社概要______________________________________________________________*/
.outline {
	font-size:small;
	color:#222222;
	width:480px;
 margin:0px auto 10px;
	border-collapse:collapse;
 background:url(../images/bd02.gif) top left repeat-y;
	background-position:100px 0px;
	}
.outline th {
 width:85px;
	vertical-align:top; 
	padding:10px 5px 10px 10px; 
	background:url(../images/list02.gif) top left no-repeat; 
	background-position:0px 12px; 
	font-weight:300; 
	line-height:1.4em; 
	text-align:left; 
	}
.outline td { 
	padding:10px 10px 10px 20px; 
	vertical-align:top; 
	line-height:1.4em; 
	}
.outline td td {
 font-size:12px; 
	background:none; 
	padding:0px 5px 0px 0px; 
	vertical-align:top; 
	}
.outline td ol { 
	margin:0px 0px 0px 20px; 
	padding:0; 
	}
	#inner-tbl td{
	font-size:small;
	color:#222222;
	line-height:1.4;
	}


#message p{text-align:center; letter-spacing:0.1px; line-height:2.5;}


#blog_main{ width:540px; float:left;}
#blog_main ul,li{list-style:none;}
#blog_sidebar{width:210px; float:right; background:#FFFFF0; min-height:500px;height: auto !important;
height: 500px; margin-bottom:10px;}

.archivelist {width:190px; margin:2px 5px 5px 10px ;}
.archivelist li{list-style:none;  margin-left:18px; list-style-image:url(images/arrow_02.gif);}


/* 記事 */
.kiji h2{font-size: 1.3em;border-bottom: dotted 1px #FF9966;padding:3px 3px 3px 0px;}
.kiji h2 a:link{ color: #FF9966; text-decoration: none;}
.kiji h2 a:visited{ color:#FF9966; text-decoration: none;}
.kiji h2 a:hover{ color: #FF9966; text-decoration: none;}
.kiji h2 a:active{ color: #FF9966; text-decoration: none;}
.kiji p	{line-height: 1.6}
.kiji{margin:0px auto 30px;color:#454545;}
.kijidata{text-align: right; margin:5px 15px 25px 0px;font-size: 0.85em}