@charset "UTF-8";
/* OEM_sp CSS Document */

#contentHeader {
	background-color: #003b96;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
}
#contentHeader h1 {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	padding: 10px 0px 10px 0px;
}

html, body, #contentMain {
	height: 100%;
	width: 100%;
	min-width: 100%;
}
#contentMain #articleMap {
/*	background-image: url(oem_dummy01.png);*/
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	height: 100%;
	width: 100%;
}
#contentMain #articleMap.pin_select {
/*	background-image: url(oem_dummy02.png);*/
}
#contentMain #articleArea {
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.08);
	box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.08);
}
#articleArea .pagenate_nav {
	font-size: 15px;
}
#articleArea .pagenate_nav li a {
	font-size: 14px !important;
}
#articleArea .pagenate_nav li.current_page {
	padding-top: 13px;
}
#articleArea .article_outline {
	padding: 10px 20px;
	border-top: 1px solid #b5b5b5;
}
#articleArea .article_outline .txt_supplement {
	color: #000;
	line-height: 1.5;
/*	background: url(../shared/images/arr_link_blue.png) no-repeat right center;*/
	background: url(/static/sp/shared/images/arr_link_blue.png) no-repeat right center;
	-webkit-background-size: 8px 14px;
	-moz-background-size: 8px 14px;
	background-size: 8px 14px;
	display: block;
}
#articleArea .article_outline .txt_supplement .ttl_article_name {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
#articleArea .article_outline .txt_supplement .txt_price {
	font-size: 16px;
	font-weight: bold;
	color: #ff48b0;
}

#contentMain #articleArea.pin_select {
	background-color: #e3f0fe;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(1,59,150,1);
	-moz-box-shadow: 0px -2px 0px 0px rgba(1,59,150,1);
	box-shadow: 0px -2px 0px 0px rgba(1,59,150,1);
}
#contentMain #articleArea.pin_select:before {
	content: "×";
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #013b96;
	text-align: center;
	display: block;
	height: 29px;
	width: 33px;
	padding-top: 0px;
	position: absolute;
	top: -29px;
	right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

.pin:before {
	content: "×";
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #013b96;
	text-align: center;
	display: block;
	height: 29px;
	width: 33px;
	padding-top: 0px;
	position: absolute;
	top: -29px;
	right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

#articleMap {
	position: relative;
}

.loading {
	background-image: url(/static/shared/images/loading_01s.gif);
	background-repeat: no-repeat;
	height: 60px;
	left: 50%;
	margin-left: -30px;
	position: absolute;
	text-align: center;
	top: 350px;
	width: 60px;
}