@charset "utf-8";
/* CSS Document */

body {background: #dcdcdc}

.sp-page {
background-color:#fff;
font-size: 1rem;
line-height: 1.5rem;
margin: 10px 0;
}

.mb1 {margin-bottom: 1rem;}

.center {
text-align: center !important;
}

#releaseNotes h1 {
border-bottom:2px solid #4d4d4d;
font-size:1.2rem;
font-weight:bold;
padding:9px;
margin: 0;
}

.notice,
p.notes,
ul.notes li{
font-size:0.9rem;
text-indent:-1rem;
padding-left:1rem;
line-height: 1.2rem;
margin-bottom: 0.4rem;
}

.notice::before,
p.notes::before,
ul.notes li::before {
content: '※';
margin-right: 0.1rem;
}

.ext-link::after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "";
margin-left: 0.2rem;
}

.help-link::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "";
margin-right: 0.2rem;
}

/* === .zoom === */
.zoom{
display:inline-block;
position:relative;
vertical-align:top;
}
.zoom:after{
content:"";
width:22px;
height:22px;
background:url(img/zoom.png) no-repeat 0 0;
position:absolute; bottom:5px; right:5px;
}
.zoom:hover:after{ background-position:-22px 0; }
span.zoom:after{ display:none; }

/*************************************/

#releaseNotes {
overflow: hidden;
}

#releaseNotes .yearList {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
margin-bottom:10px;
}

#releaseNotes .yearList li {
display:inline-block;
border-right:1px solid #ddd;
padding:0 10px 0 0;
margin: 0 10px 5px 0;

}

#releaseNotes .yearList li:first-child {
padding-left:0;
}

#releaseNotes .yearList li:last-child {
padding-right:0;
border:none;
}

#releaseNotes .content p {
margin-bottom:0.8em;
}

#releaseNotes .separator {
border-top:1px dotted #999;
height:1px;
overflow:hidden;
}

#releaseNotes .separator:last-of-type {
border-top:none;
}

.accordion_content {
overflow:hidden;
}

.rel-box .change, 
.rel-box .trouble, 
.rel-box .improve,
.rel-box .maintenance {
display:block;
float:left;
font-size:11px;
padding:2px 5px;
line-height:1.2;
color:#666;
margin:1px 5px 3px 0;
font-weight:normal;
}

.rel-box .trouble {
background-color:#ffc;
border:1px solid #e5dc45;
}

.rel-box .improve {
background-color:#dfc;
border:1px solid #83e545;
}

.rel-box .maintenance {
background-color:#ffe1db;
border:1px solid #ed897c;
}

.rel-box .change {
background-color:#ccf6ff;
border:1px solid #3cc;
}


.content .alertBox {
border:1px dotted #33f;
background-color:#edeeff;
display:block;
padding:2px 10px;
margin:1em 0;
text-align:center;
font-weight:bold;
}

.content ul.listStyleDisc {
list-style-type:disc;
padding-left:2em;
margin-bottom:1em;
}
.content .listStyleDisc li {
margin-bottom:0.5em;
}

.content ol {
list-style:decimal;
padding-left:4em;
margin-bottom:1em;
}
.content ol li {
margin-bottom:0.5em;
}

.content .listTable {
margin:1em 0;
border-bottom:1px solid #999;
border-right:1px solid #999;
}
.listTable td, .listTable th {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:2px 4px;
}

.listTable th {
background-color:#eee;
font-weight:bold;
}
.listTable caption{ font-weight:bold; }
.listTable.tMargin0{ margin-top:0; }
.listTable .noLine{ border:0; }
.listTable .highlight{ background-color:#FFEFF4; }

.cautionArea{ color:#f00; }

blockquote.letter{
border:1px solid #cc9; 
background-color:#ffe; 
padding:10px 20px; 
margin-bottom:1em;
line-height:1.8;
}

#releaseNotes .rel-box .content .correction {
margin:1em 2em;
border:1px solid #999;
padding:5px 10px;
}
#releaseNotes .rel-box .content .correction dt {
font-weight:bold;
}
#releaseNotes .rel-box .content .correction dd {
margin-left:2em;
margin-bottom:1em;
word-wrap:break-word;
}