@charset "utf-8";

/* -----------------------------------------------------------------------------
**
** 東京個別指導学院様 2010.07 リニューアル about CSS
**
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
** main side02
----------------------------------------------------------------------------- */
div#main div#side02 div#sideNav ul li#nav01 {
	background: url(../img/common/btn_side_01.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav02 {
	background: url(../img/common/btn_side_02.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav03 {
	background: url(../img/common/btn_side_03.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#navKansai03 {
	background: url(../img/common/btn_side_03_kansai.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#navKyoto03 {
	background: url(../img/common/btn_side_03_kyoto.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav04 {
	background: url(../img/common/btn_side_04.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav05 {
	background: url(../img/common/btn_side_05.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav06 {
	background: url(../img/common/btn_side_07.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav07 {
	background: url(../img/common/btn_side_06.gif) no-repeat;
	}	
div#main div#side02 div#sideNav ul li a {
	width: 164px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	}
div#main div#side02 div#sideNav ul li#nav01 a,
div#main div#side02 div#sideNav ul li#nav02 a,
div#main div#side02 div#sideNav ul li#nav07 a {
	height: 59px;
	}
div#main div#side02 div#sideNav ul li#nav01 a:hover,
div#main div#side02 div#sideNav ul li#nav01 a.current {
	background: url(../img/common/btn_side_01_o.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav02 a:hover,
div#main div#side02 div#sideNav ul li#nav02 a.current {
	background: url(../img/common/btn_side_02_o.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav03 a:hover,
div#main div#side02 div#sideNav ul li#nav03 a.current {
	background: url(../img/common/btn_side_03_o.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#navKansai03 a:hover,
div#main div#side02 div#sideNav ul li#navKansai03 a.current {
	background: url(../img/common/btn_side_03_kansai_o.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#navKyoto03 a:hover,
div#main div#side02 div#sideNav ul li#navKyoto03 a.current {
	background: url(../img/common/btn_side_03_kyoto_o.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav04 a:hover,
div#main div#side02 div#sideNav ul li#nav04 a.current {
	background: url(../img/common/btn_side_04_o.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav05 a:hover,
div#main div#side02 div#sideNav ul li#nav05 a.current {
	background: url(../img/common/btn_side_05_o.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav06 a:hover,
div#main div#side02 div#sideNav ul li#nav06 a.current {
	background: url(../img/common/btn_side_07_o.gif) no-repeat;
	}
div#main div#side02 div#sideNav ul li#nav07 a:hover,
div#main div#side02 div#sideNav ul li#nav07 a.current {
	background: url(../img/common/btn_side_06_o.gif) no-repeat;
	}	

/* -----------------------------------------------------------------------------
** main contents02 3カラム用
----------------------------------------------------------------------------- */
/* systemAnchorBlock */
div#main div#contents02 div#systemAnchorBlock {
	height: 148px;
	margin-bottom: 20px;
	}
div#main div#contents02 div#systemAnchorBlock dl {
	float: left;
	margin-right: 2px;
	}
div#main div#contents02 div#systemAnchorBlock dl.last {
	margin: 0;
	}
div#main div#contents02 div#systemAnchorBlock dl dt {
	margin-bottom: 10px;
	}
div#main div#contents02 div#systemAnchorBlock dl dd ul li {
	float: left;
	margin-right: 2px;
	}
div#main div#contents02 div#systemAnchorBlock dl dd ul li.last {
	margin: 0;
	}
	
/* curriculumImg */
div#main div#contents02 div.curriculumImg {
	position: relative;
	margin-bottom: 20px;
	height: 473px;
	}
div#main div#contents02 div.curriculumImg p.btn {
	position: absolute;
	bottom: 3px;
	left: 0;
	}
	
/* securityAnchorBlock */	
div#main div#contents02 div#securityAnchorBlock {
	margin-bottom: 30px;
	}
div#main div#contents02 div#securityAnchorBlock div.block01 {
	width: 300px;
	float: left;
	}
div#main div#contents02 div#securityAnchorBlock div.block01 ul li {
	background-color: #F5F4DF;
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
	}
div#main div#contents02 div#securityAnchorBlock div.block01 ul li a:link,
div#main div#contents02 div#securityAnchorBlock div.block01 ul li a:visited {
 	background: url(../../common/img/arrow_03.gif) left 5px no-repeat;
	padding-left: 15px;
	color: #333;
	text-decoration: none;
 	}
div#main div#contents02 div#securityAnchorBlock div.block01 ul li a:hover,
div#main div#contents02 div#securityAnchorBlock div.block01 ul li a:active {
 	text-decoration: underline;
 	}				
div#main div#contents02 div#securityAnchorBlock div.block02 {
	width: 240px;
	float: right;
	}
	
/* securityAnswerBlock */	
div#main div#contents02 div.securityAnswerBlock {
	clear: both;
	}
div#main div#contents02 div.securityAnswerBlock h3 {
	border-left: #1c339d solid 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 120%;
	color: #1c339d;
	font-weight: bold;
	line-height: 1.2;
	}
div#main div#contents02 div.securityAnswerBlock p {
	margin-bottom: 15px;
	}
div#main div#contents02 div.securityAnswerBlock p.annotation {
	font-size: 80%;
	color: #999;
	padding-top: 5px;
	margin-bottom: 15px;
	}
	
/* educationGuidanceBlock */
div#main div#contents02 div#educationGuidanceBlock {
	padding-bottom: 20px;
	}
div#main div#contents02 div#educationGuidanceBlock h3 {
	margin-bottom: 10px;
	padding-left: 40px;
	font-size: 120%;
	color: #1c339d;
	line-height: 2.2;
	font-weight: bold;
	}			
div#main div#contents02 div#educationGuidanceBlock h3.guidance01 {
	background: url(../img/education/bg_h3_01.gif) left top no-repeat;
	padding-left: 30px;
	}
div#main div#contents02 div#educationGuidanceBlock h3.guidance02 {
	background: url(../img/education/bg_h3_02.gif) left top no-repeat;
	}
div#main div#contents02 div#educationGuidanceBlock h3.guidance03 {
	background: url(../img/education/bg_h3_03.gif) left top no-repeat;
	}
div#main div#contents02 div#educationGuidanceBlock h3.guidance04 {
	background: url(../img/education/bg_h3_04.gif) left top no-repeat;
	}
div#main div#contents02 div#educationGuidanceBlock p {
	margin-bottom: 15px;
	}					
	
/* differenceBtn */
div#main div#contents02 p.differenceBtn {
	margin: 10px 0 20px 0;
	text-align: center;
	}
	
	
/* flowContentExp */
div#main div#contents02 div.flowContentExp {
	margin-bottom: 15px;
	}
div#main div#contents02 div.flowContentExp dl dt {
	color: #1655ab;
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
/* flowBlock01 */
div#main div#contents02 div#flowBlock01 ul {
	height: 70px;
	margin-bottom: 10px;
	}
div#main div#contents02 div#flowBlock01 ul li {
	float: left;
	}
	
/* flowBlock02 */
div#main div#contents02 div#flowBlock02 {
	height: 132px;
	background: url(../img/flow/bg_block.gif) left top no-repeat;
	padding: 23px 0 0 0;
	margin-bottom: 15px;
	}
div#main div#contents02 div#flowBlock02 ul {
	height: 62px;
	margin-bottom: 16px;
	padding-left: 22px;
	}
div#main div#contents02 div#flowBlock02 ul li {
	float: left;
	margin-right: 10px;
	}	
div#main div#contents02 div#flowBlock02 p {
	clear: both;
	padding-left: 10px;
	}
	
/* flowBlock03 */
div#main div#contents02 div#flowBlock03 {
	height: 37px;
	position: relative;
	margin-bottom: 10px;
	}
div#main div#contents02 div#flowBlock03 p.btn {
	position: absolute;
	top: -5px;
	right: 16px;
	}
	
/* counseling */
div#main div#contents02 div.counselingBlock {
	margin-bottom: 30px;
	}
div#main div#contents02 div.counselingBlock div.flowBlock {
	width: 201px;
	float: left;
	}
div#main div#contents02 div.counselingBlock div.answerBlock {
	width: 358px;
	float: right;
	}
	
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock01 {
	border: #64b0e6 solid 2px;
	background-color: #eef7fb;
	padding: 4px;
	margin-bottom: 8px;
	}
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock01 ul {
	width: 346px;
	}	
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock01 ul li {
	float: left;
	}		
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock02 {
	border: #ff9900 solid 2px;
	background-color: #fffbec;
	padding: 10px 8px;
	margin-bottom: 8px;
	}
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock02 p.imgTxt {
	margin-bottom: 10px;
	}
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock02 p span {
	color: #ff3300;
	}			
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock03 {
	border: #ff6699 solid 2px;
	background-color: #fff3f5;
	padding: 10px 8px;
	}		

/* 110112追加（ボタン） */
div#main div#contents02 div.btnBlock {
	padding: 10px 0 0 0;
	}
div#main div#contents02 div.section02A div.block01 div.btnBlock p.btn {
	margin: 0;
	}

/* -----------------------------------------------------------------------------
** clearfix
----------------------------------------------------------------------------- */

.clearfix,
div#main div#contents02 div#securityAnchorBlock,
div#main div#contents02 div.counselingBlock,
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock01 ul {
	overflow: hidden;
	}
	
.clearfix:after,
div#main div#contents02 div#securityAnchorBlock:after,
div#main div#contents02 div.counselingBlock:after,
div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock01 ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}
/*\*/
* html .clearfix,
* html div#main div#contents02 div#securityAnchorBlock,
* html div#main div#contents02 div.counselingBlock,
* html div#main div#contents02 div.counselingBlock div.answerBlock div.borderBlock01 ul {
	height: 1em;
	overflow: visible;
	}
/**/