@charset "utf-8";


.top01{
    margin:0px;
    padding:0px;
	width:85%;
	height:40px;
	background-color:#444444;
}
.top02{
    margin:0px;
    padding:0px;
	width:97%;
	height:40px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background-color:#0A6CCE;
}

div.movie{
	margin:10px 10px;
	padding:10px;
	border:2px solid #CCCCCC;
	float:right;
	width:220px;
	background-color: #F8F8F8;
}

/* download button */

div.download{
    width:233px;
    height:37px;
}
.download ul{
    margin:0px;
    padding:0px;
    font-weight:bold;
    list-style:none;
}

.download li{
    margin:0px;
    padding:0px;
    text-align:center;
}

.download a{
    height:37px;
    text-decoration:none;
    display:block;
    color:#FFFFFF;
    background-image:url(../images/btn_dl_app.gif);
}

.download a:hover{
    height:37px;
    color:#FFFFFF;
    text-decoration:underline;
    background-image:url(../images/btn_dl_app_on.gif);
}

div.dl_text01{
    padding-top:10px;
    font-size:14px;
    color:#FFFFFF;
}
div.dl_text02{
	font-size:13px;
	font-family:sans-serif;
	text-align:center;
}
div.dl_text03{
	font-size:13px;
	font-family:sans-serif;
	text-align:right;
}

/* title */

.titlebar_gray {
	line-height: 30px;
	padding-right: 5px;
	text-align: right;
	background-color: #E3E3E3;
}

.titlebar_black {
	line-height: 17px;
	text-align: center;
	background-color: #3d3c42;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

.title_underline {
	border-bottom: 2px solid #4682b4;
}

/* note */

.note{
	margin:10px 20px;
	padding:10px;
	border: 2px solid #CCCCCC;
	background-color: #f8f8f8;
}

/* caution */

.caution{
	margin:10px 20px;
	padding:10px;
	background-color: #ffee99;
}
/* images */

.img_right{
	float:right;
	margin:5px 5px 5px 15px
}

.img_left{
	float:left;
	margin:5px 15px 5px 5px
}

/* page top */

.pagetop{
	margin:5px;
	padding:0px;
	font-size:13px;
	line-height:16px;
	text-align:right;
	clear:both;
}

.page_title{
	width:85%;
	border:0;
	cellspacing:0;
	cellpadding:0;
}

iframe {
width: 560px;
height: 315px;
}


.con_left{
	float:left;
	width:45%
}
.con_right{
	float:right;
	width:45%
}

 @media (max-width: 640px) {

iframe {
width: 300px;
height: 169px;
}

.page_title{
	width:95%;
	border:0;
	cellspacing:0;
	cellpadding:0;
}

.max560_70{
	width:70%;
	max-width:560px;
}

.max560{
	width:100%;
	max-width:560px;
}

.note{
	margin:5px 5px;
	padding:5px;
	border: 2px solid #CCCCCC;
	background-color: #f8f8f8;
}
.w85 { width: 95%; }

ol {
	margin: 0 0 0 2em;
	padding: 0px;
}

.con_left{
	float:left;
	width:100%
}
.con_right{
	/*float:right;*/
	margin-top:20px;	
	width:100%
}

}