@charset "shift_jis";

/* //////////////////////////////////////////////////////////////////////////

藤太郎web
name::	common.css
date::	2012/11/27

	1. 基本
	2. base layout
	3. header	
	4. topimg
	5. footer layout
	6. contents layout
	8. sub layout
	
	
///////////////////////////////////////////////////////////////////////////*/

body {
	text-align: center;
	line-height: 1.8;
	font-size: 12px;
	color: #111;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;
	}
h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
	}
h4 {font-weight: bold;}
a {outline: 0;}
table {
	font-size: 100%;
	line-height: 1.8;
	}
.clear {clear: both;}


/*----------------------------------------------------
link style
----------------------------------------------------*/
a:link, a:visited {
	text-decoration: underline;
	color: #111;
	}
a:hover {color: #0099ff;}


/*----------------------------------------------------
.font
----------------------------------------------------*/
.fontbig { font-size: 110%;	}
.fontsmall { font-size: 90%;}

.fontorange { color:#F60;}
.fontpink { color:#F39;}
.fontred { color:#900;}


/* //////////////////////////////////////////////////////////////////////////*

2.base layout

///////////////////////////////////////////////////////////////////////////*/

/*----------------------------------------------------
.wrap
----------------------------------------------------*/
.wrap {
	clear: both;
	margin: 0;
	background-image: url(../img/common/bg.jpg);
	background-repeat: repeat;
	background-position: center -215px;
	}

/*----------------------------------------------------
.clearfix
----------------------------------------------------*/
/*.clearfix {zoom:1;}*/
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;}
	* html .clearfix { height: 1%; }

/*----------------------------------------------------
.left  .right  .center  .float
----------------------------------------------------*/
.txtleft { text-align: left;}
.txtcenter { text-align: center;}
.txtright { text-align: right;}

.floatleft { float:left;}
.floatright { float:right;}

.imgright img { float:right;}

.clear {clear:both;}


/*----------------------------------------------------
.pad .mar
----------------------------------------------------*/
.padmarall0{
	padding: 0px;
	margin: 0px;
	}
.padt5 {padding-top: 5px;}
.padt10 {padding-top: 10px;}
.padt15 {padding-top: 15px;}
.padt20 {padding-top: 20px;}
.padt30 {padding-top: 30px;}
.padr5 {padding-right: 5px;}
.padr10 {padding-right: 10px;}
.padr20 {padding-right: 20px;}
.padr30 {padding-right: 30px;}
.padb5 {padding-bottom: 5px;}
.padb10 {padding-bottom: 10px;}
.padb20 {padding-bottom: 20px;}
.padb30 {padding-bottom: 30px;}
.padb50 {padding-bottom: 50px;}
.padl5 {padding-left: 5px;}
.padl10 {padding-left: 10px;}
.padl20 {padding-left: 20px;}
.padl30 {padding-left: 30px;}
.padl60 {padding-left: 60px;}
.padall5 {padding: 5px;}
.padall10 {padding: 10px;}
.padall20 {padding: 20px;}
.padall30 {padding: 30px;}

.mart5 {margin-top: 5px;}
.mart10 {margin-top: 10px;}
.mart20 {margin-top: 20px;}
.mart30 {margin-top: 30px;}
.marr5 {margin-right: 5px;}
.marr10 {margin-right: 10px;}
.marr20 {margin-right: 20px;}
.marr30 {margin-right: 30px;}
.marb5 {margin-bottom: 5px;}
.marb10 {margin-bottom: 10px;}
.marb15 {margin-bottom: 15px;}
.marb20 {margin-bottom: 20px;}
.marb30 {margin-bottom: 30px;}
.marl5 {margin-left: 5px;}
.marl10 {margin-left: 10px;}
.marl20 {margin-left: 20px;}
.marl30 {margin-left: 30px;}



/* //////////////////////////////////////////////////////////////////////////

3. header

///////////////////////////////////////////////////////////////////////////*/

#header {
	text-align:right;
	width: 920px;
	height: 145px;
	padding: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	}
	#header h1 {
	float: left;
	margin-top: 40px;
			}
	
/*
ヘッダ右ナビ**********************/
#header #navi {
	position:relative;
	overflow: hidden;
	width:547px;
	height:88px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
}
#header #navi ul {margin: 0px; padding: 0;}
#header #navi li {display: inline; float:left;}

#header #navi ul.h51 {height: 51px;}
/*トップページ*/
#header #navi li#navi01 {width: 110px;}
#header #navi li#navi01 a{display:block; position:relative; width:110px; height:20px; overflow:hidden; }
#header #navi li#navi01 img{ position:absolute; left:0px; top:0px; }
#header #navi li#navi01 a:hover img{ left:0px; top:-20px; }
 
/*新着情報*/
#header #navi li#navi02 {width: 110px;}
#header #navi li#navi02 a{ display:block; position:relative; width:110px; height:20px; overflow:hidden; }
#header #navi li#navi02 img{ position:absolute; left:-110px; top:0px; }
#header #navi li#navi02 a:hover img{ left:-110px; top:-20px; }
 
/*お問合せ」*/
#header #navi li#navi03 {width: 109px;}
#header #navi li#navi03 a{ display:block; position:relative; width:109px; height:20px; overflow:hidden; }
#header #navi li#navi03 img{ position:absolute; left:-220px; top:0px; }
#header #navi li#navi03 a:hover img{ left:-220px; top:-20px; }
 
/*会社概要*/
#header #navi li#navi04 {width: 109px;}
#header #navi li#navi04 a{ display:block; position:relative; width:109px; height:20px; overflow:hidden; }
#header #navi li#navi04 img{ position:absolute; left:-329px; top:0px; }
#header #navi li#navi04 a:hover img{ left:-329px; top:-20px; }
 
/*リクルート*/
#header #navi li#navi05 {width: 109px;}
#header #navi li#navi05 a{ display:block; position:relative; width:109px; height:20px; overflow:hidden; }
#header #navi li#navi05 img{ position:absolute; left:-438px; top:0px; }
#header #navi li#navi05 a:hover img{ left:-438px; top:-20px; }

/*藤太郎について*/
#header #navi li#navi06 {width: 121px;}
#header #navi li#navi06 a{ display:block; position:relative; width:121px; height:37px; overflow:hidden; }
#header #navi li#navi06 img{ position:absolute; left:0px; top:0px; }
#header #navi li#navi06 a:hover img{ left:0px; top:-37px; }

/*藤太郎のこだわり*/
#header #navi li#navi07 {width: 125px;}
#header #navi li#navi07 a{ display:block; position:relative; width:125px; height:37px; overflow:hidden; }
#header #navi li#navi07 img{ position:absolute; left:-121px; top:0px; }
#header #navi li#navi07 a:hover img{ left:-121px; top:-37px; }

/*商品紹介*/
#header #navi li#navi08 {width: 83px;}
#header #navi li#navi08 a{ display:block; position:relative; width:83px; height:37px; overflow:hidden; }
#header #navi li#navi08 img{ position:absolute; left:-246px; top:0px; }
#header #navi li#navi08 a:hover img{ left:-246px; top:-37px; }

/*オンラインショップ*/
#header #navi li#navi09 {width: 124px;}
#header #navi li#navi09 a{ display:block; position:relative; width:124px; height:37px; overflow:hidden; }
#header #navi li#navi09 img{ position:absolute; left:-329px; top:0px; }
#header #navi li#navi09 a:hover img{ left:-329px; top:-37px; }

/*メディア掲載*/
#header #navi li#navi010 {width: 94px;}
#header #navi li#navi010 a{ display:block; position:relative; width:94px; height:37px; overflow:hidden; }
#header #navi li#navi010 img{ position:absolute; left:-453px; top:0px; }
#header #navi li#navi010 a:hover img{ left:-453px; top:-37px; }

/* //////////////////////////////////////////////////////////////////////////

4. topimg

///////////////////////////////////////////////////////////////////////////*/

div #topimg {
	width: 920px;
	height: 430px;
	margin: 0 auto;
	text-align: center;
	text-align: left !important;
	clear: both;
	overflow: hidden;
	position: relative;
	z-index:0;
	}
	#topimg ul {margin: 0px; padding: 0;}
	#topimg li { display:inline;/*ie6-7*/}
	
	/* 01 */
	#topimg li#topimg01 { width: 940px;}
	#topimg li#topimg01 a {display:block; position:relative; width:940px; height:361px; overflow:hidden; }
	#topimg li#topimg01 img{ position:absolute; left:0px; top:0px; }
	#topimg li#topimg01 a:hover img {left:-940px; top:0px;}

	/* 02 */
	#topimg li#topimg02 { width: 940px;}
	#topimg li#topimg02 a {display:block; position:relative; width:940px; height:361px; overflow:hidden; }
	#topimg li#topimg02 img{ position:absolute; left:0px; top:0px; }
	#topimg li#topimg02 a:hover img { left:-940px; top:0px; }

	/* 03 */
	#topimg li#topimg03 { width: 940px;}
	#topimg li#topimg03 a {display:block; position:relative; width:940px; height:361px; overflow:hidden; }
	#topimg li#topimg03 img{ position:absolute; left:0px; top:0px; }
	#topimg li#topimg03 a:hover img { left:-940px; top:0px; }




/* //////////////////////////////////////////////////////////////////////////

5. footer layout

///////////////////////////////////////////////////////////////////////////*/

#footer {
	background-color: #000;
	height:223px;
	margin: 0px;
	clear: both;
}
	#footer #footertxt {
	width:897px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
	margin-bottom: 0px;
	padding-top: 36px;
	color: #FFF;
	}
/* 右側 */
		#footer #footertxt #adress {
			float: left;
			width: 320px;
		}
		#footer #footertxt #adress p {
			margin-bottom: 0px;
			padding-bottom: 0px;
			color: #666666;
		}
		#footer #footertxt #adress p.line {
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #666666;
			padding-bottom: 10px !important;
			color: #FFF;
		}
		#footer #footertxt #adress a {
			color: #FFF;
			text-decoration: none;}

/* 左側 */
#footer #footertxt #footernavi {
	float: right;
	width: 555px;
}
#footer #footertxt #footernavi ul.ul01 {
	float: left;
	width: 125px;
}
#footer #footertxt #footernavi ul.ul02 {float: left;	width: 150px;}
#footer #footertxt #footernavi ul.ul03 {
	float: left;
	width: 140px;
}
#footer #footertxt #footernavi ul.ul04 {
	float: left;
	width: 135px;
}

#footer #footertxt #footernavi li {
	background-image: url(../img/common/icon02.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 5px;
}
#footer #footertxt #footernavi li.ko {
	background-image: url(../img/common/icon03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
		#footernavi a {
			color: #FFF;
		}
		#footernavi a:hover {
			color: #666;
			text-decoration: none;
		}


/* //////////////////////////////////////////////////////////////////////////

6. contents layout

///////////////////////////////////////////////////////////////////////////*/

#contents {
	width: 920px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 31px;
	padding-right: 0px;
	padding-bottom: 100px;
	padding-left: 0px;
	}

/* ==========================================================
#entrance
========================================================== */
#entrance { /*トップ左側 */
	float: left;
	width: 660px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

/* .sweets
==============================*/
/* 商品紹介 */
#entrance h2.sweets {
	float: left;
	width: 320px;
	height: 114px;
	position:relative;
	display: block;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
		}
	#entrance h2.sweets a {width: 320px;	height: 114px; }
	#entrance h2.sweets img {position:absolute;	left:0px;	top:0px;}
	#entrance h2.sweets a:hover img {left:0px;	top:-114px;	}

/* 代表あいさつ */
#entrance h2.greenting { 
	float: right;
	width: 320px;
	height: 114px;
	position:relative;
	display: block;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
		}
	#entrance h2.greenting a {width: 320px;	height: 114px; }
	#entrance h2.greenting img {position:absolute;	left:0px;	top:0px;}
	#entrance h2.greenting a:hover img {left:0px;	top:-114px;}


/* 藤太郎のこだわり */
#entrance h2.kodawari {
	width: 660px;
	height: 333px;
	clear: both;
	padding-top: 20px;
	position:relative;
	display: block;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	clear:both;
	z-index: 100
		}
	#entrance h2.kodawari a {width: 660px;	height: 333px; }
	#entrance h2.kodawari img {position:absolute;	left:0px;	top:0px;}
	#entrance h2.kodawari a:hover img {left:0px;top:-333px;}

/* .news
==============================*/
#entrance #news { /*新着情報 */
	width: 660px;
	clear: both;
	padding-top: 20px;
}
	#entrance #news h3 {/*新着情報 見出し2*/ 
		position:relative;
		width: 660px;
		height:36px;
 		display: block;
		padding: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-right: auto;
		margin-left: auto;
		overflow:hidden;
		clear:both;
		}
	#entrance #news h3 a {width: 660px;	height: 36px; }
	#entrance #news h3 a:hover img {left:0px;top:-36px;}
	#entrance #news h3 img {position:absolute; left:0px; top:0px;}

	#entrance #news .newstxt {
	border: 5px solid #D6D6D6;
	height: 185px;
	height: 600px !important;
	background-color: #EFEFEF;
	padding: 20px 0px;
	text-align: center;
		}
		#entrance #news dl {
	overflow: scroll;
	overflow-x:hidden;
	width: 600px;
	height: 260px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 25px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
			}
			#entrance #news dt {
	color: #999;
	float: left;
	width: 100px;
	padding-bottom: 7px;
	background-image: url(../img/common/icon01.gif);
	background-repeat: no-repeat;
	background-position: 15px 14px;
	padding-left: 30px;
	padding-top: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
				}
			#entrance #news dd {
	padding-left: 120px;
	padding-bottom: 7px;
	margin-left: 0px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #aaa;
	margin-right: 10px;
	margin-top: 0px;
	padding-top: 7px;
	padding-right: 0px;
				}		


/* ==========================================================
#side
========================================================== */
#contents #side { /*右側バナー群 */
	width: 230px;
	position:relative;
	float: right;
	}
/*温故知新
******************************************/
li#side01 {
	position:relative;
	width: 230px;
	height: 390px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	}
	li#side01 img { 
		position: absolute;
		left:0px;
		top:0px;
		}

/*楽天バナー
******************************************/
li#side02 {
	position:relative;
	width: 230px;
	height: 173px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
	li#side02 a {
		width: 230px;
		height: 173px; 
	}
	li#side02 img {
		position:absolute;
		left:0px;
		top:-390px;
	}
	li#side02 a:hover img {
		left:-230px;
		top:-390px;
	}



/*MEDIA掲載バナー
******************************************/
li#side03 {
	position:relative;
	width: 230px;
	height: 140px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
		}
	li#side03 a {
		width: 230px;
		height: 140px; 
	}
	li#side03 img {
		position:absolute;
		left:0px;
		top:-563px;
	}
	li#side03 a:hover img {
		left:-230px;
		top:-563px;
	}


/*Introduction in Englishバナー
******************************************/
li#side04 {
	position:relative;
	width: 230px;
	height: 83px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		}
	li#side04 a {
		width: 230px;
		height: 83px; 
	}
	li#side04 img {
		position:absolute;
		left:0px;
		top:-703px;
	}
	li#side04 a:hover img {
		left:-230px;
		top:-703px;
	}

/*中ページ用sideバナー
　代表あいさつ
******************************************/
li#side05 {
	position:relative;
	width: 230px;
	height: 82px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		}
	li#side05 a {
		width: 230px;
		height: 82px; 
	}
	li#side05 img {
		position:absolute;
		left:0px;
		top:0px;
	}
	li#side05 a:hover img {
		left:-230px;
		top:0px;
	}


/*中ページ用sideバナー
　藤太郎の歴史
******************************************/
li#side06 {
	position:relative;
	width: 230px;
	height: 82px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		}
	li#side06 a {
		width: 230px;
		height: 82px; 
	}
	li#side06 img {
		position:absolute;
		left:0px;
		top:-82px;
	}
	li#side06 a:hover img {
		left:-230px;
		top:-82px;
	}

/*中ページ用sideバナー
　藤太郎のこだわり
******************************************/
li#side07 {
	position:relative;
	width: 230px;
	height: 82px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		}
	li#side07 a {
		width: 230px;
		height: 82px; 
	}
	li#side07 img {
		position:absolute;
		left:0px;
		top:-165px;
	}
	li#side07 a:hover img {
		left:-230px;
		top:-165px;
	}

/*中ページ用sideバナー
　商品紹介
******************************************/
li#side08 {
	position:relative;
	width: 230px;
	height: 133px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin: 0px;
		}
	li#side08 a {
		width: 230px;
		height: 133px; 
	}
	li#side08 img {
		position:absolute;
		left:0px;
		top:-248px;
	}
	li#side08 a:hover img {
		left:-230px;
		top:-248px;
	}		
/* トップページ用バナー 追加 */
li#side08-2 {
	position:relative;
	width: 230px;
	height: 103px;
	display: block;
	padding: 0px;
	overflow:hidden;
	margin: 0px;
		}
	li#side08-2 a {
		width: 230px;
		height: 83px; 
	}
	li#side08-2 img {
		position:absolute;
		left:0px;
		top:-248px;
	}
	li#side08-2 a:hover img {
		left:-230px;
		top:-248px;
	}		
				
/* ==========================================================
#pagetop
========================================================== */
.pt {
	position:relative;
	clear: both;
	width: 668px;
}
	.pt a{
		 display:block;
		 position:relative;
		 width:100px;
		 height:20px;
		 overflow:hidden;
		 left:568px;
		 top:0px;
		 }
	.pt img{
		 position:absolute;
		 left:0px;
		 top:0px;
		 }
	.pt a:hover img{
		 left:0px;
		 top:-20px;
		 }
/*sweet.html用*/
.pt02 {
	position:relative;
	clear: both;
	width: 920px;
}
	.pt02 a{
		 display:block;
		 position:relative;
		 width:100px;
		 height:20px;
		 overflow:hidden;
		 left:820px;
		 top:0px;
		 }
	.pt02 img{
		 position:absolute;
		 left:0px;
		 top:0px;
		 }
	.pt02 a:hover img{
		 left:0px;
		 top:-20px;
		 }

/* //////////////////////////////////////////////////////////////////////////

8. sub layout

///////////////////////////////////////////////////////////////////////////*/

h2#sub {
	position:relative;
	width: 920px;
	height: 115px;
	display: block;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow:hidden;
		}
	h2#sub img {position:absolute; left:0px; top:0px; width: 920px; height: 115px;}

#main h3 {
	position:relative;
	width: 668px;
	height: 30px;
	display: block;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow:hidden;
		}
	#main h3 img {position:absolute; left:0px; top:0px; width: 668px; height: 30px;}

/* ==========================================================
#main
========================================================== */
#main { /* 中ページ左側 */
	position: relative;	
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 668px;
	padding: 0px;
	}
	#main .txt { /* 中ページテキスト本文 */
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	padding: 35px;
	min-height: 720px;
		}
	
#sweets { /* 商品紹介用本文 */
	position: relative;
	width: 920px;
	padding: 0px;
	}
	#sweets .txt { /* 中ページテキスト本文 */
	padding: 0px;
		}

/* ==========================================================
aboutus.html 藤太郎について
========================================================== */

/* aboutus.html 店主挨拶 */
#main .txtgreenting {
	position: relative;
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	height: 377px;
	margin-bottom: 60px;
	}
	.txtgreenting h4,
	.txtgreenting p {
		display: none;
		}
	.txtgreenting img {
	position: absolute;
	top: 44px;
	left: 46px;
	width: 620px;
	height: 333px;
	}

/* aboutus.html 藤太郎の歴史 */
#main .txthistory {
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	margin-bottom: 0px;
	}
	.txthistory dl {
		overflow: hidden;
		margin: 0px;
		padding-top: 45px;
		padding-right: 0px;
		padding-bottom: 45px;
		padding-left: 45px;
		}
		.txthistory dt {
			float: left;
			width: 80px;
			padding-bottom: 3px;
			padding-left: 10px;
			border-left-color: #767E90;
			border-left-width: 5px;
			border-left-style: solid;
			}
			.txthistory dt img {
				margin-top: 4px;
			}
		.txthistory dd {
			padding-left: 100px;
			padding-bottom: 8px;
			margin-left: 0px;
			margin-bottom: 8px;
			margin-right: 10px;
			}
			.txthistory dd img {
				margin-top: 15px;
				margin-right: 15px;
			}


/* ==========================================================
gaiyou.html 藤太郎について
========================================================== */

/* gaiyou.html 経営理念 */
#main .txtmp {
	position: relative;
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	height: 180px;
	margin-bottom: 60px;
	}
	.txtmp p {
		display: none;
	}
	.txtmp img {
	position: absolute;
	top: 40px;
	left: 46px;
	width: 581px;
	height: 99px;
	}


/* gaiyou.html 会社概要 */
#main .txtcp {
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	margin-bottom: 60px;
	}
	.txtcp dl {
		overflow: hidden;
		margin: 0px;
		padding-top: 45px;
		padding-right: 40px;
		padding-bottom: 45px;
		padding-left: 45px;
		}
		.txtcp dt {
			float: left;
			width: 160px;
			padding-bottom: 3px;
			padding-left: 10px;
			font-weight: bold;
			}
		.txtcp dd {
			padding-left: 170px;
			padding-bottom: 8px;
			margin-left: 0px;
			margin-bottom: 8px;
			margin-right: 0px;
			border-bottom-width: 1px;
			border-bottom-style: dotted;
			border-bottom-color: #CCCCCC;
			}

/* gaiyou.html 店舗紹介 */
#main .txtsp {
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	margin-bottom: 60px;
	padding-top: 45px;
	padding-bottom: 35px;
	padding-left: 40px;
	}
	.txtsp dl {
		overflow: hidden;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
		position: relative;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		}
		.txtsp dt {
			position: relative;
			float: left;
			width: 199px;
			height: 139px;
			margin: 0px;
			padding: 0px;
			top: 0px;
			left: 0px;
			}
		.txtsp dt img {
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 100;
		}
		.txtsp dd {
			padding-left: 185px;
			padding-bottom: 0px;
			margin-left: 0px;
			margin-bottom: 0px;
			margin-right: 0px;
			}

/* gaiyou.html 店舗案内図 */
#main .txtsm {
	position: relative;
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	height: 550px;
	}
	.txtsm img {
	position: absolute;
	top: 30px;
	left: 15px;
	width: 636px;
	height: 483px;
	}


/* ==========================================================
#sweets 商品紹介
========================================================== */

#sweets {
	position: relative;
	width: 920px;
	padding: 0px;
	}
#sweets dl {
	float: left;
	width: 270px;
	margin-right: 55px;
	margin-bottom: 30px;

}
	#sweets dl.right {
		margin-right: 0px;
	}
	#sweets dt {
		margin-bottom: 10px;
	}

#sweets .txt dl {
	position: relative;
	float: left;
	width: 460px;
	height: 140px;
	overflow: hidden;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 0px;
}
#sweets .txt dt {
	position: absolute;
	top: 30px;
	left: 120px;
	width: 300px;
}
#sweets .txt dd img {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 450px;
}

/* ==========================================================
#quality 藤太郎のこだわり
========================================================== */

#quality {
	position: relative;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 668px;
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	min-height: 1190px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#qu01,
#qu02,
#qu03,
#qu04,
#qu05 {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right: 30px;
	height: 200px;
	min-height: 200px;
	max-height: 220px;
}
#qu01 h3,
#qu02 h3,
#qu03 h3,
#qu04 h3,
#qu05 h3 {
	position: relative;
	overflow:hidden;
	display: block;
	width: 379px;
	height: 30px;
	left:5px;
	top:5px;
	padding: 0px;
	margin: 0px;
	z-index: 0
		}
		#qu01 h3 img { position: absolute; left:0px; top:0px;}
		#qu02 h3 img { position: absolute; left:0px; top:-30px;}
		#qu03 h3 img { position: absolute; left:0px; top:-60px;}
		#qu04 h3 img { position: absolute; left:0px; top:-90px;}
		#qu05 h3 img { position: absolute; left:0px; top:-120px;}

	#qu01 p,
	#qu02 p,
	#qu03 p,
	#qu04 p,
	#qu05 p	 {
	position: absolute;
	width: 380px;
	left:5px;
	top:60px;
		}

	#qu01 #ph01,
	#qu02 #ph02,
	#qu03 #ph03,
	#qu04 #ph04,
	#qu05 #ph05	 {
	position: absolute;
	width: 180px;
	height: 180px;
	overflow:hidden;
	left:425px;
	top:0px;
		}
		#ph01 img {	position: absolute; left:0px; top:0px; z-index: 3;}
 		#ph02 img { position: absolute; left:-180px; top:0px; z-index: 3;}
 		#ph03 img { position: absolute; left:-360px; top:0px; z-index: 3;}
 		#ph04 img { position: absolute; left:0px; top:-180px; z-index: 3;}
 		#ph05 img { position: absolute; left:-180px; top:-180px; z-index: 3;}


/* ==========================================================
eng.html Introduction in ENGLISH
========================================================== */

/* eng.html */
#main .txteng {
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	margin-bottom: 60px;
	padding-top: 45px;
	padding-bottom: 35px;
	padding-left: 40px;
	padding-right: 40px;
	min-height: 200px;
	}
#main .txteng02 {
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	margin-bottom: 0px;
	padding-top: 45px;
	padding-bottom: 35px;
	padding-left: 40px;
	padding-right: 40px;
	min-height: 200px;
	}
.txteng h4 {
	margin-top: 10px;
}
		.txteng dl {
		margin: 0px;
		padding: 0px;
		overflow: hidden;
			}
			.txteng dt {
				float: left;
				width: 150px;
				min-height: 125px;
			}
			.txteng dt img {
				margin-bottom: 20px;
			}
			.txteng dd {
				padding-left: 160px;
				padding-bottom: 20px;
				margin-left: 0px;
				margin-bottom: 16px;
				border-bottom: 1px dotted #aaa;
				margin-right: 10px;			
				min-height: 125px;
			}
	


/* ==========================================================
#pp 個人情報保護方針
========================================================== */
	dl.pp {
		margin-bottom: 40px;
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #D6D6D6;
		padding-top: 20px;
	}
	dl.pp dt {
		margin-bottom: 5px;
		font-weight: bold;
	}
	dl.pp dd {
		margin-bottom: 20px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #D6D6D6;
		padding-bottom: 20px;
		padding-left: 26px;
	}
	dl.pp ol {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 20px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	dl.pp li {
		margin: 0px;
		padding: 0px;
	}


/* ==========================================================
#inquiry お問い合わせ
========================================================== */
table.inquiry {
	border-collapse: collapse;
	margin-bottom: 50px;
}
table.inquiry th {
	width: 13em;
	white-space: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D6D6D6;
}
table.inquiry td {
	white-space: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D6D6D6;
}
.submitbtn {
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	background-color: #666666;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFF;
	font-size: 12px;
	}
.inputtxtfield {
	_height: 20px;	/* IE6調整 */
	padding: 2px 0px;
	border: 1px solid #cccccc;
/*	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
*/}
table.inquiry input:hover,
table.inquiry textarea:hover {
	border: 1px solid #999999;
	background-color: #F2F2F9;
}
/* IE6調整 */
table.inquiry textarea {_height: 100px;}


/* ==========================================================
link.html リンク
========================================================== */

dl.link {
		margin: 0px;
}
	dl.link dt {
	float: left;
	width: 300px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	padding-right: 10px;
	color: #663399;
	border-left-color: #EBE1F4;
	border-left-width: 5px;
	border-left-style: solid;
	}
	dl.link dd {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}

/* ==========================================================
sitemap.html サイトマップ
========================================================== */

#main .txtsitemap {
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	padding-top: 45px;
	padding-bottom: 35px;
	padding-left: 40px;
	padding-right: 40px;
	min-height: 760px;
	}
.txtsitemap ul {
	list-style-type: none;
	}
.txtsitemap li {
	background-image: url(../img/common/icon01.gif);
	background-repeat: no-repeat;
	background-position: 15px 9px;
	padding-left: 35px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 7px;
	margin-bottom: 7px;
	color: #666;
}
.txtsitemap li.ko {
	background-image: url(../img/common/icon01.gif);
	background-repeat: no-repeat;
	background-position: 15px 9px;
	padding-left: 35px;
	margin-left: 20px;
}
		.txtsitemap a {
	color: #639;
	text-decoration: none;
	margin-right: 30px;
	font-weight: bold;
		}
		.txtsitemap a:hover {
			color: #666;
			text-decoration: underline;
		}