@charset "UTF-8";

/* コメント */

* {
/*
    margin: 0;
    padding: 0;
*/
}
html,body { height:100%; }

/*
html{
  display: table;
  width: 100%;
  height: 100%;
}
*/
body {
  height: 100%;
    color: #000000;
    background: #FFFFFF;
    background-attachment: fixed;
    background-color: #FFFFFF;
/*    display: table-cell;
*/
/*
    background-image: url(".gif");
    background-position: 770px 5px;
    background-repeat: no-repeat;
    font-size: 13px;
    text-align: center;
    width: 90%;
*/
    margin-left: 5%;
    margin-right: 5%;

}

#head {
/*
	background-image: url("headback.png");
    width: 90%;
    background: #008BE8;
*/
    background: #FDE986;

    height: 55px;
}
h1 {
    font-size: 1.8em;
    text-align: left;
    height: 55px;
/*    width: 768px;	*/
    padding: 10px;
/*
    vertical-align: middle;
	vertical-align:text-bottom;
padding-top: 10px;
*/
/*
    vertical-align:text-bottom;
     vertical-align: baseline;
*/

}

h1:before {
/*
    content: url("writenote.png" );
    vertical-align: middle
*/
}


address {
    border-top: 1px solid #0066FF;
    margin-top: 0.3em;
    text-align: right;
}


h2 {
/*    background-color: #c0e2ff;
    background-color: #07d429;
*/
    font-size: 1.4em;
    background: #FFF3C6;
    border: 0 none;
    color: inherit;
    font-family: verdana,arial,helvetica,Sans-Serif;
    margin: 0 0 0.5em;
    padding: 0.3em;
}

h3 {
    background-color: #FFFFFF;
/*
    border-color: #07d429;
*/
    border-color: #FFF3C6;
    border-style: solid;
    border-width: 2px 5px 2px 15px;
    color: inherit;
    font-family: verdana,arial,helvetica,Sans-Serif;
    margin: 0 0 0.5em;
    padding: 0.3em;

}

h4 {
    background-color: #FFFFFF;
    border-color: #FFF3C6;
    border-style: solid;
    border-width: 0px 0px 2px 10px;
    color: inherit;
    font-family: verdana,arial,helvetica,Sans-Serif;
    margin: 0 0 0.5em;
    padding: 0.3em;
}

/*
table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
*/
/*
table td { width: 80%; }

table caption:before {
    content: url("icon/star16.png");
}
*/
/*
table caption {
    text-align: center;
    font-size: x-large;
}
*/
/*
table caption:after {
    content: url("icon/star16.png");
}
*/
/*
dt {
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    border-left: solid 0.5em #cccccc;
    margin-top: 1em;
    margin-left: 1em;
    padding-left: 0.3em;
    background-color: #FEE254;
}
*/
th      { background-color: #ccffee; text-align: left; }
tr.koi  { background-color: #ddddff; }
tr.usui { background-color: #f0f0ff; }


.doc-screenshot-section {
    height: 230px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    white-space: nowrap;
    width: 530px;
}

.screenshot-carousel-content-container {
    position: absolute;
}

em {
    font-weight: bold;
    font-style: normal;
}

img.wsizeimage {
  max-width: 400px; /* 最大幅 */
  min-width: 240px; /* 最小幅 */
  width: 100%;
}