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

/*-------------------------------------------------------------------------------------
base writer  : nuts (IDEA-PRO)
last_editday : 2009/06/12
last_editor  : nuts (IDEA-PRO)
-------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------
トップページスタイル
---------------------------------------------------------------------*/
div#header {
	background: url(image_cmn/back_header.jpg) no-repeat; }


/*---------------------------------------------------------------------
共通スタイル
---------------------------------------------------------------------*/

/* title
-------------------------------------------------------------------- */
div#content h3 {
	clear: both;
	font-size: 1em;
	border-left: 4px solid #38ACE9;
	border-bottom: 1px solid #CCC;
	padding: 0.2em 0 0.4em 6px;
	line-height: 1.2;
	margin: 2em 0 1em 0; }
div#content h3 span {
	font-size: 0.83em;
	line-height: 1.4;
	color: #666;
	font-weight: normal;}

div#content h4 {
	font-size: 1em;
	line-height: 1.2;
	color: #3AAFE6;
	margin: 1em 0 0.5em 10px; }
div#content h4 span {
	font-size: 0.83em;
	font-weight: normal;
	line-height: 1.2; }


/* 基本タグ
-------------------------------------------------------------------- */
p {
	margin: 0 0 1em 10px; }

p.line { margin-bottom: 0; }


/* message
-------------------------------------------------------------------- */
dl.message {
	height: 100%;
	margin: 0 0 0 10px; }
dl.message dt {
	float: right;
	margin: 0 0 0.5em 15px;
	text-align: center;
	line-height: 1.2;
	font-weight: normal;
	font-size: 0.83em; }
dl.message dt img {
	display: block;
	margin: 0 0 0.5em; }
dl.message dt strong {
	line-height: 1.4;
	font-size: 1.2em;
	font-weight: bold; }
dl.message dd {
	line-height: 1.6; }


div.movie {
	width: 320px;
	margin: 0 auto; }



/* 移動
-------------------------------------------------------------------- */
p.graph {
	float: right;
	margin: 0; }
p.graph img {
	display: block;
	padding-left: 15px;
	background: #FFF; }


p.photo {
	float: right;
	text-align: center;
	margin: 1em 0 0; }
p.photo strong {
	display: block; }
p.photo img {
	display: block;
	margin: 0 10px 0.5em 0; }


p.banner {
	margin: 0 auto 2em;
	text-align: center; }



/* 説明（dl）
-------------------------------------------------------------------- */
dl.explanation dt {
	line-height: 1.4;
	color: #3AAFE6;
	font-weight: bold;
	padding: 2em 0 0.3em 10px; }
dl.explanation dd {
	padding: 0 0 0 20px;
	line-height: 1.6; }
dl.explanation dd p { margin: 0; }
dl.explanation dd p strong { line-height: 1.6; }

dl.note {
	margin: 15px 15px 1em;
	padding: 0.8em;
	border: 2px solid #D8F0FC; }
dl.note dt { padding: 0 0 0.5em; }
dl.note dd {
	padding: 0 0 0 10px;
	line-height: 1.6; }



/* リスト
-------------------------------------------------------------------- */
ul.list {
	margin: 2em 0 0 30px; }
ul.list li {
	list-style: disc;
	line-height: 1.4;
	padding: 0 0 0.3em; }



/* 科目群
-------------------------------------------------------------------- */
div.subject ul {
	width: 30%;
	float: left;
	margin: 0 10px 0 0;
	height: 100%; }
div.subject ul:after,
div.subject dd:after,
div.subject div.group ul.cult:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both; }

div.subject dl,
div.subject dt,
div.subject h3,
div.subject h4 { clear: both; }

div.subject dl { padding: 0 10px 0; }
div.subject dl dt {
	color: #3AAFE6;
	font-weight: bold;
	line-height: 1.4;
	margin: 2em 0 0.8em;
	padding: 1.5em 0 0;
	border-top: 1px dotted #CCC; }
div.subject dl dt.first { margin-top: 0; border-top: none; padding-top: 0; }
div.subject dl dt span {
	font-weight: normal;
	font-size: 0.83em;
	line-height: 1.2;
	display: block; }
div.subject dl dd {
	height: 100%;
	margin: 0;
	padding: 0 0 0 20px; }

div.subject dl dd dl {
	margin: 0.5em 0;
	padding: 0;
	border: 1px solid #CCC;
	background: #f4f4f4; }
div.subject dl dd dl dt {
	color: #f55;
	font-weight: normal;
	margin: 0;
	border-top: none;
	padding: 0.5em 0 0.3em 10px; }
div.subject dl dd dl dd {
	border-bottom: none;
	margin: 0; }

div.subject dl.other { padding-bottom: 1em; }
/*div.subject dl.other dt { color: #f55; }*/
div.subject dl.other dd ul {
	width: 45%; }

div.subject ul li {
	line-height: 1.2;
	padding: 0 0 0.5em; }
div.subject ul li em {
	font-style: normal;
	font-size: 0.9em;
	color: #903; }
div.subject ul li.t_small { font-size: 0.9em; }

div.subject dl dd dl dd ul {
	width: auto;
	float: none; }
div.subject dl dd dl dd ul li {
	width: 30%;
	float: left;
	margin: 0 10px 0 0; }

div.subject h4 {
	margin-left: 0; }

div.subject div.group {
	margin: 0; }
div#content div.subject div.group h4 {
	color: #555;
	margin-top: 3em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #CCC; }
div.subject div.group dl {
	margin-left: 10px; }
div.subject div.group ul.cult {
	width: auto;
	float: none;
	margin: 0 10px 0 30px; }
div.subject div.group ul.cult li { 
	width: 30%;
	margin: 0 10px 0 0;
	float: left; }

div.subject div.skill {
	border: 1px solid #CCC;
	margin: 0 10px 2em 10px; }

div#content div.subject div.skill h4 {
	margin: 0;
	color: #333;
	padding: 10px 10px 0.4em; }



/*コメント
-------------------------------------------------------------------- */
dl.comment {
	padding: 0 5px 0 15px;
	height: 100%;
	clear: both; }
dl.comment dt {
	float: right;
	font-size: 0.83em;
	margin: 0 0 1em 15px;
	text-align: center;
	line-height: 1.4; }
dl.comment dt img {
	display: block;
	margin: 0 0 0.3em; }
dl.comment dt strong {
	font-size: 1.2em;
	font-weight: bold; }
dl.comment dd { line-height: 1.6; }
dl.comment dd p { margin: 0; }
dl.comment dd p strong {
	line-height: 1.6; }




/* テーマ
-------------------------------------------------------------------- */
dl.theme {
	padding: 0 10px; }
dl.theme dt {
	font-weight: bold;
	padding: 0 0 0 10px;
	line-height: 1.6; }
dl.theme dd {
	padding: 0 0 1em 7.5em;
	margin: -1.6em 0 1em;
	line-height: 1.6;
	border-bottom: 1px dotted #DDD;}



/* ゼミ生の皆さんに聞きました
-------------------------------------------------------------------- */
div#content div.voice h4 {
	text-align: right;
	margin: 3em 0 0;
	border: none;
	background: #333;
	color: #FFF;
	padding: 0.4em 10px;
	font-weight: normal;}
div#content div.voice h4.first { margin-top: 0; }

div.voice img {
	float: left;
	margin: 0 10px 0 0; }

div.voice div {
	height: 100%;
	margin: 0 0 2em;
	background: url(listening/image/bg_div.gif) top left no-repeat;
	padding: 10px 10px 0;
	position: relative; }

div.voice div dl {
	width: 380px;
	margin: 0;
	float: left; }
div.voice dl dt {
	line-height: 1.6;
	font-weight: bold;
	color: #3AAFE6;
	width: 4em;
	text-align: center; }
div.voice dl dd {
	margin: -1.6em 0 1.5em 4em;
	line-height: 1.6; }
div.voice dl dd.last { margin-bottom: 0; }
div.voice dl dd p { margin: 0 0 1em; }


/* 先生の台詞 */
div.voice div.professor {
	background: #F4F4F4;
	margin: 0 0 20px;
	padding: 10px;
	border-right: 5px solid #8ED0F0; }
div.voice div.professor dl { margin: 0; width: 380px; position: relative; }

div.voice div.professor dl dt { width: 4.5em; }
div.voice div.professor dl dd { margin-left: 5em; }

div.voice dl dt.professor {
	width: 5em;
	margin: 0 0 0 8px;
	padding: 8px 0 0;
	position: absolute;
	z-index: 10; }
div.voice dl dd.professor {
	margin: 0 0 1.5em 0;
	padding: 0.5em 5px 0.5em 6em;
	background: #F4F4F4;
	border-right: 5px solid #8ED0F0; }


/* 左右反転 */
div.voice div.professor img, 
div.voice div.even img {
	float: right;
	margin: 0 0 0 10px; }

div.voice div.even dl dd.professor {
 border-left: 5px solid #8ED0F0;
 border-right: none; }


/* 下部画像 */
div.voice ul.photo {
	clear: both;
	padding: 20px 0 0;
	border-top: 2px dotted #CCC; }
div.voice ul.photo li, div.voice ul.photo li img {
	float: left;
	margin: 0; }
div.voice ul.photo li {
	margin: 0 0 2em; }



/* interview
---------------------------------------------------------------------*/
dl.interview {
	height: 100%;
	margin: 0 0 0 10px; }
dl.interview dt {
	float: left;
	margin: 0 15px 0 0; }

div#content dl.interview dd h3 {
	clear: none;
	border: none;
	color: #3AAFE6;
	font-weight: bold;
	margin-top: 0;}

p.spectacle {
	margin: 2em 0 0;
	clear: both; }


/*---------------------------------------------------------------------
印刷用スタイル
---------------------------------------------------------------------*/

@media print {

}






/*nonacolor_110317*/
div#content div.index {
	margin: 0 0 0 10px;
}

div#content div.index .column {
	margin:0 0 10px 0;
	padding:0 10px 0 0;
	border:1px solid #dddddd;
}

div#content div.index h3 {
	margin: 0 0 2em;
}
	
div#content h3 {
	clear: both;
	font-size: 1em;
	border:none;
	padding:0;
	line-height: 1.2;
}

div#content div.index h4 {
	color:#019EE5;
}

div#content div.index ul.index_link {
	margin:0 0 30px 0;
	padding:0;
}

div#content div.index ul.index_link li {
	text-align:right;
}