@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html { height: 100%; }

body {
	color: #000000;
	background-color: #f6f6f6;
	font-family: Arial, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	text-align: left;
	height: 100%;
	-webkit-text-size-adjust: none;
}

body > #container { height: auto; }

a:link { color: #0000cc; text-decoration: underline; }
a:visited { color: #0000cc; text-decoration: underline; }
a:active { color: #0000cc; text-decoration: underline; }
a:hover { color: #ff6600; text-decoration: underline; }

ul, ol { list-style: none; }

img {
	vertical-align: baseline;
	border: 0;
}


/*------------ contents ------------*/


/* ---使用許諾契約書 Box--- */
div.dlLicenceDocument {
	border: solid 1px gray;
	margin: 10px 0%;
	overflow-y: scroll;
	height: 12em;
	text-align: left;
	background-color: #ffffec;
	padding: 10px;
}

#contents ol.list_parentheses{
	padding:0 0 0 2em;
	margin:0;
}

#contents ol.list_parentheses li{
	list-style-type:none;
	list-style-position:inside;
	margin-top: 1em;
	counter-increment: cnt;
}
#contents ol.list_parentheses li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}

#contents div.dlLicenceDocument p {
	margin-bottom: 1.0em;
}


/* UI Term */
#contents span.ui { font-weight: bold; }
#contents span.Manual { font-weight: inherit; font-style: italic; }
#contents h1 span.Manual { font-style: normal; }
#contents span.Media_ProductName { font-weight: inherit; }
#contents span.Prohibit { font-weight: inherit; }

/* UI Term (OS) */
#contents span.os_ui { font-weight: bold; }

/* UI Term (other) */
#contents span.other_ui { font-weight: inherit; }


/*------------ contents ------------*/

/* Link */
#contents p.link { 
	text-align: right;
}
#contents p.link a{
	color: #0000cc;
	text-decoration: none;
	outline: none;
}
#contents p.link a:hover { 
	color: #ff6600;
	text-decoration: none; 
}
#contents p.link span.arrow_img {
	display: inline-block;
	width: 61px;
	height: 19px;
	background-image: none;
}
#contents p.link span.arrow_img img {
	visibility: visible;
}
#contents p.link:hover span.arrow_img img {
	visibility: hidden;
}
#contents p.link:hover span.arrow_img {
	background-image: url(images/others/ref_arrow_r.gif);
}


/* Version Button */
#contents div ul.version_button {
	list-style-type: none;
	margin-bottom: 1.8em;
	padding-left: 0;
}
#contents div ul.version_button li a:before {
	content: url(images/others/arrow_02.gif);
	padding-right: 0.5em;
}

#contents div ul.version_button li a {
	display: block;
	background-color: #ffffff;
	border: 1px solid #999999;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px #000000; /* Android2.3 */
	box-shadow: 1px 1px 3px gray;
	color: #000000;
	padding: 1em;
	text-decoration: none;
}
#contents div ul.version_button li a:hover {
	color: #cc0000;
}
#contents div ul.version_button li a span.app_name {
	font-size: 1.2em;
	font-weight: bold;
}


/* Download button */
#contents div ul.download_button {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
}
#contents div ul.download_button li {
	margin-bottom: 1.5em;
	border: 1px solid gray;
	display: block;
	width: auto;
	text-align: left;
	padding: 1em 1.5em 1em 1.5em;
	border-radius: 3px;
	box-shadow: 1px 1px 3px grey;
}
#contents div ul.download_button li.download_button_wm div.download_button_section_line {
	border-bottom: 1px solid gray;
	margin-top: 1.5em;
	padding: 0.5em;
	text-align: center;
	padding-bottom: 2em;
}
#contents div ul.download_button li.download_button_wm div.download_button_only p.PTA_dl_button {
	text-align: center;
}
#contents div ul.download_button li.download_button_wm div.download_button_only div.download_button_only_button {
	text-align: center;
	padding: 1em 0.5em;
	margin-top: 1.5em;
}
#contents div ul.download_button li.download_button_wm div.download_button_section {
	width: auto;
	float: none;
	padding: 1em 0.5em;
	margin-top: 1.5em;
	text-align: center;
}
#contents div ul.download_button li.download_button_wm a {
	display: inline-block;
	margin: 0 auto;
	padding: 0.5em 2em;
	color: #686868;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	background-color: #f0f0f0;
	border: none;
	border-radius: 3px;
	box-shadow: 1px 1px 3px grey;
}
#contents div ul.download_button li.download_button_wm a:hover {
	color: #464646;
}
#contents div ul.download_button li.download_button_wm a img {
	vertical-align: middle;
	padding-right: 0.3em;
	max-width: 30px;
}
#contents div ul.download_button li.download_button_wm a:hover {
	background-color: #e0e0e0;
}
#contents div ul li a span.download_button_title {
	font-size: 1.2em;
	font-weight: bold;
}
#contents div ul li.download_button_ia p.headword {
	margin-bottom: 0.5em;
}


@media screen and (min-width: 480px) {
	body { font-size: 87.5%; }

	/* section Block */

/* Download button */
	#contents div ul.download_button {
		text-align: left;
	}
	#contents div ul.download_button li {
		vertical-align: top;
	}
	#contents div ul.download_button li:nth-child(even) {
			padding-left: 1.5em;
	/*	padding-left: 2%;*/
	}
	#contents div ul.download_button li.download_button_wm a {
		font-size: 85%;
		padding: 0.5em 1.6em;
	}
	#contents div ul.download_button li.download_button_wm a img {
		max-width: 30px;
	}
	#contents div ul.download_button li.download_button_wm p.PTA_dl_button {
		text-align: center;
		display: table-cell;
		vertical-align: top;
		width: 41%;
	}
	#contents div ul.download_button li.download_button_wm div.download_button_section_line {
		display: table;
		width: 100%;
		padding: 0 0.5em;
		padding-bottom: 2em;
	}
	#contents div ul.download_button li.download_button_wm div.download_button_only {
		display: table;
		width: 100%;
	}
	#contents div ul.download_button li.download_button_wm div.download_button_only div.download_button_only_button {
		text-align: center;
		padding: 0;
		margin-top: 0;
	}
	#contents div ul.download_button li.download_button_wm div.download_button_only p.headword {
		width: 59%;
		display: table-cell;
		text-align: left;
		vertical-align: top;
		padding: 1em 0 0.5em 0;
	}

	#contents div ul.download_button li.download_button_wm div.download_button_only p.headword_dl {
		width: 59%;
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		padding: 1em 0 0.5em 0;
		font-size: 1.0em;
		font-weight: bold;
	}

	#contents div ul.download_button li.download_button_wm div.download_button_only p.PTA_dl_button {
		width: 41%;
		display: table-cell;
		text-align: center;
		vertical-align: top;
		padding: 0.5em 0.5em 1em 0.5em;
	}
	#contents div ul.download_button li.download_button_wm div.download_button_section {
		display: table;
		width: 100%;
		padding-top: 0;
	}

}


/*----- base -----*/
@media screen and (min-width: 800px) {
	body { font-size: 100%; }

	/*------------ contents ------------*/
	#contents { width: 752px; }
}