@charset "UTF-8";

/* -----------------------------------------------------------
	CSS Information
	Site Name: Committee of the pastry chef Web site
	 File name:      shop_guide.css
 	Style Info:   　信州佐久「ケーキ職人の会」 Webサイト：各店舗情報コンテンツ用CSS
	Version: 1.05
	update/auther(admin): [2009-07-30][Shinobu Kiuchi](Shinobu Kiuchi)
----------------------------------------------------------- */

/* 1: Formatting Reset : base reset layouts
---------------------------------------------------------------------------------- */
div{
 zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
	


/* 2: Redefine : body and base setting
---------------------------------------------------------------------------------- */
html {
	overflow-y: scroll;
	background-color: #FFF;

}


body#shop {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #444;
	font: normal 62.5% "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../shop_guide/img/pageBg.gif) ;
	background-repeat:no-repeat;
	background-position: 100% 410px;
		background-color:#FFF;
}


/* IE7 only */
* + html body {
	font-family:"ＭＳ Ｐゴシック", "メイリオ","Meiryo", verdana, arial, sans-serif;
		padding:0 0 0 0;
		height: auto;
}

*html body {
	font-family:"ＭＳ Ｐゴシック", Osaka;
	padding:0 0 0 0;
	height: auto;
}

/* safari2 only
-------------------------------------------------- */	
/* safari2 only \*/
html:\66irst-child body {
	font-size: 62.5%;
		padding:0 0 0 0;

 }

/* safari3 only
-------------------------------------------------- */

 body:first-of-type {
	font-size: 62.5%;
		padding:0 0 0 0;

}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form,  blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.4;/* base line height */
	text-align: left;
	display: block;
	margin: 0;
	font-size: 100%;
	text-decoration: none;
	font-style:normal;
}
input, textarea,{
	padding: 0;/* margin&padding reset */
	line-height: 1.4;/* base line height */
	text-align: left;
	margin: 0;
	font-size: 100%;
	text-decoration: none;
	font-style:normal;
}

table {
	margin : 0;empty-cells: show;
	font-size:small;
	border-collapse:collapse;
	border-spacing:0;
	}
	
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;

}
img a{
	border-style: none;
		outline: 0;
}

li { list-style: none; }/* link do not want a dot */

caption, cite, code, dfn, em, strong, var {
	font-style: normal;
	font-weight: normal;
}
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

hr {
	display: none;
	}
	
object,
embed {
	vertical-align: top;
}

q:before,q:after {
	content: '';
}

fieldset{
	border:0;
	}	
	
select option{
	padding:0 5px;
	}	

form label{
	cursor:pointer;
	}


/* 3: link setting
---------------------------------------------------------------------------------- */
a{
	text-decoration: none;
	color: #845A00;
	line-height:1.4;
	outline: 0;
	}

a:link{
	color: #845A00;
	text-decoration: underline;
	}

a:visited{
	color: #8887BB;
	text-decoration: underline;
	}
	
	
a:hover{
	color: #381009;
	text-decoration: none;
	background-color:#FECC2E;
	}

a:active{
	color: #845A00;
	text-decoration: underline;
	}	
	
	

/* 4: other setting 
---------------------------------------------------------------------------------- */

/* for voice blowser 
-------------------------------------*/
#navSkip {
	position: absolute;
	left: -9999px;
	width: 900px;
	}	
	
/* for float Hack 
-------------------------------------*/
.clearfix:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */


div#shop_page {
	margin:0;
	padding: 15px 0 20px 8px;
	width:600px;
	text-align: left;
	position: relative;

	}

*html div#shop_page {
	margin:0;
	padding: 5px 0 20px 0px;
	width:600px;
	text-align: left;
	position: relative;
	font-family: "ＭＳ Ｐゴシック", Osaka;

	}
div#shop_wrapper {
	margin:0 auto;
	padding: 0;
	width:585px;
	text-align: left;
	position: relative;
	background-image:url(../shop_guide/img/headerBg.jpg) ;
	background-repeat:no-repeat;
	background-position: top center;
	}
h1{
	padding: 10px 0 0 10px;
	}
*html h1{
margin: 0 0 0 0;
	padding: 5px 0 -5px 10px;
	}
	
h2#tagLine{
	width: 400px;
	padding: 0;
	text-align: right;
	font-size: 1.3em;
	font-weight: normal;
	position:absolute;
	top: 20px;
	right: 20px;
	color:#EEE;
	}
h3#keyVisual{
	margin:20px 0 5px 0;
	padding: 4px;
	border: 1px solid #CCC;
	position: relative;
		background-color: #FFF;
	}

body#meisyoudou h1{
	z-index: 50;
	position: relative;
	}
	
body.meisyoudou h3#keyVisual{
	margin:-25px 0 5px 0;
	padding: 5px;
	border: 1px solid #CCC;
	position: relative;

	}
p.appealText{
	margin:0 0 12px 0;
	font-size: 1.2em;	
	}
dl {
	clear:left;
	margin: 0;
	overflow: hidden;
	font-size: 1.2em;
	color:#555;
	padding: 0;

	}


dt {
	clear: both;
	display: inline;
	float: left;
	width: 4em;
	 line-height:1.25;
	margin: 0;
	padding: 4px 0;

	}
	
dd {
	padding: 4px 0 4px 5em;
	line-height:1.25;
	background-image:url(../shop_guide/img/lineBg_1px_dotted_gray01.gif) ;
	background-repeat:repeat-x;
	background-position: bottom left;
	margin: 0 0 5px 0px;
		width: auto;
	}
*html dd {

	padding: 4px 0 10px 6em;
	line-height:1.25;
	background-image:url(../shop_guide/img/lineBg_1px_dotted_gray01.gif) ;
	background-repeat:repeat-x;
	background-position: bottom left;
	margin: 0 0 5px 0px;
	width: auto;
	}

* + html body dd {

	padding: 4px 0 10px 6em;
	line-height:1.25;
	background-image:url(../shop_guide/img/lineBg_1px_dotted_gray01.gif) ;
	background-repeat:repeat-x;
	background-position: bottom left;
	margin: 0 0 5px 0px;
	width: auto;
	}
	
body#shop address{
font-size: 1.2em;
margin-top: 10px;
padding: 30px 0 0 0;
position:relative;
	background-image:url(../shop_guide/img/address_bg.gif) ;
	background-repeat:no-repeat;
	background-position: top left;
}

address span{
	color: #B30000;
}
address span.accessMap{
	color: #333;
	background-image:url(../shop_guide/img/btn_accessMapBg.jpg) ;
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
	width: 94px;
	height: 87px;
	overflow: hidden;
	text-indent: -9999px;
	float:right;
	width: 94px;
	margin: -75px 0 0 0;
}
*html address span.accessMap{
	color: #333;
	background-image:url(../shop_guide/img/btn_accessMapBg.jpg) ;
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
	width: 94px;
	height: 87px;
	overflow: hidden;
	text-indent: -9999px;
	float:right;
	width: 94px;
	margin: -90px 0 0 0;
	z-index: 10;
	position:relative;
}
address span.accessMap a:link,
address span.accessMap a:visited{
	color: #333;
	background-image:url(../shop_guide/img/btn_accessMapBg.jpg) ;
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
	width: 94px;
	height: 87px;

}

address span.accessMap a:hover,
address span.accessMap a:active{
	color: #333;
	background-image:url(../shop_guide/img/btn_accessMapBg.jpg) ;
	background-repeat:no-repeat;
	background-position: 0 -87px;
	display:block;
}


address strong{
	font-weight: bold;
}

/* shop_peters only style none
-------------------------------------*/

/* shop_aimer only style
-------------------------------------*/
h1#aimerLogo{
	margin: 0 0 0 0;
	padding: 5px 0 0 10px;
	width:87px;
	height:49px;
	position:relative;
	}
*html h1#aimerLogo{
margin: 0 0 0 0;
	padding: 0 0 -5px 10px;
	}

/* shop_meisyoudou only style
-------------------------------------*/
h1#meisyoudouLogo{
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	width:87px;
	height:49px;
	position:relative;
	}
*html h1#meisyoudouLogo{
margin: 0 0 0 0;
	padding: 0 0 -5px 10px;
	}
	
/* shop_aimer only style
-------------------------------------*/
h1#tamurayaLogo{
	margin: 0 0 -10px 0;
	padding: 15px 0 0 10px;
	width:87px;
	height:49px;
	position:relative;
	}
*html h1#tamurayaLogo{
margin: 0 0 0 0;
	padding: 10px 0 -5px 10px;
	}

/* shop_meisyoudou only style
-------------------------------------*/
h1#cocoLogo{
	margin: 0 0 0 0;
	padding: 5px 0 0 10px;
	width:87px;
	height:49px;
	position:relative;
	}
*html h1#cocoLogo{
margin: 0 0 0 0;
	padding: 0 0 -5px 10px;
	}

/* shop_aimer only style
-------------------------------------*/
h1#koubouLogo{
	margin: 0 0 -10px 0;
	padding: 18px 0 0 10px;
	width:87px;
	height:49px;
	position:relative;
	}
*html h1#koubouLogo{
margin: 0 0 -10px 0;
	padding: 10px 0 -5px 10px;
	}
	
	

/* shop_point only style
-------------------------------------*/
h1#pointLogo{
	margin: 0 0 0 0;
	padding: 7px 0 0 10px;
	width:270px;
	height:50px;
	position:relative;
	}
*html h1#pointLogo{
margin: 0 0 0 0;
	padding: 0 0 -5px 10px;
	}