@charset "shift_jis";
/* CSS Document */

/*--------------------------------------------------------------*/
/* 全体 */
/*--------------------------------------------------------------*/
html,body{
	height:100%;
}
 
#Min_ie{
	height:1px;
	width:980px;
	overflow:hidden;
}

#Kwrap {
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	margin: 0 auto;
	width:100%;
	min-width:980px;
	text-align: center;
	background-color:#FFFFFF;
	background:url(_pic/KmainL_img.gif) left top repeat-y;
}

#kanri_head {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 32px;
	width:100%;
	min-width:980px;
	background: url(../../_pic/head_back.gif) left top repeat-x;
	background-color:#ff7300;
}

#KmainL {
	float:left;
	width: 190px;
	padding-bottom:30px;
	background:#FFFDE8;
	border-right:1px solid #CCC;
	text-align:right;
	/* 横のボーダーを背景画像幅に合わせる */
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}

#KmainM {
	text-align:left;
	margin-left:191px;
	background:#FFFFFF;
	padding-bottom:30px;
}

/*
#KmainR {
	float:left;
	width: 184px;
	text-align:left;
	padding-bottom: 16px;
}
*/

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

#KmainL ul{
	padding: 2px 0 0 0;
	margin:0 0 10px 0;
	text-align:right;
}


p#copyright{
	font-size:10px;
	color:#333;
	padding:4px 0;
	margin:0;
	line-height:180%;
}

h2.title{
	display:block;
	margin: 30px 0 8px 30px;
	padding: 10px 0 12px 40px;
	font-size: 114%;
	line-height:90%;
	color: #066;
	background:url(_pic/ico_pen2.gif) no-repeat left top;
}
h2.title_seito{
	display:block;
	margin: 30px 0 20px 30px;
	padding: 10px 0 12px 40px;
	font-size: 114%;
	line-height:90%;
	color: #066;
	background:url(_pic/ico_pen.gif) no-repeat left top;
}
h2.title_pcmail{
	display:block;
	margin: 30px 0 20px 30px;
	padding: 10px 0 12px 40px;
	font-size: 114%;
	line-height:90%;
	color: #066;
	background:url(_pic/ico_mail.gif) no-repeat left top;
}
h2.title_mailbox{
	display:block;
	margin: 30px 0 20px 30px;
	padding: 10px 0 14px 40px;
	font-size: 114%;
	line-height:90%;
	color: #066;
	background:url(_pic/ico_box.gif) no-repeat left top;
}
h2.title_hajime{
	margin: 30px 0 8px 30px;
}
h2.title_info{
	display:block;
	margin: 30px 0 20px 30px;
	padding: 10px 0 12px 40px;
	font-size: 114%;
	line-height:90%;
	color: #066;
	background:url(_pic/ico_osirase.gif) no-repeat left top;
}

.tree_titleback{
	background:url(_pic/title_bg.gif) no-repeat left top;
}

ul.treeback li{
	background-color:#FFFDE8;
	list-style:none;
	font-size:12px;
}

/*-- 最近の学習状況 色設定 --*/

#mainTBL, #mainTBL_kbt{
	border:#CCC 1px solid;
	color:#1B315A;
	text-align:left;
	font-size:12px;
	margin: 0 0 16px 30px;
	width:90%;
}
#mainTBL_itiran{
	border:#CCC 1px solid;
	color:#1B315A;
	font-size:12px;
	margin: 0 0 30px 30px;
}
	
#mainTBL th{
	background:url(../_pic/tb_back_sp1.gif) repeat-x;
	height:40px;
	text-align:center;
	vertical-align:middle;
	line-height:100%;
}

#mainTBL_kbt th, #mainTBL_itiran th{
	background:url(../_pic/tb_back_sp1.gif) repeat-x;
	height:40px;
	text-align:center;
	padding:0 4px;
	vertical-align:middle;
}

#mainTBL td, #mainTBL_kbt td{
	padding:5px 4px 5px 4px;
	text-align:left;
}
#mainTBL_itiran td{
	padding:5px 4px 5px 4px;
	text-align:center;
}

table.pageTBL{
	clear:both;
	margin:10px 30px 0;
	padding-bottom:30px;
}

/* 学習状況 詳細ページ設定 */

.userTBL {
	font-size: 76%;
	font-weight:bold;
	margin-bottom:8px;
	border: solid 1px #CCC;
	word-break: break-all;
}

.userTBL th{
	background:url(../_pic/tb_back_jm.gif) repeat-x;
	padding: 5px 4px;
}
.userTBL td{
	padding: 5px 4px;
}


/* 左メニューのボタン */
div.L_btn1 {
	margin: 0px 2px;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */

   border: 1px green solid;     /* 枠線の装飾 */
   background-color: #ccffcc;   /* 背景色 */
}

/* 教科別単元クリア表 */
.sibori_table{
	margin: 0 40px 10px 40px;
	background:#ECFFF9;
	font-size:12px;
}

.sibori_head{
	font-size:13px;
	border-bottom:2px solid #ABD5A7;
}

.shibori_item{
	padding:3px 4px;
	font-size:12px;
}

.mei_table{
	font-size:12px;
	margin: 0 20px;
}

/*-- 単元クリア表ページ --*/

#mainTBL_c{
	border:#CCC 1px solid;
	color:#333333;
	text-align:left;
	font-size:12px;
	margin: 0 0 30px 30px;
	width:90%;
}
#mainTBL_c th{
	background:url(../_pic/tb_back3.gif) repeat-x;
	height:40px;
	vertical-align:middle;
	padding:4px;
}
#mainTBL_c td{
	padding:5px 4px 5px 4px;
	text-align:left;
}

table.pageTBL{
	clear:both;
	margin:10px 0 30px 20px;
}

/*-- 単元クリア表 詳細ページ --*/

/*- ユーザー名の表 -*/
.shosaiTBL{
	border: 1px solid #CCC;
	word-break: break-all;
	margin-right:12px;
	text-align:center;
	margin: 0 0 30px 30px;
}

.shosaiTBL th{
	background:url(../_pic/tb_back_m.gif) repeat-x;
}

.shosaiTBL th, .shosaiTBL td{
	padding: 5px 4px;
	font-size:76%;
	font-weight:bold;
}
/*- クリア詳細の表 -*/

#mainTBL_s{
	clear:both;
	border:#CCC 1px solid;
	color:#333333;
	font-size:12px;
	text-align:left;
	width:90%;
	margin: 0 0 30px 30px;
}
#mainTBL_s th{
	background:url(../_pic/tb_back_sp2.gif) repeat-x;
	height:40px;
	text-align:center;
	vertical-align:middle;
	padding: 0 4px;
}
#mainTBL_s td{
	padding:5px 4px 5px 4px;
	text-align:center;
}

table.itiran_shosai{
	margin:0 auto;
	padding:0;
	text-align:center;
}
	
table.itiran_shosai td{
	margin:0;
	padding:0;
}


/*--------------------------------------------------------------*/
/* IDの発行・一覧 */
/*--------------------------------------------------------------*/
#ID_ViewList {
	margin: 0;
	padding: 20px 0 30px 30px;
}
#ID_ViewList h2 {
	margin: 8px 0 0 5px;
	padding: 0 0 0 5px;
	font-size: 100%;
	line-height: 120%;
	color: #003399;
	border-left:solid 6px #003399;
}

#ID_ViewList ul {
	margin: 8px 0 16px 6px;
	padding: 0;
	list-style: none;
	font-size: 75%;
	line-height: 120%;
}
#ID_ViewList li {
	margin: 0;
	padding: 0 0 5px 12px;
	background: url(support_img/support_list.gif) left top no-repeat;
}
#ID_ViewList li.here{
	background: url(support_img/support_list2.gif) left top no-repeat;
	color: #3399CC;
}
#ID_ViewList li p{
	margin:2px 0 0;
	padding:0;
}

.setsumei2 { font-size: 85%; line-height: 150%; margin: 12px; border: solid 1px #CCC;}
.ko-midashi{ margin: 10px 0px; }
input.text1{width:10em;}
input.text2{
	width:25em;
	ime-mode: active;
	font-size: 110%;
}
input.text_ime{
	ime-mode: active;
	font-size: 110%;
}
input.text_noime{
	ime-mode: disabled;
	font-size: 110%;
}
select.select1{
	font-size: 110%;
}

/*--------------------------------------------------------------*/
/* 単元クリアー表 */
/*--------------------------------------------------------------*/
.head_tngen #slatenav{
	position:relative;
	display:block;
	height:33px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(_pic/blueslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}

.head_tngen #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}

.head_tngen #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}

.head_tngen #slatenav ul li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 18px 8px 18px;
	height:28px;
	border-right:1px solid #CCCCCC;
}

.head_tngen #slatenav ul li a:hover,.head_tngen #slatenav ul li a.kyk_current{
	color:#fff;
	background:transparent url(_pic/blueslate_backgroundOVER.gif) no-repeat top center;
}

/*--------------------------------------------------------------*/
/* 学校管理者画面用 */
/*--------------------------------------------------------------*/

div.kadomaru {
   /* ▼CSS3 */
   border-top-left-radius: 20px;  /* 左上 */
   border-top-right-radius: 20px; /* 右上 */

   /* ▼Safari,Chrome */
   -webkit-border-top-left-radius: 20px;  /* 左上 */
   -webkit-border-top-right-radius: 20px; /* 右上 */

   /* ▼Firefox */
   -moz-border-radius-topleft: 20px;  /* 左上 */
   -moz-border-radius-topright: 20px; /* 右上 */

   /* ▼共通装飾 */
   border: 3px green solid;     /* 枠線の装飾 */
   background-color: #ccffcc;   /* 背景色 */
}


/*--------------------------------------------------------------*/
/* スタディパーク保護者用管理画面 学習履歴以外のページ用 */
/*--------------------------------------------------------------*/


#hogo_naiyou{
	width:700px;
	text-align:left;
	vertical-align:top;
	margin:0 0 0 20px;
	background:#FFFFFF;
}
#hogo_naiyou h1{
	margin:0;
	padding:0;
}

#hogo_naiyou h2{
	margin-top:10px;
}
#hogo_naiyou p.hajime{
	font-size:88%;
	margin:8px 0 10px 50px;
	color:#630;
	line-height:120%;
}

/*----------------------------*/
/* インフォメーション */
/*----------------------------*/

.moji_2b{
	font-size:12px;
	color:#600;
}

.moji_2c{
	font-size:12px;
	color:#333333;
}

/*----------------------------*/
/* メッセージボックス */
/*----------------------------*/

h2.h_mess{
	display:block;
	margin:0 0 0 30px;
}

#mess_bottom{
	margin:0;
	padding:0;
	height:180px;
	vertical-align:bottom;
}

/*----------------------------*/
/* ご契約情報の確認・変更 */
/*----------------------------*/

.goriyo_joho{
	background: url(_pic/goriyo_h_back.gif) top left repeat-x;
}
.goriyo_joho2{
	background: url(_pic/goriyo_h_back2.gif) top left repeat-x;
}
.joho_data{
	width:90%;
	margin:16px 0 16px 30px;
	padding:0;
	font-size:14px;
	border:solid #CCC 1px;
}

.joho_data th, .joho_data td{
	font-weight:normal;
	padding:2px 10px;	
}

#divSwf1{
	margin:16px 0;
}

p.setsumei{
	margin: 16px 0;
	font-size:88%;
	color:#363636;
}

/*----------------------------*/
/* よくある質問 */
/*----------------------------*/

h2.title_faq{
	display:block;
	width:600px;
	margin: 30px 0 20px 30px;
	padding: 10px 10px 2px 44px;
	font-size: 100%;
	color:#066;
	line-height:200%;
	background:url(_pic/ico_faq.gif) no-repeat left top;
	border-bottom: dashed #9C0 2px;
}

.Ans{
	margin: 0 0 20px 60px;
}
p.faq_naka{
	font-size:88%;
	padding:4px 15px;
	line-height:120%;
}

/*----------------------------*/
/* アンケート */
/*----------------------------*/
p.ank_p{
	font-size:88%;
	color:#000066;
	margin:10px 30px;
}
h2.ank_h{
	text-align:left;
	font-size:88%;
	margin:10px 0 20px 30px;
	padding: 4px 0 4px 6px;
	font-weight:bold;
	display:block;
	width:600px;
	border-bottom:#000 solid 1px;
	border-left:#9C0 solid 5px;
}
h3.ank_sub{
	text-align:left;
	padding: 0;
	margin: 10px 0 10px 40px;
	font-size:88%;
	color:#066;
	font-weight:bold;
}
table.ank_Ans{
	margin: 10px 0 20px 50px;
	font-size:88%;
	text-align:left;
	}