@charset "shift_jis";

/*
	====================================
		layout
	====================================
*/
.pageSubContent, #info {
	width: auto;
	float: none;
}
#purposeArea h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 1em 0;
}
#purposeArea h2 {
	font-size: 1.25em;
	font-weight: normal;
	margin: 1em 0;
}
#purposeArea h3{
	font-weight: normal;
	margin: 1em 0 0.5em;
}
#purposeArea ol,
#purposeArea ol li{
	list-style: decimal;
	
}
#purposeArea ul,
#purposeArea ul li{
	list-style: disc;
	
}
#purposeArea ol,
#purposeArea ul{
	margin-left: 1.5em;
}
#purposeArea ol li,
#purposeArea ul li{
	margin-bottom: 0.5em;
}
#purposeArea section{
	margin: 2em 0;
}
#purposeArea section > section{
	margin: 1em 0 1em 1em;
}
#purposeArea .inner{
	margin: 0 1em;
}
/*===========================================
	#download
=============================================*/
#purposeArea #download{
	margin: 2em 1em;
}
#purposeArea #download .flexbox{
	display: flex;
}
#purposeArea #download .flexbox > *{
	padding: 1em;
}
@media screen and (max-width: 640px){
	#purposeArea #download .flexbox{
		flex-wrap: wrap;
	}
	#purposeArea #download > p {
		margin-bottom: 1em;
	}
	#purposeArea #download .flexbox > *:not(:first-child){
		width: 100%;
		padding-top: 0;
	}
	#purposeArea #download .flexbox > *{
		padding-left: 0;
	}
}
#purposeArea #download .dlBtn{
	display: block;
	background-color: #2D75C7;
	color: #FFF;
	padding: 1em;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 200px;
	font-size: 1em;
	text-decoration: none;
}
#purposeArea #download .dlBtn:hover,
#purposeArea #download .dlBtn:focus{
	background-color: #34568E;
}
#purposeArea #download .dlBtn[aria-disabled="true"]{
	/*background-color: #666;*/
	background-color: #2D75C7;
	cursor: default;
	pointer-events: none;
	opacity: 0.4;
}
/*===========================================
	#agreement
=============================================*/
#purposeArea #agreement{
	margin: 1em 0;
}
#purposeArea #agreement input{
	margin-right: 0.5em;
}


/*===========================================
	.note
=============================================*/
#purposeArea ul.note{
	margin-left: 1em;
}
#purposeArea ul.note,
#purposeArea ul.note li{
	list-style: none;
}
#purposeArea ul.note li::before{
	content: '*';
	margin-right: 0.5em;
}
#purposeArea ul.note li{
	text-indent: -1em;
}
/*	====================================
		title
	====================================
*/
#modelArea .title,
#purposeArea .title,
#productNews .title {
	clear: both;
	color: #666;
	font-size: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
}
.pageSubContent #info .title,
.pageSubContent #menu-cat-03 .title {
	clear: both;
	color: #666;
	font-size: 15px;
	padding: 0 0 5px 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	position: relative;
}
#modelArea .title:after,
#purposeArea .title:after,
#productNews .title:after,
.pageSubContent #info .title:after,
.pageSubContent #menu-cat-03 .title:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
@media screen and (max-width: 640px) {
	#modelArea .title,
	#purposeArea .title,
	#productNews .title {
		font-size: 18px;
		color: #000;
	}
	#productNews.pageSubContent .title {
		font-size: 1.2em;
	}
	#info .title h2 {
		float: left;
		width: auto;
		max-width: 81%;
	}
	.mod-content .section .title h3#importantinfo {
		max-width: 74%;
	}
	h3#importantinfo {
		float: left;
		width: auto;
	}
	.title-List a {
		padding: 0 0 0 12px;
	}
}
/*===========================================
	#end_user_license
=============================================*/
#end_user_license{
	background-color: #fcfcf0;
    border-top: dashed 1px #ccc;
    border-bottom: dashed 1px #ccc;
    height: 40em;
    max-width: 100%;
    overflow-y: auto;
    padding: 0.7em 1em;
	margin: 1em 0;
}
#end_user_license h3,
#end_user_license h4{
	margin: 1em 0;
	font-size: 1.2em;
	padding: 0;
	font-weight: normal;
}
#end_user_license p{
	margin: 1em 0;
}

/* 20230922 */
.notice_gray_b {
    background: none repeat scroll 0 0 #EBEBEB;
    margin: 20px 0px;
    padding: 1em;
}