@charset "UTF-8";
/* CSS Document */


#outside{
	position:relative;
	}

/*----------------------------------------------------

	#center_top common
	
----------------------------------------------------*/
#center_top{
	/*padding-bottom:30px;*/
	/*border:#F00 1px solid;*/
	}
	
	
#center_top h3{
	margin-bottom:5px;
	}
	
#center_top .border_bottom_01{
	border-bottom:#666 1px dotted;
	}
	
#center_top .mb_5{
	margin-bottom:5px;
	}
	
#center_top .mb_15{
	margin-bottom:15px;
	}			
	
/*----------------------------------------------------

	#contents
	
----------------------------------------------------*/		
#center_top #contents{
	width:695px;
	margin-bottom:45px;
	float:right;
	}				




/*----------------------------------------------------

	#center_head
	
----------------------------------------------------*/
#center_top #center_head{
	width:900px;
	padding:10px 0 0 0;
	background:url(../../center/img/head_bar.gif) no-repeat 0 0;
	}
	
/*　テキスト部分　*/	
#center_top #center_head .txt_box{
	width:690px;
	float:left;
	}
	
#center_top #center_head .txt_box h2{
	/*margin-top:35px;*/
	margin-top:20px;
	float:left;
	}	
	
#center_top #center_head .txt_box ul.access_btn{
	width:118px;
	height:20px;
	margin:30px 0 0 15px;
	float:left;
	}	
	
#center_top #center_head .txt_box ul.access_btn li{
	width:inherit;
	height:inherit;
	}
	
#center_top #center_head .txt_box p.description{
	width:600px;
	margin:25px 0 0 45px;
	padding-top:5px;
	font-size:small;
	clear:both;
	}

/* 20170222 */				
section#introduce_event .social h3,section#introduce_movie .social h3,section#introduce_interview .social h3,section#introduce_report .social h3,section#introduce_learner .social h3 {font-size:2em;line-height:1.5em;}

section#introduce_event .social h3 p.txt_box,section#introduce_movie .social h3 p.txt_box,section#introduce_interview .social h3 p.txt_box,section#introduce_report .social h3 p.txt_box,section#introduce_learner .social h3 p.txt_box { font-size:0.8em; line-height:1.2em; color:#fff; margin-top:5px; width:100%;}

section#introduce_event p.btn,
section#introduce_movie p.btn,
section#introduce_interview p.btn,
section#introduce_report p.btn,
section#introduce_learner p.btn{text-align:right; margin-right:20px; color:#C91316; background-color:#fff;}

section#introduce_event .social .eventArea{display:block; padding: 5px;}
section#introduce_event .social .eventArea h4{font-size: 1.5em; line-height:1.4em; font-weight: bold;}
section#introduce_event .social .eventArea dl.styleS{width:100%; font-size: 1.4em; line-height: 1.6em;}
section#introduce_event .social .eventArea dl.styleS dt {width:30%; display:inline-block; margin-bottom:5px;}
section#introduce_event .social .eventArea dl.styleS dt img {width:200px;}
section#introduce_event .social .eventArea dl.styleS dd{display: inline-block; width:69%; vertical-align: top; padding: 10px;}
section#introduce_event .social .eventArea dl.styleS dd li{font-size: 1em; line-height: 1.4em; list-style-type: none;}

.issue a:link{
	text-decoration:underline;
}
.issue a:hover{
	text-decoration:underline;
}
section#introduce_event .btn a:link,
section#introduce_movie .btn a:link,
section#introduce_interview .btn a:link,
section#introduce_report .btn a:link,
section#introduce_learner .btn a:link{
	color:#C91316;
	text-decoration:none;
}

section#introduce_event .btn a:hover,
section#introduce_movie .btn a:hover,
section#introduce_interview .btn a:hover,
section#introduce_report .btn a:hover,
section#introduce_learner .btn a:hover{
	color:#C91316;
	text-decoration:underline;
}


section#introduce_movie ul.youtube{
	width: 100%;
}


section#introduce_movie  ul.youtube li{
	display:inline-block;
	*zoom: 1;
	*display: inline;
	width:310px;
	margin:2px 10px;
	font-size: 1.2em;
	line-height:1.4em;*/
	color:#353434;
	text-align:center;
}
section#introduce_movie ul.youtube li iframe{
	margin-left:5px;
}

section#introduce_interview .photo_box,
section#introduce_report .photo_box{
	float:left;
	display:inline-block;
	*zoom: 1;
	*display: inline;
	width:217px;
	margin:10px 5px 10px 5px;
	font-size:1.4em;
	border-bottom:#B7B4B4 solid 1px;
	}
section#introduce_interview .photo_box dt,
section#introduce_report .photo_box dt{
	font-size:1.1em;
	line-height:1.6em;
	font-weight:bold;
	}
section#introduce_interview .photo_box dd,
section#introduce_report .photo_box dd{
	font-size:0.9em;
	line-height:1.4em;
	}
	
section#introduce_interview .photo_box img.photo,
section#introduce_report .photo_box img.photo{
	width:79px;
	height:79px;
	margin-bottom:10px;
	}
	
section#introduce_interview .photo_box .photo img,
section#introduce_report .photo_box .photo img{
	margin:0 0 0 50px;
	}
	
section#introduce_movie, section#introduce_report, section#introduce_interview{
	font-size:1em;
	line-height:1.2em;
	margin-bottom:10px;
}

/*----------------------------------------------------

	index内リスト  #accordion_list
	
	
----------------------------------------------------*/	
/* lesson slider */

section#introduce_learner #accordion_list{width:680px; height:360px; margin:-30px auto 20px auto; overflow:hidden; clear:both;}
section#introduce_learner #accordion_list .lesson{width:150px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align:top; margin:10px 15px 0 0;}
section#introduce_learner #accordion_list .lesson img{display:block; margin-bottom:10px; width:150px;}
section#introduce_learner #accordion_list .lesson ul{list-style:none; margin-bottom:8px;}
section#introduce_learner #accordion_list .lesson ul li{display:inline-block; *zoom: 1; *display: inline; margin-right:3px; border:1px #9b0032 solid; padding:2px 2px; color:#9b0032; text-align:center; font-size:1em;float:left\9;}
section#introduce_learner #accordion_list .lesson a{text-decoration:none;}
section#introduce_learner #accordion_list .lesson a:hover{text-decoration:underline;}
section#introduce_learner #accordion_list .lesson p{clear:both; font-size:1.3em; line-height:1.6em;}
section#introduce_learner #accordion_list img.tit { z-index:999;	margin:20px auto 30px auto;	width:680px;}


/*section#introduce_learner .text_box{
	width:214px;
	line-height:1.4em;
  display:inline-block;
  vertical-align:top;
}
/*
section#introduce_lesson .lesson{
	margin:5px 0 0 15px;
	font-size:1.1em;
	line-height:1.8em;
	}
	
section#introduce_lesson ul.lesson{
	margin:5px 0 0 15px;
	list-style-type:disc;
	}				
/* 20150526修正 */					
section #introduce_interview ul.album img{
	height:29px;
	}

/* /20131218追加  */		
	
/*----------------------------------------------------

	#blog
	
----------------------------------------------------*/
#center_top #blog{
	width:900px;
	border-top:#666 1px dotted;
	border-bottom:#666 1px dotted;
	margin:0 0 15px 0;
	padding:10px 0 10px 0;
	clear:both;
	}
	
#center_top #blog .title{
	width:180px;
	height:60px;
	float:left;
	}
	
#center_top #blog .title img{
	margin:23px 0 0 41px;
	}
	
#center_top #blog dl.cell{
	/*width:225px;*/
	margin:0 10px 0 10px;
	float:left;
	font-size:small;
	display:inline;
	}
	
#center_top #blog dt{
	width:82px;
	height:60px;
	margin:0 10px 0 0;
	float:left;
	display:inline;
	}
	
#center_top #blog dd{
	width:125px;
	height:60px;
	margin-right:10px;
	padding-right:5px;
	float:left;
	/*border:#F00 1px solid;*/
	border-right:#e4e4e4 1px solid;
	display:inline;
	}		
	
#center_top #blog .cell img.thumb{
	width:80px;
	height:58px;
	border:#e4e4e4 1px solid;
	}
	
	
#center_top #blog a{
	color:#000;
	text-decoration:none;
	}
	
#center_top #blog a:hover{
	color:#000;
	text-decoration:underline;
	}						

	

	
/*----------------------------------------------------

	#info
	
----------------------------------------------------*/		
#info{
	/*margin-bottom:15px;*/
	margin-bottom:10px;
	}
	
#info h3{
	width:695px;
	height:24px;
	margin-bottom:0;
	}	

#info dl{
	margin-top:0;
	font-size:small;
	}
	
#info dt{
	margin-bottom:1em;
	font-weight:bold;
	}
	

	
/*----------------------------------------------------

	#banner
	
----------------------------------------------------*/		
#banner{
	margin-bottom:30px;
	}


#banner img{
	margin-bottom:3px;
	vertical-align:text-bottom;
	}
	
/*Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上*/
body:nth-of-type(1) #banner img{
	margin-bottom:0;
	}	

/* 立川南講師紹介MOVIE用設定*/
#banner .introduction_movie{
	width:695px;
	height:auto;
	margin-top:10px;
}

#banner .introduction_movie .title{
	width:300px;
	float:left;
	margin-right:20px;
}

#banner .introduction_movie .movie{
	width:300px;
	height:auto;
	margin-top:-10px;
}

#banner .introduction_movie dl.movie_copy{
	float:right;
	width:375px;
	height:auto;
}

#banner .introduction_movie dl.movie_copy dt{
	font-size:12px;
	font-weight:bold;
}

#banner .introduction_movie dl.movie_copy dd{
	font-size:12px;
	line-height:1.2em;
	margin-bottom:7px;
}

#banner .introduction_movie .btn_backnumber{
	float:right;
	margin-top:10px;
}
	
	
/*----------------------------------------------------

	#pickup
	
----------------------------------------------------*/	
#pickup{
	margin-bottom:30px;
	}
	
#pickup .box{
	width:695px;
	margin-bottom:10px;
	padding-bottom:20px;
	border-bottom:#666 1px dotted;
	position:relative;
	}
	
#pickup .box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow:hidden;
}
#pickup .box{ display:inline-block; }		
	
#pickup .box img.photo{
	width:163px;
	border:#ccc 1px solid;
	float:left;
	}
	
	
#pickup .box .txt_box{
	width:515px;
	float:right;
	font-size:small;
	/*border:#F00 1px solid;*/
	}
	
#pickup .box .txt_box h4{
	margin:0.5em 0;
	/*margin-bottom:0.5em;*/
	font-size:medium;
	}
	
#pickup .box .txt_box h4 img.new{
	margin:0 10px -3px 0;
	}	
	
#pickup .box .txt_box p.detail{
	/*text-align:right;*/
	position:absolute;
	bottom:0;
	right:0;
	margin-right:1px;
	width:105px;
	}
/* 20131218追加 */
.detail img{
	margin-bottom:1px;
	width:106px;
	color:#111;
	margin-right:10px;
	}	
/* /20131218追加 */

/*
 講師プロフィール 改変：2013年12月13日19:17:46 saka
 #pickup -> #contents 置換
*/

#contents div#teachers{ /* いつもはpickupのところです */
	clear: both;
	float: none;
	display: block;
	width: 695px;
	margin-bottom: 10px;
	position: relative;
}
#contents section#banner div#teachers{ /* 上部表示（banner）のセンターで具合調整 */
	border-top: #666 1px dotted;
	margin-top: 20px;
	padding-top: 20px;
}

#contents #teachers h4{
	width:125px;
	height:125px;
	padding:0 19px 0 11px;
	float:left;
	display:inline;
	/*border:#F00 1px solid;*/
	}
	
#contents #teachers .txt_box{
	width:540px;
	float:right;
	display:inline;
	/*border:#F00 1px solid;*/
	}
	
#contents #teachers .txt_box p{
	margin:0.5em 0;
	}	
	

#contents #teachers a.issue{
	width:260px;
	margin:0 5px 15px 5px;
	color:#000;
	text-decoration:none;
	display:block;
	cursor:pointer;
	float:left;/**/
	/*border:#F00 1px solid;*/
	}
	
#contents #teachers a.issue:hover{
	color:#999;
	}	
	
#contents #teachers a.issue:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow:hidden;
}
#contents #teachers a.issue{ display:inline-block; }	

	
#contents #teachers a.issue .photo_box{
	width:81px;
	float:left;
	margin-bottom:3px;
	}
	
#contents #teachers a.issue .photo_box img.photo{
	width:79px;
	height:79px;
	border:#cdcdcd 1px solid;
	}
	
/*#int_top .inside a.issue:hover .photo_box img.photo{
	border:#de0711 1px solid;
	}	*/	
	
#contents #teachers a.issue .txt_box{
	width:168px;
	font-size:small;
	float:right;
	margin-bottom:3px;
	}
	
#contents #teachers a.issue .txt_box dt{
	font-weight:bold;
	}
	
#contents #teachers a.issue .txt_box dt img.new{
	margin:0 5px 0 0;
	}			

	
#contents #teachers p.link{
	width:540px;
	text-align:right;
	margin:0;
	}	

/*---------------------------------------------------
report
----------------------------------------------------*/
#contents div#report{ /* いつもはpickupのところです */
	clear: both;
	float: none;
	display: block;
	width: 695px;
	margin-bottom: 10px;
	padding:botttom:10px;
	position: relative;
}
#contents section#banner div#report{ /* 上部表示（banner）のセンターで具合調整 */
	border-top: #666 1px dotted;
	margin-top: 20px;
	padding-top: 20px;
}

#contents #report h4{
	width:125px;
	height:125px;
	padding:0 19px 0 11px;
	float:left;
	display:inline;
	/*border:#F00 1px solid;*/
	}
	
#contents #report .txt_box{
	width:540px;
	float:right;
	display:inline;
	/*border:#F00 1px solid;*/
	}
	
#contents #report .txt_box p{
	margin:0.5em 0;
	}	
	

#contents #report a.issue{
	width:260px;
	margin:0 5px 15px 5px;
	color:#000;
	text-decoration:none;
	display:block;
	cursor:pointer;
	float:left;/**/
	/*border:#F00 1px solid;*/
	}
	
#contents #report a.issue:hover{
	color:#999;
	}	
	
#contents #report a.issue:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow:hidden;
}
#contents #report a.issue{ display:inline-block; }	

	
#contents #report a.issue .photo_box{
	width:81px;
	float:left;
	}
	
#contents #report a.issue .photo_box img.photo{
	width:79px;
	height:79px;
	border:#cdcdcd 1px solid;
	}
	
/*#int_top .inside a.issue:hover .photo_box img.photo{
	border:#de0711 1px solid;
	}	*/	
	
#contents #report a.issue .txt_box{
	width:175px;
	font-size:small;
	float:right;
	}
	
#contents #report a.issue .txt_box dt{
	font-weight:bold;
	}
	
#contents #report a.issue .txt_box dt img.new{
	margin:0 5px 0 0;
	}			

	
#contents #report p.link{
	width:540px;
	text-align:right;
	margin:0;
	}
	


/*----------------------------------------------------

	#topics
	
----------------------------------------------------*/			
.topics{
	width:695px;
	padding-bottom:10px;
	border-bottom:#999 1px solid;
	background:url(../../center/img/bg_topics.gif) repeat-y;
	}
	
.topics:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow:hidden;
}
.topics{ display:inline-block; }
	
	
.topics h3.title_box{
	width:675px;
	padding:5px 10px 5px 10px;
	font-size:26px;
	line-height:1.3;
	border-bottom:#666 1px dotted;
	}
	
	
.topics h3.course_head{
	margin:0 15px 0 15px;
	}	
	

	
.topics .title_box strong.catch{
	font-size:medium;
	display:block;
	}
	
.topics .box{
	width:665px;
	margin:15px 15px 15px 15px;
	}
	
.topics .box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow:hidden;
}
.topics .box{ display:inline-block; }		
	
.topics .box img.photo{
	width:163px;
	border:#ccc 1px solid;
	float:left;
	}
	
.topics .box .txt_box{
	width:485px;
	float:right;
	font-size:small;
	line-height:0.3em;/*20140311追加*/
	/*border:#F00 1px solid;*/
	}
	
.topics .box .txt_box h4{
	margin-bottom:0.5em;
	line-height:0.3em;/*20140311追加*/
	font-size:small;
	}
	
	
	

	

/*----------------------------------------------------

	#event
	
----------------------------------------------------*/		
#event ul{
	font-size:small;
	}
	
#event li{
	margin-bottom:0.5em;
	padding-left:15px;
	background:url(../../img/common/indent_nav_red.gif) no-repeat 0 6px;
	}	
	
#event ul a{
	color:#000;
	text-decoration:none;
	}
	
#event ul a:hover{
	text-decoration:underline;
	}		
	
	
	
	

	
/*フォントサイズ*/
#pickup .box .fts4{ font-size:4px;}
#pickup .box .fts8{ font-size:8px;}
#pickup .box .fts10{ font-size:10px;}
#pickup .box .fts12{ font-size:12px;}
#pickup .box .fts14{ font-size:14px;}
#pickup .box .fts16{ font-size:16px;}
#pickup .box .fts18{ font-size:18px;}
#pickup .box .fts20{ font-size:20px;}
#pickup .box .fts22{ font-size:22px;}
#pickup .box .fts24{ font-size:24px;}




/*----------------------------------------------------

#twitter_bnr

----------------------------------------------------*/	
#outside div#twitter_bnr{
	position:absolute;
	top:0px;
	right:0;
	z-index: 1500;
	margin: 0;
	float:right;
	}

	
#outside div#twitter_bnr a{
	cursor:pointer;
	}
	
#outside div#twitter_bnr a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	}