@charset "UTF-8"

/*Copyright (c) 2002-2010 workroom Co., Ltd. All rights reserved.*/

/*---------------------------------basic form------------------------------------*/
*{margin:0; padding:0;}

body{
	background-color:#ffffff;
	color: #333333;
	font:12px normal;
	}
	
img{border-width:0px;}
hr{
	margin-top:20px;
	border:#F7C8AB 1px dashed;
	}

.wrapper{
	width: 800px; 
	margin:10px auto;
	}

.contents{
	width:100%; 
	border:1px solid #ff9157; 
	background-color:#ffffff;
	}

.padding{padding:10px;}
.padding_left{
	padding-left:20px;
	padding-right:20px;
	}
.invisible{text-indent:-9999px;}

/*---------------------------------top head------------------------------------*/
.tophead {text-align:right!important; color:#FF9157; text-decoration: none; background-color:#ffffff;}
.tophead a{color:#FF9157; text-decoration: none;}
.tophead a:hover{color:#FF9157; text-decoration: underline;}

/*---------------------------------header------------------------------------*/
.header{width:100%; height:115px;border-bottom:1px solid #ff9157;}
.header a{color: #ff9157; text-decoration: none;}
.header a:visited {color: #ff9157; text-decoration: none;}
.header a:hover {color: red; text-decoration: none;}

.h_left{
	float:left;
	width:315px;
	height:115px; 
	background-color:#ea5f00;
	}
.h_right{
	float:right;
	width:485px;
	height:115px; 
	}

/*---------------------------------explain------------------------------------*/
.explain{
	width:485px;
	height:58px; 
	margin:20px;
	line-height:180%;
	}
	
/*---------------------------------update------------------------------------*/
.update{
	border-top:1px solid #ff9157; 
	background-color:#ffffff;
	height:11px;
	text-align:right;
	padding-top:2px;
	padding-right:1em;
	font-size: 9pt;
	color: #ff9157;}

/*---------------------------------navi------------------------------------*/
.navi{
	background-color:#ffffff;
	border-top:1px solid #ff9157; 
	height:16px;
	}
.navi ul{
	list-style:none;
	 font:10pt bolder;
	 margin:0; 
	 padding:0;
	 }
.navi li {
	text-decoration:none; 
	text-align:center; 
	width:79px; height:16px; 
	float:left;
	border-left:1px solid #ff9157; }
.navi li a{
	display:block; 
	font-weight: bold;
	color:#333333;
	text-decoration:none;}
.navi li a:hover {
	color:#000000; 
	background-color:#F7C8AB;
	height:16px;}
.navi li.selected{
	color:#000000; 
	background-color:#F7C8AB; 
	font-weight: bold;
	float:left;}

/*---------------------------------main------------------------------------*/
.main a{color: #ff6d20; text-decoration: none;}
.main a:hover {color: red; text-decoration: none;}
.main{
	float:none;
	background-color:#ffffff;
	overflow: hidden;}
	
.main:after {content: ""; display: block; clear: both; height: 1px;
    overflow: hidden;}
/*¥*/
* html .main {height: 1em; overflow: visible;}
/**/

/*---------------------------------main left------------------------------------*/
.main_left{
	border-right:1px solid #f7c8ab;
 	width:200px;
	float:left;
	text-align:center;
	vertical-align:middle;
 	background-color:#ffffff;
	color:#333333;}
.main_left a{color: #ff6d20; text-decoration: none;}
.main_left a:hover {color: red!important; text-decoration: none;}

.main_left img{
	border:0px solid #eeeeee;
	}
/*---------------------------------main right------------------------------------*/	 
.main_right{
	border-left:0px solid #f7c8ab;
	width:598px; 
	float:right; 
	background-color:#ffffff;
	color:#333333;
	line-height:140%;}
	
.main_right a{color: #ff6d20; text-decoration: none;}
.main_right a:hover {color: red; text-decoration: none;}

.main_right ul{list-style:none; list-style-image: url(../sq_2.jpg);}
.main_right li {margin:5px 0 5px 0;}
.main_right li a{color: #000000; text-decoration: none;}
.main_right ul li a:hover {color: red; text-decoration: none;}

/*---------------------------------top main left------------------------------------*/
.top_main_left{
	border-right:1px solid #f7c8ab;
	width:540px;
	float:left; 
	text-align:left; 
	vertical-align:middle;
	padding:2em; 
	background-color:#ffffff;
	color:#666666;}

.books{
	font-size:7pt;
	color:#000000;
	clear:left;
	}
.books img{
	border:0px solid #eeeeee;
	}
.books ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.books li {
	margin:5px;
	width:70px;
	height:130px; 
	float:left;
	}
	
.game{
padding:0 10px 20px 20px;
	border:1px dashed #f7c8ab;
	font-size:8pt;
	}
	
.top_main_left a{color: #ff6d20; text-decoration: none;}
.top_main_left a:hover {color: red!important; text-decoration: none;}
.top_main_left a:visited {color: #ff6d20; text-decoration: none;}

.top_main_left img{border:0px solid #bbbbbb; margin-right:10px;}

/*---------------------------------top main right------------------------------------*/	 
.top_main_right{
	border:0px solid #f7c8ab;
	width:180px; 
	float:right; 
	padding:1em; 
	background-color:#ffffff;
	color:#666666;
	line-height:140%;}
	
.top_main_right a{color: #ff9157; text-decoration: none;}
.top_main_right a:visited {color: #ff9157; text-decoration: none;}
.top_main_right a:hover {color: #000000; text-decoration: none;}

.top_main_right ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.top_main_right li {
	padding:9px;
	border:1px solid #f7c8ab;
	width:150px; height:50px; 
	font-size:10pt;
	}
	
.no_border{
	padding:9px;
	border:0px solid #f7c8ab;
	width:150px; height:50px; 
	font-size:10pt;
	}
/*---------------------------------footer------------------------------------*/	 
.footer{float:clear; 
	width:100%; text-align:right; 
	color:#FF9157; font-size:8pt; 
	background-color:#ffffff;}


/*---------------------------------privacy------------------------------------*/
.privacy{margin-left:100px; width:550px;}
/*---------------------------------company------------------------------------*/
.item{width:120px; height:20px; text-indent:3em;
	border-bottom:0px solid #ff9157; background-image:url(); 
	font-weight:bold; color:#000000; float:left;}
.item_job{width:120px; height:40px; text-indent:3em;
	border_bottom:0px solid #ff9157; background-image:url(); 
	font-weight:bold; color:#000000; float:left;}
.item_history{width:120px; height:210px;text-indent:3em;
	border-bottom:0px solid #ff9157; background-image:url(); 
	font-weight:bold; color:#000000; float:left;}
.value{width:704px; height:20px; text-indent:1em;
	border-bottom:0px solid #ff9157;background-color:#ffffff;}
.value_job{width:704px; height:40px; text-indent:1em;
	border-bottom:0px solid #ff9157;background-color:#ffffff;}
.when{width:132px; height:20px; text-align:right;
	border-bottom:0px solid #ff9157;background-color:#ffffff; float:left;}
.did{width:450px; height:20px; text-indent:1em; float:left;
	border-bottom:0px solid #ff9157;background-color:#ffffff;}
	
/*---------------------------------calendar------------------------------------*/
table{border:#808080 0px solid; font-size:8pt;}
td{width:90px;}
tr.youbi td{
	line-height:100%;
	color:#333333; text-align:center; letter-spacing:3px;
	}
tr.youbi td.sat{
	line-height:100%;
	color:#FF9157; text-align:center; letter-spacing:3px;
	}
tr.youbi td.sun{
	line-height:100%;
	color:#ff6d20; text-align:center; letter-spacing:3px;
	}
	
tr.day td{
	line-height:100%;
	border-right:#bbbbbb 1px solid; 
	background-color:#dddddd; color:#333333; text-align:left;
	}
tr.day td.blank{
	line-height:100%;
	border-right:#ffffff 1px solid; 
	background-color:#ffffff; color:#333333; text-align:left;
	}
tr.day td.holiday{
	border-right:#bbbbbb 1px solid; 
	background-color:#FF9157 !important; color:#ffffff!important;
	}
tr.day td.holiday-sat{
	border-right:#bbbbbb 1px solid; 
	background-color:#F7C8AB !important; color:#333333!important;
	}

td.events{line-height:130%;background-color:#fbe3d5!important; color:#ff6d20;}
td.events-sp{line-height:130%;background:url(../wra/calendar/event.gif) #fbe3d5; color:#ff6d20;}
td.events-live{line-height:130%;background:url(../wra/calendar/live.gif) #fbe3d5; color:#ff6d20;}
td.begin{line-height:130%;background:url(../wra/calendar/begin.gif) #fbe3d5; color:#ff6d20;}
td.continue{line-height:130%;background:url(../wra/calendar/continue.gif) #fbe3d5; color:#ff6d20;}
td.final{line-height:130%;background:url(../wra/calendar/final.gif) #fbe3d5; color:#ff6d20;}
tr.normal td{
	border-right:#bbbbbb 1px solid;
	border-bottom:#bbbbbb 1px solid;
	height:50px; background-color:#ffffff;
	text-align:center;}
tr.normal td.blank{
	border-right:#ffffff 1px solid;
	border-bottom:#ffffff 1px solid;
	height:50px; background-color:#ffffff;}
tr.normal td.close{text-align:center;
	background-color:#eeeeee; color:#999999;}


.lesson_title{ line-height:180%; 
	text-indent:1em;
	background-color:#fce9de;
	color:#000000; 
	font-size:9pt; 
	font-weight: bold;
	}
.lesson_name{ line-height:160%;
	color:#000000; 
	font-size:8pt; 
	font-weight: bold;
	}
.lesson_info{ 
	width:550px;
	margin-left:100px;
	line-height:160%;
	color:#333333; 
	font-size:8pt; 
	font-weight: normal;
	}
.calender_event{
	border-right:1px #bbbbbb solid; 
	border-bottom:1px #bbbbbb solid; 
	font-size:7pt;
	padding:5px ; 
	background-color:#fbe3d5; color:#ff6d20;
	}
.kakomi{border:1px #333333 solid;}
.month{font:32pt bold;line-height:100%; }

/*---------------------------------font------------------------------------*/
h1{
	font-size:10pt; 
	font-weight:bold;
	color:#ff9157 ;
	text-indent:2em; 
	background:url(../sq_1.jpg) no-repeat;
	}
.nihongo{
	font-size:9pt; 
	}
h2{
	font-size:9pt; 
	font-weight:bold;
	color:#ff9157 ;
	text-indent:1em; 
	text-align:left;
	background:url(../sq_2.jpg) no-repeat 0px;
	}
	
.topic{padding:7px ; 
	text-indent:2em; 
	background:url(../sq_3.jpg) no-repeat;
	color:#000000; 
	font-size:10pt; 
	font-weight: bold; 
	letter-spacing:0.1em;
	line-height:110%; 
	}
.work_title{ line-height:180%; 
	text-indent:1em; 
	color:#ff9157; 
	font-size:9pt; 
	font-weight: normal;
	letter-spacing:1px;
	border-top:1px solid #ff9157; 
	border-bottom:1px solid #ff9157; 
	}
.waku{border:1px solid #808080;}
.work_name{
	 line-height:140%; 
	 color:#000000; 
	 font-size:-pt; 
	 font-weight: normal; }
.teacher{
	line-height:140%; 
	color:#153975; 
	font-size:7.5pt; 
	font-weight: normal; }

.white{color:white;}
.black{color:black;}
.red{color:red;}
.orange{color:#ff9157;}
.st_orange{color:#ff6d20;}
.blue{color:#005d7f;}

.smaller 
{ font-size: 11px; font-style: normal; 
line-height: 140%; font-weight: normal; color: #333333;}
.smallest 
{ font-size: 9px; font-style: normal; 
line-height: 120%; font-weight: normal; color: #333333;}
.bold {font-size: 10px; 
line-height: 150%; font-weight: bold; color: #333333;}
.bold_large {font-size: 12px; 
line-height: 170%; font-weight: bold; color: #333333 ;}

.normal_e {font-family: "Arial", "Helvetica", "sans-serif"; 
font-size:10px; font-style: normal; line-height: 14px; font-weight: normal; color: #666666;}
.normal_e_link { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; font-style: normal; 
line-height: 14px; font-weight: normal; color: #FF9157; text-decoration: none;}



/*---------------------------------sub window------------------------------------*/
.close{text-align:right; color:#ffffff; text-decoration: none; background-color:#FFFFFF;}
.close a{color:#ffffff; text-decoration: none;}
.close a:hover{color:#ffffff; text-decoration: none; font-weight:bold;}

.sub_wrapper{width: 550px; margin:30px auto; }
.sub{width:100%; background:url() no-repeat bottom right #ffffff;}
.sub_title{padding:1em 2em; border:1px solid #FF9157; text-align:left; color:#000000; font-size:12pt;}
.sub_img{padding:0.5em; border:1px dotted #FF9157; text-align:center;}
.sub_contents{margin-top:5px; padding:2em 5em; line-height:150%; border:1px solid #FF9157;}
.sub_contents a:hover {color: #FF9157; text-decoration: underline;}
.sub_contents a:link, a:active, a:visited {color: #FF9157; text-decoration: none;}



	
	.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}