@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------*/
/* 全体 */
/*--------------------------------------------------------------*/
html {-ms-touch-action: manipulation;  touch-action: none;}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:100%;
	line-height:125%;
}
h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,form,table,dl,dt,dd{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
img {
	margin: 0;
	border: 0;
}
/*--------------------------------------------------------------*/
/* リンク */
/*--------------------------------------------------------------*/
a:link {
	color: #3300cc;
	/*text-decoration: underline;*/
}
a:visited {
	color: #663399;
	/*text-decoration: underline;*/
}
a:hover, a:active {
	color: #FF6600;
	/*text-decoration: underline;*/
}
/*--------------------------------------------------------------*/
/* ヘッダ */
/*--------------------------------------------------------------*/
#head {
	height:45px;
	width:100%;
	text-align:left;
	margin-top:-1px;
	background: #ffffff url(../_pic/head_back.gif) left top repeat-x;
}

#head_adm {
	height:39px;
	width:100%;
	text-align:left;
	background: #ffffff url(../_pic/head_adm_back.gif) left top repeat-x;
}

#head_svr {
	height:39px;
	width:100%;
	text-align:left;
	background: #ffffff url(../_pic/head_svr_back.gif) left top repeat-x;
}

img.M_title{
	position:absolute;
	top:0;
	left:0;
}

p.home{

}

/*--トップページヘッダ用--*/
#T_head table{
	height:45px;
	width:100%;
	background: #000066 url(../_pic/head_backT.gif) left top repeat-x;
}
img.T_title{
	position:absolute;
	margin-top:80px;
	left:0;
}
/*--------------------------------------------------------------*/
/* メイン */
/*--------------------------------------------------------------*/
html,body{
	height:100%;
}

#Min_ie{
	height:1px;
	width:960px;
	overflow:hidden;
}

#wrap {
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	margin: 0 auto;
	padding: 0;
	width:100%;
	min-width:960px;
	text-align: center;
	background-color: #FFF;
}

.rand {
	background:url(../_pic/rand_back.png) no-repeat;
	background-position:center;
	
	width:810px;
	height:210px;
	margin-top:10px;
}
.rand td{
	height:50px;
}
.digi {
	background:url(../_pic/digi_back.png) no-repeat;
	background-position:center;
	
	width:810px;
	height:151px;
	margin-top:10px;
}
.digi  td{
	height:50px;
}
.chibi {
	background:url(../_pic/chibi_back.png) no-repeat;
	background-position:center;
	
	width:810px;
	height:151px;
	margin-top:10px;
}
.chibi  td{
	height:50px;
}

/* ～ドリル画面の設定ここから～ */

#waku {
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	width:100%;
	background:url(edml_img/drill_back.gif) left top repeat;
	margin:0;
	padding:0;
}

#wrap_drill {
	height:100%;
	position:relative;
	padding:0;
	margin:0 auto;
	width:800px;
}

#tabImg{
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:center;
	display:none;
}
#tabImg img{
	margin-top:580px;
}

/* ～ドリル画面の設定ここまで～ */
	

/*--ログイン画面--*/
#loginTBL{
	 background:url(edml_img/login_img.jpg) top left no-repeat;
	 width:620px;
	 height:263px;
	 margin:0 auto;
}

table.news th{
	font-size:90%;
	color:#F60;
	padding: 4px 0;
}
table.news td dl{
	font-size:76%;
	padding: 0 16px;
}


td.Sta_btn{
	padding: 10px 0 4px 14px;
	width:100%;
}
td.ga_menu{
	padding: 10px 0 10px 10px;
	margin:0;
}
td.naiyou{
	font-size:86%;
	padding: 0 10px 0 14px;
	width:100%;
}
td.naiyou2{
	font-size:90%;
	padding: 0 10px 0 14px;
	width:100%;
}


/*-----学習状況ページ----------*/

/*--教科ボタン--*/
.kyouka_li img{
	margin: 10px 2px 6px 6px;
	padding:0;
}

/*-----無料体験ページ----------*/
td.demo{
	vertical-align:middle;
}


/*--------------------------------------------------------------*/
/* コンテンツメイン画面 */
/*--------------------------------------------------------------*/

#side {
	width:140px;
}

/*--TOPのflash画面--*/
#demo_T{
	margin: 0 auto;
}
/*--コンテンツのflash画面--*/
#demo{
	padding:0;
	margin-left:150px;
	min-width:800px;
}

.modoru{
	clear:both;
	margin-top:20px;
}

button.button1 { /* 選択可能または選択中のボタンの表示 */
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を薄い青色に指定 */
    background-color: #add8e6;

    /* 文字色を白色に指定 */
    color: #248;

    /* ボーダーをなくす */
    border-style: none;
}
button.button1-chk { /* 選択されてないボタンの表示 */
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #1e90ff;

    /* 文字色を白色に指定 */
    color: #248;

    /* ボーダーをなくす */
    border-style: none;
}
button.button1:hover {

    /* 背景色を濃い青色に指定 */
    background-color: #1e90ff;

}

button.btn_namae {
    /* 文字サイズを1.0emに指定 */
    font-size: 1.0em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 10px;

    /* 背景色を濃い青色に指定 */
    background-color: #add8e6;

    /* 文字色を白色に指定 */
    color: #248;

    /* ボーダーをなくす */
    border-style: none;

    width: 180px;
}
button.btn_namae:hover {

    /* 背景色を濃い青色に指定 */
    background-color: #1e90ff;

}
td.messe {

    /* 文字サイズを1.4emに指定 */
    font-size: 1.2em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 10px;

    /* 背景色を濃い青色に指定 */
    background-color: #fff;

    /* 文字色を白色に指定 */
    color: #268;

    /* ボーダーをなくす */
    border-style: none;


}

/*--------------------------------------------------------------*/
/* フッタ */
/*--------------------------------------------------------------*/
#footer {
	clear: both;
	margin: 0 auto;
	padding: 12px 0 12px 0;
	color: #666666;
	text-align: center;
	border-top: solid 1px #999999;
	font-size: 80%;
	background-color: #ffffff;
}

/*--各学年ドリルメニューページのフッタ--*/
#footer_menu {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-width:960px;
	margin: 0;
	height:30px;
	padding: 0;
	text-align: center;
	vertical-align:middle;
	font-size: 80%;
}
#footer_menu img {
	padding-top:8px;
}

/*--トップページのフッタ--*/
#footer_T {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-width:960px;
	margin: 0;
	height:30px;
	padding: 0;
	text-align: center;
	vertical-align:middle;
	font-size: 80%;
	background-color: #000066;
	
}

/*--トップページのフッタ--*/
#footer_G {
	clear: both;
	margin: 0 auto;
	padding: 8px 0 8px 0;
	text-align: center;
	font-size: 80%;
	background-color: #005B36;
}

.ID{
	background:url(../_pic/stu_ID.png);
	width:400px;
	height:37px;
}

.pass{
	background:url(../_pic/pass.png);
	width:400px;
	height:37px;
}
.school{
	background:url(../_pic/school_back.png) no-repeat;
	float:right;
	text-align:center;
	line-height:31px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:350px;
	height:31px;
	margin-top:30px;
}
.name{
	background:url(../_pic/name_back.png) no-repeat;
	float:right;
	text-align:center;
	line-height:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:250px;
	height:54px;
	margin-top:20px;
}

/*--------------------------------------------------------------*/
/* Key Pad */
/*--------------------------------------------------------------*/
#btn_Kpad{
	height: 54px;
	width: 85px;
	background-image: url(../_pic/btn_key4.png);
	background-repeat: no-repeat;
	background-position: left top;

	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	margin-left:10px;
	margin-bottom:10px; 
}

#btn_Kpad:hover{
	background-image: url(../_pic/btn_key4.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	-webkit-box-shadow: 0px 0px 0px 2px #FFFF00; 
	-moz-box-shadow: 0px 0px 0px 2px #FFFF00; 
	box-shadow: 0px 0px 0px 2px #FFFF00; 
}

#key_pad{
	width:100%;
	height:230px;
	background-image: url(../_pic/key_pad_bg.png);
	background-repeat: repeat-x;
	bottom: -300px;
	position: absolute;

	transition: bottom 200ms ease-out;
	-webkit-transition: bottom 200ms ease-out;
	-moz-transition: bottom 200ms ease-out;
}

#main_keys{
	height: 957px;
	width: 165px;
	position: absolute;
	top: 35px;
}

span.keys{
	position: absolute;
	width:42px;
	height:36px;
	background-image: url(../_pic/key_imgs.png);
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
}

span.keys:hover{
	-webkit-box-shadow: 0px 0px 0px 2px #FFFF00; 
	-moz-box-shadow: 0px 0px 0px 2px #FFFF00; 
	box-shadow: 0px 0px 0px 2px #FFFF00; 
}

#k_cl{
	width:85px;
	height:54px;
	background-image: url(../_pic/btn_key4.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	top: 19px;
	right: 19px;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
}

#k_cl:hover{
	background-image: url(../_pic/btn_key4.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	
	-webkit-box-shadow: 0px 0px 0px 2px #FFFF00;
	-moz-box-shadow: 0px 0px 0px 2px #FFFF00;
	box-shadow: 0px 0px 0px 2px #FFFF00;
}