@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	font-size: 14px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.45;
	color: #222;
	background-color: #222;
}
.ie8 body {
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}
@media only screen and (max-width: 640px) {
	body {
		font-size: 12px; /* 10px; */
	}
}
/* ie7 */ *:first-child+html body { font-size: 88%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:88%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 88%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, tr, th, td, figure, thead, tbody
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img{ 
	vertical-align: top;
}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !Clearfix
---------------------------------------------------------- */
#headerIn,
#headerLinks,
#gNavi ul,
#contentsIn,
#footerIn,
#footerLinks ul,
.boxTopMenu ul,
#boxTopBanner ul,
.clearfix {
	*zoom: 1;
}
#headerIn:after,
#headerLinks:after,
#gNavi ul:after,
#contentsIn:after,
#footerIn:after,
#footerLinks ul:after,
.boxTopMenu ul:after,
#boxTopBanner ul:after,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	position: relative;
	background-color: #e6e6e6;
}

/* !header
---------------------------------------------------------- */
#header {
	position: relative;
	padding: 8px 0 10px;
	background-color: #222222;
}
	#header #headerIn {
		position: relative;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 960px;
		width: 95%;
	}
@media only screen and (max-width: 657px) {
	#header #headerIn {
		max-width: none;
		width: 100%;
	}
}
		#header #headerIn #headerLogo {
			position: absolute;
			top: -8px;
			left: -4px;
			z-index: 1;
		}
		#header #headerIn #headerLinks {
			float: right;
			margin: 0 0 30px;
		}
			#header #headerIn #headerLinks li {
				float: left;
				padding: 0 8px 0 0;
				margin: 0 8px 0 0;
				border-right: 1px solid white;
				line-height: 0;
			}
				#header #headerIn #headerLinks li.last {
					padding: 0;
					margin: 0;
					border-right: none;
				}
				#header #headerIn #headerLinks li a {
					font-size: 105%;
					color: white;
					line-height: 1.0;
				}
@media only screen and (max-width: 657px) {
	#header {
		padding: 0;
	}
		#header #headerIn {
			height: 50px;
		}
			#header #headerIn #headerLogo {
				top: 0;
				left: 10px;
				width: 60px;
			}
				#header #headerIn #headerLogo img {
					width: 100%;
					height: auto;
				}
}

/* !gNavi
---------------------------------------------------------- */
#gNaviButton {
	display: none;
}
@media only screen and (max-width: 657px) {
	#gNaviButton {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		text-indent: -9999px;
	}
		#gNaviButton a {
			display: block;
			width: 50px;
			height: 50px;
			background: url(/common/img/ico_header_menu_no.png) no-repeat right top;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-o-background-size: 50px 50px;
			background-size: 50px 50px;
		}
		#gNaviButton a.active {
			background: url(/common/img/ico_header_menu_on.png) no-repeat right top;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-o-background-size: 50px 50px;
			background-size: 50px 50px;
		}
}

#gNavi {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 960px;
	width: 95%;
	margin: 0 auto;
}
@media only screen and (max-width: 657px) {
	#gNavi {
		max-width: none;
		width: 100%;
	}
}
	#gNavi ul {
		margin: 0 0 0 145px;
	}
		#gNavi ul li {
			position: relative;
			float: left;
			margin: 0 35px 0 0;
			white-space: nowrap;
			z-index: 999;
		}
		#gNavi ul li.last {
			margin: 0;
		}
			#gNavi ul li a {
				font-size: 115%;
				color: white;
			}
			#gNavi ul li a.window {
				padding: 0 20px 0 0;
				background: url(/common/img/ico_window02.png) no-repeat right center;
				-webkit-background-size: 10px, 10px;
				-moz-background-size: 10px, 10px;
				-o-background-size: 10px, 10px;
				background-size: 10px, 10px;
			}
			#gNavi ul li.arrow {
				padding: 0 19px 0 0;
				background: url(/common/img/ico_triangle01.png) no-repeat right center;
			}
			#gNavi ul li ul {
				display: none;
				position: absolute;
				top: 1.5em;
				left: -15px;
				margin: 0;
				padding: 25px 15px 20px;
				background-color: #222222;
			}
				#gNavi ul li ul li {
					float: none;
					margin: 0 0 20px;
					font-size: 86%;

					text-align: left;
				}
				#gNavi ul li ul li.last {
					margin: 0;
				}

.ie8 #gNavi ul li a.window {
	background: url(/common/img/ico_window02_ie8.png) no-repeat right center;
}

@media only screen and (max-width: 657px) {
	#gNaviWrap {
		position: absolute;
		width: 100%;
		z-index: 99;
	}
		#gNaviWrap ul {
			display: none;
			margin: 0;
			background-color: #222222;
		}
			#gNaviWrap ul li {
				float: none;
				margin: 0;
				text-align: left;
				background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #393939), color-stop(60%, #393939), color-stop(100%, #222222));
				background: -webkit-linear-gradient(#393939, #393939 60%, #222222);
				background: -moz-linear-gradient(#393939, #393939 60%, #222222);
				background: -o-linear-gradient(#393939, #393939 60%, #222222);
				background: linear-gradient(#393939, #393939 60%, #222222);
			}
				#gNaviWrap ul li a {
					display: block;
					padding: 10px;
					background: url(/common/img/ico_arrow_r01_sp.png) no-repeat 97% center;
					-webkit-background-size: 8px, 13px;
					-moz-background-size: 8px, 13px;
					-o-background-size: 8px, 13px;
					background-size: 8px, 13px;
					font-size: 117%;
					color: white;
				}
				#gNaviWrap ul li a:hover {
					text-decoration: none;
				}
				#gNaviWrap ul li.home {
					display: none;
				}
				#gNaviWrap ul li.arrow {
					padding: 0;
					background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #393939), color-stop(60%, #393939), color-stop(100%, #222222));
					background: -webkit-linear-gradient(#393939, #393939 60%, #222222);
					background: -moz-linear-gradient(#393939, #393939 60%, #222222);
					background: -o-linear-gradient(#393939, #393939 60%, #222222);
					background: linear-gradient(#393939, #393939 60%, #222222);
				}
				#gNaviWrap ul li ul {
					display: none;
				}
					#gNaviWrap #headerLinks ul li {
						background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4e4e4e), color-stop(60%, #4e4e4e), color-stop(100%, #222222));
						background: -webkit-linear-gradient(#4e4e4e, #4e4e4e 60%, #222222);
						background: -moz-linear-gradient(#4e4e4e, #4e4e4e 60%, #222222);
						background: -o-linear-gradient(#4e4e4e, #4e4e4e 60%, #222222);
						background: linear-gradient(#4e4e4e, #4e4e4e 60%, #222222);
					}
					#gNaviWrap #headerLinks ul li.iso {
						display: none;
					}
}
/* !lNavi + subMenu
---------------------------------------------------------- */
#lNaviTitle a {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 17px 25px 17px 20px;
	background: #222222 url(/common/img/ico_arrow_r01.png) no-repeat 95% center;
	color: white;
	font-size: 129%;
}
#lNaviTitle a:hover {
	text-decoration: none;
	background-color: #6f6f6f;
}
@media only screen and (max-width: 657px) {
	#lNaviTitle a {
		padding: 10px 17px 10px 10px;
		background: #222222 url(/common/img/ico_arrow_r01_sp.png) no-repeat 95% center;
		-webkit-background-size: 8px, 13px;
		-moz-background-size: 8px, 13px;
		-o-background-size: 8px, 13px;
		background-size: 8px, 13px;
		font-size: 117%;
		background-position: 97.5% center;
	}
}

#lNavi {
	width: 100%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #222222;
	border-top: none;
	background-color: white;
	position: relative;
}
#lNavi ul li {
	margin: 0 0 5px;
	font-size: 86%;
}
	#lNavi ul li span a {
		color: #222222;
		text-decoration: underline;
	}
		#lNavi ul li span a:hover {
			color: #c9220f;
			text-decoration: none;
		}
		#lNavi ul li span a.window {
			padding: 0 20px 0 0;
			background: url(/common/img/ico_window01_no.png) no-repeat right center;
			-webkit-background-size: 10px, 10px;
			-moz-background-size: 10px, 10px;
			-o-background-size: 10px, 10px;
			background-size: 10px, 10px;
		}
		#lNavi ul li span a.window:hover {
			background: url(/common/img/ico_window01_on.png) no-repeat right center;
			-webkit-background-size: 10px, 10px;
			-moz-background-size: 10px, 10px;
			-o-background-size: 10px, 10px;
			background-size: 10px, 10px;
		}
		#lNavi ul li ul {
			margin: 5px 0 0;
		}
			#lNavi ul li ul li {
				padding: 0 0 0 1.0em;
				background: url(/common/img/ico_dot01.png) no-repeat 2px 0.5em;
				font-size: 100%;
			}
			#lNavi ul li.last {
				margin: 0;
			}
@media only screen and (max-width: 657px) {
	#lNavi {
		padding: 0;
	}
		#lNavi ul li {
			margin: 0;
			font-size: 100%;
		}
		#lNavi .accordionBtn {
			top: 0em;
			height: 3.1em;
			display: flex;
			align-items: center;
			justify-content: center;
			background: none;
			outline: none;
		}
		#lNavi .bgnone {
			background: url(/common/img/ico_dot01.png) no-repeat 12px 1.3em;
		}
		#lNavi .bgnone02 {
			background: url(/common/img/ico_dot01.png) no-repeat 24px 1.3em;
		}
		#lNavi .bgnone03 {
			background: url(/common/img/ico_dot01.png) no-repeat 36px 1.3em;
		}
			#lNavi ul li span {
				display: block;
				background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(60%, #ffffff), color-stop(100%, #e6e6e6));
				background: -webkit-linear-gradient(#ffffff, #ffffff 60%, #e6e6e6);
				background: -moz-linear-gradient(#ffffff, #ffffff 60%, #e6e6e6);
				background: -o-linear-gradient(#ffffff, #ffffff 60%, #e6e6e6);
				background: linear-gradient(#ffffff, #ffffff 60%, #e6e6e6);
			}
				#lNavi ul li span a {
					display: block;
					padding: 10px;
					text-decoration: none;
					-webkit-background-size: 8px, 13px;
					-moz-background-size: 8px, 13px;
					-o-background-size: 8px, 13px;
				}
				
				#lNavi ul li:not(.posrelative) span a {
					background: url(/common/img/ico_arrow_r02.png) no-repeat 98% center;
					background-size: 8px, 13px;
				}
				
				#lNavi ul li span a.window {
					padding: 10px;
					background: url(/common/img/ico_window01_no.png) no-repeat 98% center;
					-webkit-background-size: 10px, 10px;
					-moz-background-size: 10px, 10px;
					-o-background-size: 10px, 10px;
					background-size: 10px, 10px;
				}
				#lNavi ul li span a.window:hover {
					background-position: 98%	center;
				}
				#lNavi ul li ul {
					margin: 0;
				}
					#lNavi ul li ul li {
						margin: 0;
						padding: 0;
						background: none;
						font-size: 100%;
					}
					#lNavi ul li.last {
						margin: 0;
					}
						#lNavi ul li ul li span a {
							padding: 10px 15px 10px 1.7em;
							background: url(/common/img/ico_arrow_r02.png) no-repeat 98% center, url(/common/img/ico_dot01.png) no-repeat 12px 1.3em;
							-webkit-background-size: 8px 13px, 4px 4px;
							-moz-background-size: 8px 13px, 4px 4px;
							-o-background-size: 8px 13px, 4px 4px;
							background-size: 8px 13px, 4px 4px;
						}
							#lNavi ul li ul li ul li span a {
								padding: 10px 15px 10px 3.1em;
								background: url(/common/img/ico_arrow_r02.png) no-repeat 98% center, url(/common/img/ico_dot01.png) no-repeat 24px 1.3em;
								background-size: 8px 13px, 4px 4px;
							}
								#lNavi ul li ul li ul li ul li span a {
									padding: 10px 15px 10px 4.1em;
									background: url(/common/img/ico_arrow_r02.png) no-repeat 98% center, url(/common/img/ico_dot01.png) no-repeat 36px 1.3em;
									background-size: 8px 13px, 4px 4px;
								}
									#lNavi ul li ul li ul li ul li ul li span a {
										padding: 10px 15px 10px 5.1em;
										background: url(/common/img/ico_arrow_r02.png) no-repeat 98% center, url(/common/img/ico_dot01.png) no-repeat 48px 1.3em;
										background-size: 8px 13px, 4px 4px;
									}
}

.ie8 #lNavi ul li span a.window {
	background: url(/common/img/ico_window01_ie8_no.png) no-repeat 97% center;
}
.ie8 #lNavi ul li span a.window:hover {
	background: url(/common/img/ico_window01_ie8_on.png) no-repeat 97% center;
}

#subMenu {
	width: 100%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #222222;
	border-top: none;
	background: white url(/common/img/bg_line03.png) repeat center top;
}
	#subMenu ul li {
		margin: 0 0 5px;
		font-size: 86%;
	}
	#subMenu ul li.last {
		margin: 0;
	}
		#subMenu ul li span a {
			padding: 0 20px 0 0;
			color: #222222;
			text-decoration: underline;
			background: url(/common/img/ico_window01_no.png) no-repeat right center;
			-webkit-background-size: 10px, 10px;
			-moz-background-size: 10px, 10px;
			-o-background-size: 10px, 10px;
			background-size: 10px, 10px;
		}
		#subMenu ul li span a:hover {
			color: #c9220f;
			background: url(/common/img/ico_window01_on.png) no-repeat right center;
			-webkit-background-size: 10px, 10px;
			-moz-background-size: 10px, 10px;
			-o-background-size: 10px, 10px;
			background-size: 10px, 10px;
		}
@media only screen and (max-width: 657px) {
	#subMenu {
		padding: 0;
	}
		#subMenu ul li {
			margin: 0;
			font-size: 100%;
			background: url(/common/img/bg_line03.png) repeat center top;
		}
			#subMenu ul li span {
				display: block;
				background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(60%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(219, 219, 219, 0.5)));
				background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 60%, rgba(219, 219, 219, 0.5));
				background: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 60%, rgba(219, 219, 219, 0.5));
				background: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 60%, rgba(219, 219, 219, 0.5));
				background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 60%, rgba(219, 219, 219, 0.5));
			}
				#subMenu ul li span a {
					display: block;
					padding: 10px;
					text-decoration: none;
					background-position: 98% center;
				}
				#subMenu ul li span a:hover {
					background-position: 98% center;
				}
}

.ie8 #subMenu ul li span a {
	background: url(/common/img/ico_window01_ie8_no.png) no-repeat right center;
}
.ie8 #subMenu ul li span a:hover {
	background: url(/common/img/ico_window01_ie8_on.png) no-repeat right center;
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
	margin: 0 0 15px 127px;
}
	#breadcrumb li {
		float: left;
		margin: 0 0 0 0.2em;
		white-space: nowrap;
		font-size: 72%;
	}
	#breadcrumb li.home {
		margin: 0;
	}
		#breadcrumb li a {
			white-space: nowrap;
			color: #222222;
			text-decoration: underline;
		}
		#breadcrumb li a:hover {
			color: #c9220f;
			text-decoration: none;
		}
@media only screen and (max-width: 657px) {
	#breadcrumb {
		display: none;
	}
}

/* !contents
---------------------------------------------------------- */
#contentsTopWrap {
	background: url(/common/img/bg_line01.png) repeat right top;
	position: relative;
}
	#contentsTopWrap #contentsTopMask {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	#contentsTopWrap #contentsTop {
		padding: 8px 0 10px;
		background: url(/common/img/bg_contents_top01.png) no-repeat right bottom;
	}
		#contentsTopWrap #contentsTop #contentsTopIn {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			max-width: 960px;
			width: 95%;
			margin: 0 auto;
			padding: 0 10px;
			text-align: left;
		}
@media only screen and (max-width: 657px) {
	#contentsTopWrap #contentsTop {
		padding: 13px 0 8px;
		background: none;
	}
		#contentsTopWrap #contentsTop #contentsTopIn {
			max-width: none;
			width: 100%;
		}
			#contentsTopWrap #contentsTop #contentsTopIn p.txt01 {
				width: 244px;
				height: auto;
			}
			#contentsTopWrap #contentsTop #contentsTopIn p.txt02 {
				width: 231px;
				height: auto;
			}
				#contentsTopWrap #contentsTop #contentsTopIn p img {
					width: 100%;
					height: auto;
				}
}

#contents {
	text-align: left;
	background: url(/common/img/bg_contents01.png) no-repeat center top;
}
	#contents #contentsIn {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 960px;
		width: 95%;
		margin: 0 auto;
		padding: 30px 10px 40px;
	}
	@media only screen and (max-width: 657px) {
		#contents #contentsIn {
			max-width: none;
			width: 100%;
		}
	}
		#contents #contentsIn #main {
			float: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			max-width: 700px;
			width: 75%;
		}
		@media only screen and (max-width: 657px) {
			#contents #contentsIn #main {
				max-width: none;
				width: 100%;
			}
		}
		#contents #contentsIn #main.full {
			float: none;
			max-width: none;
			width: 100%;
		}
		#contents #contentsIn #sub {
			float: right;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			max-width: 210px;
			width: 23%;
			position: sticky;
			top: 0px;
		}
		@media only screen and (max-width: 657px) {
			#contents #contentsIn #sub {
				max-width: none;
				width: 100%;
			}
		}
@media only screen and (max-width: 657px) {
	#contents {
		background: url(/common/img/bg_contents01_sp.png) no-repeat center top;
		-webkit-background-size: 320px 12px;
		-moz-background-size: 320px 12px;
		-o-background-size: 320px 12px;
		background-size: 320px 12px;
	}
		#contents #contentsIn {
			padding: 10px;
		}
			#contents #contentsIn #main {
				float: none;

			}
}

@media only screen and (max-width: 657px) {
	#sub {
		float: none;
		padding: 20px 10px;
		text-align: left;
	}
}

#contentsBtm {
	padding: 10px 0;
	background: url(/common/img/bg_line02.png) repeat center top;
}
	#contentsBtm #boxInfoArea {
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 960px;
		width: 95%;
		text-align: left;
	}
	@media only screen and (max-width: 657px) {
		#contentsBtm #boxInfoArea {
			max-width: none;
			width: 100%;
		}
	}
	#contentsBtm #boxInfoArea dl {
		text-align: center;
	}
		#contentsBtm #boxInfoArea dl dt,
		#contentsBtm #boxInfoArea dl dd {
			display: inline-block;
			vertical-align: middle;
		}
		#contentsBtm #boxInfoArea dl dt {
			margin: 10px;
			width: 110px;
		}
			#contentsBtm #boxInfoArea dl dt img {
				width: 100%;
				height: auto;
			}
		#contentsBtm #boxInfoArea dl dd {
			margin: 0 0 0 15px;
			text-align: left;
		}
		#contentsBtm #boxInfoArea dl .tit {
			font-size: 172%;
			font-weight: bold;
		}
		#contentsBtm #boxInfoArea dl .tit2 {
			font-size: 140%;
			font-weight: bold;
		}
		#contentsBtm #boxInfoArea dl .note {
			margin: 5px 0 0;
			color: #c9220f;
			font-weight: bold;
		}
@media only screen and (max-width: 657px) {
	#contentsBtm {
		padding: 10px;
	}
		#contentsBtm #boxInfoArea {
			margin: 0;
		}
			#contentsBtm #boxInfoArea dl dt {
				margin: 5px;
				width: 78px;
			}
				#contentsBtm #boxInfoArea dl dd {
					margin: 0 0 0 10px;
				}
				#contentsBtm #boxInfoArea dl .tit {
					font-size: 125%;
				}
				#contentsBtm #boxInfoArea dl .tit2 {
					font-size: 110%;
					font-weight: bold;
				}
				#contentsBtm #boxInfoArea dl .note {
					margin: 5px 0 0;
					color: #c9220f;
					font-weight: bold;
				}
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
@media only screen and (max-width: 657px) {
	.pageTop {
		display: none;
	}
}

/* !footer
---------------------------------------------------------- */
#footer {
	padding: 20px 0;
	background-color: #222222;
	text-align: left;
}
#footer #footerIn {
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 960px;
	width: 95%;
}
@media only screen and (max-width: 657px) {
	#footer #footerIn {
		max-width: none;
		width: 100%;
	}
}
#footer #footerIn #footerUtility {
	float: left;
	max-width: 480px;
	width: 50%;
}
#footer #footerIn #footerUtility #footerLinks ul li {
	float: left;
	padding: 0 8px 0 0;
	margin: 0 8px 15px 0;
	border-right: 1px solid white;
	line-height: 0;
	font-size: 72%;
}
#footer #footerIn #footerUtility #footerLinks ul li.last {
	border-right: none;
	margin: 0;
	padding: 0;
}
	#footer #footerIn #footerUtility #footerLinks ul li a {
		color: white;
		line-height: 1.0;
	}
#footer #footerIn #footerUtility #copyright {
	margin: 25px 0 0;
	font-size: 72%;
	color: white;
}
#footer #footerIn #footerImg {
	float: right;
	max-width: 407px;
	width: 43%;
}
@media only screen and (max-width: 657px) {
	#footer {
		padding: 10px;
	}
	#footer #footerIn #footerUtility {
		float: none;
		max-width: none;
		width: 100%;
	}
	#footer #footerIn #footerUtility #copyright {
		margin: 20px 0 0;
	}
	#footer #footerIn #footerImg {
		float: none;
		max-width: none;
		width: 190px;
		margin: 15px 0 0;
	}
}

/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 {
	font-size: 172%;
}
@media only screen and (max-width: 657px) {
	.h1_basic01 {
		font-size: 134%;
	}
}

.h2_basic01 {
	margin: 40px 0 15px;
	padding: 0 0 5px;
	font-size: 143%;
	border-bottom: 2px solid #848484;
}
@media only screen and (max-width: 657px) {
	.h2_basic01 {
		margin: 20px 0 10px;
		padding: 0 0 2px;
		font-size: 125%;
	}
}

.h3_basic01 {
	margin: 20px 0 15px;
	font-weight: bold;
}
@media only screen and (max-width: 657px) {
	.h3_basic01 {
		margin: 10px 0 8px;
	}
}

h2:focus {
	outline: none;
}
/* !Listing
---------------------------------------------------------- */
.ul_basic01 {
}
.ul_basic02 {
}

.ul_basic01 li,
.ul_basic02 li {
	padding: 0 0 0 1.0em;
	background: url(/common/img/ico_dot01.png) no-repeat left 0.5em;
}

.ul_basic02 li {
	display: inline-block;
	margin: 0 30px 0 0;
}
.ul_basic02 li.last {
	margin: 0;
}

.ol_basic01 {
	margin: 0 0 0 1.3em;
}
	.ol_basic01 li {
		text-indent: -1.3em;
	}
		.ol_basic01 li ol {
			margin: 0 0 0 1.3em;
		}

.anchor_basic01 {
	margin: 0 0 20px;
	overflow: hidden;
	*zoom: 1;
}
	.anchor_basic01 li {
		float: left;
		margin: 0 15px 0 0;
		padding: 0 0 0 15px;
		background: url(/common/img/ico_triangle02.png) no-repeat left 0.3em;
		-webkit-background-size: 10px, 9px;
		-moz-background-size: 10px, 9px;
		-o-background-size: 10px, 9px;
		background-size: 10px, 9px;
	}
@media only screen and (max-width: 657px) {
	.anchor_basic01 {
		font-size: 109%;
	}
}

.ie8 .anchor_basic01 li {
	background: url(/common/img/ico_triangle02_ie8.png) no-repeat left 0.3em;
}

/* !Table
---------------------------------------------------------- */
.table_basic01 {
	width: 100%;
	margin: 0 0 20px;
	border-collapse: separate;
	border-spacing: 5px 5px;
	background: white;
	-webkit-box-shadow: 0 0 5px #888888;
	-moz-box-shadow: 0 0 5px #888888;
	box-shadow: 0 0 5px #888888;
}
	.table_basic01 th,
	.table_basic01 td {
		padding: 10px 12px;
		background-color: #eaeaea;
		vertical-align: top;
	}
	.table_basic01 th.bg01,
	.table_basic01 td.bg01 {
		background-color: #f6bdb6;
	}
	.table_basic01 th.bg02,
	.table_basic01 td.bg02 {
		background-color: #dddddd;
	}
/* !Box
---------------------------------------------------------- */
/* .boxTopMenu */
.boxTopMenu {
}
	.boxTopMenu ul li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 48.5%;
		margin: 0 0 20px;
		padding: 10px;
		background-color: white;
		-webkit-box-shadow: 0 0 5px #888888;
		-moz-box-shadow: 0 0 5px #888888;
		box-shadow: 0 0 5px #888888;
	}
	.boxTopMenu ul li.first {
		float: left;
	}
	.boxTopMenu ul li.second,
	.boxTopMenu ul li.third {
		float: right;
	}
	.boxTopMenu ul li.odd {
		float: left;
	}
	.boxTopMenu ul li.even {
		padding: 10px 10px 11px;
		float: right;
	}
		.boxTopMenu ul li .inner {
			padding: 0 10px 10px;
			word-break: break-all;
		}
@media only screen and (max-width: 657px) {
	.boxTopMenu ul li {
		width: 100%;
		padding: 5px;
	}
		.boxTopMenu ul li.first,
		.boxTopMenu ul li.second,
		.boxTopMenu ul li.third {
			float: none;
		}
		.boxTopMenu ul li.even {
			padding: 5px;
			float: right;
		}
		.boxTopMenu ul li .inner {
			padding: 0 5px 5px;
		}
}

/* #boxTopBanner */
#boxTopBanner ul {
	margin: 0 0 -20px;
}
	#boxTopBanner ul li {
		width: 48.5%;
		margin: 0 0 20px;
		/*padding: 10px;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: white;
		-webkit-box-shadow: 0 0 5px #aaa;
		-moz-box-shadow: 0 0 5px #aaa;
		box-shadow: 0 0 5px #aaa;
	}
		#boxTopBanner ul li a {
			display: block;
		}
		#boxTopBanner ul li a:hover {
			-ms-filter: "alpha(opacity=70)";
			opacity: 0.7;
			background-color: #FFF;
		}
		#boxTopBanner ul li img {
			width: 100%;
			height: auto;
		}
	#boxTopBanner ul li.odd {
		float: left;
	}
	#boxTopBanner ul li.even {
		float: right;
	}
@media only screen and (max-width: 657px) {
	#boxTopBanner ul {
		margin: 0;
	}
		#boxTopBanner ul li {
			width: 300px;
			margin: 0 auto 10px;
			/*padding: 5px;*/
		}
		#boxTopBanner ul li.last {
			margin: 0 auto;
		}
		#boxTopBanner ul li.odd,
		#boxTopBanner ul li.even {
			float: none;
		}
			#boxTopBanner ul li .inner {
				padding: 0 5px 5px;
			}
}

.ie8 #boxTopBanner ul li a:link img, .ie8 #boxTopBanner ul li a:visited img {
	-ms-filter: "alpha(opacity=100)";
	background-color: #FFF;
}
.ie8 #boxTopBanner ul li a:hover img {
	-ms-filter: "alpha(opacity=70)";
	background-color: #FFF;
}

/* #boxTopNews */
#boxTopNews dl {
	width: 100%;
	overflow: hidden;
	*zoom: 1;
}
	#boxTopNews dl dt,
	#boxTopNews dl dd {
		margin: 10px 0 0;
	}
	#boxTopNews dl dt {
		clear: both;
		float: left;
		width: 10.0em;
	}
	#boxTopNews dl dd {
		padding: 0 0 0 11.0em;
	}
	#boxTopNews nav {
		margin: 20px 0 40px;
		text-align: right;
	}
		#boxTopNews nav p {
			display: inline-block;
		}
		#boxTopNews nav p.prev {
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			border-right: 1px solid #222222;
		}
		#boxTopNews nav p.prev, #boxTopNews nav p.next {
			line-height: 0;
		}
			#boxTopNews nav p .bd {
				line-height: 1.2;
			}
@media only screen and (max-width: 657px) {
	#boxTopNews dl dt {
		float: none;
		width: 100%;
	}
	#boxTopNews dl dd {
		padding: 0;
		margin: 0 0 13px;
	}
	#boxTopNews nav {
		margin: 10px 0 0;
		text-align: center;
	}
}

/* #boxMapArea */
#boxMapArea {
	max-width: 700px;
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
	-webkit-box-shadow: 0 0 5px #888888;
	-moz-box-shadow: 0 0 5px #888888;
	box-shadow: 0 0 5px #888888;
}
	#boxMapArea #boxMapAreaIn {
		position: relative;
		padding-bottom: 78.57%;
		height: 0;
		overflow: hidden;
	}
		#boxMapArea #boxMapAreaIn iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
@media only screen and (max-width: 657px) {
	#boxMapArea {
		max-width: none;
		width: 300px;
		margin: 0 auto;
		padding: 5px;
	}
}

.box_basic01 {
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
	-webkit-box-shadow: 0 0 5px #888888;
	-moz-box-shadow: 0 0 5px #888888;
	box-shadow: 0 0 5px #888888;
}
@media only screen and (max-width: 657px) {
	.box_basic01 {
		padding: 5px;
	}
}
	.box_basic01 .inner {
		padding: 0 10px 10px;
		word-break: break-all;
	}

.box_basic02 {
	padding: 10px;
	border: 1px solid #848484;
}

/* !Button
---------------------------------------------------------- */
.btn_type01 {
}
	.btn_type01 a {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 12px 25px 12px 20px;
		background: #c9220f url(/common/img/ico_arrow_r01.png) no-repeat 98% center;
		color: white;
		font-size: 158%;
	}
	.btn_type01 a.window {
		background: #c9220f url(/common/img/ico_window02.png) no-repeat 98% center;
		-webkit-background-size: 10px, 10px;
		-moz-background-size: 10px, 10px;
		-o-background-size: 10px, 10px;
		background-size: 10px, 10px;
	}
	.btn_type01 a:hover {
		text-decoration: none;
		background-color: #f5887c;
	}
@media only screen and (max-width: 657px) {
	.btn_type01 a {
		padding: 10px 17px 10px 5px;
		background: #c9220f url(/common/img/ico_arrow_r01_sp.png) no-repeat 98% center;
		-webkit-background-size: 8px, 13px;
		-moz-background-size: 8px, 13px;
		-o-background-size: 8px, 13px;
		background-size: 8px, 13px;
		font-size: 117%;
	}
}

.ie8 .btn_type01 a.window {
	background: #c9220f url(/common/img/ico_window02_ie8.png) no-repeat 98% center;
}
.ie8 .btn_type01 a:link, .ie8 .btn_type01 a:visited {
	-ms-filter: "alpha(opacity=100)";
	background-color: #c9220f;
}
.ie8 .btn_type01 a:hover {
	-ms-filter: "alpha(opacity=70)";
	background-color: #c9220f;
}

.btn_type02 {
}
	.btn_type02 a {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 12px 25px 12px 15px;
		background: #222222 url(/common/img/ico_arrow_r01.png) no-repeat 98% center;
		color: white;
		font-size: 115%;
	}
	.btn_type02 a.window {
		background: #222222 url(/common/img/ico_window02.png) no-repeat 97% center;
		-webkit-background-size: 10px, 10px;
		-moz-background-size: 10px, 10px;
		-o-background-size: 10px, 10px;
		padding: 12px 25px 12px 15px;
		background-size: 10px, 10px;
	}
	.btn_type02 a:hover {
		text-decoration: none;
		background-color: #6f6f6f;
		-ms-filter: "alpha(opacity=70)";
	}
@media only screen and (max-width: 657px) {
	.btn_type02 a {
		padding: 10px 17px 10px 5px;
		background: #222222 url(/common/img/ico_arrow_r01_sp.png) no-repeat 98% center;
		-webkit-background-size: 8px, 13px;
		-moz-background-size: 8px, 13px;
		-o-background-size: 8px, 13px;
		background-size: 8px, 13px;
		font-size: 117%;
	}
	.btn_type02 a.window {
		padding: 10px 17px 10px 5px;
	}
}

.ie8 .btn_type02 a.window {
	background: #222222 url(/common/img/ico_window02_ie8.png) no-repeat 97% center;
}
.ie8 .btn_type02 a:link, .ie8 .btn_type02 a:visited {
	-ms-filter: "alpha(opacity=100)";
	background-color: #222222;
}
.ie8 .btn_type02 a:hover {
	-ms-filter: "alpha(opacity=70)";
	background-color: #222222;
}

/* !Section
---------------------------------------------------------- */
.section {
	margin: 0 0 40px;
}
.section.last {
	margin: 0;
}
@media only screen and (max-width: 657px) {
	.section {
		margin: 0 0 20px;
	}
}

/* !figure
---------------------------------------------------------- */
.figure {
	margin: 20px 0 0;
	width: 100%;
}
	.figure img {
		width: 100%;
		height: auto;
	}
@media only screen and (max-width: 657px) {
	.figure {
		margin: 10px 0 0;
	}
}
/* !AWS
---------------------------------------------------------- */
.box2 {
    background: #bcbcbc;
    border-radius: 15px;/*角の丸み*/
}

.box3 {
    background: #f6bdb6;
    border-radius: 15px;/*角の丸み*/
}

.box_50 {
    width: 50%;
}

.box4{
    padding: 0.5em 1em;
    border-top: solid 5px #848484;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.box4 p {
    margin: 0; 
    padding: 0;
}

.textCenter {
    text-align: center;
}
.textLeft {
    text-align: left;
}

.viewcolor {
    color: #ff0000;
}

.tableIntroduction {
    text-align: left;
    table-layout: auto;
    width: 80%;
}

.tableFixed {
    table-layout: Fixed;
}

.textBig {
    font-size: 20px;
}

.textBold {
    font-weight: bold;
}

.paddingmargin10 {
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
}

.paddingmargin3 {
    padding: 3px 3px 3px 3px;
    margin: auto;
}

.serviceinfo {
    display: flex;
    flex-wrap: wrap;
}

.flexCenter {
    align-items: center;
    justify-content: center;
}

.width7 {
    margin: 5px;
    width: 8em;
    height: 12em;
}

.marginIndent10 {
    margin:0px 10px 10px 10px;
}

.IndentList{
	padding: 0 0 0 1.0em;
	background: url(/common/img/ico_dot01.png) no-repeat 2px 0.5em;
	font-size: 100%;
}

/* !アコーディオンメニュー 
---------------------------------------------------------- */
#sidemenu {
}

/*開閉ボタン*/
#lNavi .accordionBtn {
	position: absolute;
	right: 0px;
	width: 2.4em;
}
#lNavi .accordionBtn:before {
	content: "\f078";
	font-family: FontAwesome;
	color: #1C1C1C;
}
#lNavi .accordionBtn.active:before {
	content: "\f078";
	font-family: FontAwesome;
}
#lNavi .posrelative {
	position: relative;
}

/* 開発実績 記事部分共通 
---------------------------------------------------------- */
div.article-content-wrapper {
	background-color: #FFFFFF;
	padding: 10px 10px 15px 10px;
}

div.article-content-wrapper p {
	margin-bottom: 10px;
}

div.article-content-wrapper h2 {
	padding-top: 20px;
}

div.article-content-wrapper h3 {
	margin-top: 8px;
	margin-bottom: 8px;
}

div.article-content-wrapper img {
	-webkit-backface-visibility: hidden;
}

div.article-content-wrapper h2 + :not(h3) {
	margin-top: 10px;
}

div.img-content-wrapper {
	box-shadow: 2px 2px 4px gray;
	border-radius: 6px;
	background-color: #eaf7ef;
	margin: 15px 10px 10px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

div.img-content-wrapper img {
	width: 88%;
	height: 50%;
}

div.img-content-wrapper-no-border {
	background-color: #eaf7ef;
	margin: 15px 10px 10px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

div.img-content-wrapper-no-border img {
	width: 75%;
	height: 50%;
}

@media only screen and (max-width: 657px) {
	div.img-content-wrapper img,
	div.img-content-wrapper-no-border img {
		width: 100%;
		height: 100%;
	}
}

/* フッターエリアの画像
---------------------------------------------------------- */
img.img_iso_mark1 {
	width: 30%;
	height: 30%;
}

img.img_iso_mark2 {
	width: 41.2%;
	height: 41.2%;
}
@media only screen and (max-width: 657px) {
	img.img_iso_mark1 {
		width: 30%;
		height: 30%;
	}
	
	img.img_iso_mark2 {
		width: 41.2%;
		height: 41.2%;
	}
}


/* お問い合わせフォーム
---------------------------------------------------------- */
.contact-form-nav {
    /*display:none;*/
    position: fixed;
    bottom: -64px;
    right: 0;
    width: 310px;
    text-aline: center;;
    transform: translate3d(0, -76px, 0);
}

.contact-form-nav-content {
   /* text-align: center;*/
    vertical-align: middle;
    line-height: 50px;
    width: 290px;
	background-color: #ba1616;
    opacity: 0.8;
	border-radius: 10px;
}

.contact-form-nav-content:hover {
	opacity: 1.0;
}

.contact-form-link a {
	font-size: 140%;
	font-weight: bold;
	opacity: 1.0;
	color: #FFFFFF;
	vertical-align: middle;
}

.contact-form-mark {
	vertical-align: middle;
	width: 13%;
	height: 13%;
}

.contact-link {
	background-color: #ba1616;
	font-size: 140%;
	padding: 15px 10px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: none;
	text-align: center;
	width: 210px;
}

.contact-link a {
	color: #FFFFFF;
}

@media only screen and (max-width: 657px) {
	.contact-link {
		font-size: 110%;
	}
}

/* pega
---------------------------------------------------------- */

table.t-pega-left{
	margin: 10px;
	float: left;
	width: 47%;
	background-color: #f2f2f2;
	overflow: hidden;
}
@media only screen and (max-width: 640px) {
	table.t-pega-left {
		margin: 10px;
		width: 95%;
		background-color: #f2f2f2;
		overflow: hidden;
	}
}

table.t-pega-right{
	margin:10px 10px 10px -90%;
	float: right;
	width: 47%;
	background-color: #f2f2f2;
	overflow: hidden;
}

@media only screen and (max-width: 640px) {
	table.t-pega-right {
		margin: 10px;
		width: 95%;
		background-color: #f2f2f2;
		overflow: hidden;
		float: none;
	}
}

td.white-center{
	color:white;
	text-align: center;
	padding: 3px;
	background-color: #404040;
}

td.peganara-marketing{
	color:white;
	text-align: center;
	background-color: #9146e6;
	padding:15px;
}

td.peganara-sales{
	color:white;
	text-align: center;
	background-color: #228347;
	padding:15px;
}

td.peganara-operations{
	color:white;
	text-align: center;
	background-color: #0070c0;
	padding:15px;
}

td.peganara-customer{
	color:white;
	text-align: center;
	background-color: #ff5f00;
	padding:15px 7px;
}

td.grd-marketing{
	height: 5px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb01cb+0,cd0cc0+21,941bb1+55,6127a5+75,3a319b+100 */
	background: #fb01cb; /* Old browsers */
	background: -moz-linear-gradient(left,  #fb01cb 0%, #cd0cc0 21%, #941bb1 55%, #6127a5 75%, #3a319b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fb01cb 0%,#cd0cc0 21%,#941bb1 55%,#6127a5 75%,#3a319b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fb01cb 0%,#cd0cc0 21%,#941bb1 55%,#6127a5 75%,#3a319b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb01cb', endColorstr='#3a319b',GradientType=1 ); /* IE6-9 */
}

td.grd-sales{
	height: 5px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fa55c+0,5ca657+21,80a951+55,96aa4e+75,b3ac49+100 */
	background: #3fa55c; /* Old browsers */
	background: -moz-linear-gradient(left,  #3fa55c 0%, #5ca657 21%, #80a951 55%, #96aa4e 75%, #b3ac49 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #3fa55c 0%,#5ca657 21%,#80a951 55%,#96aa4e 75%,#b3ac49 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #3fa55c 0%,#5ca657 21%,#80a951 55%,#96aa4e 75%,#b3ac49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa55c', endColorstr='#b3ac49',GradientType=1 ); /* IE6-9 */
}

td.grd-operations{
	height: 5px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a2b81+0,1d4d91+21,2685ab+55,23abbd+75,26cdcd+100 */
	background: #1a2b81; /* Old browsers */
	background: -moz-linear-gradient(left,  #1a2b81 0%, #1d4d91 21%, #2685ab 55%, #23abbd 75%, #26cdcd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1a2b81 0%,#1d4d91 21%,#2685ab 55%,#23abbd 75%,#26cdcd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1a2b81 0%,#1d4d91 21%,#2685ab 55%,#23abbd 75%,#26cdcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2b81', endColorstr='#26cdcd',GradientType=1 ); /* IE6-9 */
}

td.grd-customer{
	height: 5px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff512f+0,fe582c+21,f77a20+55,f3881e+75,fcb91b+100 */
	background: #ff512f; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff512f 0%, #fe582c 21%, #f77a20 55%, #f3881e 75%, #fcb91b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff512f 0%,#fe582c 21%,#f77a20 55%,#f3881e 75%,#fcb91b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff512f 0%,#fe582c 21%,#f77a20 55%,#f3881e 75%,#fcb91b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff512f', endColorstr='#fcb91b',GradientType=1 ); /* IE6-9 */
}

td.check-tytle{
	color: black;
	text-align: center;
	padding:15px 1px;
}

td.check{
	color: black;
	padding: 8px 7px;
}

.p-plat-box1{
    text-align:center;
    border-top: solid 3px #cfcdcd; 
    border-right: solid 5px #cfcdcd; 
    border-bottom: solid 3px #cfcdcd;
    border-left: solid 5px #cfcdcd;
}

.p-plat-box1 table.apr-tbl{
	width: 100%;
	margin: -11px 0px 0px 0px;
	table-layout: fixed;
	border: 3px solid #ffffff;
	border-collapse: collapse;
	color:#ffffff;
	word-wrap:break-word;
}

.p-plat-box1 table.apr-tbl td.apr-td{
	border: 4px solid #ffffff;
	margin: 4px;
	padding: 5px;
}


.p-plat-box2{
	text-align:center;
	background-color: #2e449c;
	margin: 2px 0px 0px 0px;
	padding: 4px 6px 0.5px 6px;
	color: #ffffff;
}

.p-plat-box2 div.b-white{
	margin-bottom:5px;
	margin-bottom:8px;
	padding-top: 5px;
	padding-bottom: 1px;
	background-color: #ffffff;
	color:#2e449c;
}

.p-plat-box2 div.b-white table.plat-tbl{
	width: 95%;
	margin-top:-10px;
	margin-right: auto;
	margin-left: auto;
	table-layout: fixed;
	border: 1px solid #ffffff;
	border-collapse: collapse;
	color:#ffffff;
}

.p-plat-box2 div.b-white table.plat-tbl td.plat-td{
	border: 5px solid #ffffff;
	padding: 1px;
	background-color: #2e449c;
}
.title-box{
    position: relative;
    margin: -16px 10px 0px 10px;
    padding: 2% 5% 2% 5%;
    border: solid 3px #4f81bd;
    text-align:left;
}

.title-box div.b-title{
    position: absolute;
    display: inline-block;
    top: -16%;
    width: 75%; 
    padding: 4px 15px;
    text-align:left;
    background: #4f81bd;
    border-radius:4px;
    color:#ffffff
}

.title-box ul.b-list{
	margin-left: 1em;
	text-indent: -1em;
	list-style-type: none;
	margin-top: 1em;
}
@media only screen and (max-width: 640px) {
	.title-box ul.b-list{
		margin-top: 2em;
	}
}

.title-boxred{
    position: relative;
    margin: 0px 10px 15px 10px;
    padding: 3% 6% 0.5% 6%;
    border: solid 3px #c0504d;
    text-align:left;
}

.title-boxred div.b-title{
    position: absolute;
    display: inline-block;
    top: -13px;
    width: 80%; 
    padding: 3px 15px;
    text-align:left;
    background: #c0504d;
    border-radius:4px;
    color:#ffffff
}

.title-boxred ul.b-list{
	margin-left: 12px;
	text-indent: -12px;
	list-style-type: none;
	margin-top: 1em;
}

@media only screen and (max-width: 640px) {
	.title-boxred ul.b-list{
		margin-top: 2em;
	}
}

.title-boxred li.b-list{
	margin-bottom:9px;
}

.sinariolist{
	display: flex;
}

.sinariolist>li{
	width:25%;
}
@media only screen and (max-width: 640px) {
	.sinariolist{
		display: block;
	}

	.sinariolist>li{
		width:99%;
		margin-bottom: 1px;
		height: 215px;
		display: inline-block;
	}
}

.sinario-table{
	width:100%;
	color:white;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 100%;
 }

.sinario-table th{
	padding: 4px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	background-color: #000000;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.sinario-table td{
	text-align:center;
	background-color: #cccccc;
	border-right: 3px solid #949494;
	border-bottom: 3px solid #949494;
	height: 82%;
	vertical-align: top;
}

.sinario-table ul{
	height: 100%;
}

.sinario-table li{
	height: 11.6%;
}

.sinario-table li.marketing{
	margin: 4px;
	padding:2px;
	background-color: #9146e6;
}

.sinario-table li.sales{
	margin: 4px;
	padding:2px;
	background-color: #228347;
}

.sinario-table li.customer{
	margin: 4px;
	padding:2px;
	background-color: #ff5f00;
}

.sinario-table li.operations{
	margin: 4px;
	padding:2px;
	background-color: #0070c0;
}

.sinario-table li.brank{
	margin: 4px;
	padding:2px;
}

.sinario-table p.icon{
	float: left;
}

.sinario-table th.thtitle{
	text-align:center;
	padding-left:-15px;
	padding-right:5px;
}
.sinario-table th.thtitle dl{
	display: flex;
	flex-wrap: wrap;
	empty-cells: show;
}
.clrGray{
	color: gray;
}
.bgPurple{
	background: #7c459b;
}

.bgGreen{
	background: #659436;
}

.bgOrange{
	background: #f37324;
}
.bgSkyblue{
	background: #0d9bd7;
}

.icontable{
	display: table;
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
}

.icontable li{
	display: table-cell;
	vertical-align: middle;
}

/* 帳票ソリューション
---------------------------------------------------------- */
.formsubtitle{
	background-color: black;
	color: white;
	width: 90%;
	padding: 5px 5px 5px 10px;
	margin-left: 1em;
	font-weight: bold;
}

.formHeading{
    font-weight: bold;
    color: red;
    padding: 0 0 0 20px;
}

.formText{
	padding: 5px 10px 0px 20px;
}

/* Tableau
---------------------------------------------------------- */
.boxdot {
	padding: 5px;
	border: dotted 2px #000;
	background-color: #f4cccc;
	margin-bottom: 5px;
}

ul.ul_discBlack li {
	list-style-type: disc;
}

.pl3em {
	padding-left: 3em;
}

/* システムインテグレーション
---------------------------------------------------------- */

@charset "utf-8";

.box {
 overflow:  hidden;
  position: relative;
}

div.radius_o {
 border: 2px solid #ff9900;
 border-radius: 10px;
 border-width: 3px;
 margin-right: 10px;
 width: 70px;
 height: 20px;
 padding: 10px;
 text-align: center;
 position: relative;
 margin: 10px;
 float: left;
}

div.radius_b {
 border: 2px solid #00bfff;
 border-radius: 10px;
 border-width: 3px;
 margin-right: 10px;
 width: 70px;
 height: 20px;
 padding: 10px;
 text-align: center;
 position: relative;
 margin: 10px;
 float: left;
}

div.radius_g {
 border: 2px solid #32cd32;
 border-radius: 10px;
 border-width: 3px;
 margin-right: 10px;
 width: 70px;
 height: 20px;
 padding: 10px;
 text-align: center;
 position: relative;
 margin: 10px;
 float: left;
}

div.radius_y {
 border: 2px solid #ffd700;
 border-radius: 10px;
 border-width: 3px;
 margin-right: 10px;
 width: 70px;
 height: 20px;
 padding: 10px;
 text-align: center;
 position: relative;
 margin: 10px;
 float: left;
}

/* 横方向に中央揃え */
.txt {
  display: table-cell;
  vertical-align: middle;
  width: inherit;
  height: inherit;
  text-align: center;
}

.under-element{
  clear: both;
}

.left{
 font-size:15px;
 text-align: left;
 }

.zero{
 font-size:0;
 }

.item-list{
  display: inline-block;
  font-size: 12px;
  width: 50%;
}

.sec{
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

/* img{
  margin-right: 10px;
  float: left;
} */

.center{
 eight: 50px;
 line-height: 50px;
}

div.img-flex{
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

.word{
	margin:  30px;
	width: 40%;
	float: left;
}

.absolute_parent{
    position:  relative;
    left:  30px;
    top: 30px;
    border: solid 2px red;
    height:  190px;
    width: 500px;
}
 
.absolute_test{
    position:  absolute;
    background-color: #ccc;
    padding:  20px;

    top: 50px;
}

.disp-block {
  display: block;
}

.blockcenter{
  margin-left: auto;
  margin-right: auto;
  border: 1px dashed #999;
}

.appIconBig{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.wrap0 {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap0 img {
  width: 300px;
  height: auto;
  vertical-align: top;
  align-items: top;
}

.wrap3 {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap3 img {
  width: 200px;
  height: auto;
  vertical-align: top;
  align-items: top;
}

.wrap1 {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap1 img {
  width: 10%;
  height: 10%;
  vertical-align: top;
  align-items: top;
}

.wrap2 {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  vertical-align: top;
}
.wrap2 img {
  width: 200px;
  height: auto;
  vertical-align: top;
  align-items: top;
}

.textbox{
  width:600px;
  height:200px;
  text-align:top;
}

.global {
    padding:  0;
    margin:  0;
    list-style: none;
    text-align:  center;
}
 
.global > li {
    display:  inline-block;
    width: 100px;
    vertical-align:  middle;
}
 
.global > li > a {
    color: #222;
    background-color:  #ccc;
    text-decoration:  none;
    display:  inline-block;
    padding:  10px;
    width:  100%;
    box-sizing:  border-box;
}

.under {
  text-decoration: underline;
}

p.fuchidori {
-webkit-text-stroke-color: #000;
-webkit-text-stroke-width: 1px;
}

/* インフラサービス
---------------------------------------------------------- */
/* マウスオーバー時に画像をずらし、半透明にする */
img.ImgHover:hover{
	position:relative;
	top:3pt;
	left:3pt;
	filter:alpha(opacity=70); /*IE用*/
	opacity:0.7; /*Safari用*/
	-moz-opacity: 0.7; /*Firefox用*/
}

#lineup ul{
	text-align:center;
}

#lineup ul li{
	display: inline-block;
	width: 30%;
}

/* imgにかかっているfloatをnoneへ */
.FloatNone{
	float: none;
}

/* リストの2行目以降の字下げ(インデント) */
.UlIndent{
    padding-left: 1em;
    text-indent: -1em;
}