@charset "utf-8";
/* CSS Document */


/******************************

					terms/release

*******************************/

#terms,
#release{
margin:0 auto;
padding-bottom:65px;
border-bottom:1px #d5d5d5 solid;
}


@media only screen and (min-width:768px) {

#terms,
#release{
width:767px;
}


}

@media only screen and (max-width: 767px) and (min-width: 481px) {



}

@media only screen and (max-width: 480px) {



}


#terms h1,
#release h1{
margin-bottom: 22px;
padding: 12px 0 9px 0;
line-height: 1.8;
text-align:center;
background:#f5f5f5;
font-weight: bold;  
}

#release h2{
margin-bottom: 22px;
text-align:center;
font-weight: bold;  
}

#terms .inner,
#release .inner{
border:1px #eee solid;
}

@media only screen and (min-width:768px) {

#terms h1,
#release h1{
font-size: 18px;    
}

#release h2{
font-size: 16px;    
}

#terms .inner,
#release .inner{
padding: 20px 40px;
}

}

@media only screen and (max-width: 767px) and (min-width: 481px) {

#terms h1,
#release h1{
font-size: 16px;    
}


#terms .inner,
#release .inner{
padding: 20px;
}

}

@media only screen and (max-width: 480px) {

#terms h1,
#release h1{
font-size: 16px;    
}

#terms .inner,
#release .inner{
padding: 20px;
}


}


#terms .inner p{
padding-bottom:20px;
padding-left:1em;
text-indent:-1em;
line-height:1.8;
font-size:14px;
}

#terms .inner p.lead,
#terms .inner p.contact{
padding-left:0;
text-indent:0;
}

#terms .inner ul{
padding:0 0 15px 20px;
}

#terms .inner li{
padding-bottom:5px;
padding-left:1em;
text-indent:-1em;
font-size:14px;
}

/******************************

					release

*******************************/

#release hgroup span{
padding-bottom:20px;
display:block;
}

#release hgroup span#releaseFrom{
text-align:right;
}

#release .inner p{
padding-bottom:20px;
line-height:1.8;
font-size:14px;
}

#release .inner h2{
padding:25px 0 5px 0;
font-size:16px;
font-weight:bold;
}

#release .inner h3{
margin:0;
background:none;
text-align:left;
font-size:14px;
color:#646464;
}

#release #inquiry{
border:1px #ccc solid;
margin-top:20px;
padding:20px;
}

#release .inner h4{
font-size:14px;
font-weight:bold;
}

/* backnumber */

/******************************

					backnumber

*******************************/

#backnumber{
margin:0 auto;
padding-bottom:65px;
}


#backnumber .inner h2{
padding:0 0 8px 0;
font-size:18px;
font-weight:bold;
color:#86C158;
}

#backnumber .inner span.end{
font-size:11px;
color:#f00;
}

#backnumber .inner dl{
margin-bottom:50px;
}

#backnumber .inner dt{
padding-bottom:5px;
}

#backnumber .inner dd{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px #999 dotted;
}

#backnumber a{
color:#434b57;
}

@media only screen and (min-width:768px) {

#backnumber{
width:767px;
}


}

@media only screen and (max-width: 767px) and (min-width: 481px) {



}

@media only screen and (max-width: 480px) {



}


#backnumber h1{
margin-bottom: 22px;
padding: 12px 0 9px 0;
text-align:center;
background:#f5f5f5;
font-weight: bold;  
}

#backnumber .inner{
border:1px #eee solid;
}

@media only screen and (min-width:768px) {

#backnumber h1{
font-size: 18px;    
}

#backnumber .inner{
padding: 20px 40px;
}

}

@media only screen and (max-width: 767px) and (min-width: 481px) {

#backnumber h1{
font-size: 16px;    
}

#backnumber .inner{
padding: 20px;
}

}

@media only screen and (max-width: 480px) {

#backnumber h1{
font-size: 16px;    
}

#backnumber .inner{
padding: 20px;
}


}

/******************************

					20150717/ 20150907

*******************************/

#planTable th,
#planTable td{
padding:8px;
border:1px #ccc solid;
text-align:center;
}

#planTable td.features{
background:#eee;
}

.planTableWarning{
margin-bottom:50px;
display:block;
}

section.features0907{
border-bottom:1px #aaa dotted;
}

#tryCam,
.features0907{
margin:0 0 20px 30px;
list-style-type:disc;
}

#tryCam li,
.features0907 li{
padding-bottom:10px;
}

.release20150907 h3{
padding-bottom:10px;
font-weight:bold;
}

.release20150907 h4{
padding:0 0 10px 10px;
}

.release20161020 figure{
text-align:center;
}

@media only screen and (min-width:768px) {

#planTable th,
#planTable td,
.planTableWarning{
font-size:12px;
}

}

@media only screen and (max-width: 767px) and (min-width: 481px) {

#planTable th,
#planTable td,
.planTableWarning{
font-size:10px;
}
}

@media only screen and (max-width: 480px) {

#planTable th,
#planTable td,
.planTableWarning{
font-size:10px;
}
}

/******************************

					20161124

*******************************/
.release20161124 figure,
.release20161124 .planTableWarning{
text-align:center;
}

.release20161124 p.over{
text-align:right;
}

.release20161124 aside li{
padding-left:3em;
text-indent:-2em;
font-size:80%;
}

.release20161124 #inquiry h3{
padding-bottom:10px;
font-weight:bold;
}

/******************************

					20170831

*******************************/

#release.announcement-20170831 h1{
padding-right:10px;
padding-left:10px;
}

#release.announcement-20170831 h1 span{
font-size:80%;
}

#release.announcement-20170831 h2{
text-align:left;
font-size:22px;
}

#release.announcement-20170831 h3{
margin-bottom:20px;
font-size:18px;
font-weight:bold;
}

#release.announcement-20170831 ul{
margin:0 0 20px 20px;
}

#release.announcement-20170831 ul li{
margin-bottom:10px;
list-style-type:disc;
font-size:14px;
line-height:1.8;
}

#release.announcement-20170831 .inner{
word-wrap: break-word;
overflow-wrap: break-word;
}

#release.release20171006 .inner img{
width: 100%;
}