@charset "utf-8";
/* ===================================================================
 style info : contentsArea style etc

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */


/*----------------------------------------------------
	common style
----------------------------------------------------*/
html {
	overflow-y: scroll;
}

body {
	font-family:'Open Sans', 'Arial', 'メイリオ', 'Meiryo', sans-serif;
}

input, textarea {
	font-family:'Open Sans', 'Arial', 'メイリオ', 'Meiryo', sans-serif;
}

/* for IE6 */
* html body {
	font-family: 'Open Sans', 'Arial', 'メイリオ', 'Meiryo', sans-serif;
}
* html input, * html textarea {
	font-family: 'Open Sans', 'Arial', 'メイリオ', 'Meiryo', sans-serif;
}

/* link
----------------------------------------------------*/
a         {color:#003366;}
a:link    {color:#003366;}
a:visited {color:#4D3380;}
a:hover   {color:#7F99B2;}
a:active  {}


/* default CSS3
----------------------------------------------------*/
#selectors {
/* radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* radius border */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* box shadow */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* text shadow */
	text-shadow: 1px 1px 0px #999;
}

/* common
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}


/*----------------------------------------------------
	basic
----------------------------------------------------*/
#utility {
	color: #4b4b4b;
}
#utility #page {
	width: 970px;
	margin: 25px auto;
    position: relative;
}
#language li {
    color: #999;
    display: inline-block;
}
#language li a {
    text-decoration: underline;
}


/* ---------------------------------------- *
	mainContents
 * ---------------------------------------- */
#utility #mainContents {
	float: left;
	width: 700px;
	font-size: 108%;
	margin: 0 0 40px;
}
body#utility #contents h1 {
	margin: 30px 0 5px 0;
    color: #4b4b4b;
    font-weight: normal;
    font-size: 370%;
    line-height: 1;
}
body#utility #contents h1 a { color: #4b4b4b; text-decoration: none; }
body#utility #contents h1 a:hover { color: #003366; }

#utility #contents #language {
    position: absolute;
    right: 10px;
    top: 10px;
}

#utility #contents dl#topicPath {
    margin: 20px 0 0 0;
}
#utility #contents dl#topicPath dt,
#utility #contents dl#topicPath dd {
    display: inline-block;
}
#utility #contents dl#topicPath dt a,
#utility #contents dl#topicPath dd a {
    text-decoration: underline;
}
#utility #contents dl#topicPath dd {
    padding-left: 5px;
}
#utility #contents dl#topicPath dd:before {
    content: ">";
    padding-right: 5px;
}


#utility p.intro {
    margin: 5px 2px 40px 2px;
}

#utility #users-guide {
    margin: 40px 0;
}
h2.contenttitle {
    font-size: 200%;
    margin-bottom: 10px;
    font-weight: normal;
}

#utility #mainContents iframe#DLPublicDownload {
	margin:10px 0px 20px 0px;
	width:700px;
	height:100px;
	border:1px solid #ccc;
}

#utility #mainContents  #inquiries {
	width: 673px;
	margin: 0 0 10px 0;
	padding: 15px 14px 10px;
	border: 1px solid #CCCCCC;
}
#utility #mainContents  #inquiries.one-column {
    width: 100%;
    box-sizing: border-box;
}
#utility #mainContents  #inquiries h2 {
	margin: 0 0 2px 0;
	color: #FF6600;
	font-size: 138.5%;
}
#utility #mainContents  #inquiries p {
	font-size: 108%;
	padding: 0 0 10px 0;
	color: #4b4b4b;
}

#utility #mainContents  #maintenance {
	margin: 10px 0 20px;
	padding: 10px 5px;
	border: 2px solid #EE0000;
}
#utility #mainContents  #maintenance h2 {
	font-size: 120%;
}

#utility #mainContents  #maintenance p {
	margin: 8px 2px 0;
}

#utility .c-dlList.is-type_panel .c-dlList_head {
	position: relative;
    cursor: pointer;
    padding: 15px 20px;
    background-color: #d4d4d4;
}
#utility .c-dlList_subject {
	display: block;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
}
#utility .c-dlList_body table {
	width: 100%;
}
#utility .c-dlList_body table td {
	border: 1px solid #999;
    border-left: none;
    padding: 10px 0;
	text-align: center;
}
#utility .c-dlList_body table td:first-child {
	border-left: 1px solid #999;
	text-align: left;
	padding-left: 10px;
}

#utility #UG .c-dlList_body {
    display: block!important;
}

#utility #mainContents #driverdownload a {
    background-image: url(/en/download/img/banner_download_centre.jpg);
    background-size: 100% auto;
    text-decoration: none;
    width: 970px;
    height: 160px;
    padding-top: 58px;
    display: block;
    box-sizing: border-box;
}

#utility #mainContents .newsbtnCreators {
    margin: 0px 0 40px 0px;
}
#utility #mainContents .newsbtnCreators a {
    padding: 18px 20px;
    background: #ddd;
    color: #666;
    font-size: 16px;
    display: block;
}
#utility #mainContents .newsbtnCreators a:hover {
    background: #c6d9ee;
}

/* ---------------------------------------- *
	sideContentss
 * ---------------------------------------- */
#sideContents {
	float: right;
	width: 250px;
	margin: 0 0 20px;
}
#utility #sideContents .panel {
	margin: 0;
}
#sideContents .panel h2 {
	font-size: 138.5%;
	line-height: 1.2;
	margin: 0 0 5px;
	text-align: center;
}
#utility #sideContents .panel ul {
	margin: 10px 0 0;
}
#utility #sideContents .panel ul li {
	margin: 0 auto 10px;
	text-align: center;
	background: center center no-repeat transparent;
}
#utility #sideContents .panel ul li.btn01 { background-image:url(../img/pageMenu_btn01_o.png); }
#utility #sideContents .panel ul li.btn02 { background-image:url(../img/pageMenu_btn02_o.png); }
#utility #sideContents .panel ul li.btn03 { background-image:url(../img/pageMenu_btn03_o.png); }
#utility #sideContents .panel ul li.btn04 { background-image:url(../img/pageMenu_btn04_o.png); }
#utility #sideContents .panel ul li.btn05 { background-image:url(../img/pageMenu_btn05_o.png); }
#utility #sideContents .panel ul li.btn06 { background-image:url(../img/pageMenu_btn06_o.png); }
#utility #sideContents .panel ul li.btn07 { background-image:url(../img/pageMenu_btn07_o.png); }
#utility #sideContents .panel ul li.btn08 { background-image:url(../img/pageMenu_btn08_o.png); }
#utility #sideContents .panel ul li.btn09 { background-image:url(../img/pageMenu_btn09_o.png); }
#utility #sideContents .panel ul li.btn10 { background-image:url(../img/pageMenu_btn10_o.png); }
#utility #sideContents .panel ul li.btn11 { background-image:url(../img/pageMenu_btn11_o.png); }
#utility #sideContents .panel ul li.btn12 { background-image:url(../img/pageMenu_btn12_o.png); }
#utility #sideContents .panel ul li a {
	width: 100%;
	height: 100%;
	display: block;
}
#utility #sideContents .panel ul li a:hover {
}
#utility #sideContents .panel ul li a img {
}
#utility #sideContents .panel ul li a:hover img {
	visibility: hidden;
}
#utility #sideContents .panel ul:after {
	content: "";
	display: block;
	clear: both;
}



/* ---------------------------------------- *
	bottomContents
 * ---------------------------------------- */
#utility #bottomContents {
	clear: both;
	width: 100%;
	margin: 0 auto 30px;
	padding: 20px 0 0 1px;
	border-top: 2px solid #cccccc;
}
#utility #bottomContents p {
	margin: 8px 2px 0px 2px;
}


/* ---------------------------------------- *
	add
 * ---------------------------------------- */

#utility #asp_wapper .asp_blockBlue01 {
    margin-top: 0px!important;
}