body {
    background-color: rgb(247,241,235);
}

#caption_tob {}

#caption_tob a {
    color: rgb(31, 0, 172);
    font-size: 90%;
}


#span_android:after{
    content: "Android";
    padding: 10px;
}
#span_android{
    background-color: darkgreen;
    color: white;
}

#span_ios:after{
    content: "iOS";
    padding: 10px;
}
#span_ios{
    background-color: #222;
    color: white;
}
#span_caution{
    font-size: 70%;
    color: #444;
}
#leftFrame td{
	padding: 3px;
}

.captionMain {
    margin-top: 10px;
    padding: 4px;
    font-size: 80%;
    background: rgb(4, 3, 95);
    color: white;
    height: 25px;
    display: flex;
    align-items: center;    /* 縦方向の中央寄せ */
}

.captionSub {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 90%;
    background: rgb(44, 54, 196);
    color: white;
}

/* #faq_subcap{
    color: white;
	background-color:rgb(44, 54, 196);
    margin-top: 10px;
    padding: 10px;
    font-size: 80%;
	margin-bottom: 10px;
} */

.product_caption {
    background: darkblue;
    color: white;
    padding: 10px;
    margin-bottom: 5px;
}

.product_desc{
    margin: 10px;
    color:dimgrey;
    text-align: left;
        
}

.footer_copyright{
    text-align: center;
    color: dimgrey;
    font-size: 80%;
}

.supportButton:hover {
    background: #38d1e6;
    color: #FFF;
}

.supportButton:hover:after {
    right: 1.4rem;
}
/* 019 */
.supportButton {
    color: #fff;
    background: #0ed4ee;
    font-weight: bold;
    font-size: 100%;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* margin: 0 auto; */
    /* max-width: 280px; */
    width: 150px;
    padding: 10px 30px;
    margin: 10px 20px 10px 20px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
}

.expandButton:hover {
    background: #38d1e6;
    color: #FFF;
}

.expandButton:hover:after {
    right: 1.4rem;
}
/* 019 */
.expandButton {
    color: #fff;
    background: #0ed4ee;
    font-weight: bold;
    font-size: 80%;
    border-radius: 3px;
    /* position: relative; */
    /* display: flex; */
    /* justify-content: space-around; */
    align-items: center;
    width: 100px;
    padding: 5px 10px;
    /* margin: 10px 10px 10px 10px; */
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
}

.pageTopButton:hover {
    background: #697ef7;
    color: #FFF;
}

.pageTopButton:hover:after {
    right: 1.4rem;
}
/* 019 */
.pageTopButton {
    color: #fff;
    background: #465ff1;
    font-weight: bold;
    font-size: 80%;
    border-radius: 3px;
    /* position: relative; */
    /* display: flex; */
    /* justify-content: space-around; */
    align-items: center;
    width: 100px;
    padding: 5px 10px;
    /* margin: 10px auto 50px; */
    /* margin: 10px 10px 10px 10px; */
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
}

#totop {
    text-align: right;
    margin-top: 20px;
    height: 50px;
}

#H1_Cap {
    margin-top: 10px;
    padding: 10px;
    font-size: 80%;
    background: green;
    color: white;
}

#H2_Cap {
    margin-top: 10px;
    padding: 10px;
    font-size: 80%;
    background: #44F;
    color: white;
}


#copyright {
	font-size: 70%;
	text-align: center;
    color: #888;
}

#item_desc{
	font-size: 80%;

}

#desc_cap{
	color: darkblue;
	font-weight: 900;
    margin-top: 10px;
}

.li_oss dl{
    padding: 5px;
}


.li_oss dt{
    font-weight: bold;   
    color: darkblue;
}

.guidance_img {
    width: 128px;
}

.img_device {
    width: 250px;
    padding: 10px;
}
.img_device2 {
    width: 120px;
    padding: 10px;
}

.expandDiv {
    text-decoration: none;
    color: white;
    margin-left: auto;
}

.frmExpandable {
    display: none;
}

.imgIcon {
    width: 1em;
    height: 1em;
}

.divCaution {
    color: red;
}

.divSmallCaution {
    color: gray;
    font-size: 80%;
}

#frmLeftThumbImage {
    width: 110px;
    float: left;
}

.divFooter {
    font-size: 80%;
    padding: 0px 0px 20px 0px;
}

.divFooter a {
    text-decoration: none;
    color: gray;
}
