/* CSS Document */

@charset "Shift_JIS";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　共通のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 共通設定
--------------------------------------------------------------------------------------- */

/* プロパティー */

/*
*{	margin:0;	padding:0;	font-style:normal;	}
body {
	font-family:	'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	text-align:center;
	background: #FFF url(/reference/images/common/bg_slash.jpg) repeat-x left top;
	margin-top: 10px;
}
ol,ul { padding-left: 25px; }
*/
address,em,cite { font-style: normal;}
a { overflow: hidden;}
img{ border:0; }

body {
	font-family:	'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 125%;
}

/* float解除 -------------------- */

.clear  { clear: both; font-size: 0px; line-height: 0px;}
.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix {
	display:block;
}
/**/

/* strong { font-weight: normal; } */
em     { font-style: normal; font-weight: bold; }
sub    { font-weight: normal; }
small  { font-size: 8pt; /* letter-spacing: 1px; */ ont-weight: normal; }

/* リンクカラー */
/*
a:link    { text-decoration:none; color:#FFFFFF; }
a:visited { text-decoration:none; color:#FFFFFF; }
a:active  { text-decoration:none; color:#FFFFFF; }
a:hover   { text-decoration:underline; color:#D9F2CC; }
*/
a   { text-decoration:underline; color:#16839E !important; font-weight:bold; }
a:hover   { text-decoration:underline; color:#333 !important; font-weight:bold; }

/* レイアウト */
#wrapper {
	/* width: 950px; */
	margin-right: auto;
	margin-left: auto;
	background: #FFF;
	margin-bottom: 10px;
}
#contents { text-align: left; padding-bottom: 10px;}

/* テンプレート */
.outside {
	/* width: 950px; */
	border: 1px solid #597425;
	background-color: #87B924;
	margin: 0px;
	padding: 0px;
}
.contents {
	/* width: 890px; */
	margin: 20px auto;
}
.head {
	/* width: 890px; */
	padding-top: 20px;
	margin: 0 auto;
}
.head-menu {
	padding-top: 10px;
}
.foot-margin {
	padding-top: 20px;
	padding-bottom: 20px;
}
.foot {
	/* width: 950px; */
	background-color: #485F14;
}
.foot-copyright {
	/* letter-spacing: 2px; */
	text-align: left;
	margin-top: 5px;
	text-indent: 30px;
	font-size: 10pt;
	color: #FFFFFF;
}
.foot-copyright a         { color: #FFFFFF; }
.foot-copyright a:visited { color: #FFFFFF; }
.foot-copyright a:hover   { text-decoration:none; color: #FFFFFF; background-color:#485F14; }
.foot-menu {
	font-size: 11px;
	color: #FFFFFF;
	/* letter-spacing: 2px; */
	margin-bottom: 5px;
	text-align: left;
	text-indent: 30px;
}
.foot-menu a         { color: #FFFFFF; }
.foot-menu a:visited { color: #FFFFFF; }
.foot-menu a:hover   { text-decoration:underline; color: #FFFFFF; background-color:#485F14; }


/* 補助リンク */
#link { width: 100%; margin-top: 20px; }

/*--- Home ---*/
#link #home{
	height:auto;
	text-align: left;
	}
#link #home span{
	display:inline;
	padding-left:20px;
	background-image:url(/reference/images/common/arrow_home.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	font-weight:normal;
	}
#link #home span a:link{color:#FFFFFF; text-decoration:none;}
#link #home span a:visited{color:#FFFFFF; text-decoration:none;}
#link #home span a:hover{color:#D9F2CC; text-decoration:underline;}

/*--- Close ---*/
#link #close{
	height:auto;
	text-align: center;
	}
#link #close span{
	display:inline;
	padding-left:20px;
	background-image:url(/reference/images/common/arrow_close.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	font-weight:normal;
	}
#link #close span a:link{color:#FFFFFF; text-decoration:none;}
#link #close span a:visited{color:#FFFFFF; text-decoration:none;}
#link #close span a:hover{color:#D9F2CC; text-decoration:underline;}

/*--- Pagetop ---*/
#link #pagetop{
	height:auto;
	text-align: right;
	}
#link #pagetop span{
	display:inline;
	padding-left:20px;
	background-image:url(/reference/images/common/arrow_pagetop.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	font-weight:normal;
	}
#link #pagetop span a:link{color:#FFFFFF; text-decoration:none;}
#link #pagetop span a:visited{color:#FFFFFF; text-decoration:none;}
#link #pagetop span a:hover{color:#D9F2CC; text-decoration:underline;}

/* 余白 */
.margin-main-visual { margin-bottom: 20px; }

/* 見出し */
/* 
h1 {
	font-size: 9pt;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px -3px;
	padding: 0px;
}
h1 a{ 
	color: #FFFFFF;
	}
h1 a:visited{ 
	color: #FFFFFF;
	}
h1 a:hover{ 
	text-decoration:none;
	color: #FFFFFF;
	background-color:#87B924;
	}
 */
h2 {
	font-size: /*16pt*/2.0em;
	color: /*#FFFFFF*/#4B6422;
	font-weight: /*bold*/normal;
	/*padding-left: 15px;
	border-left: #FFFFFF solid 7px;
	text-align: left;*/
	margin: 15px 0 5px 0;
}
h3 {
	font-size: /*14pt*/1.5em;
	color: #FFFFFF;
	font-weight: /*bold*/;
	padding: 10px 0 5px 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #4B6422;
	line-height: 1.8;
	margin-top: /*10px*/50px;
	margin-bottom: 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
h4             { font-size: 12pt; color: #FF6600; text-align: left; border: 1px solid #FF6600; background-color: #FFEDE1; margin-top: 0 0 10px 0; line-height: 2; text-indent: 20px; }
h4 a           { color: #FF6600; }
h4 a:visited   { color: #FF6600; }
h4 a:hover     { color: #FF6600; text-decoration: none; }

h5             { font-size: 12pt; font-weight: bold; margin: 0px; padding-top: 2px; padding-bottom: 2px; }
h5 a.blocklink { display: block; width: 100%; text-decoration: none; }
h5 a span      { text-decoration: none; color:#FF6600; }
h5 a:hover     { text-decoration:none; background-color: #FFC097; color: #FFFFFF; }

/* 強調・注意文 */
.notice-regular {
	font-weight: normal;
	color: #990000;
}
.notice-strong {
	font-weight: bold;
	color: #006666;
}
.notice-strong2 {
	font-size: 11pt;
	font-weight: bold;
	color: #FF9900;
	line-height: 1.5;
}
.notice-large {
	font-weight: bold;
	color: #990000;
	font-size: 14pt;
	line-height: 1.5;
}
.notice-limit {
	font-size: 10pt;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #CC0033;
}
.notice-detail {
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #87B924;
	margin-right: 3px;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 7px;
	line-height: 1.3;
}

/* 普通文 */
.font-normal-white {
	font-size: 10pt;
	line-height: 1.8;
	color: #FFFFFF;
	text-align: left;
}
.font-normal-black {
	font-size: 10pt;
	line-height: 1.5;
	color: #000000;
	text-align: left;
}
.font-normal-black a{ 
	color: #000000;
	}
.font-normal-black a:visited{ 
	color: #000000;
	}
.font-normal-black a:hover{
	color: #666666;
	text-decoration: underline;
	}
.font-small-black {
	font-size: 8pt;
	line-height: 1.5;
	color: #000000;
	/* letter-spacing: 1px; */
}
.font-small-black a{ 
	color: #000000;
	}
.font-small-black a:visited{ 
	color: #000000;
	}
.font-small-black a:hover{
	color: #666666;
	text-decoration: underline;
	}
.font-small-white {
	font-size: 8pt;
	line-height: 1.8;
	color: #FFFFFF;
	/* letter-spacing: 1px; */
}
.font-large-black {
	font-size: 11pt;
	line-height: 1.5;
	color: #000000;
	text-align: left;
	/* letter-spacing: 2px; */
	margin-top: 5px;
	margin-bottom: 5px;
}
.font-large-white-left {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	color: #FFFFFF;
	margin-top: 5px;
}
.font-large-white {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color: #FFFFFF;
	margin-top: 5px;
}
.font-large-white a{
	color: #FFFFFF;
	}
.font-large-white a:visited{ 
	color: #FFFFFF;
	}
.font-large-white a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	}
.application {
	background-color: #EBEBEB;
	padding: 3px 5px 1px;
	border: 1px solid #999999;
	margin-left: 5px;
	color: #666666;
	/* letter-spacing: 1px; */
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 2;
	font-size: 9pt;
}
.font-curriculum {
	font-size: 11pt;
	font-weight: bolder;
	color: #4B6422;
	width: 180px;
	line-height: 1.3;
}
.t-campaign {
	border: 2px dotted #4B6422;
	background-color: #87B924;
	padding: 15px;
}
.font-campaign {
	font-size: 11pt;
	line-height: 2;
	color: #DA182C;
	font-weight: bold;
	margin: 0px 0px 10px;
}
.font-coment {
	color: #87B924;
	font-size: 9pt;
	line-height: 15pt;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #87B924;
	/* letter-spacing: 3px; */
	font-weight: normal;
	margin-bottom: 5px;
	background-color: #DCF0B3;
}
.font-coment2 {
	color: #87B924;
	font-size: 9pt;
	line-height: 15pt;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #87B924;
	/* letter-spacing: 3px; */
	font-weight: normal;
}

/* 2019 ADD
.font-txt-comment { 
	font-size: 11pt;
	line-height: 16pt;
	color: #333333;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	background-color: #FFFFFF;
}
*/

.name-teach-stu1 {
	font-size: 14px;
	color: #FFFFFF;
	/* letter-spacing: 2px; */
	height: 35px;
	width: 205px;
	padding-left: 15px;
	background-image: url(/reference/images/common/common_nameber_bg1.jpg);
	line-height: 2.4;
}
.name-teach-stu2 {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #40542F;
}
.font-profile {
	font-size: 8pt;
	line-height: 12pt;
	margin-left: 10px;
}
.font-name1 {
	font-size: 10px;
	color: #658049;
	white-space: nowrap;
	margin-bottom: 5px;
	/* letter-spacing: 1px; */
	width: 130px;
	margin-right: 10px;
}
.font-name2 {
	font-size: 10px;
	color: #CC0000;
	white-space: nowrap;
	margin-bottom: 5px;
	/* letter-spacing: 1px; */
	width: 130px;
	margin-right: 10px;
}
.font-entry {
	font-size: 10pt;
	line-height: 17pt;
	color: #003399;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
}
.font-entry {
	font-size: 10pt;
	line-height: 17pt;
	color: #003399;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
}
.font-finish {
	font-size: 10pt;
	line-height: 17pt;
	color: #B53E3E;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
}
.faq {
	font-size: 11pt;
	font-weight: bold;
	color: #4B6422;
	background-color: #D6EDA5;
	text-indent: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #AEDC50;
	line-height: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 20px 0px 10px;
	text-align: left;
}
.link-page-top {
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(/reference/images/common/arrow_top.jpg);
	background-repeat: no-repeat;
	/* letter-spacing: 1px; */
	text-align: right;
}
.link-page-home {
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(/reference/images/common/arrow_home.jpg);
	background-repeat: no-repeat;
	text-indent: 20px;
	/* letter-spacing: 1px; */
}
.title-1 {
	margin-bottom: 20px;
}
.title-2 {
	background-image: url(/reference/images/common/title-2_bg.jpg);
	background-repeat: repeat-x;
	font-size: 11pt;
	color: #4B6422;
	/* letter-spacing: 1px; */
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.title-2 img {
	margin-right: 5px;
}
.title-2 span {
	font-size: 11pt;
	color: #999999;
	/* letter-spacing: 2px; */
	line-height: 10px;
	padding-right: 15px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
.title-3 {
	font-size: 16pt;
	color: #71991E;
	font-weight: bold;
	/* letter-spacing: 1px; */
	vertical-align: bottom;
	line-height: 1.8;
}
.title-4 {
	font-size: 12pt;
	font-weight: bold;
	color: #7DA826;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #7DA826;
	border-left-color: #7DA826;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 10px;
	line-height: 2;
}
.details-table {
	margin-bottom: 10px;
}
.teach-stu-sumary {
	background-color: #FFFFFF;
	/* letter-spacing: 1px; */
	margin-bottom: 15px;
	padding: 15px;
}
.font-normal-white-map {
	font-size: 10pt;
	line-height: 15pt;
	color: #FFFFFF;
	margin-left: 20px;
	margin-bottom: 10px;
}
.font-normal-white-bottom {
	font-size: 10pt;
	line-height: 15pt;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 30px;
}
.font-versionup {
	font-size: 12pt;
	font-weight: bold;
	color: #B53E3E;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #B53E3E;
	line-height: 2.0;
	padding-left: 10px;
	background-color: #EEEEEE;
}
.font-information-year {
	font-size: 14pt;
	font-weight: bold;
	color: #B53E3E;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #B53E3E;
	line-height: 2;
	padding-left: 10px;
	text-align: left;
	/* letter-spacing: 2px; */
	background-color: #FFFFFF;
}
.font-normal-white-curriculum {
	font-size: 9pt;
	line-height: 1.8;
	color: #000000;
	text-align: left;
	background-image: url(/reference/images/common_curriculum_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.chart-title {
	font-size: 9pt;
	font-weight: bold;
	line-height: 18pt;
	color: #FFFFFF;
	/* letter-spacing: 1px; */
	background-color: #679A1B;
}
.chart-center {
	font-size: 8pt;
	line-height: 12pt;
	color: #000000;
	/* letter-spacing: 1px; */
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 3px;
}
.chart-center a {
	color: #146346;
}
.chart-center a:hover {
	color: #87B924;
}
.chart-center a:visited {
	color: #146346;
}
.chart-center a:active {
	color: #146346;
}
.chart-details {
	font-size: 8pt;
	line-height: 12pt;
	color: #000000;
	background-color: #FFFFFF;
	/* letter-spacing: 1px; */
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 3px;
}
.chart-spece {
	margin-left: 20px;
}
.chart {
	font-size: 10pt;
	color: #333333;
	background-color: #FFFFFF;
	padding: 5px;
	/* letter-spacing: 2px;
	line-height: 1.3; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.chart_2 {
	font-size: 12px;
	color: #333333;
	background-color: #DEFFC8;
	padding: 5px;
	/* letter-spacing: 2px;
	line-height: 1.3; */
}
.chart_3 {
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #999999;
	/* letter-spacing: 2px;
	line-height: 1.3; */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.chart_4 {
	font-size: 11pt;
	line-height: 1.2;
	color: #87B924;
	background-color: #FFFFFF;
	padding: 5px;
	/* letter-spacing: 1px; */
}
.chart_4 a {
	color: #87B924;
	text-decoration: none;
	background-color: #FFFFCC;
	padding: 3px;
}
.chart_4 a:visited {
	color: #87B924;
	background-color: #FFFFCC;
}
.chart_4 a:hover {
	color: #76A01F;
	background-color: #FFFF8C;
}
.chart_4 a:active {
	color: #87B924;
	background-color: #FFFFCC;
}
.table-detail-contents {
	/* width: 850px; */
	margin-top: 10px;
	margin-bottom: 10px;
	color: #87B924;
	background-color: #FFFF9D;
}
.banner-space {
	margin-top: 20px;
}
.hr-1 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.hr-2 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.experience-present {
	color: #FFFFFF;
	background-color: #F96400;
	border: 1px solid #D55500;
	font-size: 10pt;
	line-height: 1.5;
	/* letter-spacing: 1px; */
	font-weight: bold;
	padding: 30px;
}
.experience-receipt {
	color: #FFFFFF;
	background-color: #485F14;
	border: 1px solid #2D3A0C;
	font-size: 10pt;
	line-height: 1.5;
	/* letter-spacing: 1px; */
	font-weight: bold;
	padding: 30px;
}
.experience-present-title {
	color: #FFFFFF;
	font-size: 12pt;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bolder;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #FFFFFF;
	margin-bottom: 15px;
}
.font-calendar-title {
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
}
.font-calendar-title2 {
	font-size: 9pt;
	color: #FFFFFF;
	text-align: right;
	/* letter-spacing: 2px; */
	padding-right: 3px;
	padding-bottom: 3px;
	vertical-align: bottom;
	font-weight: normal;
	padding-left: 15px;
}
.font-calendar-title3 {
	font-size: 14pt;
	font-weight: bold;
	color: #7AA620;
	padding-top: 5px;
	padding-left: 5px;
}
.font-calendar-title4 {
	font-size: 9pt;
	color: #7AA620;
	text-align: right;
	/* letter-spacing: 2px; */
	padding-right: 3px;
	padding-bottom: 3px;
	vertical-align: bottom;
	font-weight: normal;
	padding-left: 15px;
}
.font-calendar-week {
	font-size: 9pt;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #597425;
	color: #FFFFFF;
	width: 30px;
	padding-right: 3px;
	padding-left: 3px;
}
.font-calendar-general {
	font-size: 9pt;
	text-align: center;
	background-color: #FFFFFF;
	color: #597425;
	line-height: 22pt;
}
.font-calendar-satday {
	font-size: 9pt;
	text-align: center;
	background-color: #EDF8D6;
	color: #597425;
	line-height: 22pt;
}
.font-calendar-sunday {
	font-size: 9pt;
	text-align: center;
	background-color: #FFFFCC;
	color: #597425;
	line-height: 22pt;
}
.calendar-chart-bg {
	background-color: #7AA620;
}
.calendar-bg-web {
	font-size: 9pt;
	font-weight: bold;
	color: #338391;
	text-align: center;
	border: 2px solid #C4DEE1;
	line-height: 16pt;
	height: 25px;
	background-color: #BFDAD9;
}
.calendar-bg-dtp {
	font-size: 9pt;
	font-weight: bold;
	color: #D94D93;
	text-align: center;
	border: 2px solid #F4B5CE;
	line-height: 16pt;
	height: 25px;
	background-color: #F9CAD2;
}
.calendar-bg-other {
	font-size: 9pt;
	font-weight: bold;
	color: #EA9300;
	text-align: center;
	line-height: 16pt;
	background-color: #F4E76B;
	height: 25px;
}
.calendar-bg-webxdtp {
	background-image: url(/reference/images/calendar_bg_dtpxweb.gif);
	background-position: center center;
	font-size: 9pt;
	font-weight: bold;
	color: #6A486F;
	text-align: center;
	line-height: 16pt;
	height: 25px;
}
.calendar-bg-dtpxother {
	background-image: url(/reference/images/calendar_bg_dtpxother.gif);
	background-position: center center;
	font-size: 9pt;
	font-weight: bold;
	color: #D94D93;
	text-align: center;
	line-height: 16pt;
	height: 25px;
}
.calendar-bg-webxother {
	background-image: url(/reference/images/calendar_bg_webxother.gif);
	background-position: center center;
	font-size: 9pt;
	font-weight: bold;
	color: #338391;
	text-align: center;
	line-height: 16pt;
	height: 25px;
}
.calendar-bg-lesson {
	font-size: 9pt;
	font-weight: bold;
	color: #FFCCCC;
	text-align: center;
	line-height: 16pt;
	background-color: #CC0033;
	height: 25px;
}
.calendar-course {
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #597425;
	border: 1px solid #FFFFFF;
	padding: 3px 5px 2px;
	margin-right: 2px;
	margin-left: 2px;
}
.curriculum-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.line-dot {
	background-image: url(/reference/images/common/line_dot.gif);
	height: 1px;
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*
.reference-txt-2 {
	font-size: 10pt;
	color: #4B6422;
	text-align: left;
	line-height: 13pt;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #4B6422;
	padding: 20px;
	margin-bottom: 30px;
}
.reference-txt-2 a:link    { text-decoration:none; color:#4B6422; }
.reference-txt-2 a:visited { color:#4B6422; }
.reference-txt-2 a:active  { color:#4B6422; }
.reference-txt-2 a:hover   { text-decoration:none; color:#7DC10B; background-color: #D5FFB9; }
*/
.campaign-1 {
	font-size: 16pt;
	line-height: 1.2;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C11E23;
	text-align: center;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 15px;
}
.campaign-2 {
	font-size: 11pt;
	font-weight: bold;
	color: #C11E23;
	background-color: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
}
.campaign-3 {
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
}
.campaign-4 {
	background-color: #FFE8E8;
	padding: 10px;
}
.training-companyname {
	font-size: 11pt;
	font-weight: bold;
	color: #64881A;
	/* letter-spacing: 2px; */
}

/*--- VLリンク ---*/
/*
#footer {
	width: 900px;
	clear: both;
	text-align: left;
	padding: 5px 0;
	line-height: 1.4em;
	position: relative;
	margin: 0 auto;
}

#footer li { color:#666; display: inline; font-size: 10px; }
#footer li a:link    {	text-decoration:none; color:#CCC; }
#footer li a:visited {	text-decoration:none; color:#CCC; }
#footer li a:hover   {	text-decoration:none; color:#87B924; }
*/






/* --------------------------------------------------------------------------------------
 reference.css　追加
--------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------
 共通設定
--------------------------------------------------------------------------------------- */

/* コンテンツ関連 */
.content-txt{
	/* line-height: 1.5;
	letter-spacing: 2px; */
} 

/* 標準テキスト */
.reference-txt-1 {
	font-size: 10pt;
	color: #FFFFFF;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
	line-height: 13pt;
	padding-top: 0px;
	font-weight: normal;
}
.reference .reference-txt-1 a{
	color: #FFFFFF;
	}
.reference .reference-txt-1 a:visited{ 
	color: #FFFFFF;
	}
.reference .reference-txt-1 a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	}
.reference .reference-txt-1 td {
	font-size: 10pt;
	color: #4B6422;
	text-align: left;
	line-height: 13pt;
	font-weight: normal;
	background-color: #FFFFFF;
}
/*
.reference-txt-2 {
	font-size: 10pt;
	color: #4B6422;
	text-align: left;
	line-height: 13pt;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #4B6422;
	padding: 20px;
	margin-bottom: 30px;
}
.reference-txt-2a:link { color: #CC3366; } 
.reference-txt-2a:visited { color: #669900; } 
.reference-txt-2a:hover { color: #FF9900; } 
.reference-txt-2a:active { color: #0066CC; }
*/

/* リンク */
.sample-link {
	color: #CC3366;
}
.sample-link a:link { color: #CC3366; } 
.sample-link a:visited { color: #669900; } 
.sample-link a:hover { color: #FF9900; } 
.sample-link a:active { color: #0066CC; }

/* サンプルのテキスト */
.reference-sample{
	color: #333333;
	background-color: #EEEEEE;
	padding: 20px;
	border: 1px solid #4B6422;
	margin-bottom: 30px;
	font-size: 10pt;
}
.reference-sample td{
	color: #333333;
	background-color: #EEEEEE;
}
/* サンプルのボックス */
.reference-samplebox{
	padding: 3px;
	background-color: #CCCCCC;
	width: 300px;
}
/* ソーステキスト */

.reference-txt-box {
	padding: 8px;
	line-height: 13pt;
	border:#999999;
	border-style:solid;
	border-width:thin;
	margin-top: 5px;
	margin-right:auto;
	margin-bottom: 5px;
	margin-left: 0px;
    width: 300px;
}
/* テーブルのテキスト */
.reference-sample-table{
	color: #333333;
	font-size: 12pt;
}
/* タグ */
.reference-notice {
	font-size: 12pt;
	font-weight: bold;
	color: #333333;
	background-color: #FFFF99;
	padding: 20px;
	border: 1px solid #4B6422;
	margin-bottom: 15px;
}
.reference-notice td {
	font-size: medium;
	font-weight: bold;
	color: #333333;
	background-color: #FFFF99;
}

/* インデント */
.reference-indent20 {
	padding-left: 20px;
}

/* 回り込み */
.reference-left{
	float: left;
	width: 50%;
}
.reference-right {
	margin-left: 51%;
}
.reference {
	font-size: 10pt;
	color: #FFFFFF;
	line-height: 13pt;
}
.reference a{ 
	color: #003333;
	}
.reference a:visited{ 
	color: #003333;
	}
.reference a:hover{
	color: #FF6666;
	text-decoration: underline;
	}
.reference h4 {
}

/* タイトル */
.title-sample {
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E03434;
	width: 422px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CC0000;
	padding-right: 5px;
}
.title-sourcecode {
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFA928;
	padding: 5px 5px 5px 15px;
	width: 422px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF9900;
}
.title-example {
	font-size: /*14pt*/15pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #87B924;
	padding: 5px;
}

/* 注意書き */
.contents .reference-txt-2 .notice-click {
	font-size: 11pt;
	color: #CC0000;
	/* letter-spacing: 2px; */
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 90px;
	border: 1px solid #FF6600;
	background-color: #FFE6B0;
	background-image: url(/reference/images/reference_click.jpg);
	background-position: 5px 6px;
	background-repeat: no-repeat;
	line-height: 2;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contents .reference-txt-2 .notice-click a:link { color: #CC0000; 
text-decoration: none;} 
.contents .reference-txt-2 .notice-click a:active { color: #CC0000;} 
.contents .reference-txt-2 .notice-click a:hover {
	color: #CC0000;
	background-color: #FFE6B0;
	text-decoration: underline;
} 
.contents .reference-txt-2 .notice-click a:visited { color: #CC0000;} 

.contents .reference-txt-2 .notice-check {
	font-size: 11pt;
	color: #006600;
	/* letter-spacing: 2px; */
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 90px;
	border: 1px solid #339900;
	background-color: #DCFEB1;
	background-image: url(/reference/images/reference_check.jpg);
	background-position: 5px 6px;
	background-repeat: no-repeat;
	line-height: 2;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contents .reference-txt-2 .notice-check a:link { color: #CC0000; 
text-decoration: none;} 
.contents .reference-txt-2 .notice-check a:active { color: #CC0000;} 
.contents .reference-txt-2 .notice-check a:hover {
	color: #CC0000;
	background-color: #FFE6B0;
	text-decoration: underline;
} 
.contents .reference-txt-2 .notice-check a:visited { color: #CC0000;}

.notice-gray-small {
	font-size: 10pt;
	color: #666666;
	/* letter-spacing: 2px;
	line-height: 1.3; */
}

/*ページ内スタイルシートの詳細設定*/
/* ▼ ページ内サンプル・ソースコード紹介に使用するCSS*/
.contents .reference-txt-2 .font-txt-sample {
	font-size: 12pt;
	color: #333333;
	width: 422px;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 18pt;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #FFFFFF;
	letter-spacing: 4px;
}
.contents .reference-txt-2 .font-txt-sample a:link { color: #CC3366; } 
.contents .reference-txt-2 .font-txt-sample a:visited { color: #669900; } 
.contents .reference-txt-2 .font-txt-sample a:hover { color: #FF9900; } 
.contents .reference-txt-2 .font-txt-sample a:active { color: #0066CC; }

.contents .reference-txt-2 .font-txt-source {
	font-size: 12pt;
	color: #333333;
	width: 422px;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 18pt;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #FFF1DD;
	/* letter-spacing: 3px; */
}
.contents .reference-txt-2 .font-txt-source a{ 
	color: #003333;
	}
.contents .reference-txt-2 .font-txt-source a:visited{ 
	color: #003333;
	}
.contents .reference-txt-2 .font-txt-source a:hover{
	color: #FF6666;
	text-decoration: underline;
	}

.contents .reference-txt-2 .font-txt-body {
	font-size: 12pt;
	color: #339900;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 18pt;
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
}
.contents .reference-txt-2 .font-txt-body a{ 
	color: #339900;
	}
.contents .reference-txt-2 .font-txt-body a:visited{ 
	color: #ff0000;
	}
.contents .reference-txt-2 .font-txt-body a:hover{
	color: #ff9900;
	}

/* 2019 ADD
.contents .reference-txt-2 .font-txt-comment {
	font-size: 11pt;
	line-height: 1.7;
	color: #333333;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	background-color: #FFFFFF;
}
*/

.contents .reference-txt-2 .font-txt {
	font-size: 12pt;
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 18pt;
	padding-top: 20px;
	padding-bottom: 20px;
}

/*共通css_2*/
.contents .reference-txt-2 .font-txt-sample#css_2 a{ color: #CC3366; }
.contents .reference-txt-2 .font-txt-sample#css_2 a:visited{ color: #FF9900; }
.contents .reference-txt-2 .font-txt-sample#css_2 a:hover{ color: #669900; }
.contents .reference-txt-2 .font-txt-sample#css_2 a:active{ color: #0066CC; }

.color-tag-1 {
	color: #108980;
	font-weight: bold;
}
.color-tag-2 {
	color: #5F2475;
	font-weight: bold;
}
.color-tag-3 {
	color: #1B5016;
	font-weight: bold;
}
.color-tag-4 {
	color: #BF397C;
	font-weight: bold;
}
.color-tag-5 {
	color: #4757B1;
	font-weight: bold;
}
.color-tag-6 {
	color: #293367;
	font-weight: bold;
}
.color-tag-7 {
	color: #FF6600;
	font-weight: bold;
}
.color-tag-8 {
	color: #999999;
	font-weight: bold;
}
.color-tag-9 {
	color: #663300;
	font-weight: bold;
}
.important_1 {
	color: #275B22;
	background-color: #E4F3C5;
	line-height: 2;
	font-weight: bold;
	padding: 5px;
}
.important_2 {
	color: #990000;
	background-color: #E4F3C5;
	line-height: 2;
	font-weight: bold;
	padding: 5px;
}
.point {
	color: /*#336601*/#CC0033;
	background-image: url(/reference/images/point.jpg);
	background-repeat: no-repeat;
	padding-left: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-position: 0px 0px;
	/* font-size: 8pt;
	letter-spacing: 2px;
	line-height: 1.5; */
	padding-top: 5px;
	padding-bottom: 5px;

}
.content {
	background-image: url(/reference/images/content.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	text-align: left;
	height: 25px;
	line-height: 16pt;
	color: #FFFFFF;
	font-size: 13px;
	/* letter-spacing: 3px; */
}
.tag {
	background-image: url(/reference/images/tag.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	text-align: left;
	height: 25px;
	line-height: 16pt;
	color: #FFFFFF;
	font-size: 13px;
	/* letter-spacing: 3px; */
}
.guid {
	background-image: url(/reference/images/guid.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	text-align: left;
	height: 25px;
	line-height: 16pt;
	color: #FFFFFF;
	font-size: 13px;
	/* letter-spacing: 3px; */
}
.basic {
	background-image: url(/reference/images/basic.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	text-align: left;
	height: 25px;
	line-height: 16pt;
	color: #FFFFFF;
	font-size: 13px;
	/* letter-spacing: 3px; */
}
.subtitle {
	font-size: /*13pt*/1.5em;
	font-weight: bold;
	color: #4B6422;
}

.list {
	line-height: 18pt;
}
.list li {
	background-image: url(/reference/images/list_arrow.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 25px;
	list-style-type: none;
}
.mutter {
	color: /*#A47B00*/#FF6600;
	background-image: url(/reference/images/mutter.jpg);
	background-repeat: no-repeat;
	padding-left: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-position: 0px 0px;
	/*font-size: 8pt;
	/* letter-spacing: 2px; */
	line-height: 1.5;*/
	padding-top: 5px;
	padding-bottom: 5px;
	height: 40px;
}
.chart {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 5px;
	/* letter-spacing: 2px; */
	line-height: 1.3;
}
.reference-chart-exe {
	font-size: /*10pt*/20pt;
	color: #006600;
	padding: 3px;
	margin-bottom: 10px;
	background-color: #FDE891;
}
.chart-css {
	font-size: 12pt;
	color: #333333;
	padding: 7px;
	border: 1px solid #999999;
	margin-top: 10px;
	background-color: #FFFFFF;
}
.txt-exposition{
	font-size: 9pt;
	margin-bottom: 10px;
}

/*cssセクション紹介用css*/
.css-style {
	font-size: 12pt;
	color: #333333;
	background-color: #FFE7C1;
	border: 1px solid #FFFFFF;
	padding: 7px;
	margin-bottom: 5px;
}
.css-span {
	font-size: 12pt;
	color: #333333;
	background-color: #FFFF99;
	border: 1px solid #FFFFFF;
	padding: 7px;
}
.css3-1-1 {
	color: #689852;
}
.css3-1-2 {
	color: #FF9900;
}
.css3-2-1 {
	font-weight: bold;
}
.css3-2-2 {
	font-weight: bolder;
}
.css3-2-3 {
	font-weight: lighter;
}
.css3-2-4 {
	font-weight: 200;
}
.css3-2-5 {
	font-weight: 900;
}
.css3-3-1 {
font-weight: bold;
}
.css3-3-2 {
	font-size: 14px;
}
.css3-3-3 {
	font-size: 18px;
}
.css3-3-4 {
	font-size: x-large;
}
.css3-3-5 {
	font-size: smaller;
}
.css3-3-6 {
	font-size: larger;
}
.css3-4-1 {
	text-align: left;
}
.css3-4-2 {
	text-align: center;
}
.css3-4-3 {
	text-align: right;
}
.css3-5-1 {
	/* letter-spacing: 3px; */
}
.css3-5-2 {
	letter-spacing: 15px;
}
.css3-5-3 {
	letter-spacing: 0.5em;
}
.css3-6-1 {
	line-height: 1.25em;
}
.css3-6-2 {
	line-height: 1.5em;
}
.css3-7-1 {
    font-size: 12pt;
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 18pt;
	padding-top: 20px;
	padding-bottom: 20px;
	text-indent: 1em;
	font-size: 12pt;
	color: #333333;
}
.css3-8-1{ 
	list-style-type: square; 
}
.css3-8-2 { 
	list-style-type: lower-alpha;
}
.css3-9-1 {
	list-style-image: url(/reference/images/css_3/listmark.gif);
}
.css3-9-2 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-position: 0px;
}
.css3-9-3 {
	background-image: url(/reference/images/css_3/listmark2.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 24px;
}
.css4-2-1 {
	background-image: url(/reference/images/css_4/4_2_1.gif);
	background-repeat: repeat;
	font-size: 12pt;
}
.css4-3-1 {
	font-size: 12pt;
	padding: 3px;
	height: 60px;
	border: medium solid #000000;
}
.css4-3-2 {
	font-size: 12pt;
	padding: 3px;
	height: 60px;
	border: thin solid #000000;
}
.css4-3-3 {
	font-size: 12pt;
	padding: 3px;
	height: 60px;
	border: thick solid #000000;
}
.css4-3-4 {
	font-size: 12pt;
	padding: 3px;
	height: 60px;
	border: thin dashed #000000;
}
.css4-3-5 {
	font-size: 12pt;
	padding: 3px;
	height: 60px;
	border: 15px ridge #cc00cc;
}
.css4-3-6 {
	font-size: 12pt;
	padding: 3px;
	height: 60px;
	border: 8px ridge #ccff00;
}
.css4-2-sample {
	background-image: url(/reference/images/css_4/4_2_1.gif);
	background-repeat: repeat-y;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.css-4-4-1-sample { 
margin: 0px 0px; 

}
.css-4-4-2-sample {
	position: absolute;
	top: 309px;
	left: 326px;
	border:solid 1px thin;
	padding: 5px;
	font-size: 12pt;
	color: #333333;
} 
.css-4-4-3-sample {
	position: relative;
	top: -40px;
	left: 150px;
	border:solid 1px thin;
	padding: 5px;
	font-size: 12pt;
	color: #333333;
}
.css-4-5-1-sample {
	position: absolute;
	width:200px;
	height:200px;
	margin: 0px 0px;
	background-image: url(/reference/sample/images/4_5_1.jpg);
	background-repeat: no-repeat;
	z-index:2;
	left: 200;
	top: 220px;
	font-size: 12pt;
	color: #333333;
}
.css-4-5-2-sample {
	position: absolute;
	width:200px;
	height:200px;
	top: 343px;
	left: 380;
	border:solid 1px thin;
	padding: 5px;
	z-index:3;
	font-size: 12pt;
	color: #333333;
} 
.css-4-5-3-sample {
	position: absolute;
	top: 295px;
	left: 350;
	width:200px;
	height:97px;
	border:solid 2px thin;
	background-color: #ffff99;
	z-index:1;
	font-size: 12pt;
	color: #333333;
} 
.css5-table-1 {
	width: 300px;
	table-layout:fixed;
}
.css5-table-2 {
	table-layout:fixed;
	border: 2px solid #33ffff;
	border-collapse: collapse; 
}
.css5-table-3 {
	width: 300px;
	table-layout:fixed;
	margin-bottom: 20px;
	border: 2px solid #990099;
}
.css5-table-4 {
background-color: #99ffff;
width: 300px;
margin-bottom: 20px;
}
.css5-table-5 {
	width: 300px;
	margin-bottom: 20px;
	background-image: url(/reference/images/css_5/5_5_1.gif);
}
.css5-table-6 {
width: 300px;
margin-bottom: 20px;
}
.css5-td-1 {
	border: 1px solid #ff0000;
}
.css5-td-2 {
	padding: 10px;
	border: 1px #000000 solid; 
}
.css5-5-1{
background-image: url(/reference/images/css_5/5_5_1.gif);
}
.css5-5-2{
background-image: url(/reference/images/css_5/5_5_1.gif);
}
.css5-5-3 {
	background-color: #99ffff;
	border: 1px solid #000000;
	padding: 10px;
}
.css5-5-4 {
	background-image: url(/reference/images/css_5/5_5_1.gif);
	padding: 10px;
	border: 1px solid #000000;
}
.css6-1-1 {
	vertical-align: baseline;
 }
.css6-1-2 {
	vertical-align: top; 
 }
.css6-1-3 {
	vertical-align: middle; 
 }
.css6-1-4 {
	vertical-align: bottom; 
 }
.css6-1-5 {
	vertical-align: text-top; 
 }
.css6-1-6 {
	vertical-align: text-bottom; 
}
.css6-1-7 {
	vertical-align: -100px; 
}
.css6-1-8 {
	vertical-align: 100%; 
 }
.css6-2-1 {
	margin-right: 10px;
 }
.css6-2-2 {
	margin: 10px;
 }
.css6-2-3 {
	margin-top: 10px;
 }
.css6-2-4 {
	margin-bottom: 10px;
 }
.css6-3-1 {
	float: left;
}
.css6-3-2 { 
	float: right;
}
.css6-3-3 { 
	float: none; 
	}
.css6-3-4 {
	width: 350px;
}
.css6-3-5 { 
	clear: right; 
}
.css6-3-6 { 
	width: 100%;
}
.css6-3-7 {
	float: left;
	width: 40%;
	background-color: #FF9999;
}
.css6-3-8 {
	float: left;
	width: 30%;
	background-color: background-color: #FF9999;;
	background-color: #66FFFF;
}
.css6-3-9 {
	float: right;
	width: 30%;
	background-color: #FFFF66;
}
.css7-1-1 {
	color:#FF3300;
	font-size: 12pt;
	line-height: 20pt;
} 
.css7-1-1 a:link { color: #FF3300; } 
.css7-1-1 a:visited { color: #FF6666; } 
.css7-1-1 a:hover { color: #CCFF00; } 
.css7-1-1 a:active { color: #00CCFF; } 
.css7-1-2 {
	color:#FF3300;
	font-size: 12pt;
	line-height: 20pt;
} 
.css7-1-2 a:link { color: #FF3300; } 
.css7-1-2 a:visited { color: #FF6666;} 
.css7-1-2 a:hover { color: #3366FF;
	 background-color: #000000; } 
.css7-1-2 a:active { color: #00CCFF;
	 background-color: #666666; } 
.css7-1-3 {
	color:#FF3300;
	font-size: 12pt;
	line-height: 20pt;
} 	 
.css7-1-3 a:link { color: #FF3300; } 
.css7-1-3 a:visited { color: #FF6666; } 
.css7-1-3 a:hover { color: #3366FF; 
	text-decoration: none;} 
.css7-1-3 a:active { color: #00CCFF; } 
.css7-1-4 {
	color:#FF3300;
	font-size: 12pt;
	line-height: 20pt;
}
.css7-1-4 a:link { color: #FF3300; 
text-decoration: none;} 
.css7-1-4 a:visited { color: #FF6666;} 
.css7-1-4 a:hover { color: #3366FF;} 
.css7-1-4 a:active { color: #00CCFF;} 
.css7-1-4ul { 
padding: 0; 
margin: 0; 
list-style-type: none; 
} 
.css7-1-4li { 
float: left; 
width: 150px; 
margin-right: 5px; 
padding: 5px; 
border: 5px #00ff00 ridge; 
text-align: center; 
}
.css7-4-2 { clear: both; }
.sample-table {
	line-height: 1.5;
	background-color: #E4F3C5;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid #87B924;
	letter-spacing: 4px;
}


/* --------------------------------------------------------------------------------------
 2019年追加
--------------------------------------------------------------------------------------- */

#foot { margin-top: 50px; }
#copyright a { font-weight: normal; text-decoration: none; }
table { margin-top: 20px; }