@charset "shift_jis";
/* CSS Document */
div.tabArea {
	width: 730px;
	margin: 15px auto 0px auto;
	padding: 0px;
}
	ul.anchorlink {
		width: 700px;
		margin: 0px auto;
		padding: 0px;
		list-style: none;
		clear: both;
	}
		ul.anchorlink li {
			width: 130px;
			margin: 10px 20px 0px 0px;
			padding: 0px 0px 0px 13px;
			background: url("/support/share/images/arrow_under.gif") no-repeat left 6px;
			float: left;
		}
	.s-Title {
		margin: 30px 0px 0px 0px;
		padding: 0px;
		font-size: 15px;
		font-weight: bold;
		zoom:1;
	}
		.s-Title .mod-linkButton{
			float:right;
			width: auto;
		}
			.s-Title .mod-linkButton a{
				padding: 5px 10px;
			}
				.s-Title .mod-linkButton a .content {
					background: url("/support/share/images/arrow_black.png") no-repeat left 5px;
				}
			
	.s-Title:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	/* table common */
	.mod-table-wrap{
		letter-spacing: -.40em;
		position:relative;
		margin-top:10px;
	}
		.mod-table-wrap h3{
			font-weight:normal;
			letter-spacing: normal;
			position:absolute;
			top:15px;
			left:340px;
		}
		.mod-table-wrap h3.left245 {
			left: 245px;
		}
		.mod-table-wrap .mod-inner-wrap{
			letter-spacing: normal;
			display:inline-block;
			/display:inline;
			/zoom:1;
		}
			table.list {
				width: 100%;
				padding: 0px;
				border-top: #CCC 1px solid;
			}
			.mod-table-wrap .first-table table.list {
			}
			.mod-table-wrap .last-table table.list {
				/border-right:#CCC 1px solid;
			}
				table.list th {
					background: #E3E3E3;
					padding: 7px 2px;
					border-bottom: #CCC 1px solid;
					text-align: center;
					font-weight:normal;
				}
				table.list th.table-header{
					height:30px;
				}
				table.list th.version{
					height:45px;
				}
				table.list th.h57{
					height: 58px;
					*height: 45px;
				}

					table.list th .table-header-label{
						display:none;
					}
				table.list td {
					/*height: 30px;*/
					height:40px;
					padding: 10px 5px;
					border-bottom: #CCC 1px solid;
					text-align: center;
				}
				table.list td.left {
					padding: 10px 10px;
					text-align: left;
					white-space: nowrap;
				}
				table.list th.onlymobile,
				table.list td.onlymobile{
					display:none;
				}
	
				.mod-table-wrap .first-table table.list th,.mod-table-wrap .first-table table.list td{
					border-left: #CCC 1px solid;
				}
				.mod-table-wrap .last-table table.list th,.mod-table-wrap .last-table table.list td{
					border-left: #CCC 1px solid;
					border-right: #CCC 1px solid;
				}
				.mod-table-wrap .last-table table.list  th.table-header{
					border-left:none;
				}
			/*windows*/
			.mod-table-wrap .mod-inner-wrap.column7.first-table{
				width:60%;
			}
			.mod-table-wrap .mod-inner-wrap.column7.last-table{
				width:40%;
			}
			.mod-table-wrap .mod-inner-wrap.column7 table.list td {
				width: 100px;

			}
			.mod-table-wrap .mod-inner-wrap.column7 table.list td.left {
				width: 100px;
			}
			/*mac*/
			.mod-table-wrap .mod-inner-wrap.column10.first-table{
				width:65%;
				/width:64%;
			}
			.mod-table-wrap .mod-inner-wrap.column10.last-table{
				width:35%;
			}
			.mod-table-wrap .mod-inner-wrap.column11.first-table{
				width:60%;
			}
			.mod-table-wrap .mod-inner-wrap.column11.last-table{
				width:40%;
			}
			.mod-table-wrap .mod-inner-wrap.column10 table.list td {
				width: 70px;
			}
			.mod-table-wrap .mod-inner-wrap.column10 table.list td.left {
				width: 100px;
			}		
			
.fs11 { font-size: 85%; }

@media (max-width: 640px){
			div.tabArea {
				width: auto;
			}
				ul.anchorlink {
					width: auto;
				}
					ul.anchorlink li {
						width: 120px;
						margin: 10px 10px 0px 0px;
						font-size: 12px;
					}
		.mod-table-wrap{
			position:static;
		}
			.mod-table-wrap h3{
				display:none;
			}
			.mod-table-wrap .mod-inner-wrap{
				display:block;
				width:auto!important;
				margin:10px auto;
			}
			table.list{
				border-right: #CCC 1px solid;
			}
				table.list th {
					word-break:break-all;
				}
				table.list th.version {
					height: auto;
				}
				table.list th.table-header{
					border-right:1px solid #CCC;
				}
					table.list th .table-header-label{
						display:block;
					}
				table.list td {
					width: 15%;
					height:auto;
					word-break:break-all;
				}
				table.list td.left {
					width:80px;
				}				
					
					table.list td span{
						display:block;
						font-size:80%;
					}
					table.list td.left .two-row {
						display:block;
						font-size:100%;
					}									
				table.list th.right,
				table.list td.right{
					border-right: #CCC 1px solid;
				}
				table.list th.onlymobile,
				table.list td.onlymobile{
					display:table-cell;
				}
		.mq-break {
			display: block;
		}
}