@charset 'shift-jis';

.mod-mainContentContainer  hr{
	margin:40px 50px;
	/margin:40px 50px 0px 50px;
	background: gray;
	height:1px;
}
.js-width{
	_width:auto!important;
}
@media(max-width:640px){
	.mod-mainContentContainer  hr{
		display:none;
	}
}
/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 850px;
	margin: 25px auto 0px auto;
	padding: 0px;
}
.mod-table-wrap .title > a{
	padding: 0;
}
.mod-table-wrap .title > a:after {
	display:none;
}

/* apriTbl */
table.apriTbl {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin: 10px 0px 0px 0px;
	width:100%;
}
table.apriTbl th {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 5px 20px 5px 15px;
	text-align:center;
}
table.apriTbl td {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 10px 20px;
	text-align:left;
}
table.apriTbl .Gray {
	background:#EEE;
}
	table.apriTbl td span.green {
		color:#338000;
		font-size:100%;
	}
	table.apriTbl td span.red {
		color:#FF3300;
		font-size:100%;
	}
	table.apriTbl td span.style_small {
		font-size: 11px;
	}

/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: 750px;
	margin: 25px auto 0px auto;
	padding: 0px;
}
	div.pregArea_02  div ul{
		list-style:none;
	}
	div.pregArea_02  div ul li.info-date{
		display:inline-block;
		/display:inline;
		/zoom:1;
		width:7em;
		vertical-align:top;
		margin-bottom:5px;
	}
	div.pregArea_02  div ul li.info-description{
		display:inline-block;
		/display:inline;
		/zoom:1;
		vertical-align:top;
		width: 640px;
		margin-bottom:5px;
	}
	div.pregArea_02  div ul span.productName{
		display:inline-block;
		/display:inline;
		/zoom:1;
		width:201px;
	}
	div.pregArea_02  div ul span.separator{
		display:inline-block;
		/display:inline;
		/zoom:1;
		width:0.5em;
		margin:0 0.5em;
	}
/*===========================================
	.apriTbl 
=============================================*/
table.apriTbl {
	width:100%;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin: 5px auto 0px auto;
}
table.apriTbl th {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 5px 20px 5px 15px;
	text-align:center;
}
table.apriTbl td {
/*	width:18%;*/
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 10px 20px;
	text-align:center;
}
table.apriTbl th.Gray {
	background:#EEE;
}
table.macTbl td.Gray {
	background:#EEE;
    padding: 5px 20px 5px 15px;
}
/*===========================================
	table common
=============================================*/
	.mod-table-wrap{
		margin-top:10px;
	}
		.mod-table-wrap .mod-inner-wrap{
			float:left;
		}
			.mod-table-wrap  .apriTbl{
				padding: 0px;
			}
			.mod-table-wrap .first-table  .apriTbl{
				border-right:none;
			}
				.mod-table-wrap .apriTbl th.onlymobile,
				.mod-table-wrap .apriTbl td.onlymobile{
					display:none;
				}
.ver{
	width:20%;
}
.win{
	width:40%;
}

/*===========================================
	titleArea/js-openButton
=============================================*/
.titleArea {
	margin-bottom: 15px;
}
	.titleArea h3 {
		float: left;
		margin-bottom: 0;
		border-bottom: none;
	}
	.titleArea .js-openButton,
	.otherSoftware {
		float: right;
	}
	.otherSoftware {
		border: 1px solid #D0D0D0;
		padding: 3px 6px 2px 9px;
		margin-bottom:5px;
	}
	.js-openButton:hover {
		cursor: pointer;
	}
	#detail01Area.dashed{
		border:1px dashed;
		padding:5px;
	}
	.textLine {
		padding-right: 3px;
		padding-left: 3px;
		padding-bottom: 4px;
		vertical-align: middle;
	}
	
/*===========================================
	anchorTbl
=============================================*/
table.anchorTbl {
	margin: 10px 0px 0px 0px;
}
table.anchorTbl td {
	padding:0px 20px 0px 0px;
	vertical-align:top;
}


/*===========================================
	txtlink
=============================================*/
ul.anchorlink {
    clear: both;
    font-weight: bold;
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
}
ul.anchorlink li {
    /*background: url("/www/images/ico_anchorlink2.gif") no-repeat scroll 0 5px transparent;*/
    margin: 0 20px 0 0;
    padding: 0 0 0 13px;
}
/*===========================================
	indent
=============================================*/
.kome_indent dt {
    width: 2em;
	margin-top:10px;
}
.kome_indent dd {
    margin-left: 2.2em;
    margin-top: -1.5em;
}
.num_indent dt {
    width: 3em;
	margin-top:10px;
}
.num_indent dd {
    margin-left: 3.2em;
    margin-top: -1.5em;
}
/*===========================================
	bn_area
=============================================*/
.bn_area{
	margin:20px 0;
}
	.bn_area ul{
		letter-spacing:-.4em;
		text-align:center;
	}
	.bn_area.typeA ul{
		text-align:left;
	}
	.bn_area.typeB ul{
		text-align:left;
	}
		.bn_area ul li{
			list-style:none;
			display:inline-block;
			/display:inline;
			/zoom:1;
			letter-spacing:normal;
		}
		.bn_area.typeA ul li{
			width:150px;
		}
		.bn_area.typeA ul li.twin{
			width:300px;
		}
		.bn_area.typeB ul li{
			width:auto;
			margin-right:5px;
		}

				


@media(max-width:640px){
	div.pregArea_02{
		width:auto;
	}
		div.pregArea_02  div ul span.productName{
			display:block;
			width:auto;
			margin-top:10px;
		}
		div.pregArea_02  div ul span.separator{
			display:none;
		}
		div.pregArea_02  div ul li.info-date{
			display:block;
			width:auto;
			margin-bottom:0;
		}
		div.pregArea_02  div ul li.info-description{
			display:block;
			width:auto;
			margin-bottom:15px;
			font-size:90%;
		}
	.kome_indent dt,
	.kome_indent dd {
		font-size:80%;
	}
	
	table.apriTbl{
		font-size:85%;
		table-layout:fixed;
	}
		table.apriTbl th{
			padding:5px;
			width:30%;
		}
		table.apriTbl th.Gray{
			text-align:center;
		}
		table.apriTbl td{
			padding:5px 3px;
		/*	width:auto;*/
		}
			table.apriTbl td span{
				display:block;
				font-size:80%;
			}
	.mod-table-wrap{
		letter-spacing: normal;
	}
		.mod-table-wrap .mod-inner-wrap{
			float:none;
		}
			.mod-table-wrap  .apriTbl{
				padding: 0px;
				font-size:85%;
				table-layout:fixed;
			}
			.mod-table-wrap .first-table .apriTbl{
				border-right: 1px solid #CCCCCC;
			}
				.mod-table-wrap .apriTbl th.onlymobile,
				.mod-table-wrap .apriTbl td.onlymobile{
					display:table-cell;
				}
				.mod-table-wrap  .apriTbl th.Gray{
					width:25%;
				}
				.mod-table-wrap  .apriTbl td{
					width:auto;
					padding: 10px;
				}
					.mod-table-wrap  .apriTbl td span{
						display:block;
						font-size:80%;
					}
			
	.left{
		word-break:break-word;
		white-space:normal;
	}
	.ver{
		width:24%;
	}
	.win{
		width:36%;
	}
	/*===========================================
		bn_area
	=============================================*/
	.bn_area{
	}
		.bn_area ul{
		}
		.bn_area.typeA ul{
		}
		.bn_area ul li{
		}
		.bn_area.typeA ul li{
			width:50%;
			margin-bottom:10px;
		}
		.bn_area.typeA ul li.twin{
			width:100%;
		}
		.bn_area.typeB ul li{
			margin-bottom:10px;
			margin-right:10px;
		}
	.mod-table-wrap.w750{
		padding-right:10px;
		width:530px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
		.mod-table-wrap.w750 .apriTbl .td-notes{
			width:30%;
		}
}