@charset "UTF-8";
/* for topicpath in contents-main */
#topicpath {
	background: #F4F4F4;
	line-height: 1;
}
.ms #contents-sub div:first-child:before {
	background: #F4F4F4;
	content: "";
	display: block;
	font-size: 10px;
	font-size: 10rem;
	height: 1.5em;
	padding: 10px 0;
 }
/* static common */
.static h3 {
	border-bottom: 3px solid #FAFF42;
	border-top: 1px solid #F2F2F2;
	margin: 0 0 1em;
}
.static h3:before {
	border-top-color: #FAFF42;
}
.static section+section {
	margin-top: 2em;
}
.static section > p {
	padding: 0 15px;
}
/* page:reference
------------------------------ */
#reference,
#reference > p {
	margin-bottom: 30px;
}
#reference .align_r {
	text-align: right;
}
#reference h2:first-child {
	margin-bottom: 0;
}
/* policy */
#policy ol {
	padding: 0 20px;
}
#policy ol li {
	counter-increment: cnt;
	list-style-type: none;
	list-style-position: inside;	
	margin: 0 0 10px 1em;
	text-indent: -1em;
}
#policy ol li:before {
	width: 1em;
	text-align: right;
	display: inline-block;
	content: counter(cnt) ".";
}
/* standard */
#standard > ol > li {
	margin: 0 0 30px;
}
	#standard > ol > li > ol,
	#standard > ol > li > p,
	#standard > ol > li > cite {
		padding: 0 2em;
	}
		#standard > ol > li > ol > li {
			margin: 0 0 20px 1em;
			text-indent: -1em;
		}
			#standard > ol > li > ol > li ol {
				padding: 5px 0 0 1.7em;
				text-indent: 0;
			}
			#standard > ol > li > ol > li li {
				list-style-type: lower-alpha;
				margin-bottom: 5px;
			}
#standard cite {
	display: block;
	margin: 10px 0 0 1em;
	text-indent: -1em;
}
#standard cite + cite {
	margin-top: 0;
}
#standard .asterisk {
	margin-left: 1em;
	text-indent: -1em;
}

/* itweb */
body.itweb { background: #FFF; }
body.itweb #header_navigation { display: none; }
body.itweb #contents-main { border-bottom: none; margin-bottom: 50px; }

#offerer_itweb { font-size: 16px; margin-top: 30px; }
	#offerer_itweb .link-button { margin: 50px 0; text-align: center; }
	#offerer_itweb .page-header {
		background: #039 url(../images/offerer/itweb/img_head.jpg) no-repeat 545px 10px;
		margin-bottom: 35px;
		padding: 24px 10px 10px 28px;
	}
		#offerer_itweb .page-header .inner {
			width: 494px;
			text-align: center;
		}
		#offerer_itweb .page-header p {
			margin-top: 18px;
		}
		#offerer_itweb .page-header .btn {
			position: relative;
		}
			#offerer_itweb .page-header .btn .icon {
				left: -5px;
				position: absolute;
				top: -11px;
				z-index: 10;
			}
	#offerer_itweb h2:before,
	#offerer_itweb h3:before { display: none; }
	#offerer_itweb .page-main h2 {
		border-top: none;
		border-bottom: 4px solid #FAFF42;
		font-size: 34px;
		margin-bottom: 20px;
		padding: 0 0 5px;
	}
	#offerer_itweb .reason-wrap {
		border-spacing: 18px;
		display: table;
		margin: 0 -18px;
	}
	#offerer_itweb .reason-item {
		border: 5px solid #039;
		display: table-cell;
		padding: 20px;
		width: 308px;
	}
		#offerer_itweb .reason-item h3 {
			color: #039;
			display: block;
			margin: 0 -20px 15px;
			overflow: visible;
			padding: 0 0 0 120px;
			position: relative;
			z-index: 1;
		}
			#offerer_itweb .reason-item h3 .icon {
				background-position: 0 0;
				background-repeat: no-repeat;
				display: block;
				height: 120px;
				left: -10px;
				position: absolute;
				top: -30px;
				width: 120px;
				z-index: 100;
			}
			#offerer_itweb .reason-item.item-01 .icon { background-image: url(../images/offerer/itweb/img_reason_01.png); }
			#offerer_itweb .reason-item.item-02 .icon { background-image: url(../images/offerer/itweb/img_reason_02.png); }
			#offerer_itweb .reason-item.item-03 .icon { background-image: url(../images/offerer/itweb/img_reason_03.png); }
	#offerer_itweb .copy {
		color: #FF7272;
		font-size: 22px;
		text-align: center;
	}
	#offerer_itweb .case-wrap {
		background-position: 30px 50%;
		background-repeat: no-repeat;
		margin-bottom: 20px;
		min-height: 130px;
		padding-left: 192px;
	}
		#offerer_itweb .case-wrap.case-01 { background-image: url(/common/images/offerer/itweb/img_case_01.gif); }
		#offerer_itweb .case-wrap.case-02 { background-image: url(/common/images/offerer/itweb/img_case_02.gif); }
		#offerer_itweb .case-wrap.case-03 { background-image: url(/common/images/offerer/itweb/img_case_03.gif); }
		#offerer_itweb .case-wrap.case-04 { background-image: url(/common/images/offerer/itweb/img_case_04.gif); }
	#offerer_itweb .case-item {
		background: #F4F4F4;
		border-radius: 5px;
		font-size: 16px;
		padding: 20px;
	}
		#offerer_itweb .case-item h3 {
			background: #039;
			color: #FFF;
			display: inline-block;
			font-size: 22px;
			line-height: 1.2;
			margin-bottom: 15px;
			padding: 10px 15px;
		}
		#offerer_itweb .case-item p span {
			background: #FFFFB2;
			padding: 3px;
		}
	
	#offerer_itweb table.compare {
		margin: 13px 0 30px;
		width: 100%;
	}
		#offerer_itweb table.compare td { border-left: 2px solid #FFF; font-size: 14px; padding: 12px 6px; }
		#offerer_itweb table.compare th,
		#offerer_itweb table.compare td {
			background: #F4F4F4;
			text-align: center;
		}
		#offerer_itweb table.compare .even th,
		#offerer_itweb table.compare .even td {
			background: #E8E8E8;
		}
		#offerer_itweb table.compare thead th {
			background: #039;
			border-left: 2px solid #FFF;
			color: #FFF;
			font-size: 16px;
			padding: 10px;
			width: 5em;
		}
		#offerer_itweb table.compare thead th.tsite {
			background: #FAFF42;
			color: #000;
			width: 330px;
		}
		#offerer_itweb table.compare td.tsite {
			color: #FF7272;
			font-size: 28px;
			font-weight: bold;
		}
			#offerer_itweb table.compare td.tsite span { font-size: 15px; }
		#offerer_itweb table.compare tbody th { font-size: 17px; width: 210px; }
		#offerer_itweb .caption {
			border: 4px solid #001E5D;
			display: inline-block;
			font-size: 22px;
			font-weight: bold;
			padding: 8px 25px;
		}
#offerer_itweb .page-footer {
	border: 5px solid #666;
	margin: 0 30px;
	padding: 0 44px 30px;
	width: 900px;
}
	#offerer_itweb .page-footer h2 {
		background: #666;
		border-top: none;
		color: #FFF;
		font-size: 22px;
		margin: 0 -44px 30px;
		padding: 8px 0 13px;
		text-align: center;
	}
	#offerer_itweb .page-footer ul {
		margin-bottom: 30px;
	}
	#offerer_itweb .page-footer ul li {
		border: 5px solid #039;
		border-radius: 3px;
		float: right;
		padding: 12px 0;
		text-align: center;
		width: 380px;
	}
		#offerer_itweb .page-footer ul li:first-child { float: left; }
		#offerer_itweb .page-footer ul li a {
			color: #039;
			font-size: 24px;
			font-weight: bold;
			text-decoration: underline;
		}
		#offerer_itweb .page-footer dl {
			background: #E0EDFE;
			display: table;
			font-weight: bold;
			line-height: 1.2;
			margin-bottom: 10px;
			padding: 5px;
			text-align: center;
			width: 100%;
		}
		#offerer_itweb .page-footer dt,
		#offerer_itweb .page-footer dd {
			display: table-cell;
		}
		#offerer_itweb .page-footer dt {
			background: url(/common/images/offerer/itweb/icon_tel.gif) no-repeat 20px 50%;
			color: #039;
			font-size: 28px;
			padding-left: 45px;
		}
			#offerer_itweb .page-footer dt img { margin: -5px 20px 0 0; vertical-align: middle; }
		#offerer_itweb .page-footer dd {
			background: #FFF;
			color: #FF7272;
			font-size: 36px;
			padding: 20px 0;
			width: 350px;
		}
		#offerer_itweb .page-footer dl+p { font-size: 15px; }

/* lib */
.fwB { font-weight: bold; }