@charset "utf-8";
body.entry, body.page, body.mce-content-body {
	white-space: normal !important;
}
/*-----------------container-----------------*/
#container {
	/*background: url("../../images/global/h_bg2.gif") repeat left top;*/
	background-image: 
		url("../../images/body/body_bg.jpg"),
		url("../../images/global/h_bg2.gif");
	background-repeat:
		repeat-y,
		repeat;
	background-position:
		center top,
		left top;
  	/*margin: -35px 0 0;*/
  	position:relative;
  	top:-35px;
}

#contents a:link    {color:#ff322f;text-decoration:underline;}
#contents a:visited {color:#bdac9a;text-decoration:underline;}
#contents a:active  {color:#bdac9a;text-decoration:none;}
#contents a:hover   {color:#bdac9a;text-decoration:none;}
#contents a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}

#contents p{
	margin:0 0 24px;
}

/*-----------------パンくず-----------------*/
#container #pankuzu {
	margin:0 auto;
	padding:25px 56px 9px;
	width:1096px;
	background-color:#f2f2f2;
	border-bottom:2px solid #e9e9e9;
}

#container #pankuzu ul li {
	color: #17174b;
	display: inline;
	list-style-type: none;
}
#container #pankuzu ul li:first-child::before {
	content: "";
}
#container #pankuzu ul li::before {
	color: #bf2f2e;
	content: " > ";
}

#container #pankuzu ul li a:link    {color:#606060;}
#container #pankuzu ul li a:visited {color:#606060;}
#container #pankuzu ul li a:active  {color:#606060;}
#container #pankuzu ul li a:hover   {color:#606060;}

/*-----------------コンテンツ-----------------*/
#contents {
	margin:0 auto;
	padding:42px 52px 24px 44px;
	width:1096px;
	background-color:#fff;
}

/*-----------------ページタイトル-----------------*/
#contents #pagetlt {
	/*background:url("../../images/body/h2_bg_bt.jpg") no-repeat left bottom;*/
  	padding:0 0 22px 0;
  	margin: 0 0 34px 0;
  	position:relative;
}
#contents #pagetlt:before {
	content:"";
	padding:0;
	border-bottom: solid 4px #323335;
	width: 17%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
}
#contents #pagetlt:after {
	border-bottom: solid 2px #7c7d7f;
	width: 100%;
	position: absolute;
	bottom: 1px;
	left: 0;
	content: "";
}

#contents #pagetlt h2 {
	color:#17194c;
	font-size:200%;
	font-weight:bold;
	/*background:url("../../images/body/h2_bg_lf.jpg")  repeat-y left top;*/
	border-left:9px solid #0f2350;
  	padding:0 0 0 21px;
}

#contents #pagetlt h2 span {
	color:#3e3a39;
	font-size:62%;
  	padding:0 0 0 44px;
}
#contents #pagetlt h2 span.small {
	font-size:55%;
}

#contents.projects-contents #pagetlt:before {
	border-bottom: solid 4px #1d4b6c;
}
#contents.projects-contents #pagetlt:after {
	border-bottom: solid 2px #a4bfd1;
}
#contents.projects-contents #pagetlt h2 {
	border-left:9px solid #508bb4;
}

#contents.topics-contents #pagetlt:before {
	border-bottom: solid 4px #bb5520;
}
#contents.topics-contents #pagetlt:after {
	border-bottom: solid 2px #e6b991;
}
#contents.topics-contents #pagetlt h2 {
	border-left:9px solid #c65706;
}

#contents.htc-contents #pagetlt:before {
	border-bottom: solid 4px #c89932;
}
#contents.htc-contents #pagetlt:after {
	border-bottom: solid 2px #e1c87f;
}
#contents.htc-contents #pagetlt h2 {
	border-left:9px solid #e6b422;
}

#contents.resources-contents #pagetlt:before {
	border-bottom: solid 4px #442587;
}
#contents.resources-contents #pagetlt:after {
	border-bottom: solid 2px #9284ae;
}
#contents.resources-contents #pagetlt h2 {
	border-left:9px solid #7058a3;
}

#contents.about-contents #pagetlt:before {
	border-bottom: solid 4px #203f2a;
}
#contents.about-contents #pagetlt:after {
	border-bottom: solid 2px #82a48e;
}
#contents.about-contents #pagetlt h2 {
	border-left:9px solid #47885e;
}

#contents.faq-contents #pagetlt:before {
	border-bottom: solid 4px #8d1c38;
}
#contents.faq-contents #pagetlt:after {
	border-bottom: solid 2px #f6bfbc;
}
#contents.faq-contents #pagetlt h2 {
	border-left:9px solid #d7003a;
}
#contents.teachingonline-contents #pagetlt:before {
	border-bottom: solid 4px #f0ad5b;
}
#contents.teachingonline-contents #pagetlt:after {
	border-bottom: solid 2px #e7b175;
}
#contents.teachingonline-contents #pagetlt h2 {
	border-left:9px solid #f0a638;
}


/*-----------------見出し(h3から始める)-----------------*/
#contents h3 {
	color:#a12041;
	font-size:140%;
	border-bottom:2px dotted #d9d2ca;
	padding-left:1.5em;
	text-indent:-1.5em;
	margin:0 0 16px;
}
#contents h3:before {
	content:"■";
	color:#17194c;
	padding:0 0.25em;
}

#contents h3.copy {
	color:#17184b;
	font-size:160%;
	border:none;
	padding-left:0;
	text-indent:0;
	margin:0 0 24px;
}
#contents h3.copy:before {
	content:"";
	color:#17194c;
	padding:0;
}

#contents h4 {
	color:#223a70;
	font-size:110%;
	border-bottom:2px dotted #d9d2ca;
	/*padding-left:2em;*/
	margin:0 0 24px;
}

#contents h4.type01 {
	background:#daebf0;
	border-bottom:none;
	padding:8px 0 8px 2em;
	margin:0 0 24px;
	position:relative;
}
#contents h4.type01:before {
	content:"";
	padding:0;
	border-bottom: solid 2px #365b6e;
	width: 17%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
}
#contents h4.type01:after {
	border-bottom: solid 2px #558caa;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

#contents h5 {
	color:#5f4c3f;
	font-weight:bold;
	padding-left:2em;
	margin:0 0 24px;
}

/*-----------------見出し(Topicsタイプ)-----------------*/
#contents h3.type_topics {
	color:#16174d;
	font-size:135%;
	font-weight:bold;
	padding:6px 20px 0;
	text-indent:0;
	border:none;
	background:#daecf0;
	position: relative;
}
#contents h3.type_topics:before {
	content:"";
	padding:0;
	border-bottom: solid 2px #365b6e;
	width: 17%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
}
#contents h3.type_topics:after {
	border-bottom: solid 2px #558da8;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

#contents h4.type_topics {
	color:#213a73;
	font-size:112%;
	font-weight:bold;
	padding:0 20px 0 1.5em;
	margin:0 0 16px;
	padding-left:2.2em;
	text-indent:-2.2em;
	border-bottom:1px dotted #899da8;
}
#contents h4.type_topics:before {
	content:"－";
	padding:0 0 0 20px;
}


/*-----------------セクション-----------------*/
#contents .section {
	margin:0 0 40px;
}

#contents .section p{
	margin:0 0 24px;
}

#contents .section02 {
	margin:0 0 20px;
}

/*-----------------リスト-----------------*/
#contents ul li {
	margin:0 0 5px;
	padding-left: 1em;
	text-indent:-1em;
}
#contents ul li:before {
	content:"・";
	color:#bdac9a;
}

#contents ul.list-m {
	font-size:92%;
}

#contents ul.list-s {
	font-size:77%;
}

#contents ul li ul li {
	font-size:92%;
}

#contents ul li ul li ul li {
	font-size:83%;
}

/*-----------------リンクリスト-----------------*/
#contents ul.link-list {
	margin:0 0 24px;
	/*color:#bdac9a;*/
}
#contents ul.link-list li {
	padding-left:1em;
	text-indent:-1em;
}
#contents ul.link-list li:before {
	content:"・";
}

/*-----------------数字リスト-----------------*/
#contents ol {
  margin: 0 0 24px 30px;
}
#contents ol:last-child {
  margin: 0 0 0 30px;
}

/*-----------------表組-----------------*/
#contents table {
	width:100%;
	font-size:100%;
	margin:0 0 20px;
	text-align:justify;
	border-collapse:collapse;
	border-left:1px solid #86849a;
	border-top:1px solid #86849a;
}

#contents table tr th,
#contents table tr td {
	padding:10px 15px;
	border-right:1px solid #86849a;
	border-bottom:1px solid #86849a;
}

#contents table thead tr th {
	background:#17184b;
	color:#fff;
}
#contents table thead tr th:nth-child(2n) {
	background:#b6282e;
}

#contents table tbody tr th,
#contents table tbody tr td {
	background:#f5f0e9;
}
#contents table tbody tr:nth-child(2n) th,
#contents table tbody tr:nth-child(2n) td {
	background:#fafafa;
}

/*-----------------table table-b-----------------*/
#contents table.table-b {
	border:none;
}

#contents table.table-b tbody tr th,
#contents table.table-b tbody tr td {
	background:#fff;
	border:none;
	border-bottom:1px dotted #d5d5d5;
}
#contents table.table-b tbody tr:nth-child(2n) th,
#contents table.table-b tbody tr:nth-child(2n) td {
	background:#fff;
}
#contents table.table-b tbody tr th {
	color:#d4c4af;
	font-weight:normal;
}

/*-----------------写真とテキストレイアウト-----------------*/
#contents .left-a {
	float:left;
	width:63%;
}
#contents .right-a {
	float:right;
	width:35%;
}

#contents .left-b {
	float:left;
	width:35%;
}
#contents .right-b {
	float:right;
	width:63%;
}

#contents .left-c {
	float:left;
	width:20%;
}
#contents .right-c {
	float:right;
	width:78%;
}

#contents .left-d {
	float:left;
	width:78%;
}
#contents .right-d {
	float:right;
	width:20%;
}

#contents .box-2c {
	float:left;
	width:49%;
	margin:0 2% 10px 0;
}
#contents .box-2c:nth-of-type(2n) {
	margin:0 0 10px 0;
}

#contents .box-3c {
	float:left;
	width:32%;
	margin:0 2% 10px 0;
}
#contents .box-3c:nth-of-type(3n) {
	margin:0 0 10px 0;
}

#contents .box-5c {
	float:left;
	width:19.2%;
	margin:0 1% 10px 0;
}
#contents .box-5c:nth-of-type(5n) {
	margin:0 0 10px 0;
}

/*-----------------囲み-----------------*/
#contents dl.enclose,
#contents .enclose-a,
#contents .enclose-b {
	margin:0 0 24px;
}

#contents dl.enclose {
	border:2px solid #8a8ca5;
}
#contents dl.enclose dt {
	background:#d4c4af;
	padding:0 10px;
	font-size:110%;
	font-weight:bold;
	color:#161848;
}
#contents dl.enclose dd {
	padding:10px;
}
#contents dl.enclose dd p:last-child {
	margin:0;
}

#contents .enclose-a .text {
	padding:22px 15px 15px;
    border:1px solid #d4c4af;
    text-align:center;
    position:relative;
    margin:0 7px 0 0;
}
#contents .enclose-a .text:after {
	content:"";
	width:100%;
	height:100%;
	top:7px;
	left:7px;
	border:1px solid #d4c4af;
	position:absolute;
}

#contents .enclose-a .text p {
	margin:0;
}

#contents .enclose-b {
	margin:0 0 20px;
	padding:10px;
	background:fafafa;
	border:1px solid #b18863;
	border-radius: 10px;        	/* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   	/* Firefox用 */
}

#contents .enclose-b ul li {
	padding-left: 1em;
	text-indent:-1em;
}
#contents .enclose-b ul li:before {
	content:"・";
}
/*-----------------FAQ-----------------*/
#contents dl.enclose dd.faq ul.link-list {
	margin:0;
}
#contents dl.enclose dd.faq ul.link-list li {
	padding-left:2.5em;
	text-indent:-2.5em;
}
#contents dl.enclose dd.faq ul.link-list li:before {
	content:"Q.";
	font-size:120%;
	padding: 0 0.5em;
	color:#161848;
	font-weight:bold;
}

#contents dl.enclose.faq dt,
#contents dl.enclose.faq dd {
	padding-left:2.5em;
	text-indent:-2.5em;
}
#contents dl.enclose.faq dt:before {
	content:"Q.";
	font-size:120%;
	padding: 0 0.5em;
}
#contents dl.enclose.faq dd:before {
	content:"A.";
	font-size:120%;
	color:#c40035;
	font-weight:bold;
	padding: 0 0.5em;
}

#contents dl.enclose.faq dd ul.link-list {
	display:inline-block;
}

/*-----------------How to Createトップ-----------------*/
#contents .htc-index .item a:link    {color:#fff;text-decoration:none;}
#contents .htc-index .item a:visited {color:#fff;text-decoration:none;}
#contents .htc-index .item a:active  {color:#fff;text-decoration:underline;}
#contents .htc-index .item a:hover   {color:#fff;text-decoration:underline;}

#contents .htc-index .item{
	background:#9c7743;
	color:#fff;
	min-height:200px;
	margin:0 0 40px;
}
#contents .htc-index .item:nth-child(2n) {
	background:#beb51a;
}

#contents .htc-index .item .logo {
	float:left;
	width:30%;
	padding:15px;
	background:url("../../images/top/proj_bg.gif") repeat left top;
	position:relative;
	height:100%;
	min-height:200px;
}

#contents .htc-index .item .logo img {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:230px;
	padding:15px;
}

#contents .htc-index .item .text {
	float:right;
	width:70%;
	padding:15px 15px 65px;
	position:relative;
	height:100%;
	min-height:200px;
}

#contents .htc-index .item .text h3 {
	color:#fff;
	border:none;
	margin:0 0 20px;
	padding:0;
	text-indent:0;
	font-size:180%;
}
#contents .htc-index .item .text h3:before {
	content:"";
	padding:0;
}

#contents .htc-index .item .text ul.btn {
	position:absolute;
	left:15px;
	bottom:15px;
	margin: auto;
	font-weight:bold;
}

#contents .htc-index .item .text ul.btn li {
	display:inline-block;
	border:1px solid #fff;
	border-radius:3px;
	margin:0 10px 10px 0;
	text-align:center;
	padding:0;
	text-indent:0;
}
#contents .htc-index .item .text ul.btn li:before {
	content:"";
}

#contents .htc-index .item .text ul.btn li a {
	display:block;
	text-align:center;
	padding:0 0.6em 0 2em;
	text-indent:-1.5em;
}
#contents .htc-index .item .text ul.btn li a:before {
	content:"＋ ";
	color:#fff;
	font-size:120%;
}

/*-----------------How to Create 作成手順Step-----------------*/
#contents div.step {
	border-top:2px solid #8a8ca5;
	border-left:2px solid #8a8ca5;
	position:relative;
	margin:0 0 58px;
}
#contents div.step:before {
	content:"";
	height:0;
	width:0;
	position:absolute;
	border-top: 22px solid #17194c;
	border-left: 50px solid #fff;
	border-right: 50px solid #fff;
	border-bottom: 22px solid #fff;
	top: -46px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
	left: 50%;/* 中央寄せに使用 */
    margin-left: -50px; /* 中央寄せに使用 */
}
#contents div.step:nth-child(1):before {
	border:none;
}

#contents div.step div.box,
#contents div.step div.box.column3 {
	float:left;
	width:30%;
	border-bottom:2px solid #8a8ca5;
	border-right:2px solid #8a8ca5;
}
#contents div.step div.box:nth-child(4n),
#contents div.step div.box:nth-child(4n+3) {
	width:20%;
}
#contents div.step div.box:nth-child(4n+2) {
	position:relative;
}
#contents div.step div.box:nth-child(4n+2) img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
#contents div.step div.box.column3:nth-child(3n),
#contents div.step div.box.column3:nth-child(3n+2) {
	width:35%;
}
#contents div.step div.box h3 {
	color:#fff;
	font-size:120%;
	background-image:none;
	background-color:#17194c;
	padding:2px 33px;
	text-indent:0;
	border:none;
	width:80%;
	height:34px;
	line-height:34px;
	position: relative;
}
#contents div.step div.box h3;before {
	content:"";
	padding:0;
}
#contents div.step div.box h3:after {
	content:"";
	padding:0;
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 17px solid #17194c;
	border-left: 13px solid #17194c;
	border-right: 13px solid #fff;
	border-bottom: 17px solid #fff;
}
#contents div.step div.box h4 {
	font-weight:bold;
	margin:0 33px 33px;
	padding:0;
}
#contents div.step div.box h4.teacher,
#contents div.step div.box h4.staff {
	color:#fff;
	height:34px;
	line-height:34px;
	margin:0 0 16px;
	text-align:center;
	background:#b7282e;
	border-bottom:2px solid #8a8ca5;
	padding:0;
}
#contents div.step div.box h4.staff {
	background:#f7b401;
}
#contents div.step div.box p {
	margin:0 33px 24px;
}
#contents div.step div.box ul {
	margin:0 10px 24px;
}
#contents div.step div.box ul li {
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 10px;
}
#contents div.step div.box ul li:before {
	content:"・";
}
#contents div.step div.box ul li ul li:before {
	content:"●";
}

/*-----------------How to 引用処理フローチャート-----------------*/
/*#contents #chart a:link    {color:#fff;}
#contents #chart a:visited {color:#fff;}
#contents #chart a:active  {color:#fff;}
#contents #chart a:hover   {color:#fff;}

#contents #chart .question {
	background:#9c886d;
	color:#fff;
	text-align:center;
	padding:10px;
	margin:0 0 40px;
	position:relative;
}
#contents #chart .question::after {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #9c886d;
	content: " ";
	height: 0;
	left: 50%;
	position: absolute;
	top: 90%;
	width: 0;
	margin-left:-20px;
}

#contents #chart ul.answer {
	margin:0 0 40px;
}
#contents #chart ul.answer li {
	float:left;
	margin:0 0.5% 0 0;
	width:100%;
	padding-left:0;
	text-indent:0;
}
#contents #chart ul.answer li:before {
	content:"";
}
#contents #chart ul.list-2c li {
	width:49.5%;
}
#contents #chart ul.list-2c li:nth-child(2n) {
	margin:0;
}
#contents #chart ul.answer li a {
	display:block;
	background:#233a70;
	text-align:center;
	padding:10px;
}

#contents #chart ul.answer li a.on {
	background:#f7b401;
	position:relative;
}
#contents #chart ul.answer li a.on::after {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f7b401;
	content: " ";
	height: 0;
	left: 50%;
	position: absolute;
	top: 90%;
	width: 0;
	margin-left:-20px;
}

#contents #chart .chartanswer {
	display:none;
}

.chartanswer {
	margin:50px 20px;
}
.chartanswer p {
	font-size:120%;
	margin:10px 0;
}
.chartanswer a:link    {color:#ff322f;text-decoration:underline;}
.chartanswer a:visited {color:#bdac9a;text-decoration:underline;}
.chartanswer a:active  {color:#bdac9a;text-decoration:none;}
.chartanswer a:hover   {color:#bdac9a;text-decoration:none;}
*/

#contents #chart-list .item {
	float:left;
	width:40%;
	margin:10px 0.5% 10px 0;
	position:relative;
}
#contents #chart-list .item:nth-child(3n+2) {
	width:19%;
}
#contents #chart-list .item:nth-child(3n) {
	margin-right:0;
}

#contents #chart-list .question {
	/*background:#9c886d;
	color:#fff;*/
	border:5px double #000;
	text-align:left;
	padding:10px;
	position:relative;
}

#contents #chart-list .arrow {
	/*margin:20px auto;*/
	padding-left:0;
	background:#233a70;
	text-align:center;
	background:#fff;
}

#contents #chart-list .arrow img {
	width:30%;
	vertical-align:middle;
}

#contents #chart-list .arrow span.angle90,
#contents #chart-list .arrow span.angle135 {
	position:static;
	display:inline;
}
#contents #chart-list .arrow img.angle90,
#contents #chart-list .arrow span.angle90 img {
	transform: rotate(90deg);  /* 2D回転 90度 */
	margin:10px auto;
	width:15%;
}
#contents #chart-list .arrow.item:nth-child(3n+2) img.angle90,
#contents #chart-list .arrow.item:nth-child(3n+2) span.angle90 img {
	width:30%;
}

#contents #chart-list .arrow img.angle135,
#contents #chart-list .arrow span.angle135 img {
	transform: rotate(135deg);  /* 2D回転 135度 */
	margin:10px auto;
}

#contents #chart-list .arrow span {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	height:50px;
}

#contents #chart-list .arrow span img {
	margin:0 0 0 5px;
}

#contents #chart-list .chartanswer {
	/*background:#f7b401;*
	color:#fff;*/
	border:5px double #f7b401;
	text-align:left;
	padding:10px;
	position:relative;
}

/*-----------------Topics共通-----------------*/
#contents .tp-inn form {
	border-top:2px dotted #a3b4bc;
	padding:20px 0;
	text-align:right;
}

#contents .tp-inn select,
#contents .tp-inn input[type=text] {
	border:2px solid #e1dfe0;
	height:35px;
	margin:0;
}

#contents .tp-inn input[type=text]  {
	padding:0 10px;
	width:209px;
}

#contents .tp-inn input {
	position:relative;
	top:-1px;
}

#contents .tp-inn select,
#contents .tp-inn select option {
	padding:0 45px 0 10px;
}

#contents .tp-inn select option {
	padding:0 10px;
}

#contents .tp-inn select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:2px solid #e1dfe0;
	background: url("../../images/body/select_btn.jpg") right 50% no-repeat;
	background-size: 35px, 32px;
}
#contents .tp-inn select::-ms-expand {
	display: none;
}

#contents .tp-inn input.srhbtn  {
	margin:0;
	padding:0;
	border:0;
	width:35px;
	height:35px;
	background:url("../../images/body/search_btn.jpg") no-repeat left top;
}


/*-----------------Topicsトップ-----------------*/
#contents #topics-index h3 {
	font-size:125%;
	border:none;
	margin:0 0 10px;
}

#contents #topics-index #latest {
	border:5px solid #b8aa8d;
	margin:0 0 40px;
}

#contents #topics-index #latest .tp_tltbox {
	min-height:275px;
	background:#17194c;
}

#contents #topics-index #latest .tp_tltbox .photo {
	float:left;
	width:389px;
	height:275px;
	position:relative;
	background: rgba(0, 0, 0, 0) url("../../images/top/proj_bg.gif") repeat scroll left top;
}

#contents #topics-index #latest .tp_tltbox .photo img {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	display:block;
}

#contents #topics-index #latest .tp_tltbox .text {
	float:right;
	width:601px;
	min-height:275px;
	background:#17194c;
	color:#fff;
}

#contents #topics-index #latest .tp_tltbox .text h4 {
	color:#fff;
	font-size:225%;
	font-weight:normal;
	padding:50px 20px;
	text-indent:0;
	line-height:1.5;
	border:none;
	background:transparent;
	position:relative;
}
#contents #topics-index #latest .tp_tltbox .text h4:before {
	content:"";
	padding:0;
	border: none;
}
#contents #topics-index #latest .tp_tltbox .text h4:after {
	content:"";
	border: none;
	width: 100%;
	height:2px;
	background:-webkit-gradient(linear, left top, right bottom, from(#8a8ca5), to(#221a25));
	background:-moz-linear-gradient(left, #8a8ca5, #221a25);
	background:linear-gradient(left, #8a8ca5, #221a25);
	/* IE10+ */
    background: -ms-linear-gradient(left, #8a8ca5, #221a25);
	position:absolute;
	bottom:0;
	left:0;
}

#contents #topics-index #latest .tp_tltbox .text p.name {
	padding:0 34px 10px;
}

#contents #topics-index .topics-list {
	margin:0 0 70px;
}

#contents #topics-index .topics-list .box-3c a {
	position:relative;
	display:block;
}
#contents #topics-index .topics-list .box-3c a:after {
	content:"";
	background:#717171 url("../../images/body/link-ico.jpg") no-repeat left top;
	width:37px;
	height:37px;
	position:absolute;
	right:0;
	bottom:0;
}
#contents #topics-index .topics-list .box-3c a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
#contents #topics-index .topics-list .box-3c a:link    {text-decoration:none;}
#contents #topics-index .topics-list .box-3c a:visited {text-decoration:none;}
#contents #topics-index .topics-list .box-3c a:active  {text-decoration:underline;}
#contents #topics-index .topics-list .box-3c a:hover   {text-decoration:underline;}

#contents #topics-index .topics-list .box-3c a .photo {
	position:relative;
}

#contents #topics-index .topics-list .box-3c a .photo img {
	display:block;
}

#contents #topics-index .topics-list .box-3c a .photo span.category {
	position:absolute;
	bottom:0;
	left:0;
	background:#17194c;
	color:#fff;
	display:inline-block;
	padding:5px 10px;
	min-width:90px;
	text-align:center;
}

#contents #topics-index .topics-list .box-3c a .text {
	padding:10px;
	box-shadow:0 1px 5px 1px rgba(0, 0, 0, 0.2);
}

#contents #topics-index .topics-list .box-3c a .text h4 {
	border:none;
	color:#000;
	padding:0;
	line-height:1.5;
}

#contents #topics-index .topics-list .box-3c a .text p.name {
	color:#9c896b;
	line-height:1.6;
}
#contents #topics-index .topics-list .box-3c a:link .text p.name    {color:#9c896b;}
#contents #topics-index .topics-list .box-3c a:visited .text p.name {color:#9c896b;}
#contents #topics-index .topics-list .box-3c a:active .text p.name  {color:#9c896b;}
#contents #topics-index .topics-list .box-3c a:hover .text p.name   {color:#9c896b;}


/*-----------------Topics詳細-----------------*/
#contents #topics h3 {
	color:#16174d;
	font-size:135%;
	font-weight:bold;
	padding:6px 20px 0;
	text-indent:0;
	border:none;
	background:#daecf0;
	position: relative;
}
#contents #topics h3:before {
	content:"";
	padding:0;
	border-bottom: solid 2px #365b6e;
	width: 17%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
}
#contents #topics h3:after {
	border-bottom: solid 2px #558da8;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

#contents #topics h4 {
	color:#213a73;
	font-size:112%;
	font-weight:bold;
	padding:0 20px 0 1.5em;
	margin:0 0 16px;
	padding-left:2.2em;
	text-indent:-2.2em;
	border-bottom:1px dotted #899da8;
}
#contents #topics h4:before {
	content:"－";
	padding:0 0 0 20px;
}

#contents #topics .section {
	margin:0 22px 40px;
}

#contents #topics .tp_tltbox {
	margin:0 0 22px;
	min-height:275px;
	background:#17194c;
}

#contents #topics .tp_tltbox .photo {
	float:left;
	width:389px;
	height:275px;
	position:relative;
	background: rgba(0, 0, 0, 0) url("../../images/top/proj_bg.gif") repeat scroll left top;
}

#contents #topics .tp_tltbox .photo img {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	display:block;
}

#contents #topics .tp_tltbox .text {
	float:right;
	/*width:584px;*/
	width:611px;
	min-height:275px;
	background:#17194c;
	color:#fff;
}

#contents #topics .tp_tltbox .text h3 {
	color:#fff;
	font-size:225%;
	font-weight:normal;
	padding:50px 20px;
	text-indent:0;
	line-height:1.5;
	border:none;
	background:transparent;
	position:relative;
}
#contents #topics .tp_tltbox .text h3:before {
	content:"";
	padding:0;
	border: none;
}
#contents #topics .tp_tltbox .text h3:after {
	content:"";
	border: none;
	width: 100%;
	height:2px;
	background:-webkit-gradient(linear, left top, right bottom, from(#8a8ca5), to(#221a25));
	background:-moz-linear-gradient(left, #8a8ca5, #221a25);
	background:linear-gradient(left, #8a8ca5, #221a25);
	/* IE10+ */
    background: -ms-linear-gradient(left, #8a8ca5, #221a25);
	position:absolute;
	bottom:0;
	left:0;
}

#contents #topics .tp_tltbox .text p.name {
	padding:0 34px 10px;
}

/*****ここから会話のCSS*****/

#contents #topics .talk-wrap{
    display: block;
    clear: both;
    margin:0 auto 3px auto;
}

#contents #topics .talk-wrap p{
    margin:0;
}

#contents #topics  .left-icon{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: no-repeat;
    background-size: 180%;
    background-position: center;
    float:left;
    display:inline-block;
    box-shadow: 0px 0px 0px #aaa; /*左のアイコンの影の設定*/
    border: 1px solid #cccccc; /*左のアイコンの枠の設定*/
    margin-bottom: 10px;
}

#contents #topics .talk-left{
    float:right;
    position: relative;
    background: #ffffff; /*左の会話の背景色*/
    border: 2px solid #666;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top:10px;
    box-shadow: 0px 0px 0px #aaa; /*左の会話の影の設定*/
    margin-bottom: 10px;
}

#contents #topics .talk-left:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #666;
    position: absolute;
    left: -20px;
    top: 25%;
    margin-top: -9px;
}

#contents #topics .talk-left:after {
    content: "";
    display: inline-block;
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -16px;
    top: 25%;
    margin-top: -8px;
}

#contents #topics  .right-icon{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius:50%;
    background: no-repeat;
    background-size: 180%;
    background-position: center;
    float:right;
    display:inline-block;
    box-shadow: 0px 0px 0px #aaa; /*右のアイコンの影の設定*/
    border: 1px solid #cccccc; /*右のアイコンの枠の設定*/
    margin-bottom: 10px;
}

#contents #topics  .talk-right{
    float:left;
    position: relative;
    background: #ffffff; /*右の会話の背景色*/
    border: 2px solid #666;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top:10px;
    box-shadow: 0px 0px 0px #aaa; /*右の会話の影*/
    margin-bottom:10px;
}

#contents #topics  .talk-right:before {
   content: "";
   display: inline-block;
   border: 10px solid transparent;
   border-left-color: #666;
   position: absolute;
   right: -20px;
   top: 25%;
   margin-top: -9px;
}

#contents #topics .talk-right:after {
   content: "";
   display: inline-block;
   border: 9px solid transparent;
   border-left-color: #fff;
   position: absolute;
   right: -16px;
   top: 25%;
   margin-top: -8px;
}

#contents #topics .talk-end{
    clear:both;
}

/*-----------------タグ一覧フォーム-----------------*/
#contents #topics #tagform {
	border:none;
	padding:0;
}
#contents #topics #tagform ul li {
	float:right;
	margin:0 0 0 20px;
	padding:0;
	text-indent:0;
}
#contents #topics #tagform ul li:before {
	content:"";
}

#contents #topics #tagform ul li a {
	display:block;
	padding:0 0 0 12px;
	position:relative;
}
#contents #topics #tagform ul li a:before {
	content:"";
	height:0;
	width:0;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-6px;
	border-top: 6px solid transparent;
	border-left: 8px solid #ff322f;
	border-right: 8px solid transparent;
	border-bottom: 6px solid transparent;
	line-height:1
}

/*-----------------Projectsトップ-----------------*/
#contents .projects-index .box-2c{
	background:#9c7743;
	text-align:center;
	color:#fff;
	min-height:250px;
}
#contents .projects-index .box-2c:nth-child(4n+2),
#contents .projects-index .box-2c:nth-child(4n+3){
	background:#beb51a;
}

#contents .projects-index .box-2c a:link    {color:#fff;text-decoration:none;}
#contents .projects-index .box-2c a:visited {color:#fff;text-decoration:none;}
#contents .projects-index .box-2c a:active  {color:#fff;text-decoration:underline;}
#contents .projects-index .box-2c a:hover   {color:#fff;text-decoration:underline;}

#contents .projects-index .box-2c .logo {
	float:left;
	width:47%;
	padding:15px;
	background:url("../../images/top/proj_bg.gif") repeat left top;
	position:relative;
	height:100%;
}

#contents .projects-index .box-2c .logo img {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:200px;
}

#contents .projects-index .box-2c .text {
	float:left;
	width:53%;
	padding:15px 15px 65px;
	position:relative;
	height:100%;
}

#contents .projects-index .box-2c .text h3 {
	color:#fff;
	border:none;
	margin:0;
	padding:0;
	text-indent:0;
	font-size:180%;
}
#contents .projects-index .box-2c .text h3:before {
	content:"";
	padding:0;
}

#contents .projects-index .box-2c .text p {
	text-align:left;
}

#contents .projects-index .box-2c .text ul.btn {
	position:absolute;
	left:0;
	right:0;
	bottom:15px;
	margin: auto;
	font-weight:bold;
}

#contents .projects-index .box-2c .text ul.btn li {
	display:inline-block;
	border:1px solid #fff;
	border-radius:3px;
	padding:0;
	text-indent:0;
}
#contents .projects-index .box-2c .text ul.btn li:before {
	content:"";
}

#contents .projects-index .box-2c .text ul.btn li a {
	display:block;
	padding:0 0.6em 0 2em;
	text-indent:-1.5em;
}
#contents .projects-index .box-2c .text ul.btn li a:before {
	content:"＋ ";
	color:#fff;
	font-size:120%;
}

/*-----------------Projects詳細-----------------*/
#contents #projects .section {
	margin:0 28px 40px;
}

#contents #projects h3 {
	color:#fff;
	background:#233a70;
	border-bottom:3px solid #040710;
	position:relative;
	padding:0 0 0 30px;
	text-indent:0px;
}
#contents #projects h3:before {
	content:"";
	border:5px solid #17194c;
	width:10px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-5px;
	padding:0;
}

#contents #projects ul.btn li {
	display:inline-block;
	background:#233a70;
	border-bottom:3px solid #030710;
	margin:0 2% 10px 0;
	color:#fff;
	padding:0;
	text-indent:0;
}
#contents #projects ul.btn li:before {
	content:"";
}

#contents #projects ul.btn li a {
	display:block;
	padding:0 0.6em 0 2em;
	text-indent:-1.5em;
}
#contents #projects ul.btn li a:before {
	content:"＋ ";
	color:#fff;
	font-size:120%;
}

#contents #projects ul.btn li.opw {
	background:#17194c;
}

#contents #projects ul.btn li a {
	/*margin:0 auto;
	width:80%;*/
	text-align:center;
	color:#fff;
	padding:0 0.6em 0 2em;
	text-indent:-1.5em;
}
#contents #projects ul.btn li a:link    {color:#fff;text-decoration:none;}
#contents #projects ul.btn li a:visited {color:#fff;text-decoration:none;}
#contents #projects ul.btn li a:active  {color:#fff;text-decoration:underline;}
#contents #projects ul.btn li a:hover   {color:#fff;text-decoration:underline;}

#contents #projects .pr_tltbox {
	margin:0 0 22px;
	min-height:281px;
	background:#233a70;
}

#contents #projects .pr_tltbox .photo {
	float:right;
	width:611px;
	height:281px;
}

#contents #projects .pr_tltbox .text {
	float:left;
	width:389px;
	height:281px;
	color:#fff;
	display:table;
}

#contents #projects .pr_tltbox .text .inn {
	display:table-cell;
	vertical-align:middle;
}

#contents #projects .pr_tltbox .text h2 {
	color:#fff;
	font-size:268%;
	font-weight:normal;
	text-align:center;
}

#contents #projects .pr_tltbox .text p {
	width:75%;
	margin:0 auto;
	text-align:left;
}

#contents #projects .lead h3 {
	font-weight:bold;
	color:#17174b;
	background:#fff;
	border:none;
	padding:0;
}
#contents #projects .lead h3:before {
	content:"";
	border:none;
	display: block;
    border-top: solid 1px #17174b;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top:0;
}
#contents #projects .lead h3 span {
    background: #fff;
    padding: 0 8px;
    position: relative;
    left:22px;
    z-index: 5;
}

#contents #projects .pr-logobox {
	border:1px solid #e7e7e7;
	height:180px;
	position: relative;
}

#contents #projects .pr-logobox img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#contents #projects iframe {
	width:100%;
	height:280px;
	border:10px solid #000;
}

#contents #projects .baloon {
	position: relative;
	display: block;
	padding: 0 15px;
	width: auto;
	height:100%;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 0;
}
#contents #projects .baloon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -13px;
	margin-top: -17px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 13px 13px 13px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
#contents #projects .baloon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -14px;
	margin-top: -18px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 14px 14px 0;
	border-color: transparent #ccc transparent transparent;
	z-index: -1;
}

#contents #projects .baloon a:link    {text-decoration:none;}
#contents #projects .baloon a:visited {text-decoration:none;}
#contents #projects .baloon a:active  {text-decoration:underline;}
#contents #projects .baloon a:hover   {text-decoration:underline;}

#contents #projects .baloon h4 {
	color:#000;
	border:0;
	padding:0;
	margin:0 0 15px;
}
#contents #projects .baloon h4:before {
	content:"";
}
#contents #projects .baloon a:link h4    {color:#ff322f;}
#contents #projects .baloon a:visited h4 {color:#bdac9a;}
#contents #projects .baloon a:active h4  {color:#bdac9a;}
#contents #projects .baloon a:hover h4   {color:#bdac9a;}

#contents #projects .baloon p.description {
	color:#4e4e4e;
}
#contents #projects .baloon a:link p.description    {color:#ff322f;}
#contents #projects .baloon a:visited p.description {color:#4e4e4e;}
#contents #projects .baloon a:active p.description  {color:#4e4e4e;}
#contents #projects .baloon a:hover p.description   {color:#4e4e4e;}



#contents #projects .merit {
	background:#b7282e;
	border:3px solid #b7282e;
	border-radius:10px;
	margin:0 0 40px;
}

#contents #projects .merit h3 {
	color:#fff;
	background:url("../../images/body/merit-ico.png") no-repeat left center;
	padding:0 0 0 68px;
	margin:8px 0 10px 25px;
	border:none;
}
#contents #projects .merit h3:before {
	content:"";
	border:none;
	margin:0;
	position:static;
	width:0;
}

#contents #projects .merit ul {
	background:url("../../images/body/merit_bg.png") repeat left top;
	padding:25px;
	border-radius:0 0 7px 7px;
}

#contents #projects .merit ul li:before {
	color:#22396f;
}

#contents #projects .relation h3 {
	background:#fff;
	border-bottom: 2px dotted #a5b6c0;
	color: #203971;
	font-size: 110%;
	margin: 0 0 24px;
}
#contents #projects .relation h3:before {
	content:"";
	border:none;
	margin:0;
	position:static;
	width:0;
}

#contents #projects .relation {
	margin: 0 0 50px;
}

#contents #projects .relation ul {
	margin: 0 40px 24px;
}

#contents #projects .relation ul li {
	float:left;
	/*width:23.5%;*/
	width:32%;
	background:#233a70;
	border-bottom:3px solid #030710;
	margin:0 2% 10px 0;
	color:#fff;
	text-align:center;
}

#contents #projects .relation ul li:nth-child(3n) {
	margin-right:0;
}
#contents #projects .relation ul li.opw {
	background:#17194c;
}

#contents #projects .relation ul li a {
	display:block;
	/*margin:0 auto;
	width:80%;*/
	text-align:center;
	color:#fff;
}

#contents #projects .box-2c .left-c {
	width:39%;
}
#contents #projects .box-2c .right-c {
	width:59%;
}

/*
#contents #projects .tp-list .box-2c,
#contents #projects .tp-report {
	background:#9c7743;
	display:table;
}
*/
#contents #projects .tp-list .box-2c,
#contents #projects .tp-report{
	background:#9c7743;
	text-align:center;
	color:#fff;
	display:block;
	min-height:176px;
}
#contents #projects .tp-list .box-2c:nth-child(2n),
#contents #projects .tp-report.bg2 {
	background:#beb51a;
}

#contents #projects .tp-list .box-2c .photo,
#contents #projects .tp-report .photo {
	float:left;
	width:38%;
	/*padding:15px;*/
	background:url("../../images/top/proj_bg.gif") repeat left top;
	position:relative;
	height:100%;
	min-height:176px;
	display:block;
}

#contents #projects .tp-list .box-2c .photo img,
#contents #projects .tp-report .photo img {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:100%;
	height:auto;
	display:block;
}

/*
#contents #projects .tp-list .box-2c .photo,
#contents #projects .tp-report .photo {
	display:table-cell;
	width:180px;
	position:relative;
	background: rgba(0, 0, 0, 0) url("../../images/top/proj_bg.gif") repeat scroll left top;
	vertical-align:middle;
}

#contents #projects .tp-list .box-2c .photo img,
#contents #projects .tp-report .photo img {
	display:block;
	vertical-align:middle;
}
*/

#contents #projects .tp-list .box-2c .text,
#contents #projects .tp-report .text {
	float:left;
	width:62%;
	padding:4px 10px;
	position:relative;
	height:100%;
	text-align:left;
	min-height:176px;
	display:block;
}
/*
#contents #projects .tp-list .box-2c .text,
#contents #projects .tp-report .text {
	float:right;
	display:table-cell;
	width:284px;
	padding:5px 10px;
	color:#fff;
	vertical-align:top;
}
*/

#contents #projects .tp-list .box-2c .text h4,
#contents #projects .tp-report .text h4 {
	border:none;
	padding:0;
	margin:0 0 10px;
	color:#fff;
}

#contents #projects .tp-list .box-2c .text p,
#contents #projects .tp-report .text p {
	font-size:80%;
	margin:0 0 10px;
}

#contents #projects .tp-list .box-2c .text ul.btn,
#contents #projects .tp-report .text ul.btn {
	text-align:center;
	font-size:90%;
}

#contents #projects .tp-list .box-2c .text ul.btn li,
#contents #projects .tp-report .text ul.btn li {
	background:transparent;
	display:inline-block;
	border:1px solid #fff;
	border-radius:3px;
	font-weight:bold;
	margin:0 5px 5px 0;
}

#contents #projects .tp-list .box-2c .text ul.btn li a,
#contents #projects .tp-report .text ul.btn li a {
	display:block;
}

#contents #projects .class-list {
	background-image: 
		url("../../images/body/class-list_bg.png"),
		url("../../images/body/class-list_bg.png");
	background-repeat:
		repeat-x,
		repeat-x;
	background-position:
		left top,
		left bottom;
	margin:0 0 40px;
	padding:25px 10px;
}

#contents #projects .class-list h3 {
	background:transparent;
	color:#233a70;
	padding:0;
	border:none;
}
#contents #projects .class-list h3:before {
	content:"";
	position:static;
	border:none;
	width:0;
	margin:0;
}

#contents #projects .class-list .box-5c {
	margin:0 10px;
	background:#17194c;
	color:#fff;
}
#contents #projects .class-list .box-5c:nth-of-type(5n) {
	margin:0 10px;
}
#contents #projects .class-list .box-5c a:link    {color:#fff;text-decoration:none;}
#contents #projects .class-list .box-5c a:visited {color:#fff;text-decoration:none;}
#contents #projects .class-list .box-5c a:active  {color:#fff;text-decoration:underline;}
#contents #projects .class-list .box-5c a:hover   {color:#fff;text-decoration:underline;}

#contents #projects .class-list .box-5c .youtube {
	position: relative;
	padding:0 0 10px;
}
#contents #projects .class-list .box-5c .youtube:before {
	content:"";
    display: block;
    padding-top: 56%; /* 高さを幅の56%に固定 */
}

#contents #projects .class-list .box-5c .youtube img {
	position: absolute;
	width: 100%;
	height:auto;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display:block;
}

#contents #projects .class-list .box-5c .youtube iframe {
	width:100%;
	/*height:106px;*/
	border:none;
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#contents #projects .class-list .box-5c h4 {
	border:none;
	padding:0;
	margin:10px 10px 20px;
	color:#fff;
}

#contents #projects .class-list .box-5c p {
	margin:5px 10px;
	font-size:80%;
}

#contents #projects .class-list .box-5c .opw {
	background-image: url("../../images/global/icon_opw_wh.png")
}

#contents #projects .projects-list h3 {
	background:#fff;
	border-bottom: 2px dotted #a5b6c0;
	color: #203971;
	font-size: 110%;
	margin: 0 0 24px;
}
#contents #projects .projects-list h3:before {
	content:"";
	border:none;
	margin:0;
	position:static;
	width:0;
}

#contents #projects .projects-list .projects-list-inn {
	background:#f2f2f2;
	padding:20px;
}

#contents #projects .projects-list ul {
	text-align:center;
	margin:0 auto;
	width:760px;
}

#contents #projects .projects-list ul li {
	display:inline-block;
	/*argin:0 33px 0 0;*/
	padding:0;
	text-indent:0;
	margin:0 20px;
}
#contents #projects .projects-list ul li:before {
	content:"";
}
#contents #projects .projects-list ul li img {
	border:1px solid #d7d7d7;
	background:#fff;
	display:block;
	margin:auto;
}
#contents #projects .projects-list ul li:last-child {
	margin:0;
}

#contents #projects .slick-prev {
    background-image: url("../../images/top/proj_slide_arrow_l.png");
    left: -22px;
}
#contents #projects .slick-next {
    background-image: url("../../images/top/proj_slide_arrow_r.png");
    right: -22px;
}
#contents #projects .slick-prev, 
#contents #projects .slick-next {
    height: 52px;
    width: 45px;
    border: medium none;
    font-size: 1px;
    text-indent: -9999px;
    line-height: 0;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 45px auto;
}
#contents #projects .slick-prev:hover, .slick-next:hover {
    opacity: 0.6;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

#contents #projects .ml0 {
  margin-left: 0;
}
#contents #projects .mr0 {
  margin-right: 0;
}

/*-----------------Teaching Online-----------------*/
#contents #teaching-online .section {
	margin:0 28px 40px;
}

#contents #teaching-online h3 {
	color:#fff;
	background:#233a70;
	border-bottom:3px solid #040710;
	position:relative;
	padding:0 0 0 30px;
	text-indent:0px;
}
#contents #teaching-online h3:before {
	content:"";
	border:5px solid #17194c;
	width:10px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-5px;
	padding:0;
}
#contents #teaching-online h3.type_topics {
	color:#16174d;
	background:#daecf0;
	border:none;
	padding:6px 20px 0;
}
#contents #teaching-online h3.type_topics:before {
	border:none;
	border-bottom:solid 2px #365b6e
	width:17%;
	top:0;
	bottom:0;
	left:0;
	margin:0;
}

#contents #teaching-online ul.btn li {
	display:inline-block;
	background:#233a70;
	border-bottom:3px solid #030710;
	margin:0 2% 10px 0;
	color:#fff;
	padding:0;
	text-indent:0;
}
#contents #teaching-online ul.btn li:before {
	content:"";
}

#contents #teaching-online ul.btn li a {
	display:block;
	padding:0 0.6em 0 2em;
	text-indent:-1.5em;
}
#contents #teaching-online ul.btn li a:before {
	content:"＋ ";
	color:#fff;
	font-size:120%;
}

#contents #teaching-online ul.btn li.opw {
	background:#17194c;
}

#contents #teaching-online ul.btn li a {
	/*margin:0 auto;
	width:80%;*/
	text-align:center;
	color:#fff;
	padding:0 0.6em 0 2em;
	text-indent:-1.5em;
}
#contents #teaching-online ul.btn li a:link    {color:#fff;text-decoration:none;}
#contents #teaching-online ul.btn li a:visited {color:#fff;text-decoration:none;}
#contents #teaching-online ul.btn li a:active  {color:#fff;text-decoration:underline;}
#contents #teaching-online ul.btn li a:hover   {color:#fff;text-decoration:underline;}

#contents #teaching-online .pr_tltbox {
	margin:0 0 22px;
	min-height:281px;
	background:#233a70;
}

#contents #teaching-online .pr_tltbox .photo {
	float:right;
	width:611px;
	height:281px;
}

#contents #teaching-online .pr_tltbox .text {
	float:left;
	width:389px;
	height:281px;
	color:#fff;
	display:table;
}

#contents #teaching-online .pr_tltbox .text .inn {
	display:table-cell;
	vertical-align:middle;
}

#contents #teaching-online .pr_tltbox .text h2 {
	color:#fff;
	font-size:268%;
	font-weight:normal;
	text-align:center;
}

#contents #teaching-online .pr_tltbox .text p {
	width:75%;
	margin:0 auto;
	text-align:left;
}

#contents #teaching-online .lead h3 {
	font-weight:bold;
	color:#17174b;
	background:#fff;
	border:none;
	padding:0;
}
#contents #teaching-online .lead h3:before {
	content:"";
	border:none;
	display: block;
    border-top: solid 1px #17174b;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top:0;
}
#contents #teaching-online .lead h3 span {
    background: #fff;
    padding: 0 8px;
    position: relative;
    left:22px;
    z-index: 5;
}

#contents #teaching-online .pr-logobox {
	border:1px solid #e7e7e7;
	height:180px;
	position: relative;
}

#contents #teaching-online .pr-logobox img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#contents #teaching-online iframe {
	width:100%;
	height:280px;
	border:10px solid #000;
}

#contents #teaching-online .baloon {
	position: relative;
	display: block;
	padding: 0 15px;
	width: auto;
	height:100%;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 0;
}
#contents #teaching-online .baloon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -13px;
	margin-top: -17px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 13px 13px 13px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
#contents #teaching-online .baloon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -14px;
	margin-top: -18px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 14px 14px 0;
	border-color: transparent #ccc transparent transparent;
	z-index: -1;
}

#contents #teaching-online .baloon a:link    {text-decoration:none;}
#contents #teaching-online .baloon a:visited {text-decoration:none;}
#contents #teaching-online .baloon a:active  {text-decoration:underline;}
#contents #teaching-online .baloon a:hover   {text-decoration:underline;}

#contents #teaching-online .baloon h4 {
	color:#000;
	border:0;
	padding:0;
	margin:0 0 15px;
}
#contents #teaching-online .baloon h4:before {
	content:"";
}
#contents #teaching-online .baloon a:link h4    {color:#ff322f;}
#contents #teaching-online .baloon a:visited h4 {color:#bdac9a;}
#contents #teaching-online .baloon a:active h4  {color:#bdac9a;}
#contents #teaching-online .baloon a:hover h4   {color:#bdac9a;}

#contents #teaching-online .baloon p.description {
	color:#4e4e4e;
}
#contents #teaching-online .baloon a:link p.description    {color:#ff322f;}
#contents #teaching-online .baloon a:visited p.description {color:#4e4e4e;}
#contents #teaching-online .baloon a:active p.description  {color:#4e4e4e;}
#contents #teaching-online .baloon a:hover p.description   {color:#4e4e4e;}



#contents #teaching-online .merit {
	background:#b7282e;
	border:3px solid #b7282e;
	border-radius:10px;
	margin:0 0 40px;
}

#contents #teaching-online .merit h3 {
	color:#fff;
	background:url("../../images/body/merit-ico.png") no-repeat left center;
	padding:0 0 0 68px;
	margin:8px 0 10px 25px;
	border:none;
}
#contents #teaching-online .merit h3:before {
	content:"";
	border:none;
	margin:0;
	position:static;
	width:0;
}

#contents #teaching-online .merit ul {
	background:url("../../images/body/merit_bg.png") repeat left top;
	padding:25px;
	border-radius:0 0 7px 7px;
}

#contents #teaching-online .merit ul li:before {
	color:#22396f;
}

#contents #teaching-online .relation h3 {
	background:#fff;
	border-bottom: 2px dotted #a5b6c0;
	color: #203971;
	font-size: 110%;
	margin: 0 0 24px;
}
#contents #teaching-online .relation h3:before {
	content:"";
	border:none;
	margin:0;
	position:static;
	width:0;
}

#contents #teaching-online .relation {
	margin: 0 0 50px;
}

#contents #teaching-online .relation ul {
	margin: 0 40px 24px;
}

#contents #teaching-online .relation ul li {
	float:left;
	/*width:23.5%;*/
	width:32%;
	background:#233a70;
	border-bottom:3px solid #030710;
	margin:0 2% 10px 0;
	color:#fff;
	text-align:center;
}

#contents #teaching-online .relation ul li:nth-child(3n) {
	margin-right:0;
}
#contents #teaching-online .relation ul li.opw {
	background:#17194c;
}

#contents #teaching-online .relation ul li a {
	display:block;
	/*margin:0 auto;
	width:80%;*/
	text-align:center;
	color:#fff;
}

#contents #teaching-online .box-2c .left-c {
	width:39%;
}
#contents #teaching-online .box-2c .right-c {
	width:59%;
}

/*
#contents #teaching-online .tp-list .box-2c,
#contents #teaching-online .tp-report {
	background:#9c7743;
	display:table;
}
*/
#contents #teaching-online .tp-list .box-2c,
#contents #teaching-online .tp-report{
	background:#9c7743;
	text-align:center;
	color:#fff;
	display:block;
	min-height:176px;
}
#contents #teaching-online .tp-list .box-2c:nth-child(2n),
#contents #teaching-online .tp-report.bg2 {
	background:#beb51a;
}

#contents #teaching-online .tp-list .box-2c .photo,
#contents #teaching-online .tp-report .photo {
	float:left;
	width:38%;
	/*padding:15px;*/
	background:url("../../images/top/proj_bg.gif") repeat left top;
	position:relative;
	height:100%;
	min-height:176px;
	display:block;
}

#contents #teaching-online .tp-list .box-2c .photo img,
#contents #teaching-online .tp-report .photo img {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:100%;
	height:auto;
	display:block;
}

/*
#contents #teaching-online .tp-list .box-2c .photo,
#contents #teaching-online .tp-report .photo {
	display:table-cell;
	width:180px;
	position:relative;
	background: rgba(0, 0, 0, 0) url("../../images/top/proj_bg.gif") repeat scroll left top;
	vertical-align:middle;
}

#contents #teaching-online .tp-list .box-2c .photo img,
#contents #teaching-online .tp-report .photo img {
	display:block;
	vertical-align:middle;
}
*/

#contents #teaching-online .tp-list .box-2c .text,
#contents #teaching-online .tp-report .text {
	float:left;
	width:62%;
	padding:4px 10px;
	position:relative;
	height:100%;
	text-align:left;
	min-height:176px;
	display:block;
}
/*
#contents #teaching-online .tp-list .box-2c .text,
#contents #teaching-online .tp-report .text {
	float:right;
	display:table-cell;
	width:284px;
	padding:5px 10px;
	color:#fff;
	vertical-align:top;
}
*/

#contents #teaching-online .tp-list .box-2c .text h4,
#contents #teaching-online .tp-report .text h4 {
	border:none;
	padding:0;
	margin:0 0 10px;
	color:#fff;
}

#contents #teaching-online .tp-list .box-2c .text p,
#contents #teaching-online .tp-report .text p {
	font-size:80%;
	margin:0 0 10px;
}

#contents #teaching-online .tp-list .box-2c .text ul.btn,
#contents #teaching-online .tp-report .text ul.btn {
	text-align:center;
	font-size:90%;
}

#contents #teaching-online .tp-list .box-2c .text ul.btn li,
#contents #teaching-online .tp-report .text ul.btn li {
	background:transparent;
	display:inline-block;
	border:1px solid #fff;
	border-radius:3px;
	font-weight:bold;
	margin:0 5px 5px 0;
}

#contents #teaching-online .tp-list .box-2c .text ul.btn li a,
#contents #teaching-online .tp-report .text ul.btn li a {
	display:block;
}

#contents #teaching-online .class-list {
	background-image: 
		url("../../images/body/class-list_bg.png"),
		url("../../images/body/class-list_bg.png");
	background-repeat:
		repeat-x,
		repeat-x;
	background-position:
		left top,
		left bottom;
	margin:0 0 40px;
	padding:25px 10px;
}

#contents #teaching-online .class-list h3 {
	background:transparent;
	color:#233a70;
	padding:0;
	border:none;
}
#contents #teaching-online .class-list h3:before {
	content:"";
	position:static;
	border:none;
	width:0;
	margin:0;
}

#contents #teaching-online .class-list .box-5c {
	margin:0 10px;
	background:#17194c;
	color:#fff;
}
#contents #teaching-online .class-list .box-5c:nth-of-type(5n) {
	margin:0 10px;
}
#contents #teaching-online .class-list .box-5c a:link    {color:#fff;text-decoration:none;}
#contents #teaching-online .class-list .box-5c a:visited {color:#fff;text-decoration:none;}
#contents #teaching-online .class-list .box-5c a:active  {color:#fff;text-decoration:underline;}
#contents #teaching-online .class-list .box-5c a:hover   {color:#fff;text-decoration:underline;}

#contents #teaching-online .class-list .box-5c .youtube {
	position: relative;
	padding:0 0 10px;
}
#contents #teaching-online .class-list .box-5c .youtube:before {
	content:"";
    display: block;
    padding-top: 56%; /* 高さを幅の56%に固定 */
}

#contents #teaching-online .class-list .box-5c .youtube img {
	position: absolute;
	width: 100%;
	height:auto;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display:block;
}

#contents #teaching-online .class-list .box-5c .youtube iframe {
	width:100%;
	/*height:106px;*/
	border:none;
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#contents #teaching-online .class-list .box-5c h4 {
	border:none;
	padding:0;
	margin:10px 10px 20px;
	color:#fff;
}

#contents #teaching-online .class-list .box-5c p {
	margin:5px 10px;
	font-size:80%;
}

#contents #teaching-online .class-list .box-5c .opw {
	background-image: url("../../images/global/icon_opw_wh.png")
}

#contents #teaching-online .projects-list h3 {
	background:#fff;
	border-bottom: 2px dotted #a5b6c0;
	color: #203971;
	font-size: 110%;
	margin: 0 0 24px;
}
#contents #teaching-online .projects-list h3:before {
	content:"";
	border:none;
	margin:0;
	position:static;
	width:0;
}

#contents #teaching-online .projects-list .projects-list-inn {
	background:#f2f2f2;
	padding:20px;
}

#contents #teaching-online .projects-list ul {
	text-align:center;
	margin:0 auto;
	width:760px;
}

#contents #teaching-online .projects-list ul li {
	display:inline-block;
	/*argin:0 33px 0 0;*/
	padding:0;
	text-indent:0;
	margin:0 20px;
}
#contents #teaching-online .projects-list ul li:before {
	content:"";
}
#contents #teaching-online .projects-list ul li img {
	border:1px solid #d7d7d7;
	background:#fff;
	display:block;
	margin:auto;
}
#contents #teaching-online .projects-list ul li:last-child {
	margin:0;
}

#contents #teaching-online .slick-prev {
    background-image: url("../../images/top/proj_slide_arrow_l.png");
    left: -22px;
}
#contents #teaching-online .slick-next {
    background-image: url("../../images/top/proj_slide_arrow_r.png");
    right: -22px;
}
#contents #teaching-online .slick-prev, 
#contents #teaching-online .slick-next {
    height: 52px;
    width: 45px;
    border: medium none;
    font-size: 1px;
    text-indent: -9999px;
    line-height: 0;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 45px auto;
}
#contents #teaching-online .slick-prev:hover, .slick-next:hover {
    opacity: 0.6;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

#contents #teaching-online .ml0 {
  margin-left: 0;
}
#contents #teaching-online .mr0 {
  margin-right: 0;
}

#contents #teaching-online .tp_tltbox {
	margin:0 0 22px;
	min-height:275px;
	background:#17194c;
}

#contents #teaching-online .tp_tltbox .photo {
	float:left;
	width:389px;
	height:275px;
	position:relative;
	background: rgba(0, 0, 0, 0) url("../../images/top/proj_bg.gif") repeat scroll left top;
}

#contents #teaching-online .tp_tltbox .photo img {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	display:block;
}

#contents #teaching-online .tp_tltbox .text {
	float:right;
	/*width:584px;*/
	width:611px;
	min-height:275px;
	background:#17194c;
	color:#fff;
}

#contents #teaching-online .tp_tltbox .text h3 {
	color:#fff;
	font-size:225%;
	font-weight:normal;
	padding:50px 20px;
	text-indent:0;
	line-height:1.5;
	border:none;
	background:transparent;
	position:relative;
}
#contents #teaching-online .tp_tltbox .text h3:before {
	content:"";
	padding:0;
	border: none;
}
#contents #teaching-online .tp_tltbox .text h3:after {
	content:"";
	border: none;
	width: 100%;
	height:2px;
	background:-webkit-gradient(linear, left top, right bottom, from(#8a8ca5), to(#221a25));
	background:-moz-linear-gradient(left, #8a8ca5, #221a25);
	background:linear-gradient(left, #8a8ca5, #221a25);
	/* IE10+ */
    background: -ms-linear-gradient(left, #8a8ca5, #221a25);
	position:absolute;
	bottom:0;
	left:0;
}

#contents #teaching-online .tp_tltbox .text h4.name {
	padding: 0 34px 10px;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 24px;
	border: none;
	text-indent:0;

}
#contents #teaching-online .tp_tltbox .text h4.name::before {
	content: "";
	padding: 0;
}


/*****ここから会話のCSS*****/

#contents #teaching-online .talk-wrap{
    display: block;
    clear: both;
    margin:0 auto 3px auto;
}

#contents #teaching-online .talk-wrap p{
    margin:0;
}

#contents #teaching-online  .left-icon{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: no-repeat;
    background-size: 180%;
    background-position: center;
    float:left;
    display:inline-block;
    box-shadow: 0px 0px 0px #aaa; /*左のアイコンの影の設定*/
    border: 1px solid #cccccc; /*左のアイコンの枠の設定*/
    margin-bottom: 10px;
}

#contents #teaching-online .talk-left{
    float:right;
    position: relative;
    background: #ffffff; /*左の会話の背景色*/
    border: 2px solid #666;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top:10px;
    box-shadow: 0px 0px 0px #aaa; /*左の会話の影の設定*/
    margin-bottom: 10px;
}

#contents #teaching-online .talk-left:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #666;
    position: absolute;
    left: -20px;
    top: 25%;
    margin-top: -9px;
}

#contents #teaching-online .talk-left:after {
    content: "";
    display: inline-block;
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -16px;
    top: 25%;
    margin-top: -8px;
}

#contents #teaching-online  .right-icon{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius:50%;
    background: no-repeat;
    background-size: 180%;
    background-position: center;
    float:right;
    display:inline-block;
    box-shadow: 0px 0px 0px #aaa; /*右のアイコンの影の設定*/
    border: 1px solid #cccccc; /*右のアイコンの枠の設定*/
    margin-bottom: 10px;
}

#contents #teaching-online  .talk-right{
    float:left;
    position: relative;
    background: #ffffff; /*右の会話の背景色*/
    border: 2px solid #666;
    padding: 3%;
    border-radius: 10px;
    width: 80%;
    margin-top:10px;
    box-shadow: 0px 0px 0px #aaa; /*右の会話の影*/
    margin-bottom:10px;
}

#contents #teaching-online  .talk-right:before {
   content: "";
   display: inline-block;
   border: 10px solid transparent;
   border-left-color: #666;
   position: absolute;
   right: -20px;
   top: 25%;
   margin-top: -9px;
}

#contents #teaching-online .talk-right:after {
   content: "";
   display: inline-block;
   border: 9px solid transparent;
   border-left-color: #fff;
   position: absolute;
   right: -16px;
   top: 25%;
   margin-top: -8px;
}

#contents #teaching-online .talk-end{
    clear:both;
}

/*-----------------Teaching Online カテゴリ-----------------*/
#contents #teaching-online-index h3 {
	font-size:125%;
	border:none;
	margin:0 0 10px;
}

#contents #teaching-online-index #latest {
	border:5px solid #b8aa8d;
	margin:0 0 40px;
}

#contents #teaching-online-index #latest .tp_tltbox {
	min-height:275px;
	background:#17194c;
}

#contents #teaching-online-index #latest .tp_tltbox .photo {
	float:left;
	width:389px;
	height:275px;
	position:relative;
	background: rgba(0, 0, 0, 0) url("../../images/top/proj_bg.gif") repeat scroll left top;
}

#contents #teaching-online-index #latest .tp_tltbox .photo img {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	display:block;
}

#contents #teaching-online-index #latest .tp_tltbox .text {
	float:right;
	width:601px;
	min-height:275px;
	background:#17194c;
	color:#fff;
}

#contents #teaching-online-index #latest .tp_tltbox .text h4 {
	color:#fff;
	font-size:225%;
	font-weight:normal;
	padding:50px 20px;
	text-indent:0;
	line-height:1.5;
	border:none;
	background:transparent;
	position:relative;
}
#contents #teaching-online-index #latest .tp_tltbox .text h4:before {
	content:"";
	padding:0;
	border: none;
}
#contents #teaching-online-index #latest .tp_tltbox .text h4:after {
	content:"";
	border: none;
	width: 100%;
	height:2px;
	background:-webkit-gradient(linear, left top, right bottom, from(#8a8ca5), to(#221a25));
	background:-moz-linear-gradient(left, #8a8ca5, #221a25);
	background:linear-gradient(left, #8a8ca5, #221a25);
	/* IE10+ */
    background: -ms-linear-gradient(left, #8a8ca5, #221a25);
	position:absolute;
	bottom:0;
	left:0;
}

#contents #teaching-online-index #latest .tp_tltbox .text p.name {
	padding:0 34px 10px;
}

#contents #teaching-online-index .topics-list {
	margin:0 0 70px;
}

#contents #teaching-online-index .topics-list .box-3c a {
	position:relative;
	display:block;
}
#contents #teaching-online-index .topics-list .box-3c a:after {
	content:"";
	background:#717171 url("../../images/body/link-ico.jpg") no-repeat left top;
	width:37px;
	height:37px;
	position:absolute;
	right:0;
	bottom:0;
}
#contents #teaching-online-index .topics-list .box-3c a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
#contents #teaching-online-index .topics-list .box-3c a:link    {text-decoration:none;}
#contents #teaching-online-index .topics-list .box-3c a:visited {text-decoration:none;}
#contents #teaching-online-index .topics-list .box-3c a:active  {text-decoration:underline;}
#contents #teaching-online-index .topics-list .box-3c a:hover   {text-decoration:underline;}

#contents #teaching-online-index .topics-list .box-3c a .photo {
	position:relative;
}

#contents #teaching-online-index .topics-list .box-3c a .photo img {
	display:block;
}

#contents #teaching-online-index .topics-list .box-3c a .photo span.category {
	position:absolute;
	bottom:0;
	left:0;
	background:#17194c;
	color:#fff;
	display:inline-block;
	padding:5px 10px;
	min-width:90px;
	text-align:center;
}

#contents #teaching-online-index .topics-list .box-3c a .text {
	padding:10px;
	box-shadow:0 1px 5px 1px rgba(0, 0, 0, 0.2);
}

#contents #teaching-online-index .topics-list .box-3c a .text h4 {
	border:none;
	color:#000;
	padding:0;
	line-height:1.5;
}

#contents #teaching-online-index .topics-list .box-3c a .text p.name {
	color:#9c896b;
	line-height:1.6;
}
#contents #teaching-online-index .topics-list .box-3c a:link .text p.name    {color:#9c896b;}
#contents #teaching-online-index .topics-list .box-3c a:visited .text p.name {color:#9c896b;}
#contents #teaching-online-index .topics-list .box-3c a:active .text p.name  {color:#9c896b;}
#contents #teaching-online-index .topics-list .box-3c a:hover .text p.name   {color:#9c896b;}

#contents #teaching-online-index #latest .tp_tltbox .text h5.name {
	padding: 0 34px 10px;
	color:#fff;
	font-weight:normal;
}
#contents #teaching-online-index .topics-list .box-3c a .text h5.name {
	color:#9c896b;
	line-height:1.6;
	font-weight:normal;
	padding:0;
}
#contents #teaching-online-index .topics-list .box-3c a:link .text h5.name    {color:#9c896b;}
#contents #teaching-online-index .topics-list .box-3c a:visited .text h5.name {color:#9c896b;}
#contents #teaching-online-index .topics-list .box-3c a:active .text h5.name  {color:#9c896b;}
#contents #teaching-online-index .topics-list .box-3c a:hover .text h5.name   {color:#9c896b;}

/*-----------------日付-----------------*/
#contents p.date {
	text-align:right;
	margin:0 0 20px;
}

/*-----------------ボタンリンク-----------------*/
#contents ul.more {
	display:inline-block;
	min-width:248px;
	width:auto;
	margin:0 0 5px;

}
#contents ul.more li{
	margin:0;
	padding:0;
	background-image:none;
	text-indent:0;
}
#contents ul.more li:before{
	content:"";
}
#contents ul.more li a{
	text-align:center;
	display:block;
	border-radius:3px;
	/*padding:11px 10px;*/
	line-height:1.2;
	font-weight:normal;
	background-color:#16184b;
	padding:11px 0.6em 11px 2em;
	text-indent:-1.5em;
}
#contents ul.more li a:before{
	content:"＋ ";
	color:#fff;
	font-size:120%;
}
#contents ul.more li a:link    {color:#fff;text-decoration:none;}
#contents ul.more li a:visited {color:#fff;text-decoration:none;}
#contents ul.more li a:active  {color:#fff;text-decoration:underline;}
#contents ul.more li a:hover   {color:#fff;text-decoration:underline;}

#contents ul.more li a .opw{
	background-image:url("../../images/global/icon_opw_wh.png");
}

/*-----------------NEWS-----------------*/
#contents div.news-area {
	background:#fff;
	margin:0 0 0 18px;
	padding:0 6px;
}

#contents div.news-area dl {
	border-bottom:1px dotted #d4ce38;
	padding:0 0 5px;
	margin: 0 0 25px;
}

#contents div.news-area dl dt {
	background: url("../../images/top/topic_news_icon1.gif") no-repeat left center;
	display: inline-block;
	float: left;
	font-weight: normal;
	padding:0 0 0 20px;
}
#contents div.news-area dl:nth-child(5n+2) dt {
	background-image: url("../../images/top/topic_news_icon2.gif");
}
#contents div.news-area dl:nth-child(5n+3) dt {
	background-image: url("../../images/top/topic_news_icon3.gif");
}
#contents div.news-area dl:nth-child(5n+4) dt {
	background-image: url("../../images/top/topic_news_icon4.gif");
}
#contents div.news-area dl:nth-child(5n) dt {
	background-image: url("../../images/top/topic_news_icon5.gif");
}

#contents div.news-area dl dd {
	padding: 0 0 0 8em;
	color: #c43f40;
}

#contents div.news-area dl dd a {
	color: #c43f40;
}

/*-----------------pagenation-----------------*/
#contents  .pagenation {
	text-align:center;
	margin:0 0 30px;
}

#contents  .pagenation a {
	line-height:26px;
	display: inline-block;
	width:26px;
	margin: 0 2px;
	background: #fff none repeat scroll 0 0;
	border:1px solid #17194c;
}

#contents  .pagenation span a {
	width:80px;
}

#contents  .pagenation span.current_page {
	line-height:26px;
	display: inline-block;
	width:26px;
	margin: 0 2px;
	background: #17194c none repeat scroll 0 0;
	border:1px solid #17194c;
	color:#fff;
}

/*-----------------News(Topicsデザイン流用)-----------------*/
#contents.news-contents h3 {
	color:#16174d;
	font-size:135%;
	font-weight:bold;
	padding:6px 20px 0;
	text-indent:0;
	border:none;
	background:#daecf0;
	position: relative;
}
#contents.news-contents h3:before {
	content:"";
	padding:0;
	border-bottom: solid 2px #365b6e;
	width: 17%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
}
#contents.news-contents h3:after {
	border-bottom: solid 2px #558da8;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

#contents.news-contents h4 {
	color:#213a73;
	font-size:112%;
	font-weight:bold;
	padding:0 20px 0 1.5em;
	margin:0 0 16px;
	padding-left:2.2em;
	text-indent:-2.2em;
	border-bottom:1px dotted #899da8;
}
#contents.news-contents h4:before {
	content:"－";
	padding:0 0 0 20px;
}

/*-----------------お問合せフォーム-----------------*/
#contents #inquiryform input[type=text] {
	width:50%;
}
#contents #inquiryform textarea {
	width:100%;
	height:200px;
}
#contents #inquiryform input {
	/*-webkit-appearance: none;*/
	border-radius: 0;
}
#contents #inquiryform .textC input {
	background-color: #beb51a;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
	margin: 0 5px;
	min-width: 150px;
	padding: 20px 25px;
	white-space: nowrap;
	-webkit-appearance: none;
}
#contents #inquiryform input.back {
	background-color: #9c7743;
}


/*-----------------ポップアップ-----------------*/
#contents .popup-box {
	display:none;
}

/*-----------------colorbox-----------------*/
#colorbox a:link    {color:#ff322f;text-decoration:underline;}
#colorbox a:visited {color:#bdac9a;text-decoration:underline;}
#colorbox a:active  {color:#bdac9a;text-decoration:none;}
#colorbox a:hover   {color:#bdac9a;text-decoration:none;}

/*-----------------戻るボタン-----------------*/
#contents #back {
	border-top:1px dotted #b4a892;
	padding:30px 0 0 0;
}
#contents #back a {
	display: block;
	width: 78px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border:1px solid #17194c;
	margin:0 auto;
	font-size:13px;
}
#contents #back a:link    {text-decoration:none;}
#contents #back a:visited {text-decoration:none;}
#contents #back a:active  {text-decoration:underline;}
#contents #back a:hover   {#fff;text-decoration:underline;}

#contents #back a span{
	color: #17194c;
	position: relative;
	padding-left: 15px;
}
#contents #back a span::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #17194c;
	border-left: 2px solid #17194c;
	transform: rotate(45deg);
	margin-top: -5px;
}

/*-----------------フッター-----------------*/
#footer {
	background-image: none;
	/*padding: 0;*/
	padding:0 0 22px;
	margin-top:-35px;
	background:url("../../images/global/f_color_line.gif") repeat-x left bottom;
}

/*** 190121 add start ***/
/*-----------------MT編集画面ー-----------------*/
body.entry,
body.page,
body.wysiwyg.entry {
	background-image:none;
	min-width:auto;
}
#contents #topics-index #latest .tp_tltbox .text h5.name {
	padding: 0 34px 10px;
	color:#fff;
	font-weight:normal;
}
#contents #topics-index .topics-list .box-3c a .text h5.name {
	color:#9c896b;
	line-height:1.6;
	font-weight:normal;
	padding:0;
}
#contents #topics-index .topics-list .box-3c a:link .text h5.name    {color:#9c896b;}
#contents #topics-index .topics-list .box-3c a:visited .text h5.name {color:#9c896b;}
#contents #topics-index .topics-list .box-3c a:active .text h5.name  {color:#9c896b;}
#contents #topics-index .topics-list .box-3c a:hover .text h5.name   {color:#9c896b;}
#contents #topics .tp_tltbox .text h4.name {
	padding: 0 34px 10px;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 24px;
	border: none;
	text-indent:0;

}
#contents #topics .tp_tltbox .text h4.name::before {
	content: "";
	padding: 0;
}
/*** 190121 add start ***/