@charset "shift_jis";


/* CSS Document */
* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
	color: #333; 
	font-size: 12px;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
	background: #FFF;

	}


body div {
	text-align: center;
	margin: 0 auto;
	}


p {
	font-size: 14px;
	line-height: 1.6;
	}

img {
	vertical-align:bottom;
}


/* 北海道専用 */
#spk{
	background:url(../img/head/back_share_spk.jpg) repeat-x left bottom;
	width:100%;
	margin-bottom:10px;
}
.spk_head{
	width :1023px;
	height:126px;
	background:transparent url("../img/head/spk_head.jpg") no-repeat center top;
	margin : 0 auto 0 auto;
	position: relative;
}
#spk h1{
	position:absolute;
	top: 60px;
	left: 20px;
	font-weight:normal;
	font-size :12px;
	color:#FFF;
	z-index:22;
}
* html #spk h1{
	position:absolute;
	top: 65px;
	left: 20px;
}
*:first-child+html #spk h1{
	position:absolute;
	top: 65px;
	left: 20px;
}
.h1siro{
	color:#FFF;
}
.spk_rogo{
	position:absolute;
	top: 15px;
	left:130px;
}
#spk a:link {
	color:#0071BC;
}
#spk a:visited {
	color:#0071BC;
}
#spk a:hover {
	color:#F00;
}
#spk a:active {
	color:#000;
}
.spk_top{
	font-size :12px;
	color:#000;
	line-height:20px;
	position:absolute;
	top: 20px;
	right:98px;
}

#spk ul{
	position:absolute;
	top: 75px;
	left:10px;
}
* html #spk ul{
	position:absolute;
	top: 90px;
	left:10px;
}
*:first-child+html #spk ul{
	position:absolute;
	top: 90px;
	left:10px;
}
#spk ul li{
	float:left;
	list-style-type:none;
	margin: 0 4px 0 0;
}

#cancel-notes {
	border-left:3px solid #A1B521;
	font-size:12px;
	padding-left:20px;
	text-align:left;
	margin-top:10px;
}
#cancel-notes strong{
	color:#9E005D;
	font-weight:normal;
}
.kanrenlink{
	border-top:3px solid #0071BC;
	margin-top:10px;
	padding:5px 0;
}

	
/*---------------------------------------------------
* clrfix
*--------------------------------------------------*/

/*----- IE以外のモダンブラウザ向け -----*/
.clr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*----- IE7および、Mac：IE5向け -----*/
.clr {
  display: inline-block;
}


/*----- IE6以前向け -----*/
/* Hides from IE-mac \*/
* html .clr {
  height: 1%;
}

.clr {
  display: block;
}