@charset "utf-8";

/* ===========================================
	mobavle type 5 style.

	[] Header style.
	[] contents style.
		- #MTLicence
		- #MTFreeLicence
		- #MTAnnouncement
		- #MTCase
		- #navRelativeArticle

	[] Footer style.
	[] Common style.
		- icon style.
============================================== */

html { font-size: 12px; }

body {
	background-color: #c0d0da;
	background-image: url(images/pat_body.png), -moz-linear-gradient(-90deg,rgb(137, 163, 180) 0%,rgb(219,230,236) 100%);
	background-image: url(images/pat_body.png), -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(137, 163, 180)),color-stop(1, rgb(219,230,236)));
	background-image: url(images/pat_body.png), linear-gradient(-90deg,rgb(137, 163, 180) 0%,rgb(219,230,236) 100%);
	font: 1em/1.5 "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
}
	body:before {
		content: "";
		position: relative;
		display: block;
		height: 14px;
		background: url(images/bg_body_border.png) left top repeat-x;
		z-index: 10;
	}
input , textarea {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

a:link {
	color: #0c434f;
}
a:visited {
	color: #66797d;
}
a:hover {
	color: #098cad;
}
a:active {
	color: #343535;
}

#container {
	position: relative;
	margin: -14px auto 0;
	padding: 16px 12px 12px;
	width: 936px;
	background-color: #fff;
	-moz-box-shadow: 0 0 5px rgba(21,36,39,0.2);
	-webkit-box-shadow: 0 0 5px rgba(21,36,39,0.2);
	box-shadow: 0 0 5px rgba(21,36,39,0.2);
}
	#container > section {
		padding: 0 11px;
	}

/* ---------------------------------
	Header style. [=toNext]
------------------------------------ */
#header {
	margin: 0 -12px 35px;
}
#logo {
	margin-bottom: 14px;
	padding: 0 12px;
}
#navGlobal {
	padding: 5px 12px 0;
	height: 32px;
	background-color: #1a2e32;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(21, 36, 39)),color-stop(1, rgb(30, 56, 61)));
	background-image: -moz-linear-gradient(-90deg,rgb(21, 36, 39) 0%,rgb(30, 56, 61) 100%);
	background-image: linear-gradient(-90deg,rgb(21, 36, 39) 0%,rgb(30, 56, 61) 100%);
	border-top: solid 2px #90a9b9;
}
	#navGlobal li {
		float: left;
	}
	#navGlobal a {
		float: left;
		margin-right: 6px;
		padding: 0 13px;
		height: 27px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background-image: url(images/pat_btn.png), -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(84,134,167,0.68)),color-stop(1, rgba(44,64,77,0.34)));
		background-image: url(images/pat_btn.png), -moz-linear-gradient(-90deg,rgba(84,134,167,0.68) 0%,rgba(44,64,77,0.34) 100%);
		background-image: url(images/pat_btn.png), linear-gradient(-90deg,rgba(84,134,167,0.68) 0%,rgba(44,64,77,0.34) 100%);
		border-radius: 4px;
		color: #fff;
		text-shadow: 1px 1px 1px rgba(38,62,67,1);
		text-decoration: none;
		line-height: 27px;
		-moz-box-shadow: 1px 1px 2px rgba(21,36,39,0.71);
		-webkit-box-shadow: 1px 1px 2px rgba(21,36,39,0.71);
		box-shadow: 1px 1px 2px rgba(21,36,39,0.71);
	}
	#navGlobal a:hover {
		background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(83,166,204,0.71)),color-stop(1, rgba(50,89,115,0.34)));
		background-image: -moz-linear-gradient(-90deg,rgba(83,166,204,0.71) 0%,rgba(50,89,115,0.34) 100%);
		background-image: linear-gradient(-90deg,rgba(83,166,204,0.71) 0%,rgba(50,89,115,0.34) 100%);
	}
	#navGlobal a:active {
		background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(83,113,133,0)),color-stop(1, rgba(44,64,77,0.54)));
		background-image: -moz-linear-gradient(-90deg,rgba(83,113,133,0) 0%,rgba(44,64,77,0.54) 100%);
		background-image: linear-gradient(-90deg,rgba(83,113,133,0) 0%,rgba(44,64,77,0.54) 100%);
		-moz-box-shadow: 1px 1px 3px rgba(109,195,212,0.18), 2px 2px 3px rgba(0,0,0,0.43) inset;
		-webkit-box-shadow: 1px 1px 3px rgba(109,195,212,0.18), 2px 2px 3px rgba(0,0,0,0.43) inset;
		box-shadow: 1px 1px 3px rgba(109,195,212,0.18), 2px 2px 3px rgba(0,0,0,0.43) inset;
	}

.btnToDocument {
	position: absolute;
	right: 9px;
	top: 17px;
}

.utility {
	position: relative;
}
	.utility form {
		position: absolute;
		right: 12px;
		top: -32px;
	}
	.utility input {
		vertical-align: top;
	}
	.utility #q {
		padding-left: 8px;
		width: 184px;
		height: 27px;
		background: url(images/bg_search.png) left top no-repeat;
		border: none;
		color: #666;
		line-height: 27px;
	}

/* ---------------------------------
	contents style. [=toNext]
------------------------------------ */
#introduction {
	margin-bottom: 35px;
}
	#introduction .txtIntroduction {
		float: left;
		margin-right: 22px;
		width: 444px;
	}
	#introduction h2 {
		margin-bottom: 17px;
		padding-bottom: 2px;
		border-bottom: double 3px #000;
		font-weight: normal;
		font-size: 2em;
		color: #010101;
	}
	#introduction .txtIntroduction > p {
		font-size: 1.17em;
		line-height: 1.71em;
	}
	#introduction .contFigure {
		display: -moz-box;
		display: -webkit-box;
		width: 446px;
	}
		#introduction .contFigure p {
			font-size: 0.83em;
			text-align: right;
		}
			#introduction .contFigure a span {
				padding-left: 16px;
				background: url(images/ico_zoom.gif) left center no-repeat;
			}
			#introduction .contFigure p img {
				margin-bottom: 5px;
				border: solid 1px #a7bcc8;
			}
				#introduction .contFigure p a:hover img {
					border-color: #4bb2f8;
				}
		#introduction .contFigure p:first-child {
			margin-right: 22px;
		}

#contentsOfMT {
	clear: both;
}
	#contentsOfMT > section {
		margin-bottom: 38px;
	}
	#contentsOfMT section h3 {
		margin: 0 -11px 11px;
		padding-left: 12px;
		height: 30px;
		background-color: #dbe6ec;
		background-image: -webkit-gradient(linear, right top, left top,color-stop(0, rgba(255,255,255,0.75)),color-stop(1, rgba(255,255,255,0)));
		background-image: -moz-linear-gradient(180deg,rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(180deg,rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%);
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		color: #192b2f;
		font-size: 1.17em;
		font-weight: bold;
		line-height: 30px;
		text-shadow: 1px 1px 0 #fff;
	}

.blockExplanation {
	display: -moz-box;
	display: -webkit-box;
	display: box;
}
	.blockExplanation div ,
	.blockExplanation section {
		margin-right: 22px;
		width: 290px;
	}
		.blockExplanation div img {
			border: solid 1px #a7bcc8;
		}

#MTNewFeature .blockExplanation p {
	margin-bottom: 10px;
}
#MTNewFeature .blockExplanation a {
	font-weight: bold;
}


/* ---------- #MTLicence [=toNext] -------------- */
#MTLicence section {
	background-color: #e6eef2;
	background-position: 0 47px;
}
	#MTLicence section p {
		padding: 12px;
	}
	#MTLicence section .moreInfo {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		margin-bottom: 6px;
		padding-bottom: 0;
		padding-right: 12px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#MTLicence section .btnToDownload {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		margin-bottom: 6px;
		padding-bottom: 0;
		text-align: center;
	}
		#MTLicence section .btnToDownload a {
			display: inline-block;
			width: 210px;
			height: 30px;
			border: solid 1px #a3c282;
			background-color: #b9d49d;
			background-image: url(images/ico_tri.gif), -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(234, 245, 232)),color-stop(0.4, rgb(194, 210, 191)),color-stop(0.4, rgb(175, 197, 172)),color-stop(1, rgb(149, 171, 145)));
			background-image: url(images/ico_tri.gif), -moz-linear-gradient(-90deg,rgb(234, 245, 232) 0%,rgb(194, 210, 191) 48%,rgb(175, 197, 172) 49%,rgb(149, 171, 145) 100%);
			background-image: url(images/ico_tri.gif), linear-gradient(-90deg,rgb(234, 245, 232) 0%,rgb(194, 210, 191) 48%,rgb(175, 197, 172) 49%,rgb(149, 171, 145) 100%);
			background-repeat: no-repeat;
			background-position: 95% 9px, left top;
			color: #4a721e;
			font-weight: bold;
			text-decoration: none;
			text-shadow: 1px 1px 0 #fff;
			line-height: 30px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
		}
			#MTLicence section .btnToDownload a:hover {
				border-color: #a3c282;
				background-image: url(images/ico_tri.gif), -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(244, 255, 233)),color-stop(0.4, rgb(203, 226, 179)),color-stop(0.4, rgb(187, 214, 159)),color-stop(1, rgb(151, 181, 119)));
				background-image: url(images/ico_tri.gif), -moz-linear-gradient(-90deg,rgb(244, 255, 233) 0%,rgb(203, 226, 179) 47%,rgb(187, 214, 159) 49%,rgb(151, 181, 119) 100%);
				background-image: url(images/ico_tri.gif), linear-gradient(-90deg,rgb(244, 255, 233) 0%,rgb(203, 226, 179) 47%,rgb(187, 214, 159) 49%,rgb(151, 181, 119) 100%);
			}
			#MTLicence section .btnToDownload a:active {
				padding-top: 1px;
				height: 29px;
				border-color: #9ca899;
				background-image: url(images/ico_tri.gif), -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(216, 228, 214)),color-stop(0.4, rgb(189, 202, 186)),color-stop(0.4, rgb(171, 189, 167)),color-stop(1, rgb(145, 164, 141)));
				background-image: url(images/ico_tri.gif), -moz-linear-gradient(-90deg,rgb(216, 228, 214) 0%,rgb(189, 202, 186) 46%,rgb(171, 189, 167) 48%,rgb(145, 164, 141) 100%);
				background-image: url(images/ico_tri.gif), linear-gradient(-90deg,rgb(216, 228, 214) 0%,rgb(189, 202, 186) 46%,rgb(171, 189, 167) 48%,rgb(145, 164, 141) 100%);
				background-position: 95% 10px, left top;
				-moz-box-shadow: 2px 2px 4px #8a9b86 inset;
				-webkit-box-shadow: 2px 2px 4px #8a9b86 inset;
				box-shadow: 2px 2px 4px #8a9b86 inset;
			}
	#MTLicence section h4 {
		padding: 8px 12px;
		border-bottom: solid 1px #fff;
		background-color: #dbe6ec;
	}
		#MTLicence section h4 + p {
			padding: 5px 12px;
			font-size: 0.83em;
		}
		#MTLicence section p:nth-of-type(2) {
			position: relative;
			min-height: 120px;
			background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(249, 251, 252)),color-stop(1, rgb(230, 238, 242)));
			background-image: -moz-linear-gradient(-90deg,rgb(249, 251, 252) 0%,rgb(230, 238, 242) 100%);
			background-image: linear-gradient(-90deg,rgb(249, 251, 252) 0%,rgb(230, 238, 242) 100%);
		}
		#MTLicence section > *:last-child {
			padding-bottom: 0;
			padding: 6px 12px;
			border-top: solid 1px #fff;
		}

/* ---------- #MTFreeLicence [=toNext] -------------- */
	#MTLicence #MTFreeLicence {
		background-color: #e7efe6;
		position: relative;
	}
		#MTLicence #MTFreeLicence h4 {
			background-color: #dce7da;
		}
		#MTLicence #MTFreeLicence h4 + p {
			background-color: #dce7da;
		}
		#MTFreeLicence .icoFree {
			position: absolute;
			right: -7px;
			top: -8px;
		}
		#MTLicence #MTFreeLicence p:nth-of-type(2) {
			background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(249, 251, 249)),color-stop(1, rgb(231, 239, 230)));
			background-image: -moz-linear-gradient(-90deg,rgb(249, 251, 249) 0%,rgb(231, 239, 230) 100%);
			background-image: linear-gradient(-90deg,rgb(249, 251, 249) 0%,rgb(231, 239, 230) 100%);
		}

/* ---------- #MTAnnouncement [=toNext] -------------- */
#MTAnnouncement section:first-child {
	margin-right: 11px;
	padding-right: 12px;
	border-right: solid 1px #ddd;
}
#MTAnnouncement section ,
#MTAnnouncement table {
	width: 444px;
}
	#MTAnnouncement table tbody tr:nth-child(odd) {
		background-color: #f3f8fb;
	}
	#MTAnnouncement table tbody th {
		padding: 7px;
		font-weight: normal;
		vertical-align: top;
		white-space: nowrap;
	}
	#MTAnnouncement table tbody td {
		padding: 7px;
	}
	#MTAnnouncement table thead td {
		padding-bottom: 8px;
		font-weight: bold;
	}
	#MTAnnouncement table tfoot td {
		padding-top: 15px;
	}


/* ---------- #MTCase [=toNext] -------------- */
.contCaption {
	margin-bottom: 26px;
}
.listImg {
	float: left;
	margin-right: 24px;
	margin-bottom: 18px;
	width: 602px;
	min-height: 114px;
}
	.listImg dt {
		position: relative;
		margin-bottom: 3px;
		padding-left: 157px;
	}
		.listImg dt img {
			border: solid 1px #a7bcc8;
		}
		.listImg dt a {
			font-weight: bold;
		}
		.listImg dt .icoNew {
			position: absolute;
			left: -8px;
			top: -8px;
		}
	.listImg dd {
		padding-left: 157px;
	}
		.listImg img {
			position: absolute;
			left: 0;
			top: 0;
		}

.listSubInfo {
	float: right;
	margin-bottom: 18px;
	padding: 11px;
	width: 264px;
	background-color: #f3f8fb;
	border: dotted 1px #dbe6ec;
}
	.listSubInfo dt {
		font-weight: bold;
	}
	.listSubInfo dd {
		padding-left: 12px;
		background: url(images/ico_bullet.gif) 0 0.4em no-repeat;
	}

/* ---------- #navRelativeArticle [=toNext] -------------- */
#container #navRelativeArticle {
	padding: 11px 0 0;
	border-top: solid 1px #ddd;
}
	#container #navRelativeArticle p:first-child {
		margin-bottom: 5px;
		line-height: 1.3;
	}
	#container #navRelativeArticle a {
		font-weight: bold;
	}
	#container #navRelativeArticle .blockExplanation div {
		margin-right: 1px;
		padding: 12px;
		width: 233px;
		background-color: #dbe6ec;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}


/* ---------------------------------
	Footer style. [=toNext]
------------------------------------ */
#footer {
	overflow: hidden;
	background-color: #fff;
}
	#footer a {
		color: #b4ccd9;
	}
	#ttlFooter {
		margin-bottom: 18px;
		color: #fff;
		font-size: 1.17em;
		font-weight: bold;
	}
		#ttlFooter:after {
			content: "";
			display: block;
			margin-top: 3px;
			height: 3px;
			background-color: rgba(146,182,189,0.24);
			-moz-box-shadow: 0 1px 2px rgba(28,31,32,0.82);
			-webkit-box-shadow: 0 1px 2px rgba(28,31,32,0.82);
			box-shadow: 0 1px 2px rgba(28,31,32,0.82);
		}
	#footer #navRelativeInfo {
		padding-bottom: 4px;
		padding-top: 13px;
		background-color: #062d35;
		background-image: url(images/pat_footer.png), -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(21,36,39,0)),color-stop(1, rgb(21, 36, 39)));
		background-image: url(images/pat_footer.png), -moz-linear-gradient(-90deg,rgba(21,36,39,0) 0%,rgb(21, 36, 39) 100%);
		background-image: url(images/pat_footer.png), linear-gradient(-90deg,rgba(21,36,39,0) 0%,rgb(21, 36, 39) 100%);
		-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.28);
		-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.28);
		box-shadow: 1px 1px 4px rgba(0,0,0,0.28);
		color: #b4ccd9;
	}
		#navRelativeInfo:after {
			content: "";
			clear: both;
			display: block;
		}
		#footer #navRelativeInfo #innerNavRelativeInfo {
			margin: 0 auto;
			width: 960px;
		}
			#footer #innerNavRelativeInfo  > div {
				float: left;
				margin-right: 30px;
				margin-bottom: 20px;
				width: 300px;
			}
			#footer #innerNavRelativeInfo  > div:nth-of-type(3n) {
				margin-right: 0;
			}
			#footer #innerNavRelativeInfo  > div:nth-of-type(4n) {
				clear: both;
			}
			#footer #innerNavRelativeInfo .relativeLink {
				margin-bottom: 4px;
			}
			#footer #innerNavRelativeInfo .relativeLink a {
				font-weight: bold;
			}

		#contCopyright {
			position: relative;
			margin: 0 auto;
			padding: 8px 0;
			width: 960px;
			font-size: 0.83em;
		}
		#contCopyright a {
			color: #000;
		}
		#contCopyright img {
			margin-right: 9px;
			vertical-align: bottom;
		}
		#copyright {
			position: absolute;
			right: 0;
			bottom: 8px;
		}

/* ---------------------------------
	Common style. [=toNext]
------------------------------------ */
.moreInfo {
	clear: both;
	text-align: right;
}
.moreInfo a {
	padding: 0 13px 0 25px;
	background: url(images/ico_mt.png) left center no-repeat, url(images/ico_arw.gif) right center no-repeat;
}

/* ---------- icon style. [=toNext] -------------- */

#MTFreeLicence .icoFree {
	display: block;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	background-color: #ffde00;
	padding: 0 !important;
	width: 4em;
	height: 4em;
	color: #da0f00;
	font-weight: bold;
	line-height: 4em;
	text-align: center;
	text-shadow: 1px 1px 1px #fff;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.38);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.38);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.38);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
.icoNew {
	display: block;
	-moz-border-radius: 1.75em;
	-webkit-border-radius: 1.75em;
	border-radius: 1.75em;
	background-color: #da0f00;
	padding: 0 !important;
	width: 3.5em;
	height: 3.5em;
	color: #fff;
	font-weight: bold;
	line-height: 3.5em;
	text-align: center;
	text-shadow: 1px 0 1px #aa0c00;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.38);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.38);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.38);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
.icoImportant , .icoSixapert , .icoProNet {
	margin-right: 5px;
	padding: 0 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 0.83em;
	font-weight: bold;
}
.icoImportant {
	background-color: #d00036;
}
.icoSixapert {
	background-color: #aab45a;
}
.icoProNet {
	background-color: #9b9b9b;
}