@charset "utf-8";

/*------------ header ------------*/
/* navi */
#header div.TAP_nav {
	margin-bottom: 10px;
}

#header div.TAP_nav:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

/* Search number */
#header p.TAP_search_num {
	float: left;
	margin-left: 3%;
	margin-bottom:0.3em;
	padding: 0 0.5em;
	border: 1px solid #000000;
}

/* header logo */
/*Top page*/
#header div.TAP_header_logo {
	background: #000000;
	padding: 25px 5px 25px 10px;
	text-align: left;
	color: #ffffff;
	min-height: 81px;
	border: 1px solid #000000;
	margin: 0 3% 1em 3%;
}

#header div.TAP_header_logo h1 {
	font-size: 1.5em;
	padding-right: 0.5em;
}

#header div.TAP_header_logo h1 span.TAP_header_sub {
	font-size: 0.8em;
}

#header div.TAP_header_logo p {
	padding-right: 0.5em;
}

/*Application Guide page*/
#contents div.TAP_psp_header_logo {
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 25px;
	min-height: 81px;
}

#contents div.TAP_mig_header_logo {
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 25px;
	min-height: 81px;
}

#contents div.TAP_qm_header_logo {
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 25px;
	min-height: 81px;
}

#contents div.TAP_qtb_header_logo {
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 25px;
	min-height: 81px;
}

#contents div.TAP_other_header_logo {
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	padding: 25px;
	min-height: 81px;
}

/*------------ contents ------------*/
/* contents */
#contents div.TAP_section {
	margin-top: 1.5em;
	margin-bottom: 2em;
	border-bottom: 2px solid #808080;
}

div.TAP_contents {
	padding-top: 0 !important;
}

/*appli list*/
#contents ul.TAP_select_appli{
	list-style-image: url(common/i_arrow_trans.gif);
	margin-bottom: 1em;
}

#contents ul.TAP_select_appli li{
	float: none;
	width: 100%;
}

#contents ul.TAP_select_appli li a {
	text-decoration: none;
}
#contents ul.TAP_select_appli li a:hover {
	color: #ff6600;
	text-decoration: underline;
}

#contents ul.TAP_select_appli:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

/* button */
#contents ul.TAP_button_area {
	padding-left: 0;
}

#contents ul.TAP_button_area li {
	background: #ffffff;
	border: 1px solid #999999;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px #000000;
	-ms-box-shadow: 1px 1px #000000;
	-moz-box-shadow: 1px 1px #000000;
	-webkit-box-shadow: 1px 1px #000000;
	margin-bottom: 3%;
	list-style: none;
}

#contents ul.TAP_button_area li:hover {
	border: 1px solid #000000;
	text-decoration: none;
}

#contents ul.TAP_button_area li:hover a {
	color:#ff6600;
	outline: none;
	text-decoration: none;
}

#contents ul.TAP_button_area p { margin-bottom: 0; }

#contents ul.TAP_button_area p a {
	display: block;
	color: #000000;
	padding-right: 30%;
	outline: none;
	text-decoration: none;
}

#contents ul.TAP_button_area p.TAP_b_subtitle { font-size: 0.9em; }
#contents ul.TAP_button_area p.TAP_b_subtitle a { padding: 1em 1em 0 1em; }

#contents ul.TAP_button_area p.TAP_b_title {
	font-size: 1.2em;
	font-weight: bold;
}

#contents ul.TAP_button_area p.TAP_b_title a { padding: 0 0.7em 0 0.7em; }

#contents ul.TAP_button_area p.TAP_b_lead { font-size: 0.9em; }
#contents ul.TAP_button_area p.TAP_b_lead a { padding: 0.5em 1em 1em 1em; }

#contents ul.TAP_button_area p.TAP_b_lead a:after {
	clear: both;
	display: block;
	visibility: hidden;
	content: "";
	height: 0;
}

#contents ul.TAP_button_area div.TAP_img_area {
	float: right;
	width: 30%;
	margin-top: 1em;
}

#contents ul.TAP_button_area div.TAP_img_area a{ display: block; }

#contents ul.TAP_button_area img.TAP_img {
	display: none;
	max-width: 100%;
}

#contents ul.TAP_button_area p.TAP_latest_version {
	font-size: 1.2em;
	font-weight: bold;
}

#contents ul.TAP_button_area p.TAP_latest_version a { padding: 0.7em; }

/* button lead */
#contents p.TAP_lead {
	/*font-size: 0.9em;*/
	margin: 1em;
}

#contents ul.TAP_link_list {
	text-align: right;
	list-style-type: none;
	margin-bottom: 1.5em;
}

#contents ul.TAP_link_list a { color: #0e1b3f; text-decoration: none; }
#contents ul.TAP_link_list a:hover { color: #ff6600; text-decoration: none; }

/* latest version button */
#contents ul.TAP_version_button_area li {
	background: #ffffff;
	border: 1px solid #999999;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px #000000;
	-ms-box-shadow: 1px 1px #000000;
	-moz-box-shadow: 1px 1px #000000;
	-webkit-box-shadow: 1px 1px #000000;
	margin-bottom: 3%;
	list-style: none;
}

#contents ul.TAP_version_button_area li img {
	padding-right: 0.4em; 
}
#contents ul.TAP_version_button_area li:hover {
	border: 1px solid #000000;
	text-decoration: none;
}

#contents ul.TAP_version_button_area li:hover a {
	color:#ff6600;
	outline: none;
	text-decoration: none;
}

#contents ul.TAP_version_button_area p { margin-bottom: 0; }

#contents ul.TAP_version_button_area p a {
	display: block;
	color: #000000;
	padding-right: 30%;
	outline: none;
	text-decoration: none;
}
#contents ul.TAP_version_button_area p.TAP_b_title {
	font-size: 1.2em;
	font-weight: bold;
}
#contents ul.TAP_version_button_area p.TAP_b_title a { padding: 0.7em; }


/* TAP */
#contents p.TAP_arrow { text-align: right; }

#contents p.TAP_arrow a{
	color: #0000cc;
	text-decoration: none;
	outline: none;
}

#contents p.TAP_arrow a:hover { color: #ff6600; text-decoration: none; }

#contents p.TAP_arrow span.TAP_arrow_img {
	display: inline-block;
	width: 61px;
	height: 19px;
	background-image: none;
}

#contents p.TAP_arrow span.TAP_arrow_img img {
	visibility: visible;
}

#contents p.TAP_arrow span:hover span.TAP_arrow_img img {
	visibility: hidden;
}

#contents p.TAP_arrow span:hover span.TAP_arrow_img {
	background-image: url(screens/ref_arrow_r.gif);
}

@media screen and (min-width: 480px) {
	#header div.TAP_header_logo {
		background: #000000 url(screens/header.jpg) no-repeat left center;
		padding: 25px 5px 25px 260px;
		text-align: right;
	}
	
	#contents div.TAP_psp_header_logo {
		background: #000000 url(screens/header_psp.jpg) no-repeat right center;
		padding: 25px 260px 25px 25px;
	}
	
	#contents div.TAP_mig_header_logo {
		background: #000000 url(screens/header_mig.jpg) no-repeat right center;
		padding: 25px 260px 25px 25px;
	}
	
	#contents div.TAP_qm_header_logo {
		background: #000000 url(screens/header_qm.jpg) no-repeat right center;
		padding: 25px 260px 25px 25px;
	}
	
	#contents div.TAP_qtb_header_logo {
		background: #000000 url(screens/header_qtb.jpg) no-repeat right center;
		padding: 25px 260px 25px 25px;
	}

	#contents div.TAP_section {
		margin-left: 1em;
	}
	
	#contents ul.TAP_button_area img.TAP_img { display: block; }

	#contents p.TAP_lead { margin-top: -0.5em; }
	
	#contents ul.TAP_select_appli li{
		float: left;
		width: 43%;
	}
}

@media print {
	#header div.TAP_nav { display: none; }
	
	#header p.TAP_search_num { display: none; }

	#header div.TAP_header_logo {
		background: #000000 url(screens/header.jpg) no-repeat left center;
		padding: 25px 5px 25px 260px;
		text-align: right;
	}
	
	#contents div.TAP_psp_header_logo {
		background: #000000 url(screens/header_psp.jpg) no-repeat right center;
		padding: 25px 260px 25px 25px;
	}
	
	#contents div.TAP_mig_header_logo {
		background: #000000 url(screens/header_mig.jpg) no-repeat right center;
		padding: 25px 260px 25px 25px;
	}
	
	#contents div.TAP_qm_header_logo {
		background: #000000 url(screens/header_qm.jpg) no-repeat right center;
		padding: 25px 260px 25px 25px;
	}
	
	#contents div.TAP_qtb_header_logo {
		background: #000000 url(screens/header_qtb.jpg) no-repeat right center;
		padding: 25px 260px 25px 25px;
	}
	
	#contents div.TAP_version_header_logo {
		padding: 0.3em 3% 0.3em 0.75em;
	}
	
	#contents div.TAP_section {
		margin-left: 1em;
	}

	#contents ul.TAP_button_area img.TAP_img { display: block; }

	#contents p.TAP_lead { margin-top: -0.5em; }
	
	#contents ul.TAP_select_appli li{
		float: left;
		width: 43%;
	}
}