BODY{
	color: black;
	background-color: white;
	font-size: 14pt;
	line-height: 150%;
	margin: 0px;
	background-color: #fbfbfb ;
}

TD{
	font-size: 13pt;
	padding: 5px;
}

TABLE{
	font-size: 12pt;
	padding: 5px;
}

DIV#MAIN{
	width: 800px;
	font-size: 12pt;
	padding-top: 0px;
	padding-bottom: 32px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
	clip: rect(   )

;
}

IMG{
	border: none;
	align: center;
}

H1{
	font-size: 13pt;
	text-align: left;
	line-height: 150%;
}

H2{
	border: solid 3px #a0a0e0;
	padding: 10px;
	font-weight: bolder;
	text-align: left;
	font-size: 15pt;
}

H3{
	border: solid 2px #a0a0e0;
	padding: 5px;
	font-weight: bolder;
	text-align: left;
	font-size: 13pt;
	color: #FFFFFF;
	background-color: green ;
}

.indent{
	padding-left: 40px;
}

p{
	margin: 0px;
	padding: 0px;
}

UL{
	margin: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

LI{
	font-size: 10pt;
}

.bkYL{
	background-color: #e0e0a0;
}

.bkGR{
	background-color: #a0e0a0;
}

.bkBG{
	background-color: #a0e0e0;
}

.bkBL{
	background-color: #6633FF;
}

.bkPP{
	background-color: #e0a0e0;
}

.bkRD{
	background-color: #e0a0a0;
}

.sidebar{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	height: 50px;
}

.upload{
	border: solid;
	border-left: solid 10px #a0e0a0;
	border-right: solid 5px #a0e0a0;
	border-top: solid 1px #a0e0a0;
	border-bottom: solid 1px #a0e0a0;
	padding: 20px 20px;
	margin: 20px 20px

;
}

.news{
	border: solid;
	border-left: solid 10px #a0a0e0;
	border-right: solid 5px #a0a0e0;
	border-top: solid 1px #a0a0e0;
	border-bottom: solid 1px #a0a0e0;
	padding: 0px 5px 5px;
	margin: 5px

;
}

.upcategory{
	font-size: 9pt;
	font-weight: bolder;
}

.uptitle{
	font-size: 12pt;
	font-weight: bolder;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.updescript{
	font-size: 10pt;
	padding-left: 5px;
}

.barYL{
	border-left: solid 16px #FF0000;
}

.barGR{
	border-left: solid 16px  #009933;
}

.barBG{
	border-left: solid 16px  #6666CC;
}

.barBL{
	border-left: solid 16px  #a0a0e0;
}

.barPP{
	border-left: solid 16px  #e0a0e0;
}

.barRD{
	border-left: solid 16px  #e0a0a0;
}

.frWH{
	color: white;
}

.frBK{
	color: black;
}

.description{
	font-size: 10pt;
	color: a0a0a0;
	text-align: right;
	line-height: 120%;
}

A{
	text-decoration: none;
	color: black;
}

A:HOVER{
	text-decoration: underline;
}

.whatsnew{
	padding-top: 10px;
	font-size: 9pt;
	line-height: 130%;
}
@media screen and (max-device-width:480px){
    body, table, input, textarea, address {
        line-height             : 1.4;
        color                   : #222222;
    }
    
    .container {
        width                   : 99%;
    }
    
    .contents-buffer {
        display                 : block;
        width                   : 100%;
        margin                  : 0;
        padding                 : 0;
        border                  : 0;
    }
    
    .contents {
        margin                  : 1em;
        padding                 : 0;
        border                  : 0;
    }
    
    .sidebar {
        display                 : block;
        width                   : 100%;
        margin                  : 0;
        padding                 : 0;
        border                  : 0;
    }
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}