@charset "Shift_JIS";

/*
	================================================================================================
		pcstation support manual contents index
	================================================================================================
*/

/*
	============================================================================
		box
	============================================================================
*/

div#contents div.download_notes {
	border: 1px solid #C9C9C9;
	padding: 20px 20px 0 15px;
}
div#contents div.pdf_reader {
	border: 1px solid #C9C9C9;
	padding: 20px 20px 5px 15px;
}

div#contents div.pdf_reader div.img {
	width: 120px;
	float: left;
	margin-right: 15px;
}
div#contents div.pdf_reader div.text {
	width: 585px;
	float: left;
}

/*
=======================================
	get_adobe
=======================================
*/
.get_adobe {
    border: 1px solid #ccc;
    padding: 10px;
}
.get_adobe dt {
    float: left;
    margin-right: 20px;
	margin-left: 1.5em;
    padding: 0;
}
.get_adobe dd {
    float: left;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 5px;
}

/*
=======================================
	table
=======================================
*/
.download_manual_table {
    clear: both;
    width: 100%;
}
.download_manual_table table {
    width: 760px;
}
.download_manual_table td {
    padding: 10px;
    vertical-align: middle;
}
.download_manual_table td a {
    display: block;
}
.download_manual_table .white_bg_noline td {
    background: #fff none repeat scroll 0 0;
}
.download_manual_table tr.gray_bg td {
    background: #f5f5f5 none repeat scroll 0 0;
    border-top: 1px dotted #ccc;
}
span.break {
    display: block;
}
#contents .section .section .download_manual_table table tr.gray_bg td p {
	margin-bottom: 0;
}
@media (max-width: 640px) {
	.download_manual_table table {
	    width: 100%;
	}
	.download_manual_table td {
	    font-size: 80%;
	    padding: 10px 1px;
	    vertical-align: middle;
	}
	.download_manual_table td a {
	    font-size: 110%;
	}
	.download_manual_table td * {
	    vertical-align: middle;
	}
	.download_manual_table td.left {
	    display: none;
	}
}

/*
=======================================
	button
=======================================
*/
ul.btn_area_text {
	margin-left: 0 !important;
}
ul.btn_area_text li {
	float: left;
	padding: 5px;
	width: 178px;
}
ul.btn_area_text .mod-linkButton {
	background: url("/support/share/images/bg_mod-linkButton.jpg") repeat-x scroll 0 0;
	border: 1px solid #bcbcbc;
	border-radius: 6px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 120px;
	letter-spacing: 0.01em;
	line-height: 1.4;
	text-align: center;
	width: 178px;
}
ul.btn_area_text .mod-linkButton .content {
	background: url("/support/share/images/arrow_black.png") no-repeat scroll;
	background-position: 2px center !important;
	line-height: 16px !important;
	padding: 0 0 0 12px;
	width: auto;
	font-weight: normal;
}
ul.btn_area_text .mod-linkButton .figure {
	display: block;
}
ul.btn_area_text .mod-linkButton a {
	overflow: hidden;
}
ul.btn_area_text .mod-linkButton a .figure {
	float: none;
	width: auto;
	height: auto;
}
ul.btn_area_text .mod-linkButton a .figure img  {
	width: 70px;
}
#contents .mq_show {
	display: none;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
div#contents div.pdf_reader div.img,
div#contents div.pdf_reader div.text {
	width: auto;
	float: none;
}
div#contents div.manual_download table {
	width: 100%;
	font-size: 80%;
}
div#contents div.manual_download table th.category,
div#contents div.manual_download table td.category {
	display: none;
}
}