@charset "utf-8";


/*
	Site Name: 
	Description: shop
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: TITLE BOX
	2: LEFT COLUMN
	3: RIGHT COLUMN

==========================================================
*/
/*
===== 1: TOP BOX ==========================================
*/

div#topboxright{
	width:218px;
	float: right;
	border:dotted;
	border-color:#942218;
	margin-left:-10px;

}
/*
===== 1: TITLE BOX ==========================================
*/

h2#shoptitle{
	margin:15px 0;
}

/*
===== 2: SIDEVAR COLUMN ==========================================
*/
dl.shopside{
	margin-bottom:1em;
}

dl.shopside dt{
	font-weight:bold;
	color:#660000;
	font-size:1.1em;
	background-image:url(../common/bg_hand.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:20px;
}
dl.shopside dd{
	margin-left:8px;
	padding-left:11px;
	background-image:url(../common/ya.gif);
	background-position:center left;
	background-repeat:no-repeat;

	}
/*
===== 3: MAIN COLUMN ==========================================
*/


div#shops{
	background-image:url(img/map_hokkaido2.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	width:700px;
	height:100%;
	margin-bottom: 18px;
}


div#shops dd{
	margin-left:8px;
	padding-left:11px;
	background-image:url(../common/ya.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

dl.shoplist{
	width:170px;
	}

dl.shoplist dt{
		margin:9px 0 5px 0;
	}
	
dl.list1{
	float:left;
}

dl.list2{
	float:right;

}

dl.institution{	
	width:310px;
}

dl.institution dt,dl.institution dd{

}

dl.institution dt{
	font-weight: bold;
	font-size:1.1em;
	margin-top:0.5em;
}
dl.institution dd{
	margin-left:15px;
}

dl.institution dd img{
	display:block;
	margin: 10px 0 0 auto;
	text-align: right;
	}
	
img.map{
	float:right;
	margin:0;
	}
	
.adress{
	float:left;
	width: 380px;
	}
	
.adress2{
	float:left;
	width: 320px;
	}	
div#reientop{
	background-image:url(img/ph_reien_bg.gif);
	background-repeat:no-repeat;
	width:540px;
	height:320px;
	margin: 0 auto 18px auto;
}

div#reientop p{
	width:200px;
	margin-left:15px;
	padding-top:240px;
	line-height: 1.2em;
}

div.reienphoto{
	width:32%;
	float:left;
}
div.reienphoto img{
	margin-bottom:5px;
}

div.reienphoto h6,div.reienphoto ul{
	margin-left:18px;
	}
div.reienphoto li{
	margin-left:1em;
	list-style:disc;
	list-style-type:disc;
	}