* {
	margin: 0;
	padding: 0;
}

/* Hides from IE7 \*/
*:first-child+html {
	letter-spacing: 0;
}
/* End hide from IE7 */	.pbInputForm {
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	background-color: #FFFFFF;
	border-bottom: 2px inset;
	border-left: 2px inset;
	border-right: 2px inset;
	border-top: 2px inset;
	font-size: 100%;
}
@media print {
	#pbca_toparea {
		display: none;
	}
}
ol , ul {
	margin: auto auto auto 30pt\9;
}
blockquote {
	margin-left: 30pt\9;
	margin-right: 0px\9;
}
:root ol, :root ul {
	margin: 16px 0px 16px 0px;
	padding: 0px 0px 0px 40px;
}
:root blockquote {
	margin: 16px 0px 16px 40px;
}

body {
		font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}

.pbPage {
		width: 100%;
}
.pbPage:after{
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.pbLeftArea,
.pbRightArea
{
	min-height: 1px;
}

.pbLeftArea {
		float: left;
		overflow: hidden;
		width: 0px;
		display: inline;
}

.pbRightArea {
		float: right;
		overflow: hidden;
		width: 0px;
		display: inline;
}

.pbMainArea {
		overflow: hidden;
		max-width: 100%;
		_float: left;
		_display: inline;
}

.pbHeaderArea {
		clear: both;
		overflow: hidden;
}

.pbFooterArea {
		clear: both;
		overflow: hidden;
}
.pbAreaWrapper1 {
	padding: 0;
	margin: 0;
	border-width: 0;
	clear: both;
	height: 100%;
}
.pbAreaWrapper2 {
	padding: 0;
	border-width: 0;
}
.pbAreaWrapper2 {
	margin: 0\9;
	_float: left;
}
:root .pbAreaWrapper1:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
:root .pbAreaWrapper2 {
	margin: 0 0px 0 0px;
}

.pbBlock {
		clear: both;
}
.pbArea {
	margin: 0;
	padding: 0px;
	border-width: 0;
}
.pbZero {
	margin: 0;
	padding: 0px;
	border-width: 0;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	line-height: normal;
	text-indent: 0;
}
.pbNestedDivider,
.pbInvisibleBlock,
.pbMobileInvisibleBlock,
.pbAddButton
{
	display: none;
}
.pbAnchor
{
	overflow: visible !important;
	padding: 0px !important;
	*width: 1px;
	*height: 1px;
}
.pbArticleButtonBlock,
.pbArticleButtonInline
{
	
}
.pbMobileOutputIcon
{
	visibility: hidden;
}.pbCorner {
		clear: both;
}
.pbNested {
	clear:both;
	padding: 0;
	margin: 0;
	min-height: 0;
	_height: 1%;
}
.pbNested:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
.pbNestedZero {
	clear:both;
	padding: 0;
	margin: 0;
	min-height: 0;
}
.pbNestedZero:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}

.pbNestedWrapper {
	overflow:hidden;
}
.pbNestedWrapper {
	_overflow: visible;
	_overflow-x:hidden;
}
img.pbSystemImage {
	margin: 0;
	padding: 0px;
	background-color: transparent;
	border-width: 0;
	border-style: none;
	line-height: normal;
	text-indent: 0;
	font-size: small;
	vertical-align: baseline;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbHorizontalNested {
	text-indent: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	min-height: 0;
}
.pbHorizontalNested:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
.pbAnchor {
	margin: 0;
	padding: 2px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	line-height: normal;
	text-indent: 0;
	overflow: visible !important;
}
.pbArticleStatus {
	margin: 0;
	padding: 1px;
	border: none;
	background-color: #6699cc;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleStatus a:link {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:visited {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:hover {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:active {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleDetailStatus {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ccff99;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:link {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:visited {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:hover {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:active {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
@charset "utf-8";


.heading2 h2 {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.3;
}
.normalBlock01 .heading2 h2,
.normalBlock02 .heading2 h2,
.normalBlock03 .heading2 h2,
.normalBlock04 .heading2 h2 {
    margin:35px 0 20px;
}

.heading2 h2 > span {
    color: #E20011;
}

h2.centeringHeader {
    font-size:30px;
    text-align: center;
}
h2.centeringHeader span {
    color:#E20011;
}
.heading2left h2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 25px;
}

.heading2Impact {
    padding: 23px 0 23px 0;
    background: #EBECEE;
    text-align: center;
    border-top: 5px solid #E20011 ;
    position: relative;
    overflow: visible; /* 三角対応 */
}
.heading2Impact .heading2 h2 {
    margin: 0;
    line-height: 1.3;
}


.heading2Impact:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 20px solid transparent;
    border-top-color: #EBECEE;
    top: 100%;
    left: 50%;
    margin-left: -20px;
}


/*
.heading2Impact:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #EBECEE transparent transparent transparent;
    line-height: 0px;
    _border-color: #EBECEE #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}
*/
.heading2ImpactMarginTop0{
    margin-top:0;
}


.heading3 h3 {
    border-left: #E20011 5px solid;
    background: #EBECEE;
    padding: 5px 15px;
    font-size: 20px;
    font-weight: bold;
    margin:40px 0 20px;
}
 .heading3 h3 > span {
    color: #E20011;
}
.heading3 h3.firstChild {
  margin-top:0;
}

.heading4 h4 {
    border-bottom: 2px solid #EBECEE;
    padding: 5px 0;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
} .heading4 h4 > span {
    padding: 0 9px;
    border-left: #E20011 5px solid;
} .heading4 > span span {
    font-weight: normal;
}
.heading2 h2.firstHeader ,
.heading3 h3.firstHeader ,
.heading4 h4.firstHeader {
  margin-top: 25px;
}
/* 背景色のない要素の調整 */
.headerParagraph1 h2 {
    margin:33px 0 14px;
} .headerParagraph1 p {
    margin-bottom: -5px;
}
.headerParagraph2 h2 {
    margin:32px 0 14px;
} .headerParagraph2 p {
    margin-bottom: -1px;
}

.h2-next-read01 {
 margin:18px 0 -5px;
font-size:16px;
line-height:1.6;
text-align:center;
}
/* ------------------------------------------------------- */
/* header */
/* ------------------------------------------------------- */

#renew-globalHeader {
  height: 78px;
}

#renew-globalHeader .renew-innerWrap {
  padding-top: 1px;
}
#renew-globalHeader #renew-tacLogo {
  float: left;
  margin-top: 6px;
}

#renew-globalHeader .headerRight {
  float: right;
}
#renew-globalHeader .headerRight ul {
  text-align: right;
  line-height: 1.2;
  overflow: hidden;
}
#renew-globalHeader .headerRight li {
  float: left;
  margin-top: 0;
  margin-left: 20px;
}

#renew-globalHeader .headerRight > ul:first-child a {
  font-weight: bold;
}
#renew-globalHeader .headerRight a {
  color: #323232;
}

#renew-globalHeader .renew-subBox {
  margin-top: 11px;
}

#renew-globalHeader .renew-subInner {
  float: right;
  padding-top: 3px;
  margin-right: 20px;
  font-size: 12px;
}

#renew-globalHeader .logoW {
  float: right;
}

#renew-globalHeader .renew-subInner button {
  display: inline-block;
  vertical-align: middle;
  width: 27px;
  height: 24px;
}
#renew-globalHeader .renew-subInner p {
  float: right;
  margin-top: 11px;
}
#renew-globalHeader .renew-subInner input {
  width: 188px;
  height: 24px;
  vertical-align: middle;
  background: url(/library/renew-common/img/parts/form_bg.png) no-repeat 0 0;
  padding-left: 10px;
}



#renew-mainNav {
  width: 100%;
  background: #E20011;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 53px;
}

#renew-mainNav nav {
  float: left;
  width: 615px;

}

#renew-mainNav ul {
  line-height: 0.5;
}
#renew-mainNav li {
  float: left;
}

#renew-mainNav nav li {
  border-left: solid 1px #F399A0;
}
#renew-mainNav .convBlock {
  float: right;
  width: 325px;
  background: #323232;
  padding: 9px 10px;
}
#renew-mainNav .convBlock li {
  float: left;
  margin-left: 5px;
}
#renew-mainNav .convBlock li:first-child {
  margin-left: 0;
}
.navigationWrapper {
    background: #ebecee;
}
.pbBlockNavigation {
    font-size: 12px;
    width: 960px;
    margin: 0 auto;
    padding: 4px 0px 5px 0px;
    color:#4C4C4C;
}

/* ------------------------------------------------------- */
/* footer */
/* ------------------------------------------------------- */

#renew-footerLink {
  padding: 28px 0;
  background: #707177;
}

#renew-footerLink ul {
  line-height: 1.1;
}

#renew-footerLink a {
  color: #fff;
  font-weight: bold;
}

#renew-footerLink li {
  display: inline-block;
  margin: 0 15px 0 0;
}

#renew-footerLink .sub {
  margin-top: 20px;
}

#renew-footerLink .sub li {
  display: inline-block;
  margin: 0 0 0 15px;
  padding-left: 17px;
  border-left: 1px solid #A9AAAD;
  font-size: 12px;
}

#renew-footerLink .sub li a {
  font-weight: normal;
}
#renew-footerLink .sub li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

#renew-globalFooter .copy {
  font-size: 10px;
  color: #8B8B8B;
}

#renew-globalFooter .corporateLink {
  padding-top: 25px;
}

#renew-globalFooter .corporateLink .corporate {
  float: left;
}
#renew-globalFooter .corporateLink .corporate p {
  float: left;
  margin-right: 18px;
  margin-top: 3px;
}

#renew-globalFooter .corporateLink p.sf {
  margin-top: 5px;
}

#renew-globalFooter .corporateLink ul,
#renew-globalFooter .corporateLink .sns li {
  float: left;
  margin-right: 18px;
}
#renew-globalFooter .corporateLink ul {
}
#renew-globalFooter .corporateLink .sns p {
}


#renew-globalFooter .sealBox {
  float: right;
}
#renew-globalFooter .sealBox p {
  display: inline;
  float: left;
  margin-left: 22px;
}
#renew-globalFooter .sealBox .sf {
  margin-top: 5px;
}



/* ------------------------------------------------------- */
/* List */
/* ------------------------------------------------------- */

/* 赤矢印 */
.linkList01 li {
  margin-top: 11px;
  line-height: 1.1;
  background: url(/library/renew-common/img/parts/cur_01.png) no-repeat 0 0.2em;
  padding-left: 12px;
}

/* 赤矢印 小 */
.linkList01b li {
  margin-top: 8px;
  line-height: 1.1;
  background: url(/library/renew-common/img/parts/cur_01b.png) no-repeat 0 0.2em;
  padding-left: 10px;
  font-size: 12px;
}

/* 白矢印 */
.linkList01c li {
  margin-top: 11px;
  line-height: 1.1;
  background: url(/library/renew-common/img/parts/cur_02.png) no-repeat 0 0.2em;
  padding-left: 12px;
}

.linkList01 li:first-child,
.linkList01b li:first-child,
.linkList01c li:first-child {
  margin-top: 0;
}


/* ------------------------------------------------------- */
/* block */
/* ------------------------------------------------------- */

#renew-mainContent {
  width: 100%;
}


#campaignBannerA {
  text-align: center;
  background: #EBECEE;
}



.renew-innerWrap {
  margin: 0 auto;
  width: 960px;
}

.normalBlock01 {
  padding:0px 0 40px;
  border-top:solid 1px #C6C7CC;
}
.normalBlock02 {
  padding:0px 0 40px;
  background: url(/library/renew-common/img/parts/chidori_pc.png) repeat 0 0;
} 
.normalBlock03 {
  padding:0px 0 40px;
  background:#DFE0E2;
} 
.normalBlock04 {
  padding:0px 0 40px;
  background:#EBECEE;
} 

.plusUnderCursor01 {
  padding-bottom:70px;
}


.blockBorderNone {
  border-top:none;
}



/* ------------------------------------------------------- */
/* parts */
/* ------------------------------------------------------- */


/* 別ウィンドウアイコン */
.blankIco:after {
  content: ' ';
  background: url(/library/renew-common/img/parts/icon_01.png) no-repeat 0 40%;
  width: 9px;
  height: 1em;
  display: inline-block;
  margin-left: 3px;
  vertical-align: middle;
}

.blankIcoB:after {
  content: ' ';
  background: url(/library/renew-common/img/parts/icon_01b.png) no-repeat 0 40%;
  width: 9px;
  height: 1em;
  display: inline-block;
  margin-left: 3px;
  vertical-align: middle;
}
.blankIcoC:after {
  content: ' ';
  background: url(/library/renew-common/img/parts/icon_01c.png) no-repeat 0 40%;
  width: 9px;
  height: 1em;
  display: inline-block;
  margin-left: 3px;
  vertical-align: middle;
}

/**/

.iconWebSch {
  background: url(/library/renew-common/img/parts/icon_02.png) no-repeat 0 0;
  padding-left: 16px;
}
.iconSchool {
  background: url(/library/renew-common/img/parts/icon_05.png) no-repeat 0 50%;
  padding-left: 16px;
}
.iconMap {
  background: url(/library/renew-common/img/parts/icon_03.png) no-repeat 0 50%;
  padding-left: 16px;
}
.iconInfo {
  background: url(/library/renew-common/img/parts/icon_04.png) no-repeat 0 50%;
  padding-left: 16px;
}



/* ページトップ */
#renew-pagetop {
  position: fixed;
  right: 0;
  bottom: 20px;
  text-align: center;
}
#renew-pagetop a {
  width: 57px;
  height: 32px;
  background: #323232 url(/library/renew-common/img/parts/pagetop.png) no-repeat 50% 16px;

  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 9px;
  padding-top: 25px;
}

.mt00{margin-top: 0!important;}
.mt05{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}

.mr00{margin-right: 0!important;}
.mr05{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}
.mr15{margin-right: 15px!important;}
.mr20{margin-right: 20px!important;}
.mr30{margin-right: 30px!important;}
.mr40{margin-right: 40px!important;}

.mb00{margin-bottom: 0!important;}
.mb05{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}

.ml00{margin-left: 0!important;}
.ml05{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml20{margin-left: 20px!important;}
.ml30{margin-left: 30px!important;}
.ml40{margin-left: 40px!important;}

.pt00{padding-top: 0!important;}
.pt05{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}
.pt40{padding-top: 40px!important;}

.pr00{padding-right: 0!important;}
.pr05{padding-right: 5px!important;}
.pr10{padding-right: 10px!important;}
.pr15{padding-right: 15px!important;}
.pr20{padding-right: 20px!important;}
.pr30{padding-right: 30px!important;}
.pr40{padding-right: 40px!important;}

.pb00{padding-bottom: 0!important;}
.pb05{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb15{padding-bottom: 15px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}

.pl00{padding-left: 0!important;}
.pl05{padding-left: 5px!important;}
.pl10{padding-left: 10px!important;}
.pl15{padding-left: 15px!important;}
.pl20{padding-left: 20px!important;}
.pl30{padding-left: 30px!important;}
.pl40{padding-left: 40px!important;}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  zoom:1;
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {
  clear:both;
}

.onlySP {
  display:none !important;
}

/* ------------------------------------------------------- */
/* 以後ページ共通 */
/* ------------------------------------------------------- */


/* ------------------------------------------------------- */
/* koza top */
/* ------------------------------------------------------- */

#renew-kozaNav {
    width: 100%;
    background: #E20011;
    /* position: absolute;
    top: 0;
    left: 0;*/
    min-height: 53px;
}
#renew-kozaNav nav {
    float: left;
    width: 615px;
}
#renew-kozaNav ul {
    line-height: 0.5;
}
#renew-kozaNav li {
    float: left;
}
#renew-kozaNav nav li {
    border-left: solid 1px #F399A0;
}
#renew-kozaNav .convBlock {
    float: right;
    width: 450px;
    background: #323232;
    padding: 7px 3px 7px 8px;
}
#renew-kozaNav .convBlock li {
    float: left;
    margin-left: 5px;
}
#renew-kozaNav .convBlock li:first-child {
    margin-left: 0;
}
#renew-kozaNav .convBlock li a {/* マウスオバー時―に白くするため、各ボタンのサイズ毎に背景色の白を指定 */
    background: #FFFFFF;
    display: block;
    height: 35px;
} #renew-kozaNav .convBlock li:nth-of-type(1) a {
    width: 99px;
} #renew-kozaNav .convBlock li:nth-of-type(2) a {
    width: 99px;
} #renew-kozaNav .convBlock li:nth-of-type(3) a {
    width: 117px;
} #renew-kozaNav .convBlock li:nth-of-type(4) a {
    width: 115px;
}
.renewNavfixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
}
#kozaMenu {
    width: 100%;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(#ffffff 0%, #e6e7ea 100%);
    background: -o-linear-gradient(#ffffff 0%, #e6e7ea 100%);
    background: linear-gradient(#ffffff 0%, #e6e7ea 100%);
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e7ea', GradientType=0);
    /* IE6-9 */
    min-height: 42px;
    border-bottom: 1px solid #CDCDCD;
}
.kozaHeaderNavi li {
    width:191px;
    height:42px;
    line-height:3;
    text-align:center;
    border-right:1px solid #C6C7CC;
    font-size:14px;

}
.kozaHeaderNavi li a:before {
    content:"　";
    background: url(/library/renew-common/img/parts/arrowLarge.png) no-repeat;
    position:relative;
    top:2px;
}
.kozaHeaderNavi li:first-child {
    width:190px;
    border-left:1px solid #C6C7CC;
}
.kozaHeaderNavi li a {
    display:block;
    color:#323232;
    font-weight:bold;
}
.kozaHeaderNavi li a:hover {
    color:#E20011;
    text-decoration: none;
}
.kozaHeaderNavi li.navCurrent {
    background: #ffffff;
    background: -webkit-linear-gradient(#e7e8eb 0%, #fefefe 100%);
    background: -o-linear-gradient(#e7e8eb 0%, #fefefe 100%);
    background: linear-gradient(#e7e8eb 0%, #fefefe 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e8eb', endColorstr='#fefefe', GradientType=0);
}
.kozaHeaderNavi li.navCurrent a {
    color:#E20011;
}
#kozaHeaderTitle {
    float: left;
    width: 499px;
    display: table;
}
#headerGoTop {
    margin: 7px 0;
    float: left;
}
#headerGoTop a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background: #fff;
}
#headerKozaTitle {
    font-size: 16px;
    line-height: 1.2;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    width: 357px;
    padding-left: 10px;
}
#headerKozaTitle a {
    color:white;
    font-weight: bold;
}
#headerKozaTitle a:hover {
    text-decoration: none;
}
#headerKozaThushin {
    width: 105px;
    display: table-cell;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
}
#headerKozaThushin a{
    color:white;
}
#headerKozaThushin a:hover{
    text-decoration: none;
}

/* ------------------------------------------------------- */
/* koZaMain */
/* ------------------------------------------------------- */

#kozaMain {
    overflow: hidden;
    background-image: url(/library/renew-common/img/parts/graphPaper.png);
    border-bottom: 1px solid #D3D3D3;
}

#explainSide {
    overflow: hidden;
    width: 370px;
    float: left;
}
#kozaMainTitle {
    margin: 30px 0 30px 0;
    border-left: 8px #E20011 solid;
    padding-left: 10px;
}

#kozanameText {
    font-size: 36px;
    line-height: 1.1;
    font-weight: bold;
    color: #323232;
}
.leadText {
    font-size: 18px;
    color: #323232;
    line-height: 1.6;
    margin: -5px 0px 20px 0px;
}

/* ------------------------------------------------------- */
/* 5tokucho */
/* ------------------------------------------------------- */

.kozaTokucho {
    width: 100%;
    background-image: url(/library/renew-common/img/parts/chidori_pc.png);
    overflow: hidden;
}
.kozaTokuchoBody {
    padding-bottom: 40px;
}
.kozaRedline {
    color: #ffdc7a;
    width: 100%;
    background: #E20011;
    position: relative;
    margin-bottom: 40px;
    height: 84px;
    background: url(/library/renew-common/img/parts/headerleafBG.png) center;
    background-color:#DE0A1F;
    background-repeat: no-repeat !important;
}

.kozaRedline:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #ad1602;
    border-width: 30px;
    margin-left: -30px;
}


.kozaShokai .kozaRedline {
    height: 124px;
}
.kozaShokai .kozaRedlineTokuchoText {
  width:100%;
  height:124px;
  display:table;
}
 
 .kozaShokai .kozaRedlineTokuchoText h2 {
    font-size: 26px;
    padding: 0 !important;
    margin-top: 0;
    text-align: center;
    font-weight:bold;
    display:table-cell;
    vertical-align:middle;
    line-height:1.3;
}
.kozaShokai .kozaRedlineTokuchoText h2 span {
    font-size: 36px;
    color:inherit;
}
.kozaShokai .kozaRedlineTokuchoText h2.redline1line {
  padding-top: 0;
  font-size: 30px;
} .kozaShokai .kozaRedlineTokuchoText.nospan h2 {
    padding-top: 27px;
}
.heading2.kozaShokai h2 {
    margin-top: 0; /* reset */
}

.tokuchoList {
   margin-top:-15px !important;
   margin-right:-9px !important; 
overflow:hidden;
}

.tokuchoList li {
    float: left;
    margin-top: 15px;
    margin-right: 9px;
}

.tokuchoUnit {
    width: 314px;
    background: #FFFFFF
}
.tokuchoHeader {
    color: #FFFFFF;
    font-weight: bold;
    background: #323232;
    border-left: 7px #E20011 solid;
    padding: 10px 0px 8px 20px;
    font-size: 14px;
}
.tokuchoText {
    background: #FFFFFF;
    padding: 14px 20px 20px 20px;
    font-size: 14px;
    color: #323232;
    line-height: 1.6;
}
.tokuchoTextHeader {
    font-size: 18px;
    line-height: 1.3;
    color: #E20011;
    font-weight: bold;
    margin-bottom: 8px;
}
.tokuchoDetailBtnArea {
    background: white;
    padding: 0px 0px 10px 0px;
}
.tokuchoDetailBtn {
    text-align: center;
    width: 180px;
    height: 32px;
    line-height: 1.2;
    font-weight: bold;
    border-radius: 4px;
    border: 1px #102552 solid;
    line-height: 1.2;
    background: #214287;
    /* Old browsers */
    background: -moz-linear-gradient(top, #214287 0%, #102552 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #214287), color-stop(100%, #102552));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #214287 0%, #102552 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #214287 0%, #102552 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #214287 0%, #102552 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #214287 0%, #102552 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#214287', endColorstr='#102552', GradientType=0);
    /* IE6-9 */
    vertical-align: middle;
    text-align: center;
    margin: 0px auto 5px auto;
}
.tokuchoDetailBtn:hover{
    opacity:0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity = 75);
}
.tokuchoDetailBtn a {
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    padding: 7px;
}
.tokuchoDetailBtn a:visited {
    color: #FFFFFF;
}

.tokuchoDetailBtnLong{
  text-align: center;
  width: 248px;
  height: 34px;
  line-height: 1.2;
  font-weight: bold;
  border-radius: 4px;
  border: 1px #102552 solid;
  line-height: 1.2;
  background: #214287;
  background: -moz-linear-gradient(top, #214287 0%, #102552 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #214287), color-stop(100%, #102552));
  background: -webkit-linear-gradient(top, #214287 0%, #102552 100%);
  background: -o-linear-gradient(top, #214287 0%, #102552 100%);
  background: -ms-linear-gradient(top, #214287 0%, #102552 100%);
  background: linear-gradient(to bottom, #214287 0%, #102552 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#214287', endColorstr='#102552', GradientType=0);
  vertical-align: middle;
  text-align: center;
  margin: 0px auto 5px auto;
}
.tokuchoDetailBtnLong:hover{
    opacity:0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity = 75);
}
.tokuchoDetailBtnLong a {
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    padding: 7px;
}
.tokuchoDetailBtnLong a:visited {
    color: #FFFFFF;
}

.tokuchoDetailBtnLongLeft{
  text-align: center;
  width: 248px;
  height: 34px;
  line-height: 1.2;
  font-weight: bold;
  border-radius: 4px;
  border: 1px #102552 solid;
  line-height: 1.2;
  background: #214287;
  background: -moz-linear-gradient(top, #214287 0%, #102552 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #214287), color-stop(100%, #102552));
  background: -webkit-linear-gradient(top, #214287 0%, #102552 100%);
  background: -o-linear-gradient(top, #214287 0%, #102552 100%);

  background: -ms-linear-gradient(top, #214287 0%, #102552 100%);
  background: linear-gradient(to bottom, #214287 0%, #102552 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#214287', endColorstr='#102552', GradientType=0);
  vertical-align: middle;
  margin: 0px 5px 5px 0;
  display: inline-block;
}
.tokuchoDetailBtnLongLeft:hover{
    opacity:0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity = 75);
}
.tokuchoDetailBtnLongLeft a {
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    padding: 7px;
}
.tokuchoDetailBtnLongLeft a:visited {
    color: #FFFFFF;
}

.tokuchoDetailBtnLongDblCenter{
  text-align: center;
  width: 248px;
  height: 34px;
  line-height: 1.2;
  font-weight: bold;
  border-radius: 4px;
  border: 1px #102552 solid;
  line-height: 1.2;
  background: #214287;
  background: -moz-linear-gradient(top, #214287 0%, #102552 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #214287), color-stop(100%, #102552));
  background: -webkit-linear-gradient(top, #214287 0%, #102552 100%);
  background: -o-linear-gradient(top, #214287 0%, #102552 100%);
  background: -ms-linear-gradient(top, #214287 0%, #102552 100%);
  background: linear-gradient(to bottom, #214287 0%, #102552 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#214287', endColorstr='#102552', GradientType=0);
  vertical-align: middle;
  text-align: center;
  margin: 0px 7px 5px 7px;
  display:inline-block;
}
.tokuchoDetailBtnLongDblCenter:hover{
    opacity:0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity = 75);
}
.tokuchoDetailBtnLongDblCenter a {
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    padding: 7px;
}
.tokuchoDetailBtnLongDblCenter a:visited {
    color: #FFFFFF;
}

/* ------------------------------------------------------- */
/* kaikoucourseBlock */
/* ------------------------------------------------------- */

#kaikoucourseBlock {
    padding-bottom: 0px;
}
#kaikoucourseBlock h2 {
    margin: 23px 0px -2px 0px;
    line-height: 1;
}
#kaikoucourseBlock h3,
.beginnerCourseBlock h3,
.courseBlock h3 {
margin:40px 0 0px !important;
}

/* ------------------------------------------------------- */
/* informationTabSection */
/* ------------------------------------------------------- */

.informationGroup {
    margin-bottom: 30px;
}

/* ------------------------------------------------------- */
/* information */
/* ------------------------------------------------------- */

/*.informationList li {
    border-bottom: #C6C7CC 1px dotted;
    padding: 10px 20px;
    font-size: 14px;
}*/
/*.informationList li:nth-child(even) {
    background-color: #F0F0F6;
}*/
/*.informationList ul li:before {
  content: "　";
  position: relative !important;
  top: 3px;
  height: 7px;
  weight: 5px;
  background: url(/library/kouza_sharosi/renew-img/parts/arrowSmall.png) no-repeat;
}*/

/* ------------------------------------------------------- */
/* cnvSection */
/* ------------------------------------------------------- */

#cnvSection {
    background: #323232;
    overflow: hidden;
    padding-bottom: 25px;
}
#cnvHeadline {
    background: #E20011;
    position: relative;
    margin-bottom: 25px;
}
#cnvHeadlineHeader {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: white;
    padding: 15px;
    background: #E20011;
}
#cnvHeadline:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #E20011;
    border-width: 18px;
    margin-left: -18px;
}
.cnvAll {
    width: 960px;
    background: white;
    border-bottom: #E20011 3px solid;
    float: left;
    color: #E20011;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px;
    margin-top: 5px;
}
.cnvHalfGroup {
    background: white;
    margin-bottom: 8px;
}
.cnvHalf {
    width: 428px;
    float: left;
    padding: 25px 25px 25px 25px;
    min-height: 140px;
}
.cnvHalf:first-child {
    border-right: 2px solid #E4E4E4;
}
.cnvText {
    float: right;
    width: 265px;
}
.cnvCatch {
    float: left;
}
.cnvFooter {
    width: 908px;
    float: left;
    background: white;
    padding: 25px 27px 25px 25px;
}
.cnvFooter img {
    margin-top:8px;
}

.cnvHeader {
    font-weight: bold;
    font-size: 18px;
}
.cnvFooterText {
    width: 650px;
}
.cnvFooterTextside {
    float: left;
}
.cnvFooterText {
}
.cnvBtn {
    margin: 20px 0;
    text-align: right;
}
.cnvFooterBtn {
    float: right;
}


/* ------------------------------------------------------- */
/* openCourseList */
/* ------------------------------------------------------- */


.expSelecterTarget {

}
.courseDetail {
    margin-top: 10px;
}
.courseDetail span {
    margin-right: 5px;
}
.courseDetailNormal {
    border-top: 3px solid #DFE0E2;
    border-bottom: 3px solid #DFE0E2;
    border-left: 3px solid #DFE0E2;
    padding: 20px;
    width: 280px;
    background: #eaeff5;
}
.courseDetailNotice {
    border-top: 3px solid #DFE0E2;
    border-bottom: 3px solid #DFE0E2;
    border-left: 3px solid #DFE0E2;
    padding: 20px;
    width: 280px;
    background: #FFEDD4;
}
.courseDetailNotice+td {
    background: #FEFFF1;
}
.courseDetail td {
    border: 3px solid #DFE0E2;
    border-left: 1px solid #DFE0E2;
}
.courseDetail th ,
.courseDetail td {
 padding: 18px 20px 17px;
}
.courceDetailHead {
    font-size: 16px;
    line-height: 1.3;
    color: #323232;
    font-weight: bold;
    margin-bottom: 10px;
}
.courseDetailNew {
    background: #E20011;
    color: white;
    font-size: 12px;
    padding: 6px 11px;
    font-weight: bold;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
}
.courseDetailNow {
    background: #FF6600;
    color: white;
    font-size: 12px;
    padding: 6px 11px;
    font-weight: bold;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
}
.courseDetailMoushikomi {
    background: white;
    color: #E20011;
    font-size: 12px;
    padding: 5px 10px;
    font-weight: bold;
    border: 1px solid #E20011;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
}
.courseDetailKaikou {
    background: #274989;
    color: white;
    font-size: 12px;
    padding: 5px 10px;
    font-weight: bold;
    border: 1px solid #274989;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
}
.courseDetailCourseName {
    margin: 10px 0px 10px 28px;
    line-height: 1.3;
    text-indent: -2em;
}
.courseDetailCourseName a {
    font-size: 20px;
    line-height: 1.3;
    font-weight: bold;
    margin: 10px 0px;
}
.courseDetailCourseName a:hover {
    text-decoration: none;
}
.courseDetailCourseName:before {
    content: "　　";
    background: url(/library/renew-common/img/parts/arrowSquareSmall.png) no-repeat;
    position: relative;
    top: -4px;
    padding: 0 0 10px 0;
}
.courseDetailDate {
    font-size: 14px;
    line-height: 1.3;
    color: #4D4D4D;
}
.courceDetailText {
    line-height: 1.3;
    color: #4D4D4D;
}

/* ------------------------------------------------------- */
/* studyTabSection */
/* ------------------------------------------------------- */

#studyTabSection {
    border-top: 3px solid #E20011;
    margin-bottom: 10px;
}
#studyTabSection .heading3 h3 {
  margin-top: 10px;
  margin-bottom: 0;
}



#studyTabSection .selecter li div {
    border-top:none;
}
#studyTabSection .selecterBG {
    overflow: visible;
    padding-bottom: 7px;
    margin-bottom:30px;
    height:45px;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(#ffffff 0%, #e6e7ea 100%);
    background: -o-linear-gradient(#ffffff 0%, #e6e7ea 100%);
    background: linear-gradient(#ffffff 0%, #e6e7ea 100%);
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e7ea', GradientType=0);
    /* IE6-9 */
    border-bottom:1px solid #D2D2D2;
}
/* ------------------------------------------------------- */
/* photoTextSection */
/* ------------------------------------------------------- */

.photoTextSection {
    padding:40px 0;
    border-top: 1px solid #C6C7CC;
}
.photoSideL {
    float: left;
    width: 410px;
}
.photoSideL img {
    width: 100%;
}
.textSideR {
    float: right;
    width: 520px;
}
.textSideLRHead {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
} .textSideLRHead > span {
    color:#E20011;
}

/* ------------------------------------------------------- */
/* textPhotoSection */
/* ------------------------------------------------------- */

.textPhotoSection {
    padding:40px 10px;
    border-top: 1px solid #C6C7CC;
}
.photoSideR {
    float: right;
    width: 410px;
}
.photoSideR img {
    width: 100%;
}

.textSideL {
    float: left;
    width:520px;

}
.photoTextBtn {
    margin:15px 0px 0px 0px ;
}
.PhotoTextBtnUnderMargin {
    margin:15px 0px;
}
.photoTextBtnCenter
{ margin: 15px 0px 0px 0px;
  text-align: center;
}

.textSideL h2 {
    text-align: left;
}

/* ------------------------------------------------------- */
/* [ナビゲーション] 上部が赤い線で、中央部が青い点線のボタン 2,3,4 カラム */
/* ------------------------------------------------------- */

#studyInformationBlock {
    width: 100%;
    overflow: hidden;
    background: #DFE0E2;
}

.studyContentGroup:first-child {
 margin-top:0px !important;
}
.studyContentGroup > li {
    float: left;
    background: white;
    border-top: #E20011 3px solid;
    margin-top: 0;
    margin-right: 0;
    margin-top: 10px;
} 
.studyContentGroup:first-child > li {
margin-top:0;
}
.studyContentGroup.columns2 > li { /* 2カラム */
    width: 476px;
    margin-left: 8px;
}
.studyContentGroup.columns3 > li { /* 3カラム */
    width: 314px;
    margin-left: 9px;
}
.studyContentGroup.columns4 > li { /* 4カラム */
    width: 234px;
    margin-left: 8px;
}
.studyContentGroup > li:first-child {
    margin-left: 0;
}
.studyContent {
    padding: 25px 20px 20px 20px ;
    background: url(/library/renew-common/img/parts/studyContentBGTop.png),
                      url(library/renew-common/img/parts/studyContentBGBottom.png);
    background-repeat: no-repeat,
                       no-repeat;
    background-position: top left,
                         bottom right;
}
.studyContentHeader {
    margin-bottom: 15px;
    font-size: 20px;
    border-bottom: 2px dotted #CBD5EB;
font-weight:bold;
text-align:center;
padding-bottom:12px;
}
.columns2 .studyContentHeader {
    margin-bottom: 13px;
    font-size: 20px;
}
.columns3 .studyContentHeader {
    margin-bottom: 13px;
    font-size: 20px;
}
.columns4 .studyContentHeader {
    margin-bottom: 13px;
    font-size: 16px;
}

.studyContentHeader a {
    font-size: 20px;
    font-weight: bold;
    color:#323232;
    text-align:center;
    display:block;
}
.studyContentHeader a:hover {
  text-decoration : none;
}
 .studyContentHeader span {
    color: #E20011;
}
.studyContentLead {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
} .studyContentLead span {
    color: #E20011;
}
.studyContentDetailBtn {
    text-align: center;
}
.studyContentDetailTxt {
    text-align: left;
    padding-bottom: 20px;
}
.studyContentGroup li li {
  margin-left: 20px;
  padding-left: 10px;
  list-style-type: decimal;
}

/* ------------------------------------------------------- */
/* [ナビゲーション] 上下で連動するタブ（共通） 2,3 カラム */
/* ------------------------------------------------------- */

.selecter ul {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.selecter li {
    display: table-cell;
    text-align: center;
    line-height: 1.1;
} .selecter li:hover {
    text-decoration: none;
    color: #E20011;
    cursor: pointer;
}
.selecter li div {
    background: white;
    /* Old browsers */
    background: -webkit-linear-gradient(#ffffff 0%, #e6e7ea 100%);
    background: -o-linear-gradient(#ffffff 0%, #e6e7ea 100%);
    background: linear-gradient(#ffffff 0%, #e6e7ea 100%);
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e7ea', GradientType=0); */
    /* IE6-9 */
    border-top: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
}
.selecter .expSelecter.columns2 li div { /* 2カラム用の高さ */
    height: 54px;
    padding-top: 5px;
} .selecter .expSelecter.columns2 .expSelecterTop {
    margin-bottom: 27px;
} .selecter .expSelecter.columns22 li div { /* 2カラム2行用の高さ */
    height: 70px;
} .selecter .expSelecter.columns3 li div { /* 3カラム用の高さ */
    height: 35px;
}
.selecter .expSelecter.columns4 li div { /* 3カラム用の高さ */
    height: 70px;
}
.selecter .expSelecter2 li div {
    padding-bottom: 12px;
}
.selecter .expSelecter2.columns3 li div {
    padding-top: 6px;
}

.selecter li:first-child div {
    border-left: 1px solid #D2D2D2;
}
.selecter li.current {
    background-color : #E20011;
}
.selecter li.current div {
    background: none;
　　filter: none;
}
.selecter li p {
    color: #323232;
}
.selecter li.current p {
    color: white;
}
.selecter li p.expHeader {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
    padding: 13px 0 1px;
}
.selecter li p.expHeader2 {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
    padding: 22px 0 1px;
}
.expSelecterBottomMg {
  margin:25px 0 40px !important;
}

/* 3カラムタブ上用 */
.expSelecterTop div:hover p {
    color: #E20011;
}
.expSelecterTop.current div:hover p {
    color: #FFFFFF;
}
.expSelecterTop {
    padding-bottom: 15px;
} .expSelecterTop.current {
    background: url(/library/renew-common/img/parts/expSelecterCurrentTopBG_w.png) no-repeat center bottom;
} .expSelecterTop.current div {
    border-bottom: none; /* reset */
}

/* 3カラムタブ下用 */
.expSelecterBottom {
    padding-top: 15px;
} .expSelecterBottom.current {
    background: url(/library/kouza_joho/renew-img/expSelecterCurrentBottomBG.png) no-repeat center 10px;
    padding-top: 16px;
} .expSelecterBottom.current div {
    border-top: none; /* reset */
}
.expSelecterBottom a {
  text-decoration: none;
  color: #323232;
}
.expSelecterBottom a:hover p{
    color: #E20011;
}
.expSelecterBottom.current a {
    text-decoration: none;
    color: white;
}
.expSelecterBottom.current a p{
    color: white;
}
.expSelecterBottom p.expHeader a {
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
}

/* 個別タブ設定 */
.selecter li.current .expSelecterIcon-arrowSquareSmall p.expHeader:before { /* アイコン arrowSquareSmall 追加 */
    content:"　";
    background:url(/library/renew-common/img/parts/arrowSquareSmallCurrent.png) no-repeat;
    position:relative;
    top: -1px;
    left: 2px;
    padding-right: 7px;
} .selecter li .expSelecterIcon-arrowSquareSmall p.expHeader:before {
    content:"　";
    background:url(/library/renew-common/img/parts/arrowSquareSmall.png) no-repeat;
    vertical-align: middle;
} .selecter li.expSelecterBottom.current .expSelecterIcon-arrowSquareSmall p.expHeader:before {
    background:url(/library/renew-common/img/parts/arrowSquareSmallCurrentBottom.png) no-repeat;
}
.selecter li.current .expSelecterIcon-arrowLarge p.expHeader:before { /* アイコン arrowLarge 追加 */
    content:"　";
    background:url(/library/renew-common/img/parts/arrowLargeRotate.png) no-repeat;
    position:relative;
    top:2px;
    left:-5px;
 } .selecter li .expSelecterIcon-arrowLarge p.expHeader:before {
    content:"　";
    background:url(/library/renew-common/img/parts/arrowLarge.png) no-repeat;
    position:relative;
    top:2px;
 } .selecter li .expSelecterIcon-arrowLarge p.expHeader {
    font-size: 16px;
 }


/* ------------------------------------------------------- */
/* normalAccordionBlock */
/* ------------------------------------------------------- */
.normalAccordionBlock {
    margin-top: 40px;
    border: solid 1px #D2D2D2;
}
.normalAccordionBlock .normalAccordionBtn {
    position: relative;
    font-size: 20px;
    line-height: 1.3;
    color: #323232;
    padding: 4px;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
.active  .normalAccordionBtn {
     background: #ffffff;
}
.normalAccordionBtn:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    cursor: pointer;
}

.normalAccordionTtl > span {
    color: #E20011;
}
.normalAccordionBlock .normalAccordionTtl {
    border-left: 5px solid #E20011;
    padding: 9px 10px;
    font-weight: bold;
}
.normalAccordionInner {
    display: none;
    padding: 30px 29px 30px 29px;
}
.active .normalAccordionInner {
    display: block;
    border-top: dashed 1px #cecece;
}
#advancedArea .normalAccordionInner div.heading3:first-child h3,
#beginnerArea .normalAccordionInner div.heading3:first-child h3 {
    margin-top: 0;
}
.normalAccordionBtn:after {
    content: "開く";
    display: block;
    position: absolute;
    top: 8px;
    right: 12px;
    display: block;
    border-radius: 4px;
    width: 76px;
    line-height: 34px;
    border: solid 1px #D4D5D7;
    font-size: 14px;
    font-weight: bold;
    background: url(/library/renew-common/img/parts/plus_icon_pc.png) no-repeat 90% 50%;
    padding-left: 15px;
} .normalAccordionBtn.pbNested:after { /* reset */
    height: auto;
}
.active .normalAccordionBtn:after {
    content: "閉じる";
    display: block;
    position: absolute;
    top: 8px;
    right: 15px;
    color: #fff;
    display: block;
    border-radius: 4px;
    width: 76px;
    line-height: 34px;
    border: solid 1px #D4D5D7;
    font-size: 14px;
    font-weight: bold;
    background: #193673 url(/library/renew-common/img/parts/m_icon_pc.png) no-repeat 90% 50%;
    padding-left: 15px;
}






















a:hover img{
    opacity:0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity = 75);
}

/* koZaMain */

#siderSide {
    float: right;
    width: 570px;
height:380px;
overflow:hidden;
}
#categoryText {
    font-size: 20px;
    font-weight: bold;
    color: #E20011;
    line-height: 1.1;
    margin-bottom: 7px;
    margin-top: 30px;
}
ul.KozaMainlinkText {
    border-top: 3px solid #C6C7CC;
    font-size: 20px;
    color: #0F218B;
    padding-top: 16px;
}
.KozaMainlinkText li {
    font-size: 20px;
}
.KozaMainlinkText li:before {
content: "　";
    width: 18px;
    background: url(/library/renew-common/img/parts/arrowSquareSmall.png) no-repeat;
    padding: 0px 2px 0px 0px;
    vertical-align: middle;
    padding-bottom: 5px;
}
.KozaMainlinkText li a {
    color: #0F218B;
    font-weight: bold;
}
.KozaMainlinkText li a:hover {
    color: #3f88e5;
    text-decoration: none;
}

/* levelMenu */

#levelMenu {
    height: 131px;
    width: 100%;
    background: #bcbfc3;
    overflow: hidden;
    padding: bottom: 15px;
}
.levelMenuTitle {
    margin: 7px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #323232;
    text-align: center;
}
.levelMenuTitle:before{
    content: "　";
    width:24px;
    padding-top:0px;
    margin-right:5px;
    vertical-align: middle;
    background: url(/library/renew-common/img/parts/levelMarker.png)no-repeat;
}
.levelBtn {
    width: 474px;
    height: 76px;
    border-radius: 6px;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(#ffffff 0%, #e6e7ea 100%);
    background: -o-linear-gradient(#ffffff 0%, #e6e7ea 100%);
    background: linear-gradient(#ffffff 0%, #e6e7ea 100%);
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e7ea', GradientType=0);
    /* IE6-9 */
    box-shadow: 1px 1px 1px 1px #9B9B9B;
    float: left;
    border: 1px solid #A4A7AB;
    display: table;
}
.levelBtn a {
    display: table-cell;
    vertical-align: middle;
}
.levelBtn a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE */
    filter: alpha(opacity=40);
    /* IE */
    -moz-opacity: 0.4;
    /* Firefox(old) */
    -khtml-opacity: 0.4;
    /* Safari(old) */
    opacity: 0.4;
}
.levelSelect .levelBtn:first-child {
    margin-right: 4px;
}
.levelArrow {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 20px;
}
.levelWrap {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
   line-height:1.3;
}
.levelName {
   vertical-align:middle;
   white-space:nowrap;
    font-size: 24px;
    font-weight: bold;
    color: #E20011;

}
.levelText {
   vertical-align:middle;
   white-space:nowrap;
    font-size: 16px;
    font-weight: bold;
    color: #323232;
}

/* informationBlock */

#informationBlock {
    background:     #EBECEE url(http://www.tac-school.co.jplibrary/renew-common/img/parts/block_bg_01.png) repeat-x 0 0;
    border-bottom:  1px solid #d2d2d2;
    padding:        40px 0px;
}
.oshiraseList dl {
    width:          100%;
    border-top:     groove 2px #FFFFFF;
    margin-bottom:  20px;
    padding-top:    20px;
} .oshiraseList dl:first-child {
    border-top:     none;
    padding-top:    0;/* reset */
} .oshiraseList dl:last-child {
    margin-bottom:  0;/* reset */
}
.oshiraseList dt {
    float:          left;
    background:     #323232 url(http://www.tac-school.co.jplibrary/renew-common/img/parts/info_bg_01.png) no-repeat 100% 0;
    width:          135px;
    height:         24px;
    padding:        6px 0 0 37px;
}
.oshiraseList dd {
    background:     url(http://www.tac-school.co.jp/library/renew-common/img/parts/arrowSmall.png) no-repeat 0 50%;
    margin:         0 0 5px 200px;
    padding-left:   10px;
}
.oshiraseList dd:last-child {
    margin-bottom:    0;/* reset */
}

/* #kozaRedline */

/* recommend */

#recommendBlock {
   background-color:#EBECEE;
}

#recommendScroll {
    position: relative;
    width: 960px;
    min-height: 296px;
    zoom: 1;
}
#recommendScrollWrap {
    margin-left: 39px;
    width: 882px;
    height: 296px;
    overflow: hidden;
    position: relative;
}
#recommendScrollBox {
    position: absolute;
    top: 0;
    left: 0;
}
#recommendScrollWrap ul {
    float: left;
    width: 890px;
}
#recommendScroll li {
    float: left;
    margin-bottom: 8px;
    margin-right: 6px;
    line-height: 0.5;
}
#recommendNext {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
#recommendPrev {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
#recommendPointer {
    margin-top: 10px;
    text-align: center;
    line-height: 0.6;
}
#recommendPointer span {
    display: inline-block;
    margin: 0 3px;
    width: 9px;
    height: 9px;
    background: url(/library/renew-common/img/position_ico.png) no-repeat -19px 0;
}
#recommendPointer span.active {
    background-position: 0 0;
}

/* relationSite */

#relationSite {
    padding: 20px;
    border: 3px solid #D2D2D2;
    margin-bottom: 40px;
}
#relationSiteHeader {
    font-size: 18px;
    font-weight: bold;
}
#relationSite ul {
    overflow: hidden
}
#relationSite li {
    font-size: 12px;
    float: left;
    margin-right: 20px;
    vertical-align: middle;
}
#relationSite li:after{
    content:"　";
    position:relative;
    top:3px;
    height:7px;
    weight:5px;
    background:url(/library/renew-common/img/parts/icon_01.png) no-repeat;
}
#relationSite li:before{
    content:"　";
    position:relative;
    top:3px;
    height:7px;
    weight:5px;
    background:url(/library/renew-common/img/parts/arrowSmall.png) no-repeat;
}

/* photoTextSection */

span.caption {
    font-size: 16px;
    font-weight: normal;
}

/* textPhotoSection */

.annotation {
    font-size:12px;
    margin:0 0 0 20px;
    text-indent: -1.3em;
}

/* ------------------------------------------------------- */
/* 個別ページ */
/* ------------------------------------------------------- */

/* index.html */

.infoBox h2 ,
.kozaTokuchoHeadline h2 { /* reset */
    text-align: left;
    margin-bottom: 0;
}
#siderSide {
    margin-top: -26px;
}
.bx-wrapper .bx-viewport img {
    box-shadow: 0 5px 10px 0 #999999;
    margin-bottom: 10px;
}
.bx-viewport {
height:310px;
overflow:hidden;
}

.mainNewsBtn {
    position: relative;
    top: 336px;
    left: 37px;
    z-index: 999;
    display: inline;
}
.courseSelect .heading2 h2 {
    margin:32px 0 18px;
}

/* sharosi_style.html  */

.tsusinMaintext {
    margin:0px 0 23px 0;
    font-size:18px;
}
#tsusinSection {
    border-top:1px solid #D2D2D2;
    padding-top: 40px;
    margin-bottom: 40px;
}
.tsushinBox {
    width:465px;
    border:3px solid #D2D2D2;
    float: left;
}
.tsushinBox:first-child {
    margin-right:10px;
}
.tsushinBoxHeader {
    padding:10px 0px;
    color:#FFFFFF;
    background: #E20011;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    position: relative;
}
.tsushinBoxHeader:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-top-color: #E20011;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}
.tsushinBoxHeader span {
    font-size:16px;
}
.tsushinBox p.tsushinBoxText {
    margin:20px;
}
.tsushinBox .tsusinBtn {
    margin:20px 0px;
    text-align: center;
}

/* sharosi_crs_idx.html */

/* sharosi_rsn_idx.html */

/* sharo_annnai-taikenki.html */




.goukakuNumberText {
    font-size: 12px;
    line-height: 1.5;
    padding-top:20px;
}


/* 三角 */
.triangle {
    padding-bottom:40px;
}
#mainArea .triangle .pbNestedWrapper {
    overflow: visible !important;
}




#kozaRedlineGoukakuText h2 {
    font-size: 36px;
}
#kozaRedlineGoukakuText p {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding-top:7px;
}

.voiceBase {
  margin-bottom:-20px;
}

.goukakuVoice {
    float:left;
    width:284px;
    border-top:#E20011 3px solid;
    background:url(/library/renew-common/img/parts/chidori_pc.png);
    padding:15px;
    margin-left:8px;
    margin-bottom:20px;
}
.goukakuVoice:first-child {
    margin-left:0px;
}
.goukakuPhoto {
    position:relative;
}
.goukakuMedal {
    position:absolute;
    top:-10px;
    left:-10px;
}
.goukakuFace {
    float:left;
}
.goukakuInfo {
    width:175px;
    float:right;
}
.goukakuMessage {
    font-size:18px;
    font-weight: bold;
    line-height: 1.3;
}
.goukakuName {
    font-size:12px;
}
.goukakuVoiceText {
    float: left;
    margin-top: 15px;
    background: #FFFFFF;
    padding: 15px;
}
#goukakuryokuSection {
    text-align: center;
    padding: 0 0 35px 0;
    background: #EBECEE;
    border-top: #E20011 2px solid;
}
#goukakuryokuSection p {
    font-size: 16px;
    line-height: 1.6;
}
/* zokuzokuBlock */
#mainArea .zokuzokuBlock .pbNestedWrapper {
    overflow: visible !important;
}
.goukakuMore {
    margin-top: 30px;
    text-align: center;
   position:relative;
padding-top:10px
}
.goukakuMore2 {
  margin-top: 0;
  position:relative;
  padding-top:10px
}
.goukakuMoreLarge {
  margin-top: 30px;
  position:relative;
  padding-top:80px
}

.goukakuMoreNext {
    background: url(/library/renew-common/img/parts/chidori_pc.png);
}
.directionGoMore {
   position: absolute;
   width:100%;
   top: -40px;
  text-align: center;
   padding-top:1px;
}
.directionGoMoreLarge {
   position: absolute;
   width:100%;
   top: -30px;
  text-align: center;
   padding-top:1px;
}

.goukakuMore p.goukakuMoretext {
    font-size: 16px;
}
.goukakuMore p.goukakuMoretext a {

   color: #0f218b;
}
.goukakuMore p.goukakuMoretext a:hover {
    text-decoration: none;
    color: #3f88e5;
}
.goukakuMore p.goukakuMoretext a:before {
    content:"　";
    background: url(/library/renew-common/img/parts/arrowLarge.png) no-repeat;
    background-position: 2px
}



/* sharosi_sk_idx.html */

#aboutBlock {
    padding-top: 40px;
}
#aboutBlock h3{
    margin: 35px 0 10px 0;
}
#aboutBlock h3.firstChild {
    margin-top: 0;
}
#aboutBlock h4{
    margin: 35px 0 10px 0;
}
#aboutBlock .aboutText {
    margin-bottom:30px;
}



.aboutShikaku{
    font-size: 16px;
    margin:25px 0 30px;
    line-height: 1.6;
    color:#323232;
}

/* point3Block(tab1) */

#point3Block .studyContentHeader span {
    border: 1px solid #E20011;
}

.aboutShigoto {
    font-size: 16px;
   margin-top:-5px;
    margin-bottom: 20px;
}
.studyContentText{
    font-size: 14px;
    line-height: 1.6;
    color: #323232;
}
div.expSelecterRank:first-child > div:first-child { /* reset */
    border-top: none;
    padding-top: 0;
}

/* importantBlock(tab1) */
#importantBlock{

}
.frameTextPhotoSection {
   margin-top:40px;
    border:2px solid #D2D2D2;
    padding:20px;
}
#importantBlock h2 {
    margin-bottom: 20px;
    margin-top:0px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
} 
#importantBlock h2:first-line { /* reset */
    font-size: 20px;
}
.frameTextPhotoSection .framePhoto {
    float: right;
    width: 410px;
}
.frameTextPhotoSection .frameText {
    float: left;
    width: 490px;
    font-size: 14px;
}


/* popularpointBlock(tab1) */

#popularpointBlock .studyContent .studyContentHeader {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
}


/* workstyleBlock(tab1) */
#workstyleBlock {
}

#workstyleBlock .studyContentLead {
    font-size: 16px;
    line-height: 1.3;
}
#workstyleBlock div.studyContent {
   /* width:430px; */
}

/* fieldappealBlock(tab1) */
#fieldappealBlock {
  padding:40px 0;
}
#fieldappealBlock .heading3 h3 {
}
#fieldappealBlock .heading2 h2 {
    margin-bottom: 10px;
}
.fieldShigoto {
    border: 2px solid #D2D2D2;
    padding: 15px;
    margin: 20px 0 0px 0;
}
.fieldShigotoHeader {
    color: #E20011;
    font-size:16px;
    line-height: 1.3;
}
.fieldShigotoTextNoimg {
    padding-top: 3px;
}.fieldShigotoText {
    float: left;
    padding-top: 3px;
    width: 630px;
}
.fieldShigotoImg {
    float: right;
}

#fieldappealBlock .normalAccordionBlock {
    margin-top: 0px;
}
#fieldappealBlock .normalAccordionBlock dt {
    font-weight: bold;
    color: #E20011;
}

/* flowBlock(tab1) */
#flowBlock {
    margin: 0;
}
#flowBlock .flowchart {
    background: #DFE0E2;
    padding: 20px 0;
    text-align: center;
}
#flowBlock .flowLeft {
    float: left;
    width: 48%; /* calc 未対応用の記述 */
    width: calc( 50% - 10px )
}
#flowBlock .flowRight {
    float: right;
    width: 48%; /* calc 未対応用の記述 */
    width: calc( 50% - 10px )
} #aboutBlock .flowRight h3 { /* reset */

}

/* testPlace (tab2) */
.testinfo.heading2Impact { /* reset */
    border-top: none;
    margin-top:23px;
}

.testinfo h2 > span {
    color: #323232;
    font-weight: normal;
}




.testPlace {
    border-bottom: 3px solid #D4D7DE;
    border-left: 3px solid #D4D7DE;
}
.testPlace .oddPrefecture {
    background-color:#EAEEF6;
}
.testPlace .evenPrefecture {
    background-color:#E3E8F3;
}
.testPlace .oddLocation {
    background-color:#FFFFFF;
}
.testPlace .evenLocation {
    background-color:#F6FAFF;
}
.testPlace th {
    border-top: 3px solid #D4D7DE;
    border-right: 1px solid #D4D7DE;
    background: #8394B6;
    padding: 12px 20px;
    color: white;
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
}
.testPlace th:last-child {
    border-right: 3px solid #D4D7DE;
}
.testPlace td {
    border-top: 1px solid #D4D7DE;
    border-right: 1px solid #D4D7DE;
    padding: 20px;
} .testPlace td:last-child {
    border-right: 3px solid #D4D7DE;
}



.testPlaceAnnotation {
    text-indent: -1em;
    padding-left: 1.5em;
}


.noTh tr:first-child td {
    border-top: 3px solid #D4D7DE;
}
.noTh td:first-child {
    white-space: nowrap;
}
.expSelecterRank.tab2 ul {
    padding-left: 20px;
    list-style-type: disc;
}
.expSelecterRank.tab2 ol {
    padding-left: 20px;
} .expSelecterRank.tab2 ol li {
    counter-increment: cnt;
    text-indent: -32px;
    padding-left: 32px;
} .expSelecterRank.tab2 ol li:before {
    display: marker;
    content: "(" counter(cnt) ")　";
}
.resultsDate {
    font-size: 20px;
    margin-bottom: 10px;
}
.skContact {
    border: 3px solid #CECECE;
    padding: 20px;
    margin: 30px 0 0;
}
.skContact p {
    font-size: 12px;
}
.skContact p:first-child {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.skContact p:first-child:before {
    content: "　";
}

/* advanced.html, beginner.html */

.miryokuBlock .studyContentHeader {
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: none;
} .miryokuBlock img {
    margin-bottom: 5px;
} .miryokuBlock .studyContentGroup {
    padding-bottom: 0;
}
.notes{
    font-size: 12px;
    line-height: 1.3;
    color: #4D4D4D;
    text-indent: -1em;
    padding-left: 1.5em;
}
.bgntblmgn {
    margin-top:30px!important;
    margin-bottom:25px!important;
}
/* ------------------------------------------------------- */
/* ybox */
/* ------------------------------------------------------- */
.ybox {
    margin-top:15px;
    margin-left:-20px;
    overflow:hidden;
    width: 860px;
}
.yboxInner {
    display:table;
    border-collapse:separate;
    border-spacing:20px 0;
    width:880px;
}
.yboxInner > div {
    display:table-cell;
    width:50%;
    background:#FEF9CD;
    border:3px solid #FDDB74;
}
.yboxInner > div dt {
    text-align:center;
    font-weight:bold;
    font-size:20px;
    padding:12px 0;
    background:url(/library/renew-common/img/ybox_bg_01.png) repeat 0 0;
    margin-bottom: 7px;
}
.yboxInner > div dd {
    padding:10px 15px;
}
.ybox .yboxTime {
    margin-bottom:10px;
    font-size: 20px;
    font-weight:bold;
    text-align:center;
    line-height:1;
}
.ybox .yboxTime span {
    font-size: 30px;
    display:inline-block;
}

/* ------------------------------------------------------- */
/* detailBtns */
/* ------------------------------------------------------- */

.detailBtns {
  text-align:center;
  line-height:1;
}
.detailBtns li {
  display:inline-block;
  width:auto;
  height:auto;
}
.detailBtns li a {
  display:block;
  width:250px;
  height:36px;
  text-indent:102%;
  white-space:nowrap;
  overflow:hidden;
  padding:0 !important;

}
.detailBtns .shikakuDetail {
  margin-right:8px;
  background:url(/library/renew-common/img/btn/detailBtn2.png) no-repeat 0 0;
}
.detailBtns .shikenDetail {
  background:url(/library/renew-common/img/btn/detailBtn3.png) no-repeat 0 0;
}









#advancedArea .heading2 + p:first-line ,
#beginnerArea .heading2 + p:first-line {
    line-height: 1;
}

.ttl-redLine {
  border-top:5px solid #E20011;
}

#advancedArea h4,
#beginnerArea h4 {
  margin-top:30px;
}
#advancedArea div.heading4:first-child h3,
#beginnerArea div.heading4:first-child h3 {
  margin-top:0;
}

.txtCenter {
  text-align:center;
}

#advancedArea #kozaMain {
  padding-bottom:0 !important;
  min-height:439px;
  background:#E8F2FF url(/library/renew-common/img/advanced_topvisual.jpg) no-repeat 50% 0 !important;
}
#beginnerArea #kozaMain {
  margin-bottom:40px;
  padding-bottom:0 !important;
  min-height:439px;
  background:url(/library/renew-common/img/beginer_visual.jpg) no-repeat 50% 0 !important;
}

#beginnerArea #kozaMain,
#advancedArea #kozaMain {
  position:relative;
  width:100%;
  height:439px;
}



.richBlock h2.cursor {
  margin-bottom: -9px;
  border-top:solid 1px #D2D2D2;
  text-align:center;
  height:89px;
  position:relative;
}
.richBlock h2.cursor span {
  position:absolute;
  top:-30px;
  left:0;
  width:100%;
}

#beginnerArea .pbNestedWrapper,
#advancedArea .pbNestedWrapper {
  overflow:visible !important;
}

.richBlock3 {
  background:#DFE0E2;
}

.contentBlock p.cursor {
  margin:0 auto;
  width:630px;
  text-align:center;
  height:3px;
  position:relative;
}
.contentBlock p.cursor span {
  position:absolute;
  top:-50px;
  left:0;
  width:100%;
}


#beginnerArea .richBlock {
  margin-top:30px;
}


.messageBlock {
  margin-top:20px;
  background:#DFE0E2;
  padding:20px 11px;
}
h3 + .messageBlock {
  margin-top:0;
}
.messageBlock + .messageBlock {
  margin-top:0;
}
.messageBlockColumn3 {
  margin-left:-9px;
  background:#DFE0E2;
  padding:0;
}

.messageBlockInner {
  width:100%;
  display:table;
  border-collapse:separate;
  border-spacing:9px 0;
  margin-top:15px;
}
.messageBlockInnerColumn3 {
  width:100%;
  display:table;
  border-collapse:separate;
  border-spacing:9px 0;
}

.messageBlockInnerColumn3:first-child,
.messageBlockInner:first-child {
  margin-top:0;
}

.messageBlockInner > div {
  display:table-cell;
  width:50%;
  border-top:solid 3px #E20011;
  background:#fff url(/library/renew-common/img/box_parts_02.png) no-repeat 100% 100%;
}
.messageBlockInnerColumn3 > div {
  display:table-cell;
  width:33%;
  border-top:solid 3px #E20011;
  background:#fff url(/library/renew-common/img/box_parts_02.png) no-repeat 100% 100%;
}

.messageBlockInner > div dl,
.messageBlockInnerColumn3 > div dl {
  padding:23px 20px;
  background:url(/library/renew-common/img/box_parts_01.png) no-repeat 0 0;
}
.messageBlockInner > div dt {
  font-weight:bold;
  font-size:20px;
  text-align:center;
  line-height:1.3;
  padding-bottom:10px;
  border-bottom:dotted 2px #CBD5EB;
}
.messageBlockInnerColumn3 > div dt {
  font-weight:bold;
  font-size:20px;
  text-align:center;
  line-height:1.3;
  min-height:2.6em;
}
.messageBlockInner > div dt > span,
.messageBlockInnerColumn3 > div dt > span {
  color:#E20011;
}
.messageBlockInner > div dd,
.messageBlockInnerColumn3 > div dd {
  padding-top:8px;
}
.messageBlockInner > div dd p:first-child {
  padding-top:3px;
}
.messageBlockInner > div dd p:first-child,
.messageBlockInnerColumn3 > div dd p:first-child {
  margin-bottom:6px;
}




#advancedArea .pointBlock,
#beginnerArea .pointBlock {
    margin-top:40px;
    background:#fff;
    position:relative;
    border-bottom:solid 1px #D2D2D2;
    border-left:solid 1px #D2D2D2;
    border-right:solid 1px #D2D2D2;
}

#advancedArea .pointBlock h2,
#beginnerArea .pointBlock h2 {
    font-size:34px;
} #advancedArea .pointBlock h2 {
  margin-bottom:22px;
  padding:30px 0 0 157px;
}
#advancedArea .pointBlock h2 > span,
#beginnerArea .pointBlock h2 > span {
  color:#E20011;
}

#advancedArea .pointBlock > p:first-child {
  position:absolute;
  top:-10px;
  left:0;
}
#beginnerArea .pointBlock > p:first-child {
  position:absolute;
  top:-8px;
  left:0;
}


.studentBlock {
  margin-top:40px;
  background:url(/library/renew-common/img/parts/bg_sha.jpg) repeat 0 0;
  padding:12px 0 0;
}
.studentBlock .studentBlockInner {
  display:table;
  border-collapse:separate;
  border-spacing:12px;
}
.studentBlock h3 {
  font-size:18px;
  background:url(/library/renew-common/img/parts/man_icon.png) no-repeat 5px 0 !important;
  margin:0 0 0 12px !important;
  padding:0 0 0 32px !important;
  border:none !important;
  line-height:24px;
}
.studentBlock .studentBlockInner > div{
  display:table-cell;
  width:50%;
  background:#fff;
  padding:20px 20px 10px 20px;
}
.studentBlockInner strong {
  font-size: 16px;
  line-height: 1.3;
}
.studentBlock p {
  padding-left:115px;
}
.studentBlock .face {
  float:left;
  margin:-10px 0 0 -10px;
  padding:0;
  width:120px;
}
.medalposition {
  position: relative;
  top: -135px;
  left: -10px;
}
.imgBox {
    margin-top:25px;
}

.imgBox p {
  display:inline;
  float:left;
  margin-left:20px;
}
.imgBox p:first-child {
  margin-left:0;
}
.imgBox2 p:first-child {
  margin-bottom:30px;
}

#advancedArea .expSelecterTarget > h2,
#advancedArea .expSelecterTarget > h2 + p,
#beginnerArea .expSelecterTarget > h2,
#beginnerArea .expSelecterTarget > h2 + p {
  text-align:center;
}
.contentBlock > h2:first-child {
  padding-top:40px;
  font-weight:bold;
}
.contentBlock  {
  padding-bottom:40px;
}

#beginnerArea .sectionLine {
  border-top:solid 1px #ccc;
  margin-top:40px;
  padding:40px 0 0;
}
#beginnerArea h2 + .sectionLine {
  margin-top:0;
}
#beginnerArea .sectionLine h2{
  margin-top:0;
}
#beginnerArea .sectionLine.point1 {
  margin-top:0px;
  padding-top:0;
  border-top:none;
}
#advancedArea .sectionInner {
  border-top:2px dotted #CBD5EB;
  margin:0 30px;
  padding:30px 0 40px;
}
#beginnerArea .sectionInner {
  padding:40px 30px 40px;
}
#advancedArea .sectionInner .textSideL ,
#beginnerArea .sectionInner .textSideL {
  width: 470px;
}
#beginnerArea .sectionInner .textSideL .heading2 h2 {
    font-size: 28px;
    text-align: 1.3;
    margin:0 0 20px; /* reset */
}

.cssTableColumn3 {
  margin:0 auto;
  display:table;
  border-collapse:separate;
  border-spacing:5px;
}
#advancedArea .cssTableColumn3b,
#beginnerArea .cssTableColumn3b {
  margin-left:-20px;
  margin-top:35px;
  display:table;
}
.cssTableColumn3 li,
#advancedArea .cssTableColumn3b > div,
#beginnerArea .cssTableColumn3b > div {
  display:table-cell;
  width:33%;
}
#advancedArea .cssTableColumn3b > div p,
#advancedArea .cssTableColumn3b > div dl,
#beginnerArea .cssTableColumn3b > div p,
#beginnerArea .cssTableColumn3b > div dl {
  padding-left:20px;
}
#advancedArea .cssTableColumn3b > div dt,
#beginnerArea .cssTableColumn3b > div dt,
.beginnerInBox dt {
  font-weight:bold;
  font-size:18px;
  margin:5px 0 2px;
  line-height:1.3;
}
.beginnerInBox {
  padding-bottom: 15px;
}
.beginnerInBox > p {
  float:left;
  margin-right:20px;
}
.beginnerInBox > div {
  float:left;
  width:266px;
}

#contentsCnvBlock {
  background:#323232;
  padding:25px 0;
}
#contentsCnvBlock ul {
  background:#fff;
  padding:30px;
}
#contentsCnvBlock li {
  display:inline;
  float:left;
  margin-left:12px;
}
#contentsCnvBlock li:first-child {
  margin-left:0;
}
#contentsCnvBlock li a {
  display:block;
  width:216px;
  height:48px;
  text-indent:102%;
  white-space:nowrap;
  overflow:hidden;
}
#contentsCnvBlock .btn1 {
  background:url(/library/renew-common/img/btn/conv_btn_01b.png) no-repeat 0 0;
}
#contentsCnvBlock .btn2 {
  background:url(/library/renew-common/img/btn/conv_btn_02b.png) no-repeat 0 0;
}
#contentsCnvBlock .btn3 {
  background:url(/library/renew-common/img/btn/conv_btn_03b.png) no-repeat 0 0;
}
#contentsCnvBlock .btn4 {
  background:url(/library/renew-common/img/btn/conv_btn_04b.png) no-repeat 0 0;
}
#contentsCnvBlock .btn1:hover {
  background:url(/library/renew-common/img/btn/conv_btn_01b_o.png) no-repeat 0 0;
}
#contentsCnvBlock .btn2:hover {
  background:url(/library/renew-common/img/btn/conv_btn_02b_o.png) no-repeat 0 0;
}
#contentsCnvBlock .btn3:hover {
  background:url(/library/renew-common/img/btn/conv_btn_03b_o.png) no-repeat 0 0;
}
#contentsCnvBlock .btn4:hover {
  background:url(/library/renew-common/img/btn/conv_btn_04b_o.png) no-repeat 0 0;
}

html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,main,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input, textarea,button{
  margin: 0;
  padding: 0;
  border:none;
}

ol, ul{
  list-style:none;
}

:root ul,
:root ol {
  margin:0;
  padding:0;
}

table{
  border-collapse: collapse;
  border-spacing:0;
}

caption, th{
  text-align: left;
}

a:focus {
}

strong {
  font-weight:bold !important;
}


.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
img {
  vertical-align:top;
}

table {
  width:100%;
}

body {
  min-width:960px;
  color:#323232;
  background:#fff;
  font-size:14px;
  font-family:"Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height:1.6;
}
/*  ----------------------------------------------- */

.tacTxt {
 color:#E20011 !important;
}
.tacBg {
 background-color:#E20011;
}
.bgDFE0E2 {
    background-color: #DFE0E2;
}
.bgEBECEE {
    background-color: #EBECEE;
}
a {
  text-decoration:none;
}

a,
a:link {
  color:#0F218B;
}

a:visited {
  color:#620298;
}

a:hover {
  color:#3F88E5;
  text-decoration:underline;
}

a:active {
  color:#0F218B;
}

.note,
.notes {
  color:#4D4D4D;
}

.error,
.attention {
  color:#f00;
}

.hover {
  display:inline-block;
}

.hover:hover {
  opacity:0.75;
  -ms-filter:"alpha(opacity=75)";
  text-decoration:none;
}

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

#levelMenu_joho {
  height: 219px;
  width: 100%;
  background: #bcbfc3;
  overflow: hidden;
  padding: bottom: 15px;
}
.levelBtn_2{
  width: 474px;
  height: 76px;
  border-radius: 6px;
  background: #ffffff;
  background: -webkit-linear-gradient(#ffffff 0%, #e6e7ea 100%);
  background: -o-linear-gradient(#ffffff 0%, #e6e7ea 100%);
  background: linear-gradient(#ffffff 0%, #e6e7ea 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e7ea', GradientType=0);
  box-shadow: 1px 1px 1px 1px #9B9B9B;
  float: left;
  border: 1px solid #A4A7AB;
  display: table;
  margin-top:8px;
}
.levelSelect .levelBtn_2:first-child {
  margin-right: 4px;
}
.levelBtn_2 a {
  display: table-cell;
  vertical-align: middle;
}
.levelBtn_2 a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE */
    filter: alpha(opacity=40);
    /* IE */
    -moz-opacity: 0.4;
    /* Firefox(old) */
    -khtml-opacity: 0.4;
    /* Safari(old) */
    opacity: 0.4;
}
#recommendBlock {
  border-top: solid 1px #D2D2D2;
  padding: 40px 0 40px;
  background: #EBECEE;
}
#recommendBlock h2 {
  margin-bottom: 28px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}

/* SPヘッダー高さ改修ここから */
body .headerSP_goTop img {
    display:none;
}
/* SPヘッダー高さ改修ここまで */