@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

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

/beginner/index.php

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

.biginner {  }

/**a.detailLinks { display:block; width:300px; height:50px; text-align:center; margin:20px auto 0px auto; font-size:140%;  border-radius:.3em; line-height:50px; box-shadow:1px 1px 3px #000; text-shadow:none; text-decoration:none;background-color:#666; color:#E1BF11; }
a.detailLinks:hover { background-color:#E1BF11;  color:#333; }**/

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

.biginner {  }
/**a.detailLinks { display:block; width:auto; height:50px; text-align:center; margin:20px auto 0px auto;  font-size:140%;}**/

}

.clm2_2_2 { text-align:center; margin-top:15px; margin-bottom:15px; }
.clm2_2_2 li { display:inline-block; vertical-align:top; margin:0 5px 0 0px; width:-webkit-calc( 50% - 10px ); width:calc( 50% - 10px ); }
.clm2_2_2 li:nth-child(2n) { margin: 0 0px 0 5px; }
.clm2_2_2 li img:nth-child(1) { width:100%; height:auto; }

#container img { border:1px solid #ddd; box-sizing:border-box; }
#container a img { border:none; }


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

#apli a img { width:90%; height:auto; }
}