@charset "utf-8";

/*
 main
---------------------------------------------------*/
#main {
	position: relative;
	padding: 1.22em 20px 0;
	z-index: 1;
}
.section {
	margin-bottom: 1.5em;
}

/*
 local nav
---------------------------------------------------*/
#local_nav {
	padding-top: 1.5em;
	border-bottom: 1px solid #c7c7c7;
	box-shadow: 0 5px 7px -5px #aaa;
	-webkit-box-shadow: 0 5px 7px -5px #aaa;
	-moz-box-shadow: 0 5px 7px -5px #aaa;
}
#local_nav > ul {
	border-top: 1px solid #ccc;
}
#local_nav > ul > li {
	position: relative;
	border-top: 1px solid #fff;
}
#local_nav > ul > li > a {
	display: block;
	padding: 0.87em 20px;
	background: #eee;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNUY1RjUiIG9mZnNldD0iMC4yIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y1RjVGNSIgb2Zmc2V0PSIwLjgiLz48c3RvcCBzdG9wLWNvbG9yPSIjRUVFRUVFIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNDI4KSIgLz4KPC9zdmc+);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #eee), color-stop(20%, #f5f5f5), color-stop(80%, #f5f5f5),color-stop(100%, #eee));
	background-image: -webkit-linear-gradient(bottom, #eee 0%,#f5f5f5 20%,#f5f5f5 80%,#eee 100%);
	background-image: -moz-linear-gradient(bottom, #eee 0%,#f5f5f5 20%,#f5f5f5 80%,#eee 100%);
	background-image: -ms-linear-gradient(bottom, #eee 0%,#f5f5f5 20%,#f5f5f5 80%,#eee 100%);
	background-image: -o-linear-gradient(bottom, #eee 0%,#f5f5f5 20%,#f5f5f5 80%,#eee 100%);
	background-image: linear-gradient(to top, #eee 0%,#f5f5f5 20%,#f5f5f5 80%,#eee 100%);
	border-bottom: 1px solid #e1e1e1;
	font-weight: bold;
	color: #333;
}
#local_nav > ul > li.current > a {
	background: #ce1919;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDRTE5MTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEMDBCMEIiIG9mZnNldD0iMC4yIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0QwMEIwQiIgb2Zmc2V0PSIwLjgiLz48c3RvcCBzdG9wLWNvbG9yPSIjQ0MwQTBBIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNDEwKSIgLz4KPC9zdmc+);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ce1919), color-stop(20%, #d00b0b), color-stop(80%, #d00b0b),color-stop(100%, #cc0a0a));
	background-image: -webkit-linear-gradient(bottom, #ce1919 0%,#d00b0b 20%,#d00b0b 80%,#cc0a0a 100%);
	background-image: -moz-linear-gradient(bottom, #ce1919 0%,#d00b0b 20%,#d00b0b 80%,#cc0a0a 100%);
	background-image: -ms-linear-gradient(bottom, #ce1919 0%,#d00b0b 20%,#d00b0b 80%,#cc0a0a 100%);
	background-image: -o-linear-gradient(bottom, #ce1919 0%,#d00b0b 20%,#d00b0b 80%,#cc0a0a 100%);
	background-image: linear-gradient(to top, #ce1919 0%,#d00b0b 20%,#d00b0b 80%,#cc0a0a 100%);
	border-bottom: 1px solid #bf0000;
	color: #fff;
}
#local_nav > ul > li.current > a:hover {
	color: #fff;
}
#local_nav > ul > li > a:after {
	position: absolute;
	top: 1.5em;
	right: 20px;
	content: "";
	display: inline-block;
	width: 9px;
	height: 14px;
	vertical-align: baseline;
	margin-top: -7px;
	background: url(/shared_sp/img/arr_red_l.png) no-repeat;
	background-size: 9px auto;
}
#local_nav > ul > li.current > a:after {
	background: none;
}
#local_nav > ul > li:last-child > a{
	border-bottom: 1px solid #fff;
}
#local_nav ul li > ul {
	padding:1em 0;
	background-color: #595959;
	-webkit-box-shadow: 0 -5px 7px -5px #111 inset, 0 5px 7px -5px #111 inset;
}
#local_nav ul li ul > li > a {
	display: block;
	padding: 0.4em 20px 0.5em 32px;
	background: url(/shared_sp/img/arr_white.png) no-repeat 20px 0.7em;
	background-size: 6px auto;
	color: #fff;
}
#local_nav ul li ul > li > a.desktop:after {
	background: url(/shared_sp/img/icon_desktop_white.png) no-repeat;
	background-size: 14px auto;
}

/*
 title
---------------------------------------------------*/
.heading {
	margin-bottom: 0.4em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #ccc;
	font-size: 142%;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}

/*
 parts
---------------------------------------------------*/
.arw {
	display: inline-block;
	padding-left: 12px;
	background: url(/shared_sp/img/arr_red.png) no-repeat left center;
	background-size: 6px;
}

/*
 sns
---------------------------------------------------*/
#sns {
	padding: 1.21em 20px;
	background-color: #f7f7f7;
}
#sns > ul > li {
	margin-top: 5px;
}

/*
 page top
---------------------------------------------------*/
#pagetop {
	position: fixed;
	right: 15px;
	bottom: 0;
	z-index: 99;
}
#pagetop a {
	display: inline-block;
	width: 105px;
	height: 28px;
	background: url(/shared_sp/img/page_top.png) #424242 no-repeat 20px 9px;
	background-size: 73px;
	border: 1px solid #424242;
	border-radius: 4px 4px 0 0;
	text-indent: -9999px;
	outline: 0;
}

/*
 icon
---------------------------------------------------*/
.icon_pdf:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	margin: 0 0 0 3px;
	background: url(/shared_sp/img/icon_pdf.png) no-repeat;
	background-size: 16px auto;
	vertical-align: baseline;
}
.icon_pdf_l:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
	background: url(/shared_sp/img/icon_pdf.png) no-repeat;
	background-size: 16px auto;
	vertical-align: baseline;
}
.icon_blank:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 15px;
	height: 14px;
	margin: 0 0 0 3px;
	background: url(/shared_sp/img/icon_blank.gif) no-repeat;
	background-size: 15px auto;
	vertical-align: baseline;
}
.icon_video:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 1px;
	width: 15px;
	height: 16px;
	margin: 0 0 0 3px;
	background: url(/shared_sp/img/icon_watch_video.png) no-repeat;
	background-size: 15px auto;
	vertical-align: baseline;
}
.icon_video_w:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 3px;
	width: 11px;
	height: 11px;
	margin: 0 0 0 3px;
	background: url(/shared_sp/img/icon_watch_video_w.png) no-repeat;
	background-size: 11px auto;
	vertical-align: baseline;
}
.icon_zip:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 14px;
	margin: 0 0 0 3px;
	background: url(/shared_sp/img/icon_zip.png) no-repeat;
	background-size: 16px auto;
	vertical-align: baseline;
}
.icon_zip_l:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 14px;
	margin: 0 3px 0 0;
	background: url(/shared_sp/img/icon_zip.png) no-repeat;
	background-size: 16px auto;
	vertical-align: baseline;
}
.icon_excel:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	margin: 0 0 0 3px;
	background: url(/shared_sp/img/icon_excel.png) no-repeat;
	background-size: 16px auto;
	vertical-align: baseline;
}
.icon_excel_l:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
	background: url(/shared_sp/img/icon_excel.png) no-repeat;
	background-size: 16px auto;
	vertical-align: baseline;
}
.icon_html:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	margin: 0 0 0 3px;
	background: url(/shared_sp/img/icon_html.png) no-repeat;
	background-size: 16px auto;
	vertical-align: baseline;
}
.icon_html_l:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
	background: url(/shared_sp/img/icon_html.png) no-repeat;
	background-size: 16px auto;
	vertical-align: baseline;
}