@charset "utf-8";
/* CSS Document */




#apto{margin:0px auto; vertical-align:top; width:68%;}

div.catch1{margin:55px 0px 0px 33px; font-size:25px; font-weight:bold; padding:0px 0px 0px 0px;}
div.catch2{margin:30px 0px 0px 70px; font-weight:bold; font-size:17px;}

div.text1{margin:0px 35px 0px 35px;}

div.obi1{font-size:17px; margin:45px 20px 0px 20px; font-weight:bold; color:black; padding:10px 10px 10px 15px; text-align:left; background-color:#F5F5F5;}

.product_box{margin:20px 0px 0px 40px; clear:left;}
.text_box{margin:0px 0px 0px 0px; vertical-align:top; }
.img_box{
	width:210px;
	text-align:center;
	vertical-align:top;
	margin:0px 45px 0px 30px;
	float:left;
}

#apto ul li{margin: 0px 0px 4px 0px; list-style-type: disc; color: #333333; padding-left: 1em; text-indent: -1em; list-style-position: inside; }
#apto ul {
    clear: none !important;
}

#content th.apto1{border-style:solid solid solid solid; border-width:1px; border-color:#BBBBBB; background-color:#F0F0F0 !important; font-weight:normal; text-align:center; vertical-align:middle;}
#content th.apto2{border-style:none solid solid solid; border-width:1px; border-color:#BBBBBB; background-color:#F0F0F0 !important; font-weight:normal; text-align:center; vertical-align:middle;}
#content td.apto1{border-style:solid solid solid none; border-width:1px; border-color:#BBBBBB; padding:5px 8px 5px 10px; text-align:left; vertical-align:middle;}
#content td.apto2{border-style:none solid solid none; border-width:1px; border-color:#BBBBBB; padding:5px 8px 5px 10px; text-align:left; vertical-align:middle;}

#content th.apto3{border-style:solid solid solid solid; border-width:1px; border-color:#BBBBBB; background-color:#e7f6fa; font-weight:normal; text-align:center; vertical-align:middle; padding: 3px 0px;}
#content th.apto4{border-style:solid solid solid solid; border-width:1px; border-color:#BBBBBB; background-color:#e7f6fa; font-weight:normal; text-align:center; vertical-align:middle; padding: 3px 0px;}
#content td.apto4{border-style:solid solid solid solid; border-width:1px; border-color:#BBBBBB; padding:5px 8px 5px 8px; text-align:center;}
#content td.apto5{border-style:none solid solid none; border-width:1px; border-color:#BBBBBB; padding:5px 8px 5px 8px; text-align:center; vertical-align: middle;}
#content td.apto6{border-style:none solid solid none; border-width:1px; border-color:#BBBBBB; padding:5px 8px 5px 8px; text-align:left; vertical-align: middle;}

.apto5 span{color: #154C7B;}
div.apto6 {color: #154C7B; background-color:#f0f8ff; text-align: center;  margin: 0 5px 5px 5px;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

@media screen and (max-width: 768px) {
#apto{margin:0px auto; vertical-align:top; width:90%;}
div.catch2{margin:30px 35px 0px 35px; font-weight:bold; font-size:17px;}
div.text2{margin:12px 45px 0px 45px; font-size:14px;}
div.catch1{margin:-55px 20px 0px 20px; font-size:25px; font-weight:bold; padding:0px 0px 0px 0px;}

.img_box{
	width:100%;
	text-align:center;
	margin:0px 0px 25px 0px;
	clear: both;

}

.img_box img{ width:50%; }


}
@media screen and (max-width: 480px) {
#apto{margin:0px auto; vertical-align:top; width:100%;}
div.catch2{margin:30px 25px 0px 25px; font-weight:bold; font-size:17px;}
div.text2{margin:12px 35px 0px 35px; font-size:14px;}





}

