@charset "utf-8";




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


							CSS Reset


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



/********* Space Reset **********/


html, body, div, 
dl, dt, dd, 
ol, ul, li, 
pre, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, input, txtarea, 
p,blockquote, 
th, td {
	margin: 0;
	padding: 0;
	}



/********* Border Reset **********/


fieldset, img, table, abbr, acronym {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}




/********* ListStyle Reset **********/

ol, ul {
	list-style: none;
}




/********* Align Reset **********/

caption, th {
	text-align: left;
}



/********* Font Reset **********/


address, caption, cite, code, dfn,  
h1, h2, h3, h4, h5, h6, 
th, var {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}



/********* Tool Set **********/

/* Vartical Align */
.var-m {
	vertical-align: middle;
}

/* Margin Bottom */
.mb5 {
	margin-bottom: 5px;
}

.mb7 {
	margin-bottom: 7px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb80 {
	margin-bottom: 80px;
}

/* Margin Right */

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}


/* Padding Top */
.pd-t10 {
	padding-top: 10px;
}


.pd-t20 {
	padding-top: 20px;
}


/* Padding Bottom */

.pd-b10 {
	padding-bottom: 10px;
}

.pd-b20 {
	padding-bottom: 20px;
}

.pd-b40 {
	padding-bottom: 40px;
}


/* Align */

.Ta-L {
	text-align: left;
}

.Tx-Cen {
	text-align: center;
}

.Ta-R {
	text-align: right;
}


/* Font Set */

.T-xlarge {
	font-size: 16px;
	line-height: 150%;
}

.T-large {
	font-size: 14px;
	line-height: 150%;
}

.T-medium{
	font-size: 12px;
	line-height: 150%;
}

.T-small{
	font-size: 10px;
	line-height: 150%;
}



/* Link Color */


a:link {
	color: #333333;
	text-decoration: none;
}

a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #891535;
	text-decoration: none;
}


a:active {
	color: #891535;
	text-decoration: none;
}


/* Float Clear */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/* link set */

A.txt:link { color: #333333; text-decoration: underline; }
A.txt:visited { color: #333333; text-decoration: underline; }
A.txt:active { color: #891535; text-decoration: underline; }
A.txt:hover { color: #891535; text-decoration: underline; }


A.foot:link { color: #ffffff; text-decoration: none; }
A.foot:visited { color: #ffffff; text-decoration: none; }
A.foot:active { color: #ffffff; text-decoration: underline; }
A.foot:hover { color: #ffffff; text-decoration: underline; }

A.enji:link { color: #891535; text-decoration: none; }
A.enji:visited { color: #891535; text-decoration: none; }
A.enji:active { color: #891535; text-decoration: underline; }
A.enji:hover { color: #891535; text-decoration: underline; }


/* color */

.white{ color:#ffffff; }
.blue{ color:#0D76C9; }
.enji{ color:#891535; }
.gray{ color:#666666; }
.gray02{ color:#999999; }
.bg01{ background-color:#ffffff; }
.yebisu{ color:#d6a33e;}
.hop{ color:#518d1c;}
.foot{color:#999999;}



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


							Base Style


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

body {
	background-color: #FFFFFF;
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


#BackColor{
background-color:#FFFFFF;
width: 100%;
}


#White-Wrap{
	background-color: #FFFFFF;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
}


#White-Wrap h1 {
	text-indent: -9999px;
	overflow: hidden;
	display: none;
}


#White-WrapPop{
	background-color: #FFFFFF;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
}


#White-WrapPop-Big{
	background-color: #FFFFFF;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}


#Wrap {
	width: 950px;
	margin-left: auto;
	margin-right: auto;

}

#Wrap-768 {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
}


#Wrap-768 h1 {
	text-indent: -9999px;
	overflow: hidden;
	display: none;
}


#Wrap-780 {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}


#Wrap-780 h1 {
	text-indent: -9999px;
	overflow: hidden;
	display: none;
}

#sapporo-topicpath-area {
	background-color: #FFFFFF;
}

/********* Yebisu navigation **********/

#sapporo-special-contents-area { background: url(../../img/shared/bg_nav.jpg) repeat-x;}

#yebisuNav li {
	/z-index: 1;
	/z-index: 1/9;
	position: relative;
	float: left;
}

#yebisuNav li img {
	vertical-align: top;
}

#yebisuNav li ul {
	z-index: 1;
	display: none;
	position: absolute;
	top: 52px;
	left: 0;
	padding: 0 1px 1px 1px;
	width: 200px;
	background: #ccc09f;
}

#yebisuNav li ul li {
	float: none;
	padding: 1px 0 0 0;
}

/********* SNS button list **********/

#snsBtnList {
	padding: 18px 0;
	background: #fff;
	text-align: right;
}