@charset "UTF-8";

/* IE6, IE7, Firefox で動作します */

@import "../../layout_position.css";

/* layout ****************************************************************** */


body.logged_in #header
{
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

body.logged_in #container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

body.logged_in #footer_copyright
{
	line-height:50px;
	color:#505050;
	text-align:center;
}

/* ****************************************************************** layout */

#abstract_wrapper {
	width: 960px;
	margin: auto;
}
.popup_area {
	border: solid 1px #aaa;
	border-radius: 5px;
	background-image: url("/wired_admin/themes/member/images/touka.png");
	padding: 8px;
	display: none;
	position: absolute;
	z-index: 10;
}

/* header ****************************************************************** */
#bar {
	width: 960px;
	height: 30px;
	margin: auto;
	position: relative;
}
#bar a {
	display: block;
	position: absolute;
}
#bar a.logo {
	width: 100px;
	height: 27px;
	top: 1px;
	left: 4px;
}
#bar a.bgm {
	width: 90px;
	height: 20px;
	top: 5px;
	right: 105px;
}
#bar a.logout {
	width: 90px;
	height: 20px;
	top: 5px;
	right: 9px;
}
#main_menu {
	float: left;
}
#main_menu li {
	float: left;
}
#main_menu li a {
	width: 109px;
	height: 109px;
	display: block;
}
#main_menu #option {
	position: relative;
}
#main_menu .popup_area {
	width: 125px;
	top: 40px;
	left: 50px;
}
#main_menu .popup_area a {
	color: #0069b5;
	text-decoration: none;
	line-height: 1.6;
	display: inline;
}
#main_menu .popup_area a:hover {
	text-decoration: underline;
}
#manabi,
#manabi_top {
	text-decoration: none;
	width: 404px;
	height: 109px;
	margin-top: 3px;
	float: right;
	display: block;
}
#manabi {
	width: 172px;
	height: 102px;
}
#manabi span,
#manabi_top span {
	color: #d31359;
	font-size: 47px;
	text-align: center;
	width: 160px;
	margin-top: 28px;
	margin-left: 9px;
	display: block;
}
#manabi span {
	margin-top: 24px;
}
#center {
	color: #191919;
	text-align: center;
	width: 955px;
	height: 179px;
	margin: 3px auto 5px;
}
#center .date {
	font-size: 28px;
	line-height: 1;
	margin: 0;
	padding-top: 15px;
	padding-left: 30px;
}
#center .date span {
	font-size: 32px;
	margin: 0 8px;
}
#center #marquee {
	text-align: left;
	width: 500px;
	margin: 0 auto 6px;
}
#center #marquee marquee {
	font-size: 18px;
	letter-spacing: 1;
	margin-left: 50px;
}
#center .topics {
	width: 128px;
	height: 80px;
	margin: 0 auto;
	display: block;
}

body.logged_in #header h1 a
{
	width: 307px;
	height: 131px;
	background: url("images/logo.gif") 0 0 no-repeat;
	    display: block;
}

body.logged_in #header #header_menu
{
	width:643px;
	text-align:right;
	margin-top:2em;
}

body.logged_in #header #header_menu a.login_button
{
	display: block;
	width: 307px;
	height: 131px;
	background: url("images/logout.gif") 0 0 no-repeat;
}

body.logged_in #header #logout
{
	margin-right:0;
	margin-bottom:1em;
}

#message_box
{
	padding:0;
	border: 2px green solid;
	background-color:#f0fdb7;
	width:600px;
}

/*IE以外に適用*/
html>/**/body #message_box
{
	position: relative;
	top: 0;
	left: 40px;
}

#login_user
{
	color:white;
	font-weight:bold;
	padding:9px;
	float: left;
	margin-right:1em;
	background: url("images/loggedin.gif") 0 0 repeat-x;
}

#message {
	padding:9px;
	text-align:left;
}

/* ****************************************************************** header */


/* container ******************************************************************** */
#menu {
	position: relative;
	width: 960px;
	height: 33px;
	top: 0;
	left: 0;
	z-index: 1;
}

*html #menu {
}

#menu ul#menu_category li.menu_category {
	position: relative;
	float: left;
}

*html #menu ul#menu_category li.menu_category {
	margin: 0;
	padding: 0;
	float: left;
}

#menu ul#menu_category ul.menu_item {
	display: none;
	position: absolute;
	z-index: 10;
	background-color: #fff;
}

*:first-child+html #menu ul#menu_category ul.menu_item {
	position: static;
}

#menu ul#menu_category li.menu_category:hover ul.menu_item,
#menu ul#menu_category li.hover ul.menu_item {
	display: block;
}

#menu ul#menu_category a {
	width:233px;
	display: block;
	height:33px;
	line-height:33px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

*html #menu ul#menu_category a {
}

#menu ul#menu_category div.selected a {
	color: #fff;
	background-color: #3366FF;
}

#menu ul#menu_category div a:hover {
	background-position: 0 0;
}

li.menu_item a{
	margin-left:3px;
}

#menu ul#menu_category li.menu_item a {
	width:233px;
	color: #2a2a2a;
	background: url("images/menu_sub_normal.gif") 0 0 no-repeat;
}

#menu ul#menu_category li.menu_item a:hover {
	color: #2a2a2a;
	background: url("images/menu_sub_hover.gif") 0 0 no-repeat;
}

div.menu_category img {
	padding:0px;
}

div.menu_category_top
{
	background: url("images/top_on.jpg") 0 0 no-repeat;
}

div.menu_category_study
{
	background: url("images/study_on.jpg") 0 0 no-repeat;
}

div.menu_category_cmi
{
	background: url("images/cmi_on.jpg") 0 0 no-repeat;

}

div.menu_category_option
{
	background: url("images/option_on.jpg") 3px 0 no-repeat;
}

div.menu_category_top a,
div.menu_category_study a
{
	margin-left:0px;
	margin-right:3px;
}

div.menu_category_option a {
	margin-left:3px;
	margin-right:0px;
}

a.menu_category_top_button
{
	background: url("images/top_off.jpg") 0 0 no-repeat;
}

a.menu_category_top_button_selected,
a.menu_category_top_button:hover
{
	background: url("images/top_on.jpg") 0 0 no-repeat;
}

a.menu_category_study_button
{
	background: url("images/study_off.jpg") 0 0 no-repeat;
}

a.menu_category_study_button_selected,
a.menu_category_study_button:hover
{
	background: url("images/study_on.jpg") 0 0 no-repeat;
}

a.menu_category_cmi_button
{
	background: url("images/cmi_off.jpg") 0 0 no-repeat;
}

a.menu_category_cmi_button_selected,
a.menu_category_cmi_button:hover
{
	background: url("images/cmi_on.jpg") 0 0 no-repeat;
}

a.menu_category_option_button
{
	background: url("images/option_off.jpg") 0 0 no-repeat;
}

a.menu_category_option_button_selected,
a.menu_category_option_button:hover
{
	background: url("images/option_on.jpg") 0 0 no-repeat;
}



/* ******************************************************************** container */


/* main ****************************************************************** */

#main 
{
	clear: both;
	margin: 0;
}

*html #main {
	padding-top: 0;
	border-top: 0;
}

#main #content {
	min-height: 680px;
	_height:680px;	/* IE */
	padding:0 10px;
}

*html #main #content {
}

*:first-child+html #main #content {
}


/* タブ共通 */
/*
	study/のtopとtop_test
	score/の全ファイル
	calendar/のlog,schedule,schedule_input で利用中
*/

ul.tab li {
	float: left;
	margin-right: 2px;
	font-weight:bold;
	padding:3px 0 3px;
	text-align:center;
	line-height: 1.4;
	width: 80px;
}

ul.tab li a {
	    display: block;
	    text-decoration:none;
}

#common_tab
{
	height:35px;
	margin-bottom:15px;
	background-image:url("./images/tab_border_base.gif");
	background-position:bottom left;
	background-repeat:repeat-x ;
}

#common_tab ul.tab li
{
	/* 継承設定リセット */
		margin:0px;	
		padding:0px;

		margin-right:5px;
		padding-top:12px;
		width: 135px;
		height:22px;
		background-image:url("./images/tab_normal.gif");
		background-position:top left;
}

#common_tab .tab_noactive
{
	border-bottom:1px solid #C0C0C0;
}

#common_tab .tab_noactive a
{
	color:gray;
	font-weight:normal;
}

#common_tab .tab_active
{
	border-bottom:1px solid white;
	color:black;
	font-weight:bold;
}

/* ページ共通操作ボタンのスタイル */

.cmi_contents_button_hyouji,
.cmi_contents_button_hensyu,
.cmi_contents_button_cancel,
.cmi_contents_button_hozon,
.cmi_contents_button_kakunin,
.cmi_contents_button_modoru,
.cmi_contents_button_ok
{
	display:block;
	width:161px;
	height:31px;
	line-height:31px;
}

/*a.cmi_contents_button_kakunin span,*/
/*a.cmi_contents_button_modoru span,*/
/*a.cmi_contents_button_ok span,*/
a.cmi_contents_button_hyouji span,
a.cmi_contents_button_hensyu span,
a.cmi_contents_button_cancel span,
a.cmi_contents_button_hozon span
{
	display:none;
}

div.buttons p{
	height:31px;
	margin-bottom:20px;
}

div.buttons_edit_pair {
	width:347px;
}

.cmi_contents_button_hyouji
{
	margin-left:20px;
	background-image:url("./images/button_hyouji_off.jpg");
}

.cmi_contents_button_hyouji:hover,
.cmi_contente_button_hyouji_preload
{
	background-image:url("./images/button_hyouji_on.jpg");
}

.cmi_contents_button_hensyu {
	background-image:url("./images/button_hensyu_off.jpg");
}

.cmi_contents_button_hensyu:hover,
.cmi_contents_button_hensyu_preload
{
	background-image:url("./images/button_hensyu_on.jpg");
}

.cmi_contents_button_cancel {
	float:left;
	margin-right:15px;
	background-image:url("./images/button_cancel_off.jpg");
}

.cmi_contents_button_cancel:hover,
.cmi_contents_button_cancel_preload
{
	background-image:url("./images/button_cancel_on.jpg");
}

.cmi_contents_button_hozon {
	float:left;
	background-image:url("./images/button_hozon_off.jpg");
}

.cmi_contents_button_hozon:hover,
.cmi_contents_button_hozon_preload
{
	background-image:url("./images/button_hozon_on.jpg");
}

.cmi_contents_button_kakunin {
	float:left;
	background-image:url("./images/button_kakunin_off.jpg");
}

.cmi_contents_button_kakunin:hover,
.cmi_contents_button_kakunin_preload
{
	background-image:url("./images/button_kakunin_on.jpg");
}

.cmi_contents_button_modoru {
	float:left;
	background-image:url("./images/button_modoru_off.jpg");
}

.cmi_contents_button_modoru:hover,
.cmi_contents_button_modoru_preload
{
	background-image:url("./images/button_modoru_on.jpg");
}

.cmi_contents_button_ok {
	float:left;
	background-image:url("./images/button_ok_off.jpg");
}

.cmi_contents_button_ok:hover,
.cmi_contents_button_ok_preload
{
	background-image:url("./images/button_ok_on.jpg");
}


/* ****************************************************************** main */


/* elements **************************************************************** */

h1
{
	font-size: 136%;
}

h2
{
	background-image:url(images/h2_background.png);
	background-position:0pt;
	background-repeat:no-repeat;
	font-size:107%;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	padding:0pt 0pt 0pt 13px;
}

h3
{
	margin: 1.5em 0 0.5em;
	padding: 0 0 0.2em 16px;
}

/* **************************************************************** elements */


/* modules ***************************************************************** */

table.usual
{
	width:100%;
	margin-bottom:15px;
}

table.usual th,
table.usual td
{
	border-color: #666;
	padding:5px;
}
table.usual th
{
	color: #333;
	background-color: #B3E8FA;
	font-weight:bold;
}
table.usual td
{
	color: #333;
	background-color: #fff;
}
table.usual th a
{
	color: #fff;
}

#hanrei,
table.usual td.none-active
{
	color: #848280;
	background-color: #d1d0cf;
}
.active
{
	background-color: #e9e9e9;
}
.contents-notice
{
	margin-left: 5px;
}

/* ***************************************************************** modules */


/* login ******************************************************************* */

body.login {
	margin: 80px auto 20px;
	width: 400px;
}

body.login h1 {
	margin: 5px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	color: #036;
	font-weight: bold;
	font-size: 153.9%;
	text-align: center;
}

body.login p.error {
	text-align: center;
}

body.login form {
	margin: 0 auto;
	width: 60%;
}

body.login dl {
	margin: 20px auto;
}

body.login dt {
	margin: 2px 0;
	width: 100px;
	line-height: 22px;
	color: #fff;
	background-color: #036;
	font-weight: bold;
	text-align: center;
}

body.login dd {
	margin: -24px auto 0 105px;
}

body.login dd input {
	width: 100%;
}

body.login div.buttons {
	text-align: center;
}

/* ******************************************************************* login */

/* calendar **************************************************************** */

#calendar {
}

#calendar_table {
}

#calendar_table caption {
	text-align: center;
	    padding-bottom: 2px;
}

#calendar_table th,
#calendar_table td {
	text-align: center;
	border: 1px solid #ccc;
	height: 70px;
	width: 102px;
	font-size: 105%;
	font-weight: bold;
}

#calendar_table th {
	background-color:#fff8e5;
	height: 30px;
}

#calendar_table td {
	    vertical-align: top;
}

#calendar_table td a {
	text-decoration: underline;
}

#calendar_table div.icons {
	    margin-top: 10px;
}

#calendar_table .weekday,
#calendar_table .weekday a {
	color: #000;
}

#calendar_table .saturday,
#calendar_table .saturday a {
	color: #00f;
}

#calendar_table .sunday,
#calendar_table .sunday a {
	color: #f00;
}

#calendar_table .holiday,
#calendar_table .holiday a {
	color: #f00;
}

#calendar_table td.last_month,
#calendar_table td.next_month {
	text-indent: -10000px;
}

#calendar_table td.link {
	    cursor: pointer;
}

#calendar_table td.today {
	    background-color: #B0CF4E;
	    color: #fff;
}

#calendar_table td.mouseover {
	    background-color: #ffe4ca;
}

.calendar_log_time {
	width:125px;/*orign 105*/
}

.calendar_log_school_year {
	width:80px;
}

.calendar_log_subject {
	width:80px;
}

.calendar_log_description {
	width:330px;
}
.calendar_log_score {
	width:80px;
}

td.calendar_log_score {
	text-align: right;
}

td.calendar_log_score span.score {
	    font-weight: bold;
	    color: #FF0000;
}

#calendar_hanrei {
	    padding: 15px;
}

td.not_achieved span{
	    font-weight: bold;
}

div#schedule_date {
	    padding: 1em 0 0.5em;
}

/* sidebar **************************************************************** */

#cmi_sidebar {
	position: absolute;
	width: 180px;
	left: 10px;
	top: 17px;
	border: 1px #666 solid;
	padding: 20px 3px 3px 3px;
	text-align:center;
	background:url(images/side_bg.gif) no-repeat right bottom;
}




#cmi_sidebar a {
	display: block;
}

#cmi_sidebar a,
#cmi_sidebar div.on
{
	width: 164px;
	height: 35px;
	margin-bottom: 0.5em;
}

/*IE以外向け*/
html>/**/body #cmi_sidebar a,
html>/**/body #cmi_sidebar div
{
	margin-left:4px;
}

html>/**/body #cmi_sidebar .point_container
{
	margin-left:0px;
}

.study_calendar_off_hover{
	background: url("images/study_calendar_on.jpg") 0 0 no-repeat;
}

.study_table_off_hover{
	background: url("images/study_table_on.jpg") 0 0 no-repeat;
}

.score_off_hover{
	background: url("images/seiseki_on.jpg") 0 0 no-repeat;
}

.progress_off_hover{
	background: url("images/analyze_on.jpg") 0 0 no-repeat;
}

.school_table_off_hover{
	background: url("images/school_table_on.jpg") 0 0 no-repeat;
}


#cmi_sidebar a.study_calendar_off:hover,
#cmi_sidebar div.study_calendar{
	background: url("images/study_calendar_on.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.study_calendar_off{
	background: url("images/study_calendar_off.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.study_table_off:hover,
#cmi_sidebar div.study_table{
	background: url("images/study_table_on.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.study_table_off{
	background: url("images/study_table_off.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.favorite_off:hover,
#cmi_sidebar div.favorite{
	background: url("images/favorite_off.gif") 0 0 no-repeat;
}

#cmi_sidebar a.favorite_off{
	background: url("images/favorite_off.gif") 0 0 no-repeat;
}

#cmi_sidebar a.score_off:hover,
#cmi_sidebar div.score{
	background: url("images/seiseki_on.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.score_off{
	background: url("images/seiseki_off.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.progress_off:hover,
#cmi_sidebar div.progress{
	background: url("images/analyze_on.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.progress_off{
	background: url("images/analyze_off.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.school_table_off:hover,
#cmi_sidebar div.school_table{
	background: url("images/school_table_on.jpg") 0 0 no-repeat;
}

#cmi_sidebar a.school_table_off{
	background: url("images/school_table_off.jpg") 0 0 no-repeat;
}

#cmi_main {
	margin-left: 200px;
}

/* CMIタイトル帯 共通設定 */
#cmi_main h2{
	display:block;
	height:50px;
	line-height:50px;
	border-bottom: 0;
	background-position: 0 3px;
	margin: 1em 0 15px;
	background:url(images/cmi_title_school_table.jpg) no-repeat;
}

/* カレンダーの月別ナビゲーション設定 */
#calendar_month_navi {
padding-left:250px;
	padding-top:5px;
	_padding-top:20px;
	font-size: 107%;
}

/* キャプションは背景画像利用のため表示しない */
.cmi_main_title_caption {
	display:none;
}

/* CMI 学習カレンダー タイトル帯 */
#cmi_main_calendar h2 {
	background: url("images/cmi_title_calendar.jpg") 0 0 no-repeat;
}

/* CMI 学習時間表 タイトル帯 */
#cmi_main_study_table h2 {
	background: url("images/cmi_title_study_table.jpg") 0 0 no-repeat;
}

/* CMI 成績記録帳 タイトル帯 */
#cmi_main_score h2 {
	background: url("images/cmi_title_score.jpg") 0 0 no-repeat;
}

/* CMI 到達度分析 タイトル帯 */
#cmi_main_progress h2 {
	background: url("images/cmi_title_analyze.jpg") 0 0 no-repeat;
}

/* CMI 学習時間割表 タイトル帯 */
#cmi_main_school_table h2 {
	background: url("images/cmi_title_school_table.jpg") 0 0 no-repeat;
}

#cmi_main span.month
{
	font-size:130%;
	font-weight:bold;
	color:#e46731;
}

#cmi_sidebar .point_container span
{
}

#cmi_sidebar .point_container p.point
{
	text-align: center;
}

#cmi_sidebar p.point span
{
	margin-right: 3px;
	color:#A93D21;
	font-weight:  bold;
	font-size:    200%;
}


/* popup ******************************************************************* */

body.popup {
	text-align: center;
}

body.popup div#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

body.popup div#popup_header h1{
	display:none;
}

body.popup div#popup_header {
	height:60px;
	margin:5px 20px 0px;
	background: url("./images/manavics_logo_small.gif") 0 0 no-repeat;
}

div.popup_close_button a,
div.study_popup_close_button a{
	display:block;
	width:92px;
	height:31px;
	background: url("./images/close_button.gif") 0 0 no-repeat;
}

div.popup_close_button a {
	margin:auto;
}

div.study_popup_close_button a {
	margin-left:auto;
	margin-right:0px;
}

div.popup_close_button a:hover {
	background: url("./images/close_selected.gif") 0 0 no-repeat;
}

/* top ******************************************************************* */

#left_container {
	width: 478px;
	float: left;
}
#twitter .bar,
#info    .bar,
#license .bar {
	width: 478px;
	height: 20px;
	margin-top: 3px;
}
#info dl {
	margin: 0 10px;
}
#info dt {
	margin: 8px 0 3px;
}
#info dd {
	margin: 3px 0 8px;
}

#information
{
	padding:0 0 0 10px;
	width:423px;
	_height: 170px;
	max-height:170px;
	overflow:auto;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	border-top:none;
	background:url(images/gra_bg.gif) bottom repeat-x;
}

h2.information_title {
	background:transparent url(images/t_info.gif) no-repeat scroll 0%;
	height:32px;
	margin:15px 0pt 0pt;
	padding:0pt;
	text-indent:-9999px;
	width:435px;
}

#information dl
{
	padding:0.85em 0;
}

#information dd
{
	padding-left: 1em;
	font-weight: bold;
}

#information_detail
{
	margin: auto;
	margin-top:1em;
	padding: 2em;
	border: 1px #EEEEEE solid;
}

#todayis {
	margin-top:15px;
	padding:10px;
	margin-bottom:10px;
}

#todayis p.today
{
	font-size:200%;
	color:#005385;
	text-align:center;
	margin:0;
}

#todayis p.today span
{
	font-size:60%;
}

#todayis p.link a{
	display:block;
	width:202px;
	height:38px;
	margin:auto;
	background: url("./images/btn_lib.gif") 0 0 no-repeat;
}

#todayis p.link a span {
	display:none;
}

#favorite
{
	width:415px;
	height:50px;
	padding:10px 10px 5px;
}

h2.faver_Title {
	background:transparent url(images/t_enjoy.gif) no-repeat scroll 0%;
	height:32px;
	margin:15px 0pt 0pt;
	padding:0pt;
	text-indent:-9999px;
	width:435px;
}

.favorite_button_uranai {
	width:50%;
	float:left;
}

.favorite_button_uranai a {
	display:block;
	width:197px;
	height:46px;
	margin-left:0px;
	margin-right:auto;
	background:transparent url("./images/banner_fortune.gif") no-repeat scroll 0%;
}

.favorite_button_uranai a span {
	display:none;
}

.favorite_button_jobselect {
	width:50%;
	float:right;
}

.favorite_button_jobselect a {
	display:block;
	width:203px;
	height:46px;
	margin-left:auto;
	margin-right:0px;
	background:transparent url("./images/banner_job.gif") no-repeat scroll 0%;
}

.favorite_button_jobselect a span {
	display:none;
}

#keitou
{
	margin-left:2.5em;
}

#keitou ul {
	margin-top:10px;
}

#keitou h4 {
	font-size:100%;
	font-weight:bold;
}

h2.license_Title
{
	margin:15px 0 0 0;
	padding: 0;
	background:url(images/t_license.gif) no-repeat;
	height:32px;
	width:435px;
	text-indent:-9999px;
}

table.license
{
	width:435px;
	margin-top:10px;
	border:1px #666 solid;
	text-align:center;
}

table.license th,
table.license td
{
	padding:5px;
	
	border-bottom:solid 1px #666;
	border-left:#666 solid 1px;
}
table.license th
{
color: #666;
background-color: #EFEFEF;
text-align:center;
font-weight:bold;

}

table.license td
{
	color: #333;
	background-color: #fff;
}
table.license th a
{
	color: #fff;
}



#manavi
{
	padding: 1.5em 0;
	width:160px;
}

#manavi .point_container h2 {
	width:102px;
	height:23px;
	background: url("./images/pt_title.gif") 0 0 no-repeat;

}

.point_container h2 span {
	display:none;
}

#manavi .point
{
	text-align:center;
}

#manavi .point span
{
	margin-right: 3px;
	color:#A93D21;
	font-weight:  bold;
	font-size:    200%;
}

#manavi .link {
        text-align: center;
}

#right_container {
	float: right;
	width: 445px;
}
#iroiro {
	width: 446px;
	height: 25px;
}
.koumoku .btn {
	width: 219px;
	height: 80px;
	margin-top: 8px;
	display: block;
}
.koumoku .study,
.koumoku .ask,
.koumoku .flow,
.koumoku .guide {
	float: left;
}
.koumoku .calendar,
.koumoku .diagram,
.koumoku .gift,
.koumoku .uranai {
	float: right;
}
.koumoku .sukima {
	background-image: url("/wired_admin/themes/member/images/sukima.jpg");
	width: 220px;
	height: 98px;
	margin-top: 8px;
	float: left;
	display: block;
}
#diagram {
	float: right;
	position: relative;
}
#diagram .popup_area {
	padding-right: 22px;
	top: 35px;
	left: 80px;
}
#diagram .popup_area a {
	text-decoration: none;
	line-height: 1.6;
	display: inline;
}

#right_container h2.func_Title
{
	background:url("./images/function_title.gif") no-repeat;
	height:26px;
	width:189px;
	text-indent:-9999px;

}

#right_container h3 {
	padding:0px;
}

#right_container h3 a
{
	display:block;
	height:37px;
	width:444px;
}

#right_container h3 span {
	display:none;
}

h3.text_Title
{
background:url(images/t_text.gif) no-repeat;
	height:37px;
	width:444px;
	
}

h3.cmi_Title
{
background:url(images/t_cmi.gif) no-repeat;
	height:37px;
	width:444px;
	
}

h3.option_Title
{
background:url(images/t_option.gif) no-repeat;
	height:37px;
	width:444px;
	text-indent:-9999px;
	
}

.agreement_container {
	margin-top: 5px;
	font-size:  14px;
	text-align: left;
}

.agreement_container a {
	color: #0069B5;
	text-decoration: none;
}

/* agreement text */
div.agreement_text_block {
	margin-top:1em;
	margin-bottom:1em;
}

div.agreement_text_block h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:1em;
}

div.agreement_text_block li {
	font-size:12px;
	padding:0 1em 1em;
}

div.agreement_text_block strong {
	font-weight:bold;
}


#right_container p{

	padding:0 0 0 7px;
	}


#right_container ul
{
	padding-left: 2.5em;
}


#right_container li
{
	padding-bottom: 5px;
}

#right_container a
{
	color:#0069b5;
	text-decoration:none;
}

#right_container a:hover
{
	text-decoration:underline;
}

/* textbook **************************************************************** */

#register_textbook p.title
{
	font-weight: bold;
	color: white;
}

#register_textbook th,
#register_textbook td
{
	padding: 0.8em;
	border-bottom: 1px solid #CCCCCC;
}

#register_textbook th
{
	vertical-align: top;
	font-weight: bold;
}

#register_textbook .exp_image
{
	width:  328px;
	height: 50px;
	margin: -19px 0 10px -1px;
	background: url("images/exp_registration_input.jpg") 0 0 no-repeat;
}

/* textbook_index ************************************************************** */

#textbook_index
{
	margin-top:0;
	margin-bottom: 20px;
}

.go_hover
{
	background: url("images/go_selected.gif") 0 0 no-repeat;
}

.go_hover_test
{
	background: url("images/go_selected_test.gif") 0 0 no-repeat;
}


.go_hover img,
.go_hober_test img
{visibility:hidden;}

.rireki_hover
{
	background: url("images/rireki_focus.jpg") 0 0 no-repeat;
}

.feedback_hover
{
	background: url("images/feedback_focus.gif") 0 0 no-repeat;
}

.go_up_hover
{
	background: url("images/go_up_focus.gif") 0 0 no-repeat;
}

.button_hover
{
	background: url("images/button_focus.gif") 0 0 no-repeat;
}

.open_hover
{
	background: url("images/open_selected.gif") 0 0 no-repeat;
}

.print_hover
{
	background: url("images/print_selected.gif") 0 0 no-repeat;
}

p.title
{
	padding-left:1.5em;
	height:33px;
	width:250px;
	font-size: 120%;
	font-weight: bold;
	color: white;
	background: url("images/green_bg.gif");
	border: 1px green solid;
	margin-bottom:1.2em;
}

p.title span
{
	line-height:35px;
}

#textbook_index h3
{
	margin-top: 1em;
	font-size: 110%;
	font-weight: bold;
}

#textbook_index table
{
	padding: 0 0.8em 0.8em 0.8em;
	width: 100%;
	border-collapse:separate;
}

#textbook_index th,
#textbook_index td
{
	text-align: center;
	padding: 0.8em;
	width: 15%;
	white-space: nowrap;
	
	border-right:#5C8707 1px solid;
	border-bottom:#5C8707 1px solid;
}

#textbook_index tr.first
{
	text-align: center;
	padding: 0.8em;
	width: 15%;
	white-space: nowrap;
	background:#F0FED5;
	border-right:#5C8707 1px solid;
	border-bottom:#5C8707 1px solid;
}

#textbook_index tr.second
{
	text-align: center;
	padding: 0.8em;
	width: 15%;
	white-space: nowrap;
	background:#DEFAD9;
	border-right:#ABD6A4 1px solid;
	border-bottom:#ABD6A4 1px solid;
}

#textbook_index th
{
	vertical-align: top;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#66A500;
	border-right:#5C8707 1px solid;
	border-bottom:#5C8707 1px solid;
}

#textbook_index th div.mokuji
{
	width: 260px;
}

#textbook_index th div.links
{
	width: 480px;
}

#textbook_index div.contents
{
	position:relative;
}

#textbook_index td div.top
{
	margin-left:55px;
}

#textbook_index td.tangen
{
	font-size: 120%;
	color: #558705;
	font-weight: bold;
}

#textbook_index td div.bottom
{
	margin-left: 250px;
}

#textbook_index div.arrow
{
	height:62px;
	width: 14px;
	background: url("images/arrow.gif") center center no-repeat;
	float:left;
}

#textbook_index div.arrow_up
{
	margin-left:75px;
	height:14px;
	background: url("images/arrow_up.gif") 0 0 no-repeat;
}

#textbook_index div.arrow_down
{
	margin-left:75px;
	height:14px;
	background: url("images/arrow_down.gif") 0 0 no-repeat;
}


/* イメージリンク */
#textbook_index a
{
	display: block;
	margin: 0.2em;
	text-align:center;
	text-decoration: none;
	float:left;
	position:relative;
	color: darkblue;
}

#textbook_index a:visited
{
	color:darkblue;
}


/* メイン */

/* 学習進度別ボタンクラス */
#textbook_index a.button_gakushu_level_1,
#textbook_index a.button_gakushu_level_2,
#textbook_index a.button_gakushu_level_3,
#textbook_index a.button_gakushu_level_4,
#textbook_index a.button_gakushu_level_5 {
	display:block;
	width : 77px;
	height: 59px;
}

#textbook_index a.button_gakushu_level_1:hover,
#textbook_index a.button_gakushu_level_2:hover,
#textbook_index a.button_gakushu_level_3:hover,
#textbook_index a.button_gakushu_level_4:hover,
#textbook_index a.button_gakushu_level_5:hover {
	background: url("images/button_focus.gif") 0 0 no-repeat;
}

#textbook_index a.button_gakushu_level_1 { background: url("images/button_lv1.gif") 0 0 no-repeat; }
#textbook_index a.button_gakushu_level_2 { background: url("images/button_lv2.gif") 0 0 no-repeat; }
#textbook_index a.button_gakushu_level_3 { background: url("images/button_lv3.gif") 0 0 no-repeat; }
#textbook_index a.button_gakushu_level_4 { background: url("images/button_lv4.gif") 0 0 no-repeat; }
#textbook_index a.button_gakushu_level_5 { background: url("images/button_lv5.gif") 0 0 no-repeat; }


#textbook_index .disabled
{
	margin: 0.2em;
	text-align:center;
	float:left;
	width: 77px;
	height: 59px;
	color:silver;
	background: url("images/button_disabled.gif") 0 0 no-repeat;
}

#textbook_index span
{
	line-height:59px;
}

#textbook_index span.follow_up
{
	line-height:28px;
}

/* フィードバック・ゴーアップ */
#textbook_index a.feedback
{
	margin: 0.5em 0;
	width: 163px;
	height: 33px;
	background: url("images/feedback.gif") 0 0 no-repeat;
}

#textbook_index a.feedback:hover
{
	background: url("images/feedback_focus.gif") 0 0 no-repeat;
}

#textbook_index div.feedback_disabled
{
	margin: 0.5em 0;
	width: 163px;
	height: 33px;
	background: url("images/feedback_disabled.gif") 0 0 no-repeat;
}

#textbook_index a.go_up
{
	margin: 0.5em 0;
	width: 163px;
	height: 33px;
	background: url("images/go_up.gif") 0 0 no-repeat;
}

#textbook_index a.go_up:hover
{
	background: url("images/go_up_focus.gif") 0 0 no-repeat;
}

#textbook_index div.go_up_disabled
{
	margin: 0.5em 0;
	width: 163px;
	height: 33px;
	background: url("images/go_up_disabled.gif") 0 0 no-repeat;
}

#textbook_index a.rireki
{
	margin: 0.5em 0;
	width: 161px;
	height: 31px;
	background: url("images/rireki.jpg") 0 0 no-repeat;
}

#textbook_index a.rireki:hover
{
	background: url("images/rireki_focus.jpg") 0 0 no-repeat;
}

/* IE6,7用 */
*:first-child+html #textbook_index div.feedback_disabled,
* html body #textbook_index div.feedback_disabled
{
	margin-left:-265px;
}

*:first-child+html #textbook_index div.go_up_disabled,
* html body #textbook_index div.go_up_disabled
{
	margin-left:-60px;
}

/* その他 */
h3.rireki
{
	width:150px;
	height:35px;
	padding:0px;
	margin:auto;
}

#textbook_index a.print_button
{
	display:inline;
	margin:0;
	width: 100px;
	height: 35px;
	background: url("images/print.gif") 0 0 no-repeat;
}

#textbook_index a.print_button:hover
{
	background: url("images/print_selected.gif") 0 0 no-repeat;
}

#textbook_index a.open_button
{
	display:inline;
	margin:0;
	margin-left:15px;
	width: 100px;
	height: 35px;
	background: url("images/open_button.gif") 0 0 no-repeat;
}

#textbook_index a.open_button:hover
{
	background: url("images/open_selected.gif") 0 0 no-repeat;
}

#textbook_index a.close_button
{
	display:inline;
	margin:0;
	margin-left:205px;
	width: 13px;
	height: 13px;
	background: url("images/close.gif") 0 0 no-repeat;
}

#test_study_start_container {
	position:relative;
	height:160px;
	padding-top:2em;
}

#open_tooltip {
}

#textbook_index .highlight {
        background-color: #ffe4ca;
}

/* tooltip */
div.tooltip_base
{
	z-index:90;
	position: absolute;
	top: 55px;
	display: none;
	height: 100px;
	width:  220px;
}

div.tooltip_base_test
{
	z-index:90;
	position: absolute;
	top: 70px;
	left: 350px;
	display: none;
}

div.tooltip_base_test div.tooltip,
div.tooltip_base div.tooltip
{
	background-color:#fff;
	position: absolute;
	text-align:left;
	z-index: 100;
	padding: 5px;
	height: auto;
	line-height: 1.5;
	border: 3px solid #bcbcbc;
	height: 100px;
	width:  220px;
}

div.tooltip_base_test div.tooltip,
div.tooltip_base div.tooltip p
{
	margin:0;
	text-align:center;
}

/* コーナー選択部分の親ブロックに幅指定(tooltip表示位置狂い対策) */
.corner_choice {
	width:480px;
}

/* ツールチップの出現位置調整 */
div.kiso
{
	left: -90px;
}

div.ouyou
{
	left: 105px;
}

div.tangenmatsu
{
	left: 205px;
}



/* メキメキドリル インラインフレームのスタイル */
.study_drill_iframe
{
	width:930px;
	height:700px;
	border:1px solid #cccccc;
}

/* school_table **************************************************************** */

#school_table {
margin-top:10px;
border-collapse:separate;
}

#school_table th,
#school_table td {
    text-align: center;
    padding: 0.2em;
    height: 65px;
    width: 80px;
}

#school_table tr.first
{
	background:#F0FED5;
}

#school_table tr.second
{
	background:#DEFAD9;
	border-right:#ABD6A4 1px solid;
	border-bottom:#ABD6A4 1px solid;
}

#school_table th {
	background-color:#66A500;
	border-right:#5C8707 1px solid;
	border-bottom:#5C8707 1px solid;
}

table#school_table td{
	font-size: 14px;
	font-weight: bold;
	border-right:#C8DD9E 1px solid;
	border-bottom:#C8DD9E 1px solid;
}

#school_table .weekday,
#school_table .weekday a {
	color: #fff;
}

#school_table .saturday,
#school_table .saturday a {
	color: #00f;
}

#school_table .sunday,
#school_table .sunday a {
	color: #f00;
}

#school_table .term {
	    font-weight:bold;
}

#school_table .subject {
}


/* study_table ************************************************************* */
#graph {
	width: 700px;
	height: 200px;
}
div.section {
	padding-left:0;
}

div.section h3{
	font-weight: bold;
	padding:5px;
	background:repeat-x top #30BCEB url(images/gra_bg_blue.gif);
	border:#0EABE0 solid 1px;
	font-size:1.2em;
	margin-top:10px;
}

div.section p.total_time{
	padding: 0.2em 1em;
}

div.section table.times, div.section table.detail {
	margin-bottom: 1em;
	margin-left:1em;
}

div.section table.times td, div.section table.detail td {
	    padding: 0.2em 1em;
}

div.section table.times td {
	    width: 150px;
}

/* score ******************************************************************* */

#cmi_main_score .usual th,
#cmi_main_score .usual td,
#cmi_main_school .usual th,
#cmi_main_school .usual td
{
	border-color:#c0c0c0;
	color: #000000 !important;
}

table.score th, table.score td.title{
	font-weight: bold;
}

table.score_data th, table.score_data td
{
	border: none;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	font-weight: normal;
}

table.score_data th
{
	font-size: 10px;
	width: 50px;
}

table.score_data td
{
	text-align: right;
	width: 50px;
}

table.score span.strong, table.score span.get_point {
	font-weight: bold;
	font-size: 15px;
}

table.score span.max_point {
	font-size: 10px;
}

div#school_year_index_container {
	float: left;
	padding: 0 9px 0 9px;
	width:80px;
	border-right: 1px dashed #666666;
	height: 400px;
}

div#school_year_index_container p {
	font-weight:bold;
	background:url("./images/grade.gif") no-repeat;
}

div#report_card_container {
	float: right;
	width:620px;
}

div#report_card_container h3{
	font-weight: bold;
	margin:0.5em 0 1em 0;
	background:url(images/grade_title.gif) no-repeat;
	height:20px;
	padding:5px;
	border-bottom:#F7F7F7 1px solid;
}

div#report_card_container table{
	width: 100%;
}

div#report_card_container table td, div#report_card_container table th{
	text-align: center;
}

table.school th, table.school td{
	font-weight: bold;
}
/* other ******************************************************************* */
#choice_container
{
	margin-top:0;
	margin-bottom:1.5em;
	width:932px;
	border: 1px solid #CCC;
}

#choice_container_table {
	width:100%;
}

#choice_form_table {
	width:100%;
}

#choice_container_table td {
	vertical-align:middle;
}

#choice_container_table td.right{
	vertical-align:middle;
	width:446px;
}

#choice_container div.choice_forms
{
	padding: 10px 20px;
	float:left;
	width: 446px;
}

#choice_container div.choice_forms h4
{
	color:#014e82;
	font-weight:bold;
}

#choice_container div.choice_forms span
{
	color:#014e82;
	font-weight:bold;
}

#choice_container div.choice_forms table td
{
	vertical-align:top;
	padding:0.5em;
	border:#0066CC solid 1px;
}

#choice_container div.choice_forms table th
{
background:#30BCEB;
	padding:0.5em;
	border:#0066CC solid 1px;
}

#choice_container div.choice_detail {
	width: 320px;
	height: 163px;
	background-image: url(images/blackboard.png);
	background-repeat: no-repeat;
	margin-left: 63px;
	padding-top:40px;
	text-align: center;
}

#choice_container div.choice_detail img {
	margin-right: 20px;
}

#choice_container div.choice_detail p {
	padding:0;
	margin:0;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	color:#FFFFFF;
}

a.go_button
{
	margin: 15px auto 0px;
	display:block;
	width: 100px;
	height: 35px;
	background: url("images/go_button.gif") 0 0 no-repeat;
}

a.go_button:hover
{
	background: url("images/go_selected.gif") 0 0 no-repeat;
}

a.go_button_test
{
	margin: 15px auto 0px;
	display:block;
	width: 162px;
	height: 35px;
	background: url("images/go_button_test.gif") 0 0 no-repeat;
}

a.go_button_test:hover
{
	background: url("images/go_selected_test.gif") 0 0 no-repeat;
}


#choice_container p
{
	margin: 1em 0;
}

div.start
{
	height:34px;
	width:209px;
	padding-left:0;
	margin-left:0;
	margin-top:1em;
	margin-bottom:0;
	background: url("images/start_here.gif") 0 0 no-repeat;
}

.centering
{
	padding: 1em;
	text-align: center;
}

.clear_fix
{
	clear:both;
}

div.test_ex{
	width:580px;
	height:86px;
	background:url(../question/images/background/test_ex_bg.gif) no-repeat;
	margin-bottom:5px;
}
div.test_ex p{
	margin:0;
	padding-left:45px;
	padding-top:4px;
}

/* CMI 到達度分析 ******************************************************************* */
#progress_list,
#progress_detail
{
	padding:15px;
}

#progress_list table,
#progress_detail table
{
	width:450px;
	border-collapse:collapse;
}

#progress_list th,
#progress_list td,
#progress_detail th,
#progress_detail td
{
	border:1px solid #666;
	padding:5px;
}

#progress_detail th,
#progress_list th{
background:#30BCEB;
text-align:center;
font-weight:bold;}

#progress_list th.sub{
background:#AFE7FA;
text-align:center;
font-weight:normal;}

.progress_list_field {
	width:100px;
}

.progress_list_progress_bar_base {
	background-color:silver;
}

.progress_list_progress_bar {
	height:20px;
	width:100%;
	background-color:#6699ff;
}
.progress_list_progress_bar_td {
	width:266px;
}

.progress_list_progress_num_td {
	width:50px;
}

.progress_detail_score_th {
	font-weight:bold;
	width:120px;
}

.progress_kind_detail_score_td {
	text-align:right;
}

.progress_kind_detail_score {
	text-align:right;
	font-weight:bold;
	color:red;
}

/* オプション系画面共通 ************************************************************* */
#member_option {
	padding:20px;
}

/* オプション 質問 ************************************************************* */

#member_option #ask_mail .errors {
	color:red;
}


#member_option .menu {
	width:740px;
	margin:auto;
}

#member_option #ask_mail .description {
	text-align:center;
}

#member_option #ask_mail .ask_menu {
	float:left;
	width:350px;
	padding:10px;
}

#member_option #ask_mail .ask_menu .button_ask {
	display:block;
	height:100px;
	line-height:100px;
	width:350px;
	background-image:url("images/button_ask_back.jpg");
	color:white;
	text-decoration:none;
	text-align:center;
	font-size:20px;
}


#member_option #ask_mail th {
	vertical-align:top;
	width:200px;
}

#member_option #ask_mail .ask_text_input
{
	font-size:12px;
	height:30em;
	width:98%;
}

#member_option #ask_mail .ask_text
{
	font-size:12px;
}

#member_option #ask_mail .e_mail_address_input {
	width:200px;
}

#member_option #ask_mail .notice {
	color:green;
	font-weight:bold;
}
/* 2014.03.24 改行対応 */
#member_option #ask_mail p.line_one {
	margin:0px;
	padding-top:20px;
}
#member_option #ask_mail p.line_two {
	margin:0px;
	padding:0px;
}


/* カレンダーログ(ポップアップ) ****************************************************** */
#calendar_log_container {
	padding: 0px 20px;
}

#calendar_schedule_container {
	padding: 0px 20px;
}

a.calendar_schedule_button_add {
	display:block;
	width:135px;
	height:23px;
	margin-right:0px;
	margin-left:auto;
	margin-bottom:5px;
	background: url("images/add_bt.gif") 0 0 no-repeat;
}

a.calendar_schedule_button_add span {
	display:none;
}

a.edit_button_edit,
a.edit_button_delete {
	display:block;
	width:54px;
	height:18px;
	margin-right:5px;
	float:left;
}

a.edit_button_edit {
	background: url("images/btn_edit.gif") 0 0 no-repeat;
}

a.edit_button_delete {
	background: url("images/btn_delete.gif") 0 0 no-repeat;
}

a.edit_button_edit span,
a.edit_button_delete span {
	display:none;
}


/* 教科書学習ヘルプ(ポップアップ) */
#study_help_container {
	padding:0px 20px;
}

/* 学習履歴 ************************************************************************** */
#study_log_container {
	padding: 0px 20px;
}

.study_log_corner {
	    width: 110px;
}

.study_log_count, .study_log_score_average, .study_log_score_max {
	    text-align: center;
	    width: 50px;
}

.study_log_point {
	    width: 90px;
	    text-align: center;
}

span.get_point {
	    font-weight:bold;
}

/* CMI 教科書学習 ********************************************************************* */
#cmi_study_container
{
	margin-top:1em;
}

#cmi_study_container h2.study
{
	color:#014e82;
	height: 40px;
	margin: 0;
	padding:0;
	border: 0;
	background:none;

}
div.questionArea{
	background:url(images/btn_question.gif) no-repeat;
	width:191px;
	height:23px;
	text-indent:-9999px;
    margin-left: 10px;
	float:right;
}

div.questionArea a{
	width:191px;
	height:23px;
	display:block;
}
div.guideArea{
	background:url(images/guide.jpg) no-repeat;
	width:192px;
	height:24px;
	text-indent:-9999px;
    margin-left: 10px;
	float:right;
}

div.guideArea a{
	width:192px;
	height:24px;
	display:block;
}
/* BGM ******************************************************************************** */


/* ポイント交換 ************************************************************* */
#member_point {
	padding:20px;
	width:900px;
}

html>/**/body #member_point .point_container
{
	margin-left:12px;
}


#member_point .point_container
{
	margin: 1em 1em 1em 0;
	padding: 0.5em;
	border: 1px solid #EEE;
        width: 250px;
}

#member_point .point_container p.point
{
	text-align: center;
}

#member_point .point_container p.point span
{
	margin-right: 3px;
	color:	red;
	font-weight:  bold;
	font-size:    180%;
}

#member_point table td
{
	padding: 2px 10px;
}

#member_point table td.small
{
	width: 210px;
}

#member_point table td.small p.gift_img
{
	height: 100px;
	text-align: center;
}

#member_point p.gift_name
{
	font-weight: bold;
}

#member_point p.gift_point
{
	text-align: right;
}

#member_point p.gift_point span
{
	font-weight: bold;
}

#member_point p.gift_stock span.stock_caption
{
	float:left;
}

#member_point p.gift_stock span.detail_caption
{
	float:right;
}

#member_point p.gift_stock span.detail_caption a
{
	text-decoration:none;
}

#member_point p.gift_note 
{
    float:left;
    font-weight: bold;
    margin-right: 30px;
}

#member_point p.gift_note_text 
{
    float:left;
}
#member_point p.gift_submit
{
    clear:both;
    float:left;
}

#member_point table td.middle
{
}

#member_point table td.gift_description
{
	width: 500px;
	vertical-align: top;
}

#member_point table td.middle p.gift_img
{
	text-align: center;
}

/* 追加 2012年春 */
#register {
	font-size: 14px;
}
#register h2 {
	font-size: 18px;
}
#register .bold {
	font-weight: bold;
}
#register table .notice {
    font-size: 13px;
}
#register table td {
    padding: 12px;
}
#register table.usual td.license {
	background-color: #f0fdb7;
}
#register table.usual td.license ul {
	border-bottom: solid 1px #999;
	width: 265px;
	margin-bottom: 5px;
}
#register .buttons {
	margin-top: 25px;
}
#register td.example {
    width: 260px;
    font-size: 13px;
    background: #F6F6F6; 
}
#register #complete {
	text-align: center;
	margin-top: 25px;
}
#register_btn {
	margin-bottom: 5px;
}
#register_btn a {
	text-decoration: none;
	/*background-image: url("/wired_admin/themes/member/images/register.jpg"); 2014.07.08 del*/ 
	width: 441px;
	height: 115px;
	display: block;
}
#register_btn a:hover {
	background-image: url("/wired_admin/themes/member/images/register_on.jpg");
}
#register_btn img {
	/*display: none; 2014.07.08 del*/ 
}