@charset "shift-jis";
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>System
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*+++Mainarea Block Summary++++++++++++++++++++++++++++++++++++++++++++++*/
.main_area .system_block {
	margin: 0 0 30px 0;
	padding: 0 0 35px 0;
	background: url("/images/main_bg_block.gif") no-repeat left bottom;
}
.main_area .content_base {
	width: 670px;
	padding: 15px 0 0 15px;
}
.main_area .content_base .explained {
	line-height: 140%;
	margin: 0 15px 30px 0;
}
/*+++Content Navi++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.main_area ul.content_navi {
	padding: 10px;
}
.main_area ul.content_navi li {
	display: inline;
	font-size: 14px;
	white-space: nowrap
}
.main_area ul.content_navi li a {
	cursor: pointer;
	display: inline-block;
	float: left;
	line-height: 20px;
	margin: 0 5px 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url("../images/system_bg_button.gif") left top repeat-x;
}
.main_area ul.content_navi li a:visited {
	color: #666;
}
.main_area ul.content_navi li a:hover {
	color: #345b7b;
	background: url("../images/system_bg_button.gif") left bottom repeat-x;
}
.main_area p.default_service {
	margin: 10px 0 0 0;
	padding: 5px 10px;
	border: solid 1px #aaa;
}
.main_area p.default_service span {
	padding: 0 5px 0 0;
	font-weight: bold;
}
/*+++Content Title+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.main_area h2 {
	clear: left;
	height: 40px;
	line-height: 40px;
	margin: 30px 0 0 0;
	padding: 0 0 0 15px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: url("/images/base_h2_titlebg700.gif") left top no-repeat;
}
.main_area h2 span {
	font-size: 12px;
}
.main_area h3 {
	clear: left;
	height: 30px;
	line-height: 30px;
	margin: 30px 0 10px 0;
	padding: 0 0 0 20px;
	color: #345b7b;
	font-size: 16px;
	font-weight: bold;
	background: url("/images/base_h3_titlebg700.gif") left top no-repeat;
}
/*+++Content Summary+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.main_area em {
	color: #f95baf;
}
/*+++Price System++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.system_block ul.system li {
	float: left;
	height: 26px;
	line-height: 26px;
	margin: 0 5px 0 0;
	padding: 0 7px;
	font-size: 14px;
	background: #ff6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.system_block ul.system li span {
	vertical-align: super;
	font-size: 10px;
	line-height: 100%;
}
/* ------------------* * * *------------------- */
#system_pricearea h3 {
	clear: left;
	height: 18px;
	line-height: 18px;
	margin: 20px 0 5px 0;
	padding: 0 0 0 10px;
	border-left: solid 2px #345b7b;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	background: none;
}

#system_pricearea .free_description{
	line-height: 26px;
	margin-top:5px;
	text-align:center;
	background-color:#FFD5E3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#system_pricearea .free_description span{
	font-weight:bold;
}

/* ------------------* * * *------------------- */
.system_block table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	border: solid 1px #aaa;
	font-size: 20px;
}
.system_block table .time_course th {
	color: #fff;
	font-weight: bold;
	background-color: #345b7b;
}
.system_block table .time_course th span {
	font-size: 12px;
}
.system_block table th {
	padding: 5px;
	text-align: center;
	font-size: 16px;
	background-color: #eee;
}
.system_block td {
	padding: 8px 5px;
	text-align: right;
}
.system_block td span {
	font-size: 14px;
}
.system_block td span.price_tax {
	font-size: 12px;
}

/* ------------------* * * *------------------- */
.system_block .supplement {
	padding: 20px 0 0 0;
}
.system_block .supplement div.system {
	line-height: 1.4;
	margin: 20px 20px 0 0;
	font-size: 12px;
}
.system_block .supplement div.system ul li {
	line-height: 1.4;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url("/images/base_icon_circle.gif") no-repeat 0 -2px;
}
.system_block .supplement div.system ul li.card {
	background: url("/images/base_icon_attention.gif") no-repeat 0 -2px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #aaa;
}
.system_block .supplement div.system ul li.nominate{
	background: url("/images/base_icon_attention.gif") no-repeat 0 13px;
	padding-top: 15px;
}
.system_block .supplement div.system p em {
	font-weight: bold;
}
.system_block .supplement ul.maplink {
	float: right;
	width: 200px;
	margin: 20px 0 20px 10px;
}
.system_block .information em {
	font-weight: bold;
	color: #333;
}
/* ------------------* * * *------------------- */

#system_pricearea dl {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	font-size: 12px;
}
#system_pricearea dt {
	margin: 0 0 10px 0;
}
#system_pricearea dt span {
	padding: 5px 10px;
	border: solid 1px #aaa;
	background-color: #efefef;
}
#system_pricearea dd {
	line-height: 1.4;
}
/* ------------------* * * *------------------- */
.tax_information {
  border: 1px solid #f99;
  background-color: #f6f6f6;
  margin: 15px;
}
.tax_information h2 {
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 10px 0 0 10px;
	color: #f00;
	font-size: 18px;
	font-weight: bold;
	background: none;
}
.tax_information p {
padding: 5px 10px 10px 10px;
font-size: 14px;
line-height: 20px;
}
.tax_information p em {
color:#f00;
}

#system_pricearea .example h3 {
	height: 30px;
	line-height: 30px;
	margin: 30px 0 10px 0;
	padding: 0 0 0 20px;
	color: #345b7b;
	font-size: 16px;
	font-weight: bold;
	background: url("/images/base_h3_titlebg700.gif") left top no-repeat;
	border-left:none;
}
#system_pricearea .example table {
width:670px;
border: none;
}
#system_pricearea .example td {
font-size: 14px;
text-align: center;
padding: 5px 0;
font-weight: bold;
}
#system_pricearea .example td.blue {
color:#393;
}
#system_pricearea .example td.wide {
width: 120px;
}
#system_pricearea .example td.normal {
width: 75px;
}
#system_pricearea .example td.narrow {
width: 14px;
}
#system_pricearea .example td span {
font-weight: normal;
font-size: 10px;
}
#system_pricearea .example p.caution {
width:670px;
text-align: right;
margin: 0;
color: #f00;
}
#system_pricearea .example p.sum {
float: right;
width:250px;
padding: 10px 0;
text-align: center;
margin:0;
color: #f00;
border: 2px solid #f00;
font-weight: bold;
}
#system_pricearea .example span {
font-size: 10px;
}

/* ------------------* * * *------------------- */
#system_pricearea .nomination{
	background-color:#eee;
	margin-top:15px;
	padding:15px;
}
#system_pricearea .nomination h3{
	margin:0 0 5px;
	padding:0;
	border:0;
}
#system_pricearea .nomination dl{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 70px 1fr;
	grid-template-columns: 80px 1fr;
	margin:0;
	padding:0;
}
#system_pricearea .nomination dt{
	margin:0;
	padding: 0 0 0 15px;
	font-weight:bold;
	background: url("/images/base_icon_circle.gif") no-repeat 0 -2px;
}
#system_pricearea .nomination dt,
#system_pricearea .nomination dd{
	line-height:1.6;
}

/* ------------------* * * *------------------- */
.system_block .information {
  clear: both;
	line-height: 1.4;
	margin: 55px 0 0 0;
	padding: 10px 10px 10px 62px;
	border: solid 1px #aaa;
	font-size: 12px;
	background: url("http://www.harenchi.co.jp/sapporo/images/shopimages/main_logo_harekei4242.png") no-repeat 10px center;
}
/*+++Situation+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#system_situation .content_base {
	width: 680px;
	margin: 0 -10px 0 0;
}
#system_situation dl {
	float: left;
	width: 328px;
	margin: 0 10px 10px 0;
	border: solid 1px #aaa;
}
#system_situation dl dt {
	margin: 10px;
	color: #345b7b;
	font-size: 18px;
	background-color: #fffde6;
}
#system_situation dl dd {
	height: 80px;
	line-height: 1.4;
	margin: 10px;
	font-size: 12px;
}
/*+++Option++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#system_option ul.option_list {
	width: 680px;
	margin: 0 -10px -10px 0;
}
#system_option ul.option_list li {
	float: left;
	width: 158px;
	margin: 0 10px 10px 0;
	padding: 4px 0 10px 0;
	border: solid 1px #aaa;
	border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	text-align: center;
	background: #ffe;
	background-image: linear-gradient(bottom, rgb(255,255,255) 10%, rgb(220,220,220) 70%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(220,220,220) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(220,220,220) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(220,220,220) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(220,220,220) 70%);
}
#system_option ul.option_list li dt {
	margin: 10px 0 0 4px;
	text-align: left;
}
#system_option ul.option_list li dd {
	margin: 3px 0 0 4px;
	text-align: left;
	font-size: 12px;
}
#system_option ul.option_list li dd span {
	padding: 0 5px;
}
/*+++Reservation+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#system_reservation ul {
	margin: 50px 0 0 0;
	padding: 10px;
	border: solid 1px #aaa;
}
#system_reservation ul li {
	line-height: 1.4;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url("/images/base_icon_attention.gif") no-repeat 0 0;
}
#system_reservation .webbooking_img{
	margin:15px 0 0;
	text-align:center;
}

/*+++Harecard++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#system_harecard img {
	float: left;
}
#system_harecard p.card_description {
	line-height: 1.4;
	margin: 0 0 0 290px;
}
#system_harecard p.card_description:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*+++Receipt+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#system_receipt p {
	margin: 0;
}
/*+++Health++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#system_health dl {
	margin: 25px 0;
}
#system_health dl dt {
	padding: 0 0 0 30px;
	background: url("/system/images/system_icon_check.gif") no-repeat left center;
	font-size: 18px;
}
#system_health dl dd {
	margin: 10px 0 30px 15px;
	font-size: 12px;
}
/*+++Prohibitions++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#system_prohibitions ul {
	margin: 30px 0;
}
#system_prohibitions li {
	margin: 10px 0 0 20px;
	list-style: disc;
}
#system_prohibitions p.warning {
	padding: 5px 0 5px 60px;
	font-weight: bold;
	background: url("/system/images/system_img_warning.gif") no-repeat left center;
}
/*+++Rule+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#system_rule ul {
	margin: 30px 0;
}
#system_rule li {
	margin: 10px 0 0 20px;
	list-style: disc;
}
/* >>System [END] V('-')V*/