@charset "UTF-8";

/*/* 全体 */

div#contents h1 {
	margin-right: 20px;
	margin-left: 20px;
	}

div#main {
	width: 640px;
	float: left;
	margin-right: 0px;
	margin-left: 60px;
	}

div#side {
	width: 210px;
	float: right;
	margin-top: 0px;
	margin-right: 60px;
	margin-left: 0px;
	padding-bottom: 16px;
	background: url(/image/side_bg_vine.png) 0px 0px repeat-y #f99;
	}

/* div#contents h1{
	position: absolute;
	top: 36px;
	left: 45px;
	width: 910px;
	}

div#main {
	width: 640px;
	float: left;
	margin-top: 76px;
	margin-left: 60px;
	}

div#side {
	width: 210px;
	height: 100%;
	float: right;
	margin-top: 92px;
	margin-right: 60px;
	padding-bottom: 16px;
	background: url(../image/side_bg_vine.png) 0px 0px repeat-y #f99;
	} */
	
div#main h1{
	margin-top: 0px;
	}

div.lecture,
div.lecture_end {
	text-align: left;
	width: 600px;
	margin: 0px auto 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	clear: both;
	}

/* 区切り線 */
div.kugiri {
	height: 10px;
	background: transparent url("../image/kougi_line.gif") center no-repeat;
	}

/*/* 講義ヘッダー部分 */
div.kougi_header {
	text-align: left;
	width: 600px;
	margin: 8px auto 0px;
	}

div#main h2 {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	background: none;
	height: auto;
	margin: 0px;
	padding: 0px;
	}

div#main h2.kougi_category {
	border: none;
	font-size: 123.1%;
	}

div#main h2.kougi_title {
	padding-top: 12px;
	border: solid #333;
	border-width: 0px 0px 1px 0px;
	font-weight: normal;
	font-size: 246.2%;
	}

div#main h2.kougi_title span.subtitle {
	font-weight: bold;
	font-size: 66%;
	}

div#main h2.kougi_title span.series {
	font-weight: bold;
	font-size: 50%;
	}

/* 講義前説部分 */
div#main div.maesetsu {
	margin: 16px 0px 16px;
	}

div#main div.maesetsu p {
	margin-left: 2em;
	width: 40em;
	}

div#main div.maesetsu ol,
div#main div.maesetsu ul {
	margin-left: 2em;
	width: 40em;
	}


/*/* 講義項目タイトル・講義上部角丸め処理 */
div#main h3 {
	width: 600px;
	margin: 32px auto 0px;
	padding-bottom: 10px;
	font-size: 123.1%;
	background-color: #CFC;
	background-image: url("../image/kougi_lecture-top.png");
	background-repeat: no-repeat;
	background-position: bottom;
	}

div#main h3.lecture_hajime,
div#main h3.lecture_matome {
	font-size: 100%;
	color: #FFF;
	background-color: #CFC;
	margin-top: 4px;
	}

div#main h3.lecture_end {
	font-size: 100%;
	color: #FFF;
	background-color: #FF9;
	margin-top: 4px;
	}

/*/* 講義本体・講義下部角丸め処理 */
div.lecture {
	background-color: #CFC;
	background-image: url("../image/kougi_lecture-btm.png");
	background-repeat: no-repeat;
	background-position: bottom;
	}

div.lecture_end {
	background-image: url("../image/kougi_lecture-btm.png");
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 2px; 
	}

div.lecture_end,
div.lecture_end dl.kaiwa {
	background-color: #FF9;
	}

/*/* 講義本文（共通） */

/* リスト関連 */
div.lecture * li {
	margin: 0.5em 0em 0.5em 1.5em;
	}

/* マーカー無しリスト */
ul.nomark li,
ol.nomark li,
div#main * li.nomark,
div#main * li.etc {
	list-style-type: none;
	}

ul.nomark li,
ol.nomark li,
div.lecture * li.nomark,
div.lecture * li.etc {
	margin-left: 0em;
	}

/* 矢印マーカーリスト */
ul.arrowr li, 
ol.arrowr li,
div#main * li.arrowr {
	list-style-image: url("../image/arrow14-right.png");
	}


/* リストマーク変更 */

ul.disc li {
	list-style-type: disc;
	}
ul.circle li {
	list-style-type: circle;
	}
ul.square li {
	list-style-type: square;
	}
ol.alpha li {
	list-style-type: upper-alpha;
	}
ol.roman li {
	list-style-type: upper-roman;
	}


div.lecture * h4,
div.lecture * h5,
div.lecture * h6 {
	font-size: 123.1%;
	}

/* 「」付せりふ表示用 */

ul.serihu,
dd.serihu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul.serihu li,
dd.serihu ul li,
p.serihu {
	text-indent: -0.5em;
	margin: 0.7em 0.5em 0.8em 1.5em;
	}

/*/* 講義本文（会話部分） */
div.lecture dl.kaiwa,
div.lecture_end dl.kaiwa {
	width: 568px;
	margin: 16px;
	clear: both;
	}

/* float時の親ボックスの高さ検出用 */
div.lecture dl.kaiwa:after,
div.lecture_end dl.kaiwa:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear:both;
	}

div.lecture dl.kaiwa dt,
div.lecture_end dl.kaiwa dt {
	margin: 6px auto;
	clear: both;
	width: 76px;
	text-align: center;
	font-weight: normal;
	line-height: 100%;
	float: left;
	background-image: url("../image/kougi_fkds.png");
	background-repeat: no-repeat;
	background-position: right 12px;
	}

div.lecture dl.kaiwa dd,
div.lecture_end dl.kaiwa dd {
	float: left;
	margin: 6px 0px;
	width: 490px;
	min-height: 48px;
	height: auto !important;
	height: 4em;
	background-color: #ffe;
	}

/* 無名人物発言用 */
div.lecture dl.kaiwa dt.noname {
	padding-top: 12px;
	background-image: none;
	}

div.lecture dl.kaiwa dd.noname {
	background-color: #ffd;
	}

/* ２名同時発言用 */
div.lecture dl.kaiwa dt.douji2,
div.lecture_end dl.kaiwa dt.douji2 {
	margin: 6px auto;
	clear: both;
	width: 124px;
	text-align: center;
	font-weight: normal;
	line-height: 100%;
	float: left;
	background-image: url("../image/kougi_fkds.png");
	background-repeat: no-repeat;
	background-position: right 12px;
	}
div.lecture dl.kaiwa dd.douji2,
div.lecture_end dl.kaiwa dd.douji2 {
	float: left;
	margin: 6px 0px;
	width: 442px;
	min-height: 48px;
	height: auto !important;
	height: 4em;
	background-color: #ffe;
	}

/* ３名同時発言用 */
div.lecture dl.kaiwa dt.douji3,
div.lecture_end dl.kaiwa dt.douji3 {
	margin: 6px auto;
	clear: both;
	width: 182px;
	text-align: center;
	font-weight: normal;
	line-height: 100%;
	float: left;
	background-image: url("../image/kougi_fkds.png");
	background-repeat: no-repeat;
	background-position: right 12px;
	}
div.lecture dl.kaiwa dd.douji3,
div.lecture_end dl.kaiwa dd.douji3 {
	float: left;
	margin: 6px 0px;
	width: 384px;
	min-height: 48px;
	height: auto !important;
	height: 4em;
	background-color: #ffe;
	}

dl.kaiwa dd ul li,
dl.kaiwa dd ol li,
dl.kaiwa dd dl dt,
dl.kaiwa dd dl dd,
dl.kaiwa dd p,
dl.kaiwa dd * p {
	font-size: 123.1%;
	}

dl.kaiwa dd p {
	margin-left: 1em;
	margin-right: 0.5em;
	}


dl.kaiwa dd dl dd ul li,
dl.kaiwa dd dl dd p {
	font-size: 100%;
	margin-left: 0px;
	margin-right: 0px;
	}

/* 会話中重要ポイント表記 */
dl.kaiwa * div.point,
dl.kaiwa * ul.point,
dl.kaiwa * ol.point,
dl.kaiwa * dl.point {
	margin: 1em;
	padding: 0.5em 0em;
	background-color: #ffd;
	border: solid 2px #0C9;
	}

dl.kaiwa * div.point {
	padding: 0.5em 1em;
	}

dl.kaiwa * ul.point li,
dl.kaiwa * ol.point li,
dl.kaiwa * dl.point dt,
dl.kaiwa * dl.point dd {
	text-align: left;
	margin: 0.5em 1em 0.5em 2em;
	}

dl.kaiwa dd.point ul li,
dl.kaiwa dd.point ol li,
dl.kaiwa * div.point ul li,
dl.kaiwa * div.point ol li,
dl.kaiwa * ul.point li,
dl.kaiwa * ol.point li {
	font-weight: bold;
	}

dl.kaiwa dd dl.point dt {
	margin-left: 1em;
	font-weight: bold;
	}

dl.kaiwa dd dl.point dt,
dl.kaiwa dd dl.point dd {
	width: auto;
	min-height: 1em;
	height: auto;
	float: none;
	background-color: transparent;
	}

div.lecture dl.kaiwa dd.serihu,
div.lecture_end dl.kaiwa dd.serihu {
	clear: both;
	margin: 6px 0px 6px 76px;
	width: 490px;
	background-color: #ffd;
	}

div.lecture dl.kaiwa dd.serihu,
div.lecture_end dl.kaiwa dd.serihu {
	clear: both;
	width: 542px;
	margin: 6px 0px 6px 12px;
	background: #ffd;
	border: 2px #0C9 solid;
	}

div.lecture dl.kaiwa dd.point,
div.lecture_end dl.kaiwa dd.point {
	clear: both;
	width: 542px;
	margin: 16px 0px 16px 8px;
	background: #ffd;
	border: thick #0C9 double;
	}

div.lecture dl.kaiwa dd.point p,
div.lecture_end dl.kaiwa dd.point p,
div.lecture dl.kaiwa dd.point ol,
div.lecture_end dl.kaiwa dd.point ol,
div.lecture dl.kaiwa dd.point ul,
div.lecture_end dl.kaiwa dd.point ul {
	margin: 16px;
	font-size: 93%;
	}


/*/* 講義本文（サッポーの視点） */
div.shiten {
	clear: both;
	margin: 16px 24px;
	padding: 8px 24px;
	background: #ffd;
	border: thick #0C9 double;
	}

/* 各種フォントサイズ設定 */
div.shiten p,
div.shiten * p,
div.shiten * li,
div.shiten * dt,
div.shiten * dd {
	font-size: 108%;
	}

div.shiten * dt.mark {
	font-size: 123%;
	}

/* ブロック内ブロック文字サイズ調整 */
div.shiten * dd ul li,
div.shiten * dd ol li {
	font-size: 100%;
	}

/* マージン設定 */
div.shiten p,
div.shiten * p {
	margin: 1em 0em;
	}

div.shiten * dd p {
	margin: 0.5em 0em;
	}

div.shiten * li p {
	line-height: 1.2;
	margin: 0.5em 0em;
	}

div.shiten  ul,
div.shiten * ul,
div.shiten ol,
div.shiten * ol,
div.shiten dl,
div.shiten * dl {
	margin-left: 0em;
	}

div.shiten * dt.number {
	text-indent: -1.25em;
	margin-left: 1.25em;
	}

div.shiten * dd {
	margin-left: 1em;
	}

/* せりふ表示 */
div.shiten p.serihu,
div.shiten * p.serihu {
	text-indent: -0.5em;
	margin: 0.7em 0em 0.8em 0.5em;
	}

/* 注釈 */
div.shiten p.note,
div.shiten * p.note {
	text-indent: -1em;
	margin-left: 1em;
	}

div.danraku {
	margin-left: 1em;
	}
	
div.shiten ul.point li,
div.shiten ol.point li,
div.shiten * ul.point li,
div.shiten * ol.point li {
	font-weight: bold;
	}

/* 引用部 */
div.shiten blockquote {
	border: dotted 2px #4A7;
	margin: 1em;
	padding: 0em 1em;
	}
div.shiten blockquote h4,
div.shiten blockquote h5 {
	font-size: 108%;
	margin: 0em;
	}
div.shiten blockquote ul,
div.shiten blockquote ol {
	margin: 0.5em 1em 0.5em 2em;
	}
div.shiten blockquote ul li,
div.shiten blockquote ol li {
	font-size: 100%;
	margin: 0.5em 0em 0.5em;
	}

/* サッポーの視点マーク */
div.shiten h4.shitenmark {
	margin: 0px;
	text-align: center;
	background: none;
	}

h4.shitenmark img {
	margin: 0px auto;
	}

div.shiten h6 {
	margin: 1em 0em;
	font-size: 108%;
	}

/* ▼マーク付き見出し */
div.point h4.mark,
div.shiten h4.mark,
div.shiten h5 {
	padding-left: 20px;
	background-image: url("../image/h_mark.png");
	background-repeat: no-repeat;
	background-position: left -1px;
	}

div.shiten h4.mark,
div.shiten h5 {
	margin-top: 24px;
	}

dl.kaiwa dd dl.point dt.mark,
div.shiten dl.mark dt, 
div.shiten dl dt.mark, 
div.shiten * dl dt.mark {
	padding-left: 20px;
	background-image: url("../image/h_mark.png");
	background-repeat: no-repeat;
	}
	
dl.kaiwa dd dl.point dt.mark {
	background-position: left -2px;
	}
	
div.shiten dl dt.mark, 
div.shiten * dl dt.mark {
	background-position: left 0px;
	}
	
/* ▽マーク付き見出し */
div.point h4.mark2,
div.shiten h4.mark2,
div.shiten h5.mark2,
div.point div.danraku h5.mark,
div.point div.danraku h6.mark,
div.shiten div.danraku h5.mark,
div.shiten div.danraku h6.mark {
	padding-left: 20px;
	background-image: url("../image/h_mark2.png");
	background-repeat: no-repeat;
	background-position: left -2px;
	}

dl.kaiwa dd dl dt.mark2,
div.shiten dl dt.mark2, 
div.shiten * dl dt.mark2 {
	padding-left: 20px;
	background-image: url("../image/h_mark2.png");
	background-repeat: no-repeat;
	background-position: left -2px;
	}

/* テーブル表示 */
table.simple {
	margin: 1em auto;
	}

table.simple th,
table.simple td,
table.simple {
	border: solid #333 1px;
	}

table.simple th,
table.simple td {
	padding: 8px 12px;
	}

table.simple th {
	font-weight: bold;
	}


/*/* 新新フォーマット用CSS */
/*/* 講義まとめ部分 */
div.matome {
	text-align: left;
	width: 600px;
	margin: 0px auto 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	clear: both;
	}
/*/* 下部角丸め処理 */
div.matome {
	background-color: #CFC;
	background-image: url("../image/kougi_lecture-btm.png");
	background-repeat: no-repeat;
	background-position: bottom;
	}


/*/* 講義本文（サッポー先生の語り部分） */

/* float時の親ボックスの高さ検出用 */
div.matome div.lecture-script:after,
div.lecture div.lecture-script:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear:both;
	}

div.matome div.lecture-script,
div.lecture div.lecture-script {
	clear: both;
	border: 1px #ccc solid;
	background: url(/image/face_s.png) 10px 10px no-repeat #fff;
	padding: 16px 0px 1px;
	margin: 20px 24px 20px;
	}

div.matome div.lecture-script dl,
div.matome div.lecture-script ol,
div.matome div.lecture-script ul,
div.matome div.lecture-script .sanshou p,
div.matome div.lecture-script p,
div.lecture div.lecture-script table,
div.lecture div.lecture-script dl,
div.lecture div.lecture-script ol,
div.lecture div.lecture-script ul,
div.lecture div.lecture-script .sanshou p,
div.lecture div.lecture-script p {
	margin: 0px 24px 12px 72px;
	}

div.lecture div.lecture-script dl ol,
div.lecture div.lecture-script dl ul,
div.lecture div.lecture-script dl p {
	margin: 0px 0px 0px 0px;
	}

div.matome div.lecture-script li,
div.lecture div.lecture-script li {
	margin: -1px 0px 0px 0px;
	}

div.lecture div.lecture-script div.sanshou {
	margin: 12px 12px 12px 72px;
	border: solid 1px #f63;
	padding: 8px;
	}

div.matome div.lecture-script .sanshou p,
div.lecture div.lecture-script .sanshou p {
	margin: 0px 24px 12px 0px;
	}



/* 各種フォントサイズ設定 */
div.matome div.lecture-script li,
div.matome div.lecture-script p,
div.lecture div.lecture-script h5,
div.lecture div.lecture-script h4,
div.lecture div.lecture-script li,
div.lecture div.lecture-script p {
	background: url(/image/text_bg_dotline.png) 0px 0px;
	padding: 0px 0px 1px 4px;
	line-height: 135%;
	font-size: 12px;
	}

div.lecture div.lecture-script li {
	list-style-position: inside;
	}

/* ご相談引用部 */
div.lecture blockquote.letter {
	border: solid #66CC99 1px;
	margin: 1em 24px;;
	padding: 1em;
	background-color: #FFF;
	}

div.lecture blockquote.letter h4 {
	padding-left: 20px;
	background-image: url("../image/h_mark2.png");
	background-repeat: no-repeat;
	background-position: left -1px;
	}

div.lecture blockquote.letter p {
	background: url(/image/text_bg_dotline.png) 0px 0px;
	margin: 1em 0px;
	padding: 0px 0px 1px 4px;
	line-height: 110%;
	font-size: 14px;
	}

div.lecture div.shiten div.letter {
	border: solid #66CC99;
	border-width: 1px 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	}

div.lecture div.shiten div.letter blockquote {
	border: none;
	font-size: 14px;
	}

div.lecture div.shiten h4 {
	padding-left: 20px;
	background-image: url("../image/h_mark.png");
	background-repeat: no-repeat;
	background-position: left -1px;
	}

div.lecture div.shiten h4.shitenmark {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: none;
	}

div.lecture div.shiten h5.nomark,
div.lecture div.shiten h4.nomark {
	background-image: none;
	padding-left: 0px;
	}

div.lecture div.lecture-script table,
div.lecture div.shiten table {
	padding: 0px;
	background: none;
	border-collapse: collapse;
	}
div.lecture div.lecture-script table td,
div.lecture div.lecture-script table th,
div.lecture div.lecture-script table,
div.lecture div.shiten table td,
div.lecture div.shiten table th,
div.lecture div.shiten table {
	width: auto;
	border: solid 1px #666;
	line-height: 100%;
	}
div.lecture div.lecture-script table td,
div.lecture div.lecture-script table th,
div.lecture div.shiten table td,
div.lecture div.shiten table th {
	padding: 2px 4px;
	font-size: 100%;
	text-align: right;
	}
div.lecture div.lecture-script table th.tbl-summary,
div.lecture div.shiten table th.tbl-summary {
	text-align: center;
	}


div.lecture div.shiten dl.number dt {
	text-indent: -0.9em;
	margin-left: 1em;
	}



/* 同カテゴリ講義インデックス */
div.sub_index {
	width: 600px;
	margin: 16px auto; 
	}

div#main div.sub_index h2 {
	margin: 0px 8px 0px;
	font-weight: bold;
	font-size: 108%;
	border: solid #333;
	border-width: 0px 0px 1px;
	}
div.sub_index ul {
	text-align: left;
	list-style-type: none;
	}
div.sub_index ul li {
	font-size: 108%;
	margin: 4px 0px 4px 24px;
	padding: 0px;
	line-height: 100%;
	}
div.sub_index ul li a {
	text-decoration: none;
	}
div.sub_index ul li span.new {
	color: #f33;
	}

div.sub_index ul li.return {
	margin-top: 1em;
	font-weight: bold;
	font-size: 108%;
	}


/* 講義末尾共通部分 */

div.lecture_end form {
	margin: 0px 16px 0px;
	padding: 8px 0px;
	background-color: #ffffe0;
	}

div.lecture_end form dl {
	margin: 0px 8px;
	padding: 0px;
	color: black;
	}

div.lecture_end form dl dt {
	width: 130px;
	height: 1.5em;
	clear: both;
	float: left;
	margin: 0px 0px 8px;
	padding-top: 4px;
	}

div.lecture_end form dl dd {
	width: 390px;
	height: 1.5em;
	float: left;
	margin: 0px;
	}

div.lecture_end form dl dd * {
	vertical-align: middle;
	}

div.lecture_end form dl dd strong {
	font-size: 85%;
	}

div.lecture_end form dl dd.naiyou {
	height: auto;
	}

div.lecture_end form dl dd.namae input {
	width: 10em;
	}

div.lecture_end form dl dd.mail input {
	width: 25em;
	}

div.lecture_end form dl dd.seibetsu input {
	
	}

div.lecture_end form dl dd.nenrei input {
	width: 3em;
	}

div.lecture_end form dl dd.naiyou textarea {
	width: 100%;
	height: 10em;
	margin: 0px;
	}

div.lecture_end form div.submitbtn {
	clear: both;
	text-align: center;
	}

div.lecture_end form div.submitbtn input {
	margin: 0.5em auto 0em;
	}

/* FAQ案内文 */
p#faq {
	font-size: 100%;
	margin: 0px auto 8px;
	width: 560px;
	text-align: right;
	}