@charset "utf-8";
/* -----------------------------------------------------------
 =00 default css
----------------------------------------------------------- */
html {
	font-family:Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
/*	font-size:62.5%; 10px */
/*	font-size:56.25%; 9px */
	font-size:68.75%;/* 11px */
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
* {	margin:0; padding:0; font-size:100%; max-height:100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
img { max-width:100%; max-height:none; height:auto; border:0; vertical-align:middle; }
a:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

.tCenter { text-align:center; }
.tLeft { text-align:left; }
.tRight { text-align:right; display:none; }
.vMid { vertical-align:middle; }
.nowrap { white-space:nowrap; }

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

/* -----------------------------------------------------------
 =01 common css
----------------------------------------------------------- */
body {
/* S#320 del */
/*	min-width:320px; */
	background-color:#FFF;
	color:#333;
	line-height:1;
	padding-top: 70px;
	-webkit-text-size-adjust: 100%;
}

.spNone { display:none; }
.spOnly { display:block; }

@media screen and (min-width: 831px){

	body {
		padding-top: 0px;
	}

	.spNone { display:block; }
	.spOnly { display:none; }

}

/* default link color
----------------------------------------------------------- */
a:link { color:#039; text-decoration:underline; }
a:visited { color:#039; text-decoration:underline; }
a:hover { color:#039; text-decoration:none; }

@media screen and (min-width: 831px){

	#top {
		position:relative;
		width:800px;
		margin:0 auto;
		padding:0 10px;
	}

}

/* -----------------------------------------------------------
 =02 header
----------------------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color:#FFF;
	border-bottom:4px solid #3384d9;
	margin-bottom:20px;
}

	#header h1 {
		display:none;
		width: 100%;
	}

	#headerNaviSp {
		display:block;
		width: 100%;
		list-style:none;
		height: 51px;
	}

	#backBtnSp {
		margin-top: 8px;
		margin-left: 8px;
		float: left;
		cursor:pointer;
	}

	#helptopBtnSp {
		margin-top: 8px;
		margin-left: 8px;
		margin-right: 6px;
		float: left;
		cursor:pointer;
	}

		#helptopBtnSp a:hover img {
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
		}

	#searchBtnSp {
		float: right;
		margin-top: 8px;
		margin-right: 2px;
		cursor:pointer;
	}

	#menuBtnSp {
		float: right;
		margin-top: 8px;
		margin-right: 4px;
		cursor:pointer;
	}


	/* search --------------- */
	#pr {
		display:none;
		list-style:none;
		background-color:#E1E6F5;
		padding:10px 4px 10px 0;
		text-align:center;
	}

	#pr li {
		text-align:center;
	}

		#pr input[type="submit"] {
			-webkit-appearance:none;
		}

		.searchBox {
			width:60%;
			font-size:1.3rem;
		}

		.searchBtn  {
			background-color:#3384d9;
			border:none;
			padding:2px 8px;
			margin-left:2px;
			color:#FFF;
			font-size:1.3rem;
		}

		a.searchLink  {
			display: none;
			margin-left:10px;
			padding-left:8px;
			background: url(../images_sys/ic_search@2x.png) no-repeat 0 center;
			background-size:5px;
			font-size:1rem;
			text-decoration:none;
		}

		#searchHistoryArea div {
			margin-top: 8px;
			font-size: 1.2rem
		}

		/* Suggest CUSTOMIZE */
		#suggestArea {
			position:absolute;
			width:250px;
			background-color:#FFF;
			border:1px solid #E1E6F5;
		}

	/* headerNavi --------------- */
	#languageNavi {
		display:none;
		list-style:none;
		font-size:1.3rem;
		line-height:1.3;
	}

		#languageNavi li {
			background-color:#FFF;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
		}

			#languageNavi li a {
				position:relative;
				display:block;
				padding:14px 24px 14px 12px;
			}

			#languageNavi li a:after {
				display:block;
				position: absolute;
				top: 50%;
				left: 93.5%;
				width: 5px;
				height: 5px;
				margin-top: -4px;
				border-top: solid 2px #5E7AD0;
				border-right: solid 2px #5E7AD0;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				content: "";
			}

	#headerNavi {
		display:none;
		font-size:1.3rem;
		line-height:1.3;
		width: 700px;
		text-align: right;
	}

		#headerNavi li {
			list-style:none;
			background-color:#F5F5F5;
			border-bottom:1px solid #ccc;
		}

			#headerNavi li a {
				position:relative;
				display:block;
				padding:14px 24px 14px 12px;
			}

			#headerNavi li a:after {
				display:block;
				position: absolute;
				top: 50%;
				left: 93.5%;
				width: 5px;
				height: 5px;
				margin-top: -4px;
				border-top: solid 2px #5E7AD0;
				border-right: solid 2px #5E7AD0;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				content: "";
			}

			#headerNavi li a.on {
				background-color:#5E7AD0;
				color:#FFF;
			}

/* header link color
----------------------------------------------------------- */
#header a:link { text-decoration:none; }
#header a:visited { text-decoration:none; }
#header a:hover { text-decoration:underline; }

/* select box --------------- */
.selectNaviModel {
	position: fixed;
	top: 8px;
	left: 53px;
}

select::-ms-expand {
	display: none;
}

.selectNaviModel div {
	outline: none;
}

.selectNaviModel select {
	width:190px;	/* S@V1.0_XH_SS_WEBHELP_xxx(CHG) */	/*width:260px;*//*@V1.0_XH_PS_MANUAL_006(CHG)*/
}

.selectNaviModel label{
	position:relative;
}

/* S@V1.0_XH_SS_WEBHELP_xxx(DEL) 
*.selectNaviModel label:after{
*	display: block;
*	content: " ";
*	position: absolute;
*	top:1px;
*	right: 8px;
*	width: 20px;
*	height: 20px;
*	background: url(../images_sys/open@2x.png) no-repeat 0 0;
*	background-size: 20px;
*	pointer-events: none;
*}
S@V1.0_XH_SS_WEBHELP_xxx(DEL) */

.selectNaviModel option:disabled {
	background-color: #dcdcdc;
}

/* S@V1.0_XH_SS_WEBHELP_xxx(ADD) */
.dd .ddTitle .ddTitleText{
	font-size: 14px;
}

.dd .ddChild {max-height:none;}
.dd .ddChild li{font-size: 14px;}
.dd .ddArrow{width:20px;height:20px; margin-top:-12px; background:url(../images_sys/open.png) no-repeat;}
/* E@V1.0_XH_SS_WEBHELP_xxx(ADD) */

@media screen and (min-width: 831px){

#header {
	position:inherit;
	margin:0 auto 12px;
	padding-top:20px;
	border-bottom:5px solid #3384d9;
}

	#header h1 {
		display:none;
	}

	#headerNaviSp #menuBtnSp, #searchBtnSp {
		display:none;
	}

	/* search --------------- */
	#pr {
		display:block;
		float:right;
		margin:7px auto 4px;
		padding:7px 10px;
		position:absolute;
		right: 0;
		top: 20px;
	}

		.searchBox {
			width:250px;
		}

	/* headerNavi --------------- */
	#languageNavi {
		display:none;
	}

	#menuSp {
		display:block;
	}

	#headerNavi {
		display:block;
		float:right;
		font-size:1.2rem;
		line-height:2;
		margin-bottom: 2px;
		text-align:right;
	}

		#headerNavi li {
			display:inline-block;
			background-color: transparent;
			border-bottom:none;
			text-align:right;
			color:#039;
		}

			#headerNavi li a {
				margin-left:15px;
				padding:0 0 0 15px;
				background:url(../images_sys/ic_pagenavi.png) no-repeat 0 center;
			}

			#headerNavi li a:after {
				display:none;
			}

			#headerNavi li a.on {
				background-color: transparent;
				color:#039;
			}

.selectNaviModel {
	position: absolute;
	top: 28px;
	left: 63px;
}

}

/* -----------------------------------------------------------
 =03 main
----------------------------------------------------------- */
#areaMain {
	margin:0 auto 25px;
}

	#areaMain .dd {
		border:none;	/* dd.cssの打消し */
	}

	#contents {
		box-sizing:border-box;
		padding:0 10px;
		font-size:1.3rem;
		line-height:1.6;
	}

		.inner {
			padding-right:5px;
			padding-left:5px;
		}

@media screen and (min-width: 831px){
#main {
	float:right;
	width:530px;
}

	#contents {
		box-sizing:content-box;
		padding:0;
		/* #343 start */
		word-break: normal !important;
		word-wrap: break-word;
		line-break: strict;
		/* #343 end */
	}

}

/* movePage --------------- */
.movePage {
	list-style:none;
	margin-bottom:15px;
}

  #movePage_bottom {
		margin-right: 10px;
  }

	.movePage li{
		display:inline;
	}

	.movePage li.prev {
		margin-right:5px;
	}

	.movePage li a {
		padding:4px 12px 3px 22px;
		font-size:1.1rem;
	}

	.movePage li.next a {
		background:#E1E6F5 url(../images_sys/ic_search@2x.png) no-repeat 10px center;
		background-size:5px;
	}

	.movePage li.prev a {
		background:#E1E6F5 url(../images_sys/ic_prev@2x.png) no-repeat 10px center;
		background-size:5px;
	}

@media screen and (min-width: 831px){

  #movePage_bottom {
		margin-right: 0px;
  }
}


/* movePage link color
----------------------------------------------------------- */
.movePage li a:link { text-decoration:none; }
.movePage li a:visited { text-decoration:none; }
.movePage li a:hover { background-color:#D1D9F1; text-decoration:underline; }


/* -----------------------------------------------------------
 =04 sub menu
----------------------------------------------------------- */
#menuPc {
	display:none;
}

#menuPc h1 {
	display:none;
}

#gNaviSp {
	display: none;
	margin: 0 7px 15px 7px;
	font-size: 1.3rem;
}

/* gNavi --------------- */
/*
#menuSp .gNavi {
	display:none;
	border-bottom:1px solid #46559A;
	font-size:1.3rem;
	line-height:1.3 !important;
}
*/

	#gNaviSp>.gNavi li {
		list-style:none;
		display: block;
		background-color:#E3E3E3;
		border-bottom:1px solid #ccc;
	}

	#menuPc>.gNavi li {
		list-style:none;
		display: block;
		background-color:#E1E6F5;
		border-bottom:1px dotted #ccc;
	}

	.gNavi li>span {
		display: block;
		height: 100%;
		width: 90%;
		padding:14px 0px 14px 10px;
	}

	.gNavi li.menu>span {
		width: 85%;
	}

	.gNavi li>span>a {
		display: block;
	}

	.gNavi li.selected {
		background-color:#5E7AD0 !important;
	}

	.gNavi li.selected>span>a {
		color:#FFF;
	}

	.gNavi li.menu {
		background-repeat: no-repeat;
		background-image: url(../images_sys/ic_menu@2x_2.png);
		background-position: 96% top;
		background-size:10px;
	}

	.gNavi li.menu.on {
		background-image: url(../images_sys/ic_menu_open@2x_2.png);
	}

	.gNavi li.menu.on.selected {
		background-image: url(../images_sys/ic_menu_open@2x_3.png);
	}

	.gNavi li.menu.selected {
		background-image: url(../images_sys/ic_menu@2x_3.png);
	}

	.gNavi li.menu>ul {
		border-top: 1px solid #ccc;
		margin-bottom: -1px;
	}

	.gNavi ul.toggleMenuSub>li.normal>span>a {
		background-repeat: no-repeat;
		background-image: url(../images_sys/ic_menu_sub@2x.png);
		background-position: 0px center;
		background-size: 6px;
		padding-left: 12px;
	}

	.gNavi ul.toggleMenuSub>li.end>span>a {
		background-repeat: no-repeat;
		background-image: url(../images_sys/ic_menu_sub_end@2x.png);
		background-position: 0px center;
		background-size: 6px;
		padding-left: 12px;
	}

	.gNavi ul.toggleMenuSub02>li.normal>span>a {
		background-repeat: no-repeat;
		background-image: url(../images_sys/ic_menu_sub@2x.png);
		background-position: 8px center;
		background-size: 6px;
		padding-left: 20px;
	}

	.gNavi ul.toggleMenuSub02>li.end>span>a {
		background-repeat: no-repeat;
		background-image: url(../images_sys/ic_menu_sub_end@2x.png);
		background-position: 8px center;
		background-size: 6px;
		padding-left: 20px;
	}

	.gNavi ul.toggleMenuSub03>li.normal>span>a {
		background-repeat: no-repeat;
		background-image: url(../images_sys/ic_menu_sub@2x.png);
		background-position: 16px center;
		background-size: 6px;
		padding-left: 28px;
	}

	.gNavi ul.toggleMenuSub03>li.end>span>a {
		background-repeat: no-repeat;
		background-image: url(../images_sys/ic_menu_sub_end@2x.png);
		background-position: 16px center;
		background-size: 6px;
		padding-left: 28px;
	}

/* header link color
----------------------------------------------------------- */
#sub a:link { text-decoration:none; }
#sub a:hover { text-decoration:underline; }

@media screen and (min-width: 831px){

#sub {
	float:left;
	width:240px;
	font-size:1.2rem;
	line-height:1.3;
}

/*
	#menuSp .gNavi {
		display:none !important;
	}
*/
	#menuSp #headerNavi {
		display: block !important;
	}

	#menuPc {
		display:block;
	}
}

/* -----------------------------------------------------------
 =05 footer
----------------------------------------------------------- */
#pagetop {
	display:none;
	position:fixed;
	list-style:none;
	bottom:140px;
	right:0;
}

@media print {
	#pagetop { display:none !important; }
}

/* footer navi --------------- */
#footerNavi {
	border-top:1px solid #ccc;
	font-size:1.2rem;
	line-height:1.3;
}

	#footerNavi li {
		float:left;
		width:50%;
		list-style:none;
		background-color:#F5F5F5;
		border-bottom:1px solid #ccc;
		box-sizing:border-box;
	}

		#footerNavi li:nth-child(2n) {
			border-left:1px solid #ccc;
		}

		#footerNavi li a {
			position:relative;
			display:block;
			padding:15px 24px 15px 12px;
		}

			#footerNavi li a:after {
				display: block;
				position:absolute;
				top:43%;
				right:11px;
				width: 5px;
				height: 5px;
				border-top: 2px solid #5E7AD0;
				border-right: 2px solid #5E7AD0;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				content: "";
			}

		#footerNavi li:nth-child(2n+1):last-child {
			width: 100%;
		}

#copyright {
	background-color:#3384d9;
	padding:8px 0;
	color:#FFF;
	text-align:center;
	font-size:1.1rem;
}

/* footer link color
----------------------------------------------------------- */
#footerNavi a:link { text-decoration:none; }

@media screen and (min-width: 831px){

#pagetop {
	bottom:105px;
	right:10px;
}

/* footer navi --------------- */
#footerNavi {
	padding:10px 0;
	text-align:center;
}

	#footerNavi li {
		display:inline;
		float:none;
		width:auto;
		background-color: transparent;
		border-bottom:none;
		border-left:1px solid #ccc;
		box-sizing:content-box;
		margin-right:11px;
		padding-left:11px;
	}

		#footerNavi li:first-child {
			border-left:none;
		}

		#footerNavi li a {
			display:inline;
			padding:0;
		}

			#footerNavi li a:after {
				display:none;
			}

/* footer link color
----------------------------------------------------------- */
#footerNavi a:link { color:#666; }
#footerNavi a:visited { color:#666; }
#footerNavi a:hover { background-color:transparent; color:#039; text-decoration:underline; }
}