@charset "utf-8";
/* CSS Document */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
	text-decoration: none;
}
dt {
	font-weight: bold;
	font-size: 18px;
}
* {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
	max-height: 999999px;
}
strong {
	color: #e8ac4d;
	font-weight: normal;
}

@media screen and (max-width: 640px) {
dt {
	font-weight: bold;
	font-size: 16px;
}
}
dd {
	display: block;
}

/* ----------------------------------
	img
---------------------------------- */
img {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	max-width: 100%; /*Fluid Image*/
	height: auto; /*Fluid Image*/
}
.ie8 img {
	width: auto; /*Fluid Image*/
}
@media screen and (max-width: 640px) {
#fixed01,
#fixed02,
#fixed03,
#fixed04,
#fixed05,
#fixed06,
#fixed07,
#fixed08,
#fixed09,
#fixed10 {
	transform: translate3d(0, 0, 0);
}
}
/* ----------------------------------
	html,body
---------------------------------- */

html {
	height: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, arial, helvetica;
	-webkit-text-size-adjust: 100%; /*文字サイズの自動調整機能のキャンセル*/
	-ms-text-size-adjust: 100%; /*文字サイズの自動調整機能のキャンセル*/
	font-size: 22px;
	line-height: 1.6em;
	text-align: left;
	width: 100%;
	height: 100%;
	background-color: #0b0f28;
	color: #ffffff;
	-webkit-backface-visibility: hidden; /* for Android 2.x */
}

@media screen and (max-width: 640px) {
html {
	/*height:auto;*/
}
body {
	/*height:auto;*/	
	font-size: 16px;
	letter-spacing: -0.001em;/*iOS4でのテキスト隙間への対応*/
	line-height: 1.5em;
}
}
/* ----------------------------------
	link
---------------------------------- */	

a {
	color: #0099ff;
}
a:hover {
	color: #0099ff;
	text-decoration: underline;
}
@media screen and (min-width: 641px) {
.anchor {
	padding-top: 50px;
	margin-top: -50px;
}
}
@media screen and (max-width: 640px) {
.anchor {
	padding-top: 50px;
	margin-top: -50px;
}
}

/* ----------------------------------
	clearfix
---------------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	height: 0.1px;
	font-size: 0;/*firefox対策*/
	line-height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

	
/* -----------------------------------------------------
	wrapper
----------------------------------------------------- */
#wrapper {
	-webkit-backface-visibility: hidden; /* for Android 2.x */
	z-index: 20;
	min-height: 100%;
	overflow: hidden;
}

@media screen and (min-width: 641px) {
#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 1200px;
	position: relative;
	z-index: 1;
}
body .fixedBg {
	display: none;
}
}

@media screen and (max-width: 640px) {
#wrapper {
	margin: 0 auto;
	width: 100%;
	position: relative;
}
body {
	background: #040404;
}
body .fixedBg {
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	background-color: #0b0f28;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
}
}

/* -----------------------------------------------------
	contents
----------------------------------------------------- */
@media screen and (min-width:641px) {
#contents {
	margin: 0px auto 0px;
	padding: 85px 0px 90px 0px;
	width: 1200px;
	min-width: 300px;
	/*width: 880px;*/	
	height: auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2;
}
}

@media screen and (max-width: 640px) {
#contents {
	margin: 0px auto;
	padding: 75px 20px 30px 20px;
	width: auto;
}
}
#contents .vaT {
	vertical-align: top;
}
.note {
	color: #3c87b8 !important;
}
.smallFont {
	font-size: 84%;
	line-height: 115%;
}

/* -------------------------------------------------------------------
header
-------------------------------------------------------------------- */
#header {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: fixed;
	top: 0px;
	left: 0px;
	-webkit-backface-visibility: hidden; /* for Android 2.x */
	width: 100%;
	height: 55px;
	padding: 0;
	background: #0b0f33;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	z-index: 100;
}
#header_inner {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px;
	margin: 0 auto;
}

#simple-menu {
	margin: 0;
	padding: 0;
	display: block;
	width: 143px;
	height: 50px;
	text-indent: -99999px;
	text-align: left;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../img/img_nav_icon.png) no-repeat 0px 1px;
	background-size: 143px;
	cursor: pointer;
	-webkit-backface-visibility: hidden; /* for Android 2.x */
}

@media screen and (min-width: 641px) {
#header {
	min-width: 1200px;
}
#header_inner {
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
}
}
@media screen and (max-width: 640px) {
#simple-menu {
	width: 68px;
	height: 30px;
	background: url(../img/small/img_nav_icon.png) no-repeat 0px 50%;
	background-size: 68px;
	left: 10px;
	top: 11px;
}
}


/* -------------------------------------------------------------------
footer
-------------------------------------------------------------------- */

#footer {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	background: #0b0f33;
	border-top: 2px solid #ffffff;
	color: #ffffff;
	z-index: 20;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
/*---footer navi---*/

ul#page_nav {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*width:90%; */
	padding-left: 16px;
	padding-right: 14px;
	margin: auto;
	padding-top: 13px;
	font-weight: bold;
	vertical-align: middle;
	zoom: 1;
}
ul#page_nav:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}

ul#page_nav a:link,
ul#page_nav a:visited {
	color: #ffffff;
	text-decoration: none;
}
ul#page_nav a:hover,
ul#page_nav a:active {
	color: #ffffff;
	text-decoration: underline;
}

/*641px以上*/	
@media screen and (min-width:641px) {
ul#page_nav {
	/*width:940px;*/
	width: 1200px;
	font-size: 16px;
}
}
ul#page_nav li.page_prev {
	float: left;
	text-align: left;
}
ul#page_nav li.page_prev a {
	display: inline-block;
	background-image: url(../img/img_arrow_prev.png);
	background-repeat: no-repeat;
	background-position: 0px 30%;
	padding-left: 42px;
	margin-top: -10px;
	min-height: 44px;
	padding-top: 7px;
}
ul#page_nav li.page_next {
	float: right;
	text-align: right;
}
ul#page_nav li.page_next a {
	display: inline-block;
	background-image: url(../img/img_arrow_next.png);
	background-repeat: no-repeat;
	background-position: 100% 30%;
	padding-right: 42px;
	margin-top: -10px;
	min-height: 44px;
	padding-top: 7px;
}

@media screen and (max-width: 640px) {
ul#page_nav li.page_prev a {
	margin-top: 0px;
	padding-top: 3px;
	min-height: 30px;
	zoom: 0.8;
}
ul#page_nav li.page_next a {
	margin-top: 0px;
	padding-top: 3px;
	min-height: 30px;
	zoom: 0.8;
}
}
/*-- footerlink --*/
#footer a {
	font-size: 22px;
	color: #fff;
}
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/* -----------------------------------------------------
	title
----------------------------------------------------- */

#header h1 {
	padding-top: 8px;
	padding-left: 40px;
	padding-right: 30px;
	text-align: center;
	vertical-align: center;
	font-size: 100%;
 font-weight: normal;
	color: #ffffff;
}
#header h1 img {
	margin-top: -5px;
}
#contents h1 {
	height: 70px;
	width: auto;
	margin: 50px 0 20px;
	padding-left: 20px;
	vertical-align: middle;
}

@media screen and (min-width: 641px) {
#header h1 {
	font-size: 24px;
}
}

@media screen and (max-width: 640px) {
#header h1 {
	padding-top: 16px;
	font-size: 14px;
}
#header h1 img {
	display: inline;
}
}


/* -----------------------------------------------------
	section
----------------------------------------------------- */
.boxAlphaBg {
	background: rgba(255,255,255,0.10) !important;
	margin: 0px -500% 48px -500% !important;
	padding: 40px 500% 32px 500% !important;
}
@media screen and (max-width: 640px) {
.boxAlphaBg {
	margin-bottom: 40px !important;
	padding-top: 40px !important;
	padding-bottom: 16px !important;
}
}

.section01 {
	clear: both;
	margin-bottom: 40px;
	zoom: 1;
}
.section01:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}

.section02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, arial, helvetica;
	clear: both;
	border-top: 1px solid #ffffff;
	padding: 25px 0px 25px 0px;
	position: relative;
	left: 0px;
	top: 0px;
	zoom: 1;
}
.section02:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}

.section02 p {
	margin-bottom: 1.4em;
}

.section02.borderNone {
	border-top: none;
	padding-top: 0px;
}

.section02.number01:before,
.section02.number02:before,
.section02.number03:before,
.section02.number04:before,
.section02.number05:before,
.section02.number06:before,
.section02.number07:before,
.section02.number08:before,
.section02.number09:before,
.section02.number10:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 23px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	margin: 0px;
	display: inline-block;
 /display: inline;
}
.section02.number01:before {
	background-image: url(../img/img_number_01.png);
}
.section02.number02:before {
	background-image: url(../img/img_number_02.png);
}
.section02.number03:before {
	background-image: url(../img/img_number_03.png);
}
.section02.number04:before {
	background-image: url(../img/img_number_04.png);
}
.section02.number05:before {
	background-image: url(../img/img_number_05.png);
}
.section02.number06:before {
	background-image: url(../img/img_number_06.png);
}
.section02.number07:before {
	background-image: url(../img/img_number_07.png);
}
.section02.number08:before {
	background-image: url(../img/img_number_08.png);
}
.section02.number09:before {
	background-image: url(../img/img_number_09.png);
}
.section02.number10:before {
	background-image: url(../img/img_number_10.png);
}

.section02.number01,
.section02.number02,
.section02.number03,
.section02.number04,
.section02.number05,
.section02.number06,
.section02.number07,
.section02.number08,
.section02.number09,
.section02.number10 {
	padding-left: 35px;
}
.section02.borderNone.number01:before,
.section02.borderNone.number02:before,
.section02.borderNone.number03:before,
.section02.borderNone.number04:before,
.section02.borderNone.number05:before,
.section02.borderNone.number06:before,
.section02.borderNone.number07:before,
.section02.borderNone.number08:before,
.section02.borderNone.number09:before,
.section02.borderNone.number10:before {
	top: 0px;
}

@media screen and (min-width: 641px) {
.section02 {
	padding: 25px 25px 25px 25px;
}
.section02.number01,
.section02.number02,
.section02.number03,
.section02.number04,
.section02.number05,
.section02.number06,
.section02.number07,
.section02.number08,
.section02.number09,
.section02.number10 {
	padding-left: 60px;
}
.section02.number01:before,
.section02.number02:before,
.section02.number03:before,
.section02.number04:before,
.section02.number05:before,
.section02.number06:before,
.section02.number07:before,
.section02.number08:before,
.section02.number09:before,
.section02.number10:before {
	left: 25px;
	top: 25px;
}
.floatSec {
	clear: none !important;
	float: left;
	width: 640px;
}
}

@media screen and (max-width: 640px) {
.section02.borderNone.number01:before,
.section02.borderNone.number02:before,
.section02.borderNone.number03:before,
.section02.borderNone.number04:before,
.section02.borderNone.number05:before,
.section02.borderNone.number06:before,
.section02.borderNone.number07:before,
.section02.borderNone.number08:before,
.section02.borderNone.number09:before,
.section02.borderNone.number10:before {
	top: -3px;
}
}


/* -----------------------------------------------------
	heading
----------------------------------------------------- */
.heading01 {
	background: #ffffff url(../img/img_heading01_bg_top.png) repeat-x 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 115%;
	font-weight: bold;
	color: #000000;
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 24px;
}
.heading01 .inner {
	display: block;
	background: url(../img/img_heading01_bg_bottom.png) repeat-x 0px 100%;
	padding: 8px 36px 6px 36px;
}
.heading02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*min-height: 48px;
	background: url(../img/img_heading02_bg.png) no-repeat 0px 0px;
	padding: 14px 0px 14px 40px;*/
	font-size: 26px;
	line-height: 115%;
	margin-bottom: 8px;
}
.heading02 img {
	margin-right: 10px;
	vertical-align: middle;
	line-height: 100%;
	margin-top: -3px;
}
.heading03 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 48px;
	background: url(../img/img_heading02_bg.png) no-repeat 0px 0px;
	padding: 14px 0px 20px 40px;
	border-bottom: 1px solid #ffffff;
	font-size: 26px;
	line-height: 115%;
	margin-bottom: 16px;
}

@media screen and (max-width: 640px) {
.heading01 {
	background: #ffffff url(../img/img_heading01_bg_top.png) repeat-x 0px 0px;
	font-size: 22px;
	line-height: 115%;
}
.heading01 .inner {
	display: block;
	background: url(../img/img_heading01_bg_bottom.png) repeat-x 0px 100%;
	padding: 8px 20px 6px 20px;
}
.heading02 {
	/*background: url(../img/img_heading02_bg.png) no-repeat 0px 0px;
	background-size: 20px;
	padding: 4px 0px 4px 26px;
	min-height: 30px;*/
	font-size: 19px;
	line-height: 115%;
}
.heading02 img {
	width: 40px;
	height: auto;
	margin-right: 8px;
	margin-top: -3px;
}
.heading03 {
	background: url(../img/img_heading02_bg.png) no-repeat 0px 0px;
	background-size: 20px;
	padding: 4px 0px 16px 26px;
	min-height: 30px;
	font-size: 18px;
	line-height: 115%;
	margin-bottom: 12px;
}
}

/* -----------------------------------------------------
	image
----------------------------------------------------- */
@media screen and (min-width: 641px) {
#spacer01,
#spacer02,
#spacer03,
#spacer04,
#spacer05,
#spacer06,
#spacer07,
#spacer08,
#spacer09,
#spacer10 {
	display: none !important;
}
}
.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.image01 {
	width: 500px;
	float: right;
	margin-left: 16px;
}
.image01 img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}
.image01-2 {
	width: 300px;
	float: left;
	margin-right: 16px;
}
.image01-2 img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}

@media screen and (min-width: 641px) {
.image01 {
	margin-bottom: 24px;
}
.image01-2 {
	margin-bottom: 24px;
}
}

@media screen and (max-width: 640px) {
.image01 {
	width: 100%;
	float: none;
	margin: 0px 0px 24px 0px;
}
.image01-2 {
	width: 25%;
	margin: 0px;
}
}

.image02 {
	width: 100%;
	text-align: center;
	margin-bottom: 32px;
}
.image02 img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* -----------------------------------------------------
	text
----------------------------------------------------- */
.closeNote02 {
	color: #df14b4;
	margin-bottom: 1.0em !important;
}
.lead01 {
	color: #ffffff;
	margin-bottom: 3.0em !important;
}
#contents p {
	margin: 0px 0px 1.0em 0px;
}
@media screen and (min-width: 641px) {
.lead01 {
	padding-left: 25px;
	padding-right: 25px;
}
.box-left {
	width: 480px;
	float: left;
}
.box-right {
	width: 800px;
	float: right;
}
#contents .box-tips {
	/*display: inline-block;
	vertical-align: middle;
	width: 730px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 30px;
	border-left: 1px solid #ffffff;*/
}
}
@media screen and (max-width: 640px) {
.box-right {
	width: 70%;
	float: right;
}
}


/* -----------------------------------------------------
	icon
----------------------------------------------------- */
.ic_caution {
	background: url(../img/img_common_caution.png) no-repeat 0px 4px;
	padding: 0px 0px 0px 36px;
	color: #ffffff;
}

@media screen and (max-width: 640px) {
.ic_caution {
	background-size: 18px;
	padding: 0px 0px 0px 22px;
}
}


/* -----------------------------------------------------
	table
----------------------------------------------------- */
.table01 {
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
.table01 th,
.table01 td {
	padding: 10px 18px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #000000;
	background: rgba(0,0,0,0.25);
	vertical-align: top;
	text-align: left;
}
.table01 th {
	font-weight: bold;
	background: #df14b4;
}
.table01 td {
	font-weight: normal;
}

@media screen and (max-width: 640px) {
.table01 {
	display: block;
}
.table01 thead,
.table01 tbody,
.table01 tfoot,
.table01 tr,
.table01 th,
.table01 td {
	display: block;
}
.table01 th {
	color: #df14b4;
}
.table01 td {
	background: none;
}
}

.table02 {
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
.table02 th,
.table02 td {
	padding: 10px 18px;
	border-bottom: 2px solid #ffffff;
	vertical-align: top;
	text-align: left;
}
.table02 th {
	font-weight: bold;
	border-right: 1px solid #ffffff;
}
.table02 td {
	font-weight: normal;
}
.table02 .closeNote01 {
	display: inline-block;
	padding-top: 0.2em;
	color: #df14b4;
	font-size: 90%;
	line-height: 135%;
}

@media screen and (max-width: 640px) {
.table02 {
	display: block;
	border: none;
}
.table02 thead,
.table02 tbody,
.table02 tfoot,
.table02 tr,
.table02 th,
.table02 td {
	display: block;
	line-height: 180%;
}
.table02 th,
.table02 td {
	background: none;
	border: none;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
}
.table02 th {
	margin-bottom: 0.2em;
	color: #df14b4;
}
.table02 td {
	margin-bottom: 24px;
}
.table02 .number01 th,
.table02 .number02 th,
.table02 .number03 th,
.table02 .number04 th,
.table02 .number05 th,
.table02 .number06 th,
.table02 .number07 th,
.table02 .number08 th,
.table02 .number09 th,
.table02 .number10 th,
.table02 .number99 th {
	padding-left: 36px;
	padding-top: 4px;
}
.table02 .number01 td,
.table02 .number02 td,
.table02 .number03 td,
.table02 .number04 td,
.table02 .number05 td,
.table02 .number06 td,
.table02 .number07 td,
.table02 .number08 td,
.table02 .number09 td,
.table02 .number10 td,
.table02 .number99 td {
	padding-left: 36px;
}
.table02 .number01 th:before,
.table02 .number02 th:before,
.table02 .number03 th:before,
.table02 .number04 th:before,
.table02 .number05 th:before,
.table02 .number06 th:before,
.table02 .number07 th:before,
.table02 .number08 th:before,
.table02 .number09 th:before,
.table02 .number10 th:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 3px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	margin: 0px;
	display: inline-block;
 /display: inline;
}
.table02 .number01 th:before {
	background-image: url(../img/img_number_01.png);
}
.table02 .number02 th:before {
	background-image: url(../img/img_number_02.png);
}
.table02 .number03 th:before {
	background-image: url(../img/img_number_03.png);
}
.table02 .number04 th:before {
	background-image: url(../img/img_number_04.png);
}
.table02 .number05 th:before {
	background-image: url(../img/img_number_05.png);
}
.table02 .number06 th:before {
	background-image: url(../img/img_number_06.png);
}
.table02 .number07 th:before {
	background-image: url(../img/img_number_07.png);
}
.table02 .number08 th:before {
	background-image: url(../img/img_number_08.png);
}
.table02 .number09 th:before {
	background-image: url(../img/img_number_09.png);
}
.table02 .number10 th:before {
	background-image: url(../img/img_number_10.png);
}

.table02 span.number01:before,
.table02 span.number02:before,
.table02 span.number03:before,
.table02 span.number04:before,
.table02 span.number05:before,
.table02 span.number06:before,
.table02 span.number07:before,
.table02 span.number08:before,
.table02 span.number09:before,
.table02 span.number10:before,
.table02 span.number11:before,
.table02 span.number12:before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -1.5px;
	vertical-align: top;
	font-size: 0.1em;
	line-height: 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	line-height: 100%;
}
.table02 span.number01:before {
	background-image: url(../img/img_number_01.png);
}
.table02 span.number02:before {
	background-image: url(../img/img_number_02.png);
}
.table02 span.number03:before {
	background-image: url(../img/img_number_03.png);
}
.table02 span.number04:before {
	background-image: url(../img/img_number_04.png);
}
.table02 span.number05:before {
	background-image: url(../img/img_number_05.png);
}
.table02 span.number06:before {
	background-image: url(../img/img_number_06.png);
}
.table02 span.number07:before {
	background-image: url(../img/img_number_07.png);
}
.table02 span.number08:before {
	background-image: url(../img/img_number_08.png);
}
.table02 span.number09:before {
	background-image: url(../img/img_number_09.png);
}
.table02 span.number10:before {
	background-image: url(../img/img_number_10.png);
}
}


/* -----------------------------------------------------
	list
----------------------------------------------------- */
ul.disc li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 28px;
	background: url(../img/img_ic_circle.png) no-repeat 0px 0.3em;
	margin-top: 5px;
	word-wrap: break-word;
	word-break: break-all;/* webkit */
}

@media screen and (max-width:640px) {
ul.disc li {
	margin-bottom: 10px;
	padding-left: 22px;
	/*background-position: 0px 0.25em;*/
	background-size: 16px 16px;
}
}

.list01 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.list01 li {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 70px;
	min-height: 55px;
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.list01 li > .heading {
	margin: 0px 0px 0.2em 0px !important;
	padding: 10px 0px 0px 0px !important;
	font-weight: bold;
}
.list01 li > .text {
	margin: 0px !important;
	padding: 0px !important;
}
.list01 li.alphabetA {
	background-image: url(../img/img_number_a.png);
}
.list01 li.alphabetB {
	background-image: url(../img/img_number_b.png);
}
.list01 li.alphabetC {
	background-image: url(../img/img_number_c.png);
}
.list01 li.alphabetD {
	background-image: url(../img/img_number_d.png);
}
.list01 li.alphabetE {
	background-image: url(../img/img_number_e.png);
}

@media screen and (max-width:640px) {
.list01 li {
	padding: 0px 0px 0px 40px;
	min-height: 30px;
	background-position: 0px 0px;
	background-size: 30px;
}
.list01 li > .heading {
	padding: 4px 0px 0px 0px !important;
}
}



/* -----------------------------------------------------
	カラー太字
----------------------------------------------------- */
.strong {
	font-weight: bold;
	color: #e9aa4d;
}


/* -----------------------------------------------------
	PS4・PC / スマホ での表示切替指定
----------------------------------------------------- */	
@media screen and (min-width:641px) {
.pcNone {
	display: none !important;
}
}

@media screen and (max-width:640px) {
.spNone {
	display: none !important;
}
}


/* -----------------------------------------------------
	レイアウト調整
----------------------------------------------------- */
.mg_text_b {
	margin-bottom: 1.2em !important;
}
.mg_b0 {
	margin-bottom: 0px !important;
}
.mg_t0 {
	margin-top: 0px !important;
}
.mg_t0 .clearfix {
	margin-top: 0px !important;
}
.mg_t5 {
	margin-top: 5px !important;
}
.mg_t15 {
	margin-top: 15px !important;
}
.mg_t10 {
	margin-top: 10px !important;
}
.mg_t20 {
	margin-top: 20px !important;
}
.mg_t30 {
	margin-top: 30px !important;
}

@media screen and (min-width:641px) {
.pc_mg_b40 {
	margin-bottom: 40px !important;
}
.pc_mg_t0 {
	margin-top: 0px !important;
}
.pc_mg_t10 {
	margin-top: 10px !important;
}
.pc_mg_t20 {
	margin-top: 20px !important;
}
}

@media screen and (max-width:640px) {
.sp_mg_b0 {
	margin-bottom: 0px !important;
}
.sp_mg_b40 {
	margin-bottom: 40px !important;
}
.sp_mg_t-20 {
	margin-top: -20px !important;
}
.sp_mg_t-10 {
	margin-top: -10px !important;
}
.sp_mg_t0 {
	margin-top: 0px !important;
}
.sp_mg_t10 {
	margin-top: 10px !important;
}
.sp_mg_t20 {
	margin-top: 20px !important;
}
.sp_mg_t30 {
	margin-top: 30px !important;
}
}
.mg_t40 {
	margin-top: 40px !important;
}
/*-左-*/
.mg_l10 {
	margin-left: 10px !important;
}

	
/* -----------------------------------------------------
	webfont指定              		scefont 3.7
----------------------------------------------------- */
@font-face {
	font-family: "sce3.7w1";
	src: url("../../shared/fonts/sce3.7w1.eot");
	src: url("../../shared/fonts/sce3.7w1.eot?#iefix") format("embedded-opentype"), url("../../shared/fonts/sce3.7w1.woff") format("woff"), url("../../shared/fonts/sce3.7w1.ttf") format("truetype"), url("../../shared/fonts/sce3.7w1.svg#sce3.7w1") format("svg");
	font-weight: normal;
	font-style: normal;
	font-stretch: normal
}
@font-face {
	font-family: "sce3.7w2";
	src: url("../../shared/fonts/sce3.7w2.eot");
	src: url("../../shared/fonts/sce3.7w2.eot?#iefix") format("embedded-opentype"), url("../../shared/fonts/sce3.7w2.woff") format("woff"), url("../../shared/fonts/sce3.7w2.ttf") format("truetype"), url("../../shared/fonts/sce3.7w2.svg#sce3.7w2") format("svg");
	font-weight: normal;
	font-style: normal;
	font-stretch: normal
}
.ps-button-icon {
	display: inline-block;
 /display: inline;
	zoom: 1;
	font-family: "sce3.7w1", Arial, sans-serif;
	padding: 0 3px;
	vertical-align: 0%;
	font-weight: normal !important;
	font-size: 24px;
	line-height: 24px;
}

/*-- スマホ用 --*/
@media screen and (max-width:640px) {
.ps-button-icon { /* 基本設定 */
	vertical-align: -3px;
	margin-top: 0px;
}
.ps-button-icon:not(*:root){ /* Android標準ブラウザ */
	vertical-align: 0%;
	margin-top: -4px;
}
@supports (-webkit-appearance:none){ /* Chrome28+, Safari9+, IE12+, Opera14+ */
.ps-button-icon:not(*:root){
	vertical-align: -3px;
	margin-top: 0px;
}
}
}

.ps-button-iconL {
	font-family: "sce3.7w1", Arial, sans-serif;
	font-size: 24px;
	padding: 0 2px;
	font-weight: normal !important;
}
.web-font-S {
	color: #493C35;
}




/* -----------------------------------------------------
	#sidr
----------------------------------------------------- */
#sidr {
	-webkit-backface-visibility: hidden; /* for Android 2.x */
	position: fixed;
	left: -398px;
	top: 0px;
	z-index: 3;
	width: 398px;
	height: 100%;
	overflow: auto;
	border: none;
}
#sidr:after,
#sidr #pie-shadow {
	content: " ";
	width: 0px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	-webkit-box-shadow: -10px 0px 100px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: -10px 0px 100px 30px rgba(0,0,0,0.3);
	box-shadow: -10px 0px 100px 30px rgba(0,0,0,0.3);
	-pie-box-shadow: 0px 0px 20px 0px #000000;
	z-index: 9999;
}
#sidr #pie-shadow {
	width: 1px; /* for IE8 */
	right: -1px; /* for IE8 */
	behavior:url(../shared/js/PIE.htc); /*CSS3 PIE実行*/
}
#sidr .scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
#sidr .vscrollerbar {
	width: 8px;
	background: #666666;
}
#sidr .vscrollerbarbeg {
	width: 8px;
	height: 0px;
	background: #cccccc;
	margin: 0pxpx;
}
#sidr .vscrollerbarend {
	width: 8px;
	height: 0px;
	background: #999999;
}
#sidr .vscrollerbase {
	width: 8px;
	background: #666666;
	margin: 0px;
}
#sidr .vscrollerbasebeg {
	width: 8px;
	height: 10px;
	background: #666666;
}
#sidr .vscrollerbaseend {
	width: 8px;
	height: 1px;
	background: #666666;
	margin-top: -1px;
}
#sidr .hscrollerbase {
	height: 8px;
	background-color: #666666;
}
#sidr .hscrollerbar {
	height: 8px;
	background-color: #666666;
}
#sidr .vscrollerbar, .hscrollerbar {
	padding: 0px;
	z-index: 2;
}
#sidr_mcontentwrapper {
	z-index: 100 !important;
}
#sidr_scrollwrapper {
	z-index: 10 !important;
}
#sidr {
	background-color: #0b0f29;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#sidr ul {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-bottom: 80px;
	background: none;
	margin: 0;
	border: none;
}
#sidr ul li {
	border-bottom: 2px solid #858794;
	color: #ffffff;
	line-height: 115% !important;
}
#sidr ul li:first-child a {
	padding: 0px !important;
}
#sidr ul li a, #sidr ul li span {
	display: block;
	color: #ffffff;
	padding: 16px 20px !important;
}

#sidr ul li a:hover,
#sidr ul li.active a,
#sidr ul li#sidr-class-active a,
#sidr ul li#sidr-class-active span {
	background: #df14b4;
	text-decoration: none;
}
#sidr ul li:first-child a:hover,
#sidr ul li:first-child.active a,
#sidr ul li:first-child#sidr-class-active a,
#sidr ul li:first-child#sidr-class-active span {
	background: #df14b4;
	text-decoration: none;
}

@media screen and (max-width: 640px) {
#sidr {
	width: 260px;
}
#sidr ul li {
	font-size: 90% !important;
	line-height: 100% !important;
	border-bottom: 2px solid #858794 !important;
}
#sidr ul li:first-child {
	text-align: center !important;
	border-top: none !important;
}
#sidr ul li:first-child img {
	max-width: 90% !important;
}
#sidr ul li a,  #sidr ul li span {
	padding: 9px 15px !important;
}
}
/* -----------------------------------------------------
	alert for landscape			  
----------------------------------------------------- */
#landscapeAlertOuter {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
}
#landscapeAlertOverlay {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 90000;
	background: #000000;
	opacity: 0.7;
	width: 100%;
	height: 200%;
}
#landscapeAlertMes {
	position: fixed;
	left: 50%;
	top: 10%;
	z-index: 99999;
	width: 40%;
	margin-left: -20%;
	margin-top: 0px;
}
#landscapeAlertMes img {
	width: 100%;
	height: auto;
}



/* -----------------------------------------------------
	top.html				
----------------------------------------------------- */
#top #contents {
	margin: 0px auto;
	min-width: 300px;
}
#top #top_hint {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	border: 2px solid #ffffff;
	position: relative;
	behavior: url(../shared/js/PIE.htc);/*CSS3 PIE実行 絶対パス*/
}
#top #top_hint p {
	color: #ffffff !important;
	margin-bottom: 0px;
}
.img_QRcode {
	float: right;
	margin: 0 0 0 10px;
	display: block;
}

@media screen and (min-width:641px) {
#top #contents {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 1200px;
	margin: 0px auto 0px auto;
	padding-top: 55px;
}
#top #contents_inner {
	width: 1000px;
	margin: 0px auto;
}
#top .box {
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
	width: auto;
}
#top #top_visual {
	width: 100%;
	margin: 0px 0px 36px 0px;
	padding: 0px;
}
}

@media screen and (max-width: 640px) {
#top #contents {
	padding: 55px 0px 90px 0px;
	width: auto;
	height: auto;
}
#top #top_visual {
	display: block;
	text-align: left;
	text-indent: 0px;
	width: 100%;
	margin-bottom: 0px;
}
#top #top_visual img {
	width: 100%;
	height: auto;
}
#top .disc {
	/*display: none;*/
}

#top #contents_inner {
	margin: 0px 20px 0px;
}
#top #contents_inner img {
	width: 100%;
	height: auto;
}
#top #top_visual {
	width: 100%;
	margin-bottom: 24px;
}
}

#topSiteInfo {
	background: #df14b4;
	padding: 12px 20px;
	color: #ffffff;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 32px;
}
#topSiteInfo p {
	margin: 0px;
}
#topSiteInfo a:link,
#topSiteInfo a:visited,
#topSiteInfo a:hover,
#topSiteInfo a:active {
	color: #ffffff;
	text-decoration: underline;
}

#top #copyright {
	font-size: 74%;
	line-height: 1.4em;
	margin-top: 50px;
}
#top #copyright img {
	margin-top: 12px;
}

@media screen and (max-width: 640px) {
#topSiteInfo {
	font-size: 90%;
	line-height: 145%;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 24px;
}
#top #copyright {
	font-size: 10px;
	line-height: 1.4em;
	margin: 30px 0px 0px;
}
}

/* -----------------------------------------------------
	screen.html			  
----------------------------------------------------- */
@media screen and (min-width: 641px) {

}

@media screen and (max-width: 640px) {
#screen #contents {
	/*padding-top: 55px;*/
}
#screen .scrollFixed {
	position: fixed;
	left: 0px;
	box-sizing: border-box;
	min-width: 320px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	z-index: 10;
}
#screen #fixed01 {
	box-sizing: border-box;
	/*min-width: 320px;*/
	min-width: 100%;
	margin-left: -20px;
	margin-right: -20px;
	padding-bottom: 16px;
}
#screen #fixed01 img {
	width: 100%;
	height: auto;
}
#screen #fixed02 {
	box-sizing: border-box;
	/*min-width: 320px;*/
	min-width: 100%;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 16px;
}
#screen #fixed02 img {
	width: 100%;
	height: auto;
}
}

/* -----------------------------------------------------
	control.html			  
----------------------------------------------------- */
#control .table02 {
	width: 100%;
}
@media screen and (min-width: 641px) {
#control #contents {
	padding-bottom: 8px;
}
#control .table02 th {
	width: 40%;
}
#control .image01 {
	padding-bottom: 32px;
}
}

@media screen and (max-width: 640px) {
#control #contents {
	padding-top: 55px;
	padding-bottom: 15px;
}
#control .scrollFixed {
	position: fixed;
	left: 0px;
	box-sizing: border-box;
	min-width: 320px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	z-index: 10;
}
#control #fixed01 {
	box-sizing: border-box;
	/*min-width: 320px;*/
	min-width: 100%;
	margin-left: -20px;
	margin-right: -20px;
}
#control #fixed01 img {
	width: 100%;
	height: auto;
}
}

/* -----------------------------------------------------
	remote.html			  
----------------------------------------------------- */
#remote .table02 {
	width: 100%;
}
#remote .image01 {
	padding-top: 40px;
}
#remote .image01-2 {
	padding-top: 40px;
}
#remote .box-left {
	padding-top: 40px;
}
#remote .box-right {
	padding-top: 40px;
}
@media screen and (min-width: 641px) {
#remote #contents {
	padding-bottom: 8px;
}
#remote .table02 th {
	width: 40%;
}
#remote .box-right {
	width: 900px;
}
#remote .image01-2 {
	width: 200px;
}
#remote .image01-2 img {
	width: 200px;
	height: auto;
}
}

@media screen and (max-width: 640px) {
#remote #contents {
	padding-top: 55px;
	padding-bottom: 15px;
}
#remote .scrollFixed {
	position: fixed;
	left: 0px;
	box-sizing: border-box;
	min-width: 320px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	z-index: 10;
}
#remote #fixed01 {
	box-sizing: border-box;
	/*min-width: 320px;*/
	min-width: 100%;
	margin-left: -20px;
	margin-right: -20px;
	padding-bottom: 32px;
}
#remote #fixed01 img {
	width: 100%;
	height: auto;
}
}

/* -----------------------------------------------------
	main.html			  
----------------------------------------------------- */
#main .table02 {
	width: 100%;
}
@media screen and (min-width: 641px) {
#main .table02 th {
	width: 30%;
}
}
@media screen and (max-width: 640px) {
#main #contents {
	padding-bottom: 60px;
}
}


/* -----------------------------------------------------
	map
----------------------------------------------------- */
#map .image01 {
	width: 700px;
}
#mapMarkList {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 1.6em 0px;
}
#mapMarkList li {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mapMarkList li p {
	padding-top: 0.4em;
}
#mapMarkList li img {
	margin-right: 10px;
}

#numberIcList {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 1.6em 0px;
}
#numberIcList li {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 36px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 25px;
}
#numberIcList li p {
	padding-top: 0.4em;
}

#numberIcList li.number01 {
	background-image: url(../img/img_number_01.png);
}
#numberIcList li.number02 {
	background-image: url(../img/img_number_02.png);
}
#numberIcList li.number03 {
	background-image: url(../img/img_number_03.png);
}
#numberIcList li.number04 {
	background-image: url(../img/img_number_04.png);
}
#numberIcList li.number05 {
	background-image: url(../img/img_number_05.png);
}
#numberIcList li.number06 {
	background-image: url(../img/img_number_06.png);
}
#numberIcList li.number07 {
	background-image: url(../img/img_number_07.png);
}
#numberIcList li.number08 {
	background-image: url(../img/img_number_08.png);
}
#numberIcList li.number09 {
	background-image: url(../img/img_number_09.png);
}
#numberIcList li.number10 {
	background-image: url(../img/img_number_10.png);
}

@media screen and (min-width: 641px) {
#numberIcList li {
	background-position: 0px 3px;
}
}
@media screen and (max-width: 640px) {
#mapMarkList {
	padding-bottom: 8px;
}
#mapMarkList li img {
	width: 30px;
	height: auto;
	margin-top: -4px;
}
#numberIcList li {
	background-position: 0px 0px;
}
#map #contents {
	padding-top: 55px;
	padding-bottom: 60px;
}
#map .scrollFixed {
	position: fixed;
	left: 0px;
	box-sizing: border-box;
	min-width: 320px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	z-index: 10;
}
#map #fixed01 {
	box-sizing: border-box;
	/*min-width: 320px;*/
	min-width: 100%;
	margin-left: -20px;
	margin-right: -20px;
	padding-bottom: 32px;
}
#map #fixed01 img {
	width: 100%;
	height: auto;
}
}


/* -----------------------------------------------------
	network
----------------------------------------------------- */
@media screen and (max-width: 640px) {
#network #contents {
	padding-bottom: 60px;
}
}