@charset "UTF-8";

/*===== Main Index.html CONTENTS ================================================================
    1: ƒgƒbƒv
			Fƒƒjƒ…[
			FƒƒCƒ“
			Fƒtƒbƒ^[
    2:          
	3:          
    4:          
	5:          
	5:          
	7:          
================================================================================================*/

body{
 margin:0;
	}

.floatright{
	float:right;
	}

.floatleft{
	float:left;
	}
	
.clear:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
.clear{
	display: inline-table;
	}

/* Win”ΕIE7‚ΖMac”ΕIE5‘΍τ */
.clear{
   display:inline-block;
}


/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/* TinyMCE \*/
.image_left {float:left; padding-right:10px;}
.image_right {float:right; padding-left:10px;}
.image_center img {text-align:center;}
.price {font-weight:bold; font-size:130%; color:#FF0000;}

.paginate{margin-top:20px;}

/*=======================================================*/
/*===== 1Fƒgƒbƒv ============================*/
/*=======================================================*/

#wrapper{
	position:static;
	width:808px;
	background:url(../common/bg_02.jpg) repeat-y;
	margin:0;
	padding:0;
	}

#header{
	padding:0;
	margin:0;
	}
	
#header_inside{
	padding:0;
	margin:0;
	height:140px;
	background:url(../common/header_inside.jpg) no-repeat;
	}

#header_inside h1 img{
	padding:0;
	margin:40px 0 0 38px;
	}
	
#breadclumb{
	width:788px;
	height:20px;
	padding-top:5px;
	padding-left:20px;
	background-color:#E6E6CC;
	background-image:url(../common/bg_breadclumb.gif);
	background-position:top right;
	background-repeat:no-repeat;
	font-size:10px;
	}
	
#wrapper2{
	width:808px;
	background:url(../common/bg_mainright.jpg) 577px 0px no-repeat;
	}

#wrapper2:after{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/*===== ƒgƒbƒvFƒƒjƒ…[ ============================*/

#menu{
	width:168px;
	margin:25px 28px 10px 20px;
	}
	

#menu a{
	color:#a27612;
	text-decoration:none;
	border:none;
	}
#menu a:hover{
	color:#e6bc5b; 
	}
	
	
#menu #list_01 ul{
	margin:7px 0 15px 0;
	}
	
#menu #list_01 li{
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	border-bottom:1px dashed #cfcfcf;
	font-size:90%;
	}
	
#menu #list_02 ul{
	margin:15px 0 30px 0;
	}
	
#menu #list_02 li{
	padding:0 0 2px 0;
	margin:0 0 6px 0;
	border-bottom:1px dashed #cfcfcf;
	height:16px;
	}

#menu .bnr_01{
margin:3px 0 0 0;
}

#menu .subttr_01{
margin:22px 0 0 0;
}

/*===== ƒgƒbƒvFƒƒCƒ“ ============================*/

#main{
	width:552px;
	margin:25px 20px 0 20px;
	padding-bottom:30px;
	font-size:90%;
	}
	
#main #bnr01{
	height:120px;
	}

#main #bnr01 li{
	display:inline;
	}

#main p #bnr02{
	margin-top:15px;
	}	

#main .margin_01{
	margin:0 12px 0 0;
	}

#main .margin_02{
	margin:0 7px 0 0;
	}
	
#main p{
	margin:20px 0 0 0;
	}
	
#main dl{
	margin:20px 0 0 0;
	}
	
#main dt{
	margin:0 0 0 0;
	}
	
#main #entry-ttl01 dd{
	width:530px;
	margin:5px 0 0 0;
	padding:7px 10px 0 10px;
	border-top:1px solid #E6E6CC;
	border-bottom:1px solid #E6E6CC;
	background:url(../images/bg_border.gif) repeat-y;
	}
	
#main #entry-ttl01 dl li{
	padding:0 0 7px 0;
	margin:0 0 7px 0;
	border-bottom:1px dashed #99cc00;
	}
	
#entry-ttl01 img{
	vertical-align:middle;
	}

#entry-ttl01 .entry_subttl{
	margin-left:8px;
	}

#main #entry-ttl02 dt{
	margin:0 0 0 0;
	border-bottom:1px dashed #cccc99;
	}
	
#main #entry-ttl02 dd{
	margin:5px 0 0 0;
	padding:7px 10px 0 10px;
	}
		
#main dl ul{
	margin:0 0 0 0;
	}

#main #entry-ttl02 dl li{
	padding:0 0 7px 0;
	margin:0 0 7px 0;
	border-bottom:1px dashed #cccc99;
	}
		
#main #entry-ttl02 hr{
	margin:10px 0 5px 0;
	border:1px solid #cccc99;
	}	

#main #entry-ttl02 p{
	text-align:right;
	margin:0;
	padding:0;
	}	

#main span.datecolor{
	color:#99cc00;
	margin-right:5px;
	}
		
#main .bnr02 ul{
	width:552px;
	margin:20px 0 20px 0;
	}	
	
#main .bnr02 li{
	width:130px;
	height:50px;
	display:inline;
	}
	
#main p.entry_body{
	padding:0 10px 0 10px;
	line-height:1.6em;
	color:#553f3e;
	}

.rss_ttl{
	border-left:2px solid #a27612;
	padding-left:7px;
	color:#a27612;
	}

		
/*===== ƒgƒbƒvFƒtƒbƒ^[ ============================*/

#footer{
	background:url(../common/bg_02.jpg) repeat-y;
	width:808px;
	margin-top:10px;
	padding:0 0 20px 20px;
	}
		
#footer #btn_footer{
	width:552px;
	height:11px;
	margin-top:7px;
	}

#footer #btn_footer li{
	display:inline;
	}

#footer .copyright{
	margin-top:20px;
	}

/*===== Page of Inside CONTENTS ==================================================================

================================================================================================*/

#pageofinside{
	background-image:url(../common/bg_inside.jpg);
	background-repeat:repeat-x;
	}
	
	
/*===== html/shoplist/ CONTENTS ==================================================================

================================================================================================*/

#RegionList{
	width:552px;
	margin-top:30px;
	}
	
#RegionList h4{
	clear:both;
	margin-bottom:5px;
	padding-top:20px;
	}
	
#RegionList ul{
	margin-bottom:10px;
	}
	
#RegionList li{
	float:left;
	width:138px;
	}
	
#shoplistmenu{
	width:552px;
	margin-top:10px;
	text-align:center;
	font-size:80%;
	}
	
.shoplisttable{
	margin-top:10px;
	margin-bottom:10px;
	line-height:120%;
	}
	
.shoplisttable a{
	color:#79A51F;
	text-decoration:underline;
	border:none;
	}
	
.shoplisttable a:hover{
	color:#cc9997; 
	}
	
.shoplisttable h3{
	margin-bottom:10px;
	font-size:90%;
	}
.shoplisttable #asahikawa,#rumoi,#wakkanai{color:#FFCC00;}
.shoplisttable #nemuro,#obihiro,#kushiro,#kitami{color:#99CC00;}
.shoplisttable #sapporochuou,#sapporohigashi,#sapporoteine,#sapporokita,#shiroishi,#ebetsu,#chitose,#otaru,#minamisorati,#nakasorati{color:#FF6666;}
.shoplisttable #oshima,#hakodate,#muroran,#hidaka,#tomakomai{color:#3399CC;}
	
.shoplisttable table{
	font-size:80%;
	}
	
.shoplisttable th{
	border-bottom:1px solid;
	font-weight:normal;
	text-align:center;
	}

.shoplisttable td{
	padding-top:6px;
	padding-left:5px;
	padding-bottom:6px;
	padding-right:5px;
	border-bottom:solid 1px #CCCCCC;
	}
	
.uenimodoru{
	width:552px;
	margin-top:10px;
	margin-bottom:50px;
	text-align:right;
	}
	
#KotenSekinin{
	clear:both;
	width:542px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	background:#F5FAE6;
	}
	
/*===== html/soshiki/ CONTENTS ==================================================================

================================================================================================*/

.dokarentable{
	margin-top:10px;
	margin-bottom:10px;
	line-height:120%;
	}
	
.dokarentable h3{
border-left:#CCCC66 solid 3px;
padding:5px 5px 5px 10px;
border-bottom:#CCCC66 dotted 1px;
margin:20px 0 10px 0;
	}
	
.dokarentable table{
	font-size:80%;
	}
	
.dokarentable th{
	font-weight:normal;
	text-align:center;
	background-color:#EBE5AF;
	padding:6px 5px 6px 5px;
	}

.dokarentable td{
	padding-top:6px;
	padding-left:5px;
	padding-bottom:6px;
	padding-right:5px;
	background-color:#F5F2D7;
	text-align:center;
	}
	
	.dokarentable td.kei{
	font-weight:bold;}
	
	.dokarentable p.textttl{
	width:552px;
	text-align:center;
	margin:0 10px;
	font-weight:bold;}
	
	 .dokarentable dt{
	margin:0 10px 0 10px;}
	
	 .dokarentable dd{
	margin:0 0 20px 20px;}
	
dl#LinkList{
	margin-left:10px;
	}

#LinkList dt{
	padding-left:11px;
	background:url(../soshiki/images/icon_link.gif) left center no-repeat;
	font-size:110%;
	}
	
#LinkList dd{
	margin-left:2em;
	margin-bottom:15px;
	}
	
/*===== html/topics/ CONTENTS ==================================================================

================================================================================================*/

#topics{
	width:552px;
	margin:25px 20px 0 20px;
	padding-bottom:30px;
	font-size:90%;
	}
	
#topics .ttl_01{
	margin-bottom:15px;
	}

#topics ul.subttl_left{
	width:270px;
	margin-right:12px;
	float:left;
	padding:0 0 20px 0;
	text-align:right;
	}
	
#topics ul.subttl_right{
	width:270px;
	margin:0;
	float:left;
	padding:0 0 20px 0;
	text-align:right;
	}
	
#topics ul.subttl_border{
	margin:7px 0 7px 0;
	}
	
#topics ul.subttl_border li{
	padding:0 0 7px 0;
	margin:0 0 7px 0;
	border-bottom:1px dashed #99cc00;
	line-height:1.3em;
	}
	
#topics span.datecolor{
	color:#99cc00;
	}
	

/*===== html/event/ CONTENTS ==================================================================

================================================================================================*/

#event{
	width:552px;
	margin:25px 20px 0 20px;
	padding-bottom:30px;
	font-size:90%;
	}
	
#event .ttl_01{
	margin-bottom:15px;
	}

#event ul.subttl_left{
	width:270px;
	margin-right:12px;
	float:left;
	padding:0 0 20px 0;
	text-align:right;
	}
	
#event ul.subttl_right{
	width:270px;
	margin:0;
	float:left;
	padding:0 0 20px 0;
	text-align:right;
	}
	
#event ul.subttl_border{
	margin:7px 0 7px 0;
	}
	
#event ul.subttl_border li{
	padding:0 0 7px 0;
	margin:0 0 7px 0;
	border-bottom:1px dashed #99cc00;
	line-height:1.3em;
	
	}
	
#event span.datecolor{
	color:#99cc00;
	}
		
		
/*===== html/present/ CONTENTS ==================================================================

================================================================================================*/

#present{
	width:552px;
	margin:25px 20px 0 20px;
	padding-bottom:30px;
	font-size:90%;
	}
	
#present .ttl_01{
	margin-bottom:15px;
	}

#present ul.subttl_left{
	width:270px;
	margin-right:12px;
	float:left;
	padding:0 0 20px 0;
	text-align:right;
	}
	
#present ul.subttl_right{
	width:270px;
	margin:0;
	float:left;
	padding:0 0 20px 0;
	text-align:right;
	}
	
#present ul.subttl_border{
	margin:7px 0 7px 0;
	}
	
#present ul.subttl_border li{
	padding:0 0 7px 0;
	margin:0 0 7px 0;
	border-bottom:1px dashed #99cc00;
	line-height:1.3em;
	}
	
#present span.datecolor{
	color:#99cc00;
	}
	
/*===== html/present/sample.php CONTENTS ==================================================================

================================================================================================*/

#present_sample{
	width:552px;
	margin:25px 20px 0 20px;
	padding-bottom:30px;
	font-size:90%;
	}
	
#present_sample img{
	text-align:center;
	margin:0 0 10px 0;
	}
	
#present_sample .ttl_01{
	margin-bottom:30px;
	}
		
#present_sample div.entry_body{
	padding:0 10px 10px 10px;
	line-height:1.6em;
	color:#553f3e;
	}

#present_sample p.entry_date{
	padding:5px 10px 0 10px;
	margin-bottom:20px;
	color:#553f3e;
	text-align:right;
	font-size:10px;
	border-bottom:1px dashed #aaaaaa;
	}
	
#present_sample #sample_box01{
	margin-bottom:15px;
	}

#present_sample #sample_box02{
	margin-bottom:15px;
	}

#present_sample #sample_box03{
	margin-bottom:15px;
	}

#present_sample h2{
	color:#99cc00;
	font-size:120%;
	margin:0 0 20px 0;
	text-align:center;
	}

#present_sample .clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*===== sample-entry ==========================*/

#present_sample_entry #entry_body{
	border-bottom:1px dashed #aaaaaa;
	margin-bottom:35px;
}

#present_sample_entry p{
	margin:10px 0 30px 0;
}

#present_sample_entry p.comment{
	margin:10px 0 10px 0;
	line-height:110%;
}

#present_sample_entry .ttl_01{
	margin-bottom:30px;
	}

	/*===== html/present/birthday.html CONTENTS ==================================================================

================================================================================================*/

#mainbirth{
	width:552px;
	margin:25px 20px 0 20px;
	padding-bottom:30px;
	}

#birthdaylist{
width:532px;
margin-left:10px;}

#birthdaylist p.month{
padding:2px 10px 2px 10px;
color:#FF3333;
border-left:#FF3333 solid 2px;
border-bottom:dotted #FF9999 1px;}

#birthdayist p.date{
font-size:80%;
margin-left:10px;
}


.birthdaybox{
clear:both;}

.birthdaybox h3{
color:#FF6666;
font-size:90%;
margin-top:10px;
margin-bottom:10px;
}

.birthdaybox p.img{
float:left;
margin-right:20px;
}

.birthdaybox p.txtttl{
font-weight:bold;
color:#a27612;
}

.birthdaybox p.kotoba{
font-size:80%;
color:#669900;
}

.birthdaybox p.gensan{
font-size:80%;
color:#553f3e;
}

.birthdaybox p.setumei{
color:#553f3e;
}

.birthdaybox p.yuumei{
color:#553f3e;
font-size:80%;
}

/*===== html/present/calendar.html CONTENTS ==================================================================

================================================================================================*/

#calendarlist{
clear:both;
width:532px;
margin-left:10px;}

#calendarlist p.month{
padding:2px 10px 2px 10px;
color:#FF3333;
border-left:#FF3333 solid 2px;
border-bottom:dotted #FF9999 1px;}

#calendarlist p.date{
margin-left:10px;
}

.calendarlinkl{
width:260px;
float:left;
margin-top:15px;
margin-left:10px;
}

.calendarlinkl li{
list-style:none;
border-bottom:#CCCCCC dotted 1px;
padding-bottom:5px;
margin-bottom:5px;
}


.calendarlinkr{
margin-top:15px;
margin-left:12px;
width:260px;
float:left;}

.calendarlinkr li{
list-style:none;
border-bottom:#CCCCCC dotted 1px;
padding-bottom:5px;
margin-bottom:5px;
}


/*===== html/readmefirst.html CONTENTS ==================================================================

================================================================================================*/


.readme dt{
	border-bottom:1px solid #aaaaaa;
	padding:0 0 3px 0;
	}
	
.readme dd{
	padding:3px 0 0 0;
	}

.readme td{
	padding:0 0 10px 0;
	}
	
.readme table{
	margin:20px 0 0 0;
	}

.readme p.entry_body{
	padding:0 10px 0 10px;
	line-height:1.6em;
	color:#553f3e;
	}

/*===== html/sitemap.php CONTENTS ==================================================================

================================================================================================*/

.sitemap{
	width:400px;
	margin-left:76px;
	}


.sitemap dt{
	border-bottom:1px dashed #999999;
	padding:0 0 7px 0;
	}
	
.sitemap dd{
	padding:7px 0 10px 25px;
	}

.sitemap li{
	margin:0 0 7px 0;
	}

.sitemap p.entry_body{
	padding:0 10px 0 10px;
	line-height:1.6em;
	color:#553f3e;
	}









/*===== Entry Archives CONTENTS ==================================================================

================================================================================================*/

#entry_archive{
	width:552px;
	margin:25px 20px 0 20px;
	padding-bottom:30px;
	font-size:90%;
	}

#entry_archive li.entry_subttl{
	height:40px;
	margin:0;
	font-size:16px;
	color:#553f3e;
	}
	
#entry_archive .ttl_02{
	margin-bottom:20px;
	}

#entry_archive ul{
	width:532px;
	padding:0;
	margin:15px 0 0 0;
	}
	
#entry_archive div.entry_body{
	padding:0 10px 0 10px;
	line-height:1.6em;
	color:#553f3e;
	}
	
#entry_archive p.comment{
	margin:10px 0 10px 0;
	line-height:110%;
}

#entry_archive p.entry_date{
	padding:10px 10px 0 10px;
	color:#99cc00;
	}

.tag_zengo{
	clear:both;
	margin:30px 0 0 0;
	font-size:12px;
	}

/*=====Category Archives CONTENTS ==================================================================
================================================================================================*/

#cat_archive{
	width:552px;
	margin:25px 20px 0 20px;
	padding-bottom:30px;
	font-size:90%;
	}

#cat_archive .entry_date{
	padding:10px 10px 0 10px;
	color:#99cc00;
	}

#cat_archive li.entry_subttl{
	height:40px;
	margin:0;
	font-size:16px;
	color:#553f3e;
	}

#cat_archive li{
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	border-bottom:1px dashed #cfcfcf;
	}

#cat_archive ul{
	padding:0;
	margin:15px 0 0 0;
	}
	
#cat_archive span.datecolor{
	color:#99cc00;
	margin-right:5px;
	}

#oyako{
width:550px;}

#oyako td{
padding:5px;}


.new{
border:#FF9900 1px solid;
padding:2px 5px;
font-weight:bold;
font-size:80%;
color:#FF9900;
}