@charset "shift_jis";

/*----------------------
　中上級講座
------------------------*/

div.upper_mid_img {
	margin-top: 20px;
	text-align:center;
}

.upperBox .boderBox {
	margin-bottom: 10px;
	padding: 10px;
	border: 2px #c4d5d2 solid;
}

.upperBox .boderBox .leftBoxPurple {
	float: left;
	width: 221px;
}
.upperBox .boderBox .leftBoxPurple p {
 	color: #5d5ac7;
	font-size: 1.2em;
	padding-left: 2.1em;
	text-indent: -2.1em;
	line-height: 1.3;
	font-weight: bold;
}
/* リンク色*/
.upperBox .boderBox .leftBoxPurple p a { padding: 3px 0 4px 32px; color: #5d5ac7; text-decoration: none; background: url(../../images/c/common/com_arw_purple_l_ot.gif) no-repeat 0 0;}
.upperBox .boderBox .leftBoxPurple p a:hover { padding: 3px 0 4px 32px; color: #FFFFFF; background: #5d5ac7 url(../../images/c/common/com_arw_purple_l_ov.gif) no-repeat 0 0;}

.upperBox .boderBox .rightBoxPurple {
	float: right;
	width: 285px;
	padding: 0 0 0 22px;
	border-left: 3px #5d5ac7 solid;
	color: #5d5ac7;
	line-height: 1.3;
}

/* 1行用リンク*/

.upperBox .boderBox p.purpleLink {
 	color: #5d5ac7;
	font-size: 1.2em;
	padding-left: 2.1em;
	text-indent: -2.1em;
	line-height: 1.3;
	font-weight: bold;
}
/* リンク色*/
.upperBox .boderBox p.purpleLink a { padding: 3px 0 4px 32px; color: #5d5ac7; text-decoration: none; background: url(../../images/c/common/com_arw_purple_l_ot.gif) no-repeat 0 0;}
.upperBox .boderBox p.purpleLink a:hover { padding: 3px 0 4px 32px; color: #FFFFFF; background: #5d5ac7 url(../../images/c/common/com_arw_purple_l_ov.gif) no-repeat 0 0;}


/* バナーあり*/

.upperBox .boderBoxBnr {
	margin-bottom: 10px;
	border: 2px #c4d5d2 solid;
}

.upperBox .boderBoxBnr .leftBoxPurple {
	float: left;
	width: 355px;
	padding: 10px 0 0 10px;
}
.upperBox .boderBoxBnr .leftBoxPurple p {
 	color: #5d5ac7;
	font-size: 1.2em;
	padding-left: 2.1em;
	text-indent: -2.1em;
	line-height: 1.3;
	font-weight: bold;
}
/* リンク色*/
.upperBox .boderBoxBnr .leftBoxPurple p a { padding: 3px 0 4px 32px; color: #5d5ac7; text-decoration: none; background: url(../../images/c/common/com_arw_purple_l_ot.gif) no-repeat 0 0;}
.upperBox .boderBoxBnr .leftBoxPurple p a:hover { padding: 3px 0 4px 32px; color: #FFFFFF; background: #5d5ac7 url(../../images/c/common/com_arw_purple_l_ov.gif) no-repeat 0 0;}

.upperBox .boderBoxBnr .rightBoxPurple {
	float: right;
	width: 175px;
	padding: 10px 0 55px 0;
	background: #d4dcdb;
	color: #5d5ac7;
	line-height: 1.3;
	text-align: center;
}

.upperBox .boderBoxBnr .rightBoxPurple p {
	position: relative;
	width: 175px;
}

.upperBox .boderBoxBnr .rightBoxPurple img {
	position: absolute;
	left: 12px;
}



div.kouza_auth {
	margin: 0 0px 10px 0px;
}

div.kouza_auth table {
	margin: 0 20px 0px 20px;
	border: 1px #333333 solid;
	border-collapse: collapse;
}

div.kouza_auth table tr {
	border: 1px #333333 solid;
	border-collapse: collapse;
	background-color:#d5dddc;
}

div.kouza_auth table th {
	border: 1px #333333 solid;
	border-collapse: collapse;
	text-align:center;
	padding:1px 2px;
	vertical-align:middle;
}

div.kouza_auth table td {
	border: 1px #333333 solid;
	border-collapse: collapse;
	background-color:#fff;
	text-align:center;
	padding:1px 2px;
	vertical-align:middle;
}

div.kouza_auth table h5 {
	text-align:left;
	padding:10px 10px 0 10px;
}

div.kouza_auth table p {
	text-align:left;
	padding:5px 10px;
}

div.kouza_auth .link_school a{
padding: 0 16px 0 0; color:#009984; background:url(../../images/c/icon/icon_building.gif) no-repeat right center; text-decoration:none;
}
div.kouza_auth .link_school a:hover{
padding: 0 16px 0 0; color:#FFFFFF; background:#009984 url(../../images/c/icon/icon_building.gif) no-repeat right center; text-decoration:none;
}


.caution{
	color:#f00;
}

ul.spec{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

ul.spec li{
	margin:0;
	padding:0 0 0 15px;
	background:url(../../images/c/common/mk_square_gray.gif) no-repeat left 50%;
}



.moushikomi_box {
	width: 540px;
	margin: 10px auto;
	padding: 3px 5px;
	font-size:1.1em;
	text-align: center;
	font-weight:bold;
	border: 1px solid #009984;
}

/* リンク色*/
.moushikomi_box .link a { padding: 0 0 0 19px; font-weight: bold; color: #009984; text-decoration: none; background: url(../../images/c/common/com_arw_green02_ot.gif) no-repeat 0 -.1em;}
.moushikomi_box .link a:hover { padding: 0 0 0 19px; color: #FFFFFF; background: #009984 url(../../images/c/common/com_arw_green02_ov.gif) no-repeat 0 -.1em;}


/* ポイント*/
div.point_wrap{
	margin:0 0 20px 0;
	padding:0;
	clear: both;
}

div.point_wrap:after {
	content: ".";
	display: block;
	visibility: hidden;
/*	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;*/
	clear: both;
}


div.point_wrap div.point_wrap_in {
	margin:5px 0 10px 0;
	padding:0 0 0px 0;
	clear: both;
}


p.icon{
	display:inline;
	float:left;
	width:75px;
	margin:0 5px 0 0;
	padding:0 10px 10px 0;
}

div.point_wrap dl.point_exp{
	display:inline;
	float:right;
	width:470px;
	margin: 0 0 0 5px;
	padding:0;
}

div.point_wrap dl.point_exp dt{
	margin: 0px;
	padding:0;
	line-height:1.5;
}

div.point_wrap dl.point_exp dd{
	margin: 0px;
	padding:0;
	line-height:1.5;
}

.pointbold{
	color:#0066CC;
	font-weight:bold;
}

/* 中上級郵送オプション */

div.postoption{
	margin:0 0 25px 0;
	padding:0;
}

div.postoption p{
	margin:0;
	padding:0;
	font-weight:bold;
}

div.postoption table.cont{
	width:100%;
	margin:5px 0 5px 0;
	padding:0;
	border: 0px;
}

* html div.postoption table.cont{
	width:100%;
	margin:10px 0 10px 0;
	padding:0;
	border: 0px;
}

div.postoption table.cont th{
	margin:5px 0;
	padding:2px 4px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color:#ffc;
}

div.postoption table.cont td.title{
	margin:0;
	padding:3px 4px;
	border: 0px;
	border-collapse:collapse;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align:left;
}

div.postoption table.cont td.btn{
	margin:0 auto;
	padding:3px;
	border: 0px;
	border-collapse:collapse;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align:center;
}

/* リンク色*/
div.postoption table.cont td.title a { padding: 0 0 0 25px; color: #009984; text-decoration: none; background: url(../../images/c/common/com_arw_green02_ot.gif) no-repeat 0 0;}
div.postoption table.cont td.title a:hover { padding: 0 0 0 25px; color: #FFFFFF; background: #009984 url(../../images/c/common/com_arw_green02_ov.gif) no-repeat 0 0;}



/* トップページ見出し、カリキュラム */
div#mainContTopUpper  {
margin:0 auto 10px auto;
padding:10px 0 0px 0;
width:610px;
}

div#mainContTopUpper .mid-img  {
margin:0 auto;
padding:0;
}

/* 登録ボタン --------------------------*/
div.registarea {
	margin: 20px auto 10px auto;
}
div.registarea p {
	margin:0px auto;
	padding:0px;
	text-align:center;
}

/*インターネットフォロー
----------------------------------------------------------------------------------*/
div#mainCont_w {
	margin:0px auto;
	padding:10px;
	width:590px;
	font-size: 0.8em;
	line-height: 1.5;
}

*:first-child+html div#mainCont_w {
	margin:0px auto 0px auto;
}

* html div#mainCont_w {
	margin:0px auto 0px auto;
}

div#mainCont_w div.mainCont_inner{
	margin:0px 0px 10px 0;
	padding:10px;
	border:2px solid #066BA0;
	background-color:#FBFBFB;
}

div#mainCont_w div.mainCont_inner:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
/*	font-size: 0.1em;
	line-height: 0;*/
	clear: both;
}

.mainCont_waku {
	margin: 3px 0 3px 0px;
	padding: 0px;
	border: 1px solid #3366CC;
}
.mainCont_waku .midashi_e,
.mainCont_inner .midashi_e {
	padding: 3px 0 3px 6px;
	margin: 0 0 10px 0;
	background-color:#3366CC;
	color:#fff;
	line-height: 1.6;
	font-size: 1.2em;
}

.mainCont_waku p {
	margin: 0px;
	padding: 0 10px 10px 10px;
}


.midashi_w {
	padding: 3px 0 3px 6px;
	margin: 20px 0 6px 0px;
	background-color:#ff6619;
	color:#fff;
	line-height: 1.6;
	font-size: 1.2em;
}

div#mainCont_w div.mainCont_inner dl {
	margin:5px 0px;
	padding:0;
}

div#mainCont_w div.mainCont_inner dl dt {
	display:inline;
	margin:2px 0 0px 0;
	padding:0;
	color: #5d5ac7;
}

div#mainCont_w div.mainCont_inner dl dd {
	margin:2px 0 2px 0px;
	padding:0 3px;
}

div#mainCont_w div.mainCont_inner p {
	margin:2px 0 15px 0px;
	padding:0 10px;
}



/* リンク色*/
div#mainCont_w div.mainCont_inner dl dd a { color: #1966ff; text-decoration: none;}
div#mainCont_w div.mainCont_inner dl dd a:hover { color: #FFFFFF; background: #1966ff;}

div#mainCont_w div.mainCont_inner dl dd span.link_school a{
padding: 0 16px 0 0; color:#1966ff; background:url(../../images/c/icon/icon_building.gif) no-repeat right center; text-decoration:none;
}
div#mainCont_w div.mainCont_inner dl dd span.link_school a:hover{
padding: 0 16px 0 0; color:#FFFFFF; background:#1966ff url(../../images/c/icon/icon_building.gif) no-repeat right center; text-decoration:none;
}




div#mainCont_w div.mainCont_inner dl dd ul{
	list-style-type:none;
	margin: 0px;
	padding:0px;
}

div#mainCont_w div.mainCont_inner dl dd ul li{
	margin: 0px;
	padding: 0px;
	float:left;
	display:inline;
}

.imageText .rightTextw440 {
	float: right;
	width: 442px;
	margin:0px;
	padding: 0;
	line-height: 1.5;
}

.imageText .rightTextw440 dl {
	margin: 0 0 0 5px;
	padding:0px;
}

.imageText .rightTextw440 dt {
	display:inline;
	margin:0px;
	padding:0;
	color: #5d5ac7;
}

.imageText .rightTextw440 dd {
	margin: 0 5px 0 5px;
	padding:0px;
}

.imageText p.leftImage {
	float: left;
	margin:0px 0 0 5px;
	padding: 0;
}


/* 見出し部分リスト */

ul.leadTxt {
	margin: 0 0 12px 0;
	padding: 0px 20px 0px 20px;
	font-size: 0.875em;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

/* ul.leadTxt リンク色 10/04/01追加 */
ul.leadTxt .link a { padding: 0 0 0 19px; color: #009984; text-decoration: none; background: url(../../images/c/common/com_arw_green_ot.gif) no-repeat 0 -.1em;}
ul.leadTxt .link a:hover { padding: 0 0 0 19px; color: #FFFFFF; background: #009984 url(../../images/c/common/com_arw_green_ov.gif) no-repeat 0 -.1em;}

ul.leadTxt .linkIcoNone a { color: #009984; text-decoration: none;}
ul.leadTxt .linkIcoNone a:hover { color: #FFFFFF; background: #009984;}



/* 講座推奨コメント
------------------------------------------------ */

/* h2 */
.midashi_output_h2 {
	padding: 4px 0 0px 40px;
	margin: 0 0 15px 0px;
	background: url(../../images/c/upper/bg_mid_output.gif) no-repeat left top ;
	color:#330000;
	line-height: 1.3;
	font-size: 1.5em;
}

/* h3 */
.midashi_output_h3 {
	padding: 3px 0 3px 11px;
	border-left:5px solid #FD9E9A;
	margin: 0 0 10px 0px;
	color:#FFFFFF;
	background-color:#CC0033;
	line-height: 1.4;
	font-size: 1.3em;
}


div.output_comment {
	margin:0px 5px 15px 5px;
}

div.output_comment h4 {
	font-size:1.2em;
	color:#000033;
	border-bottom: 1px solid #000033;
	padding: 0 0 1px 2px;
	margin-bottom: 5px;
}

div.output_comment p {
	padding: 4px;
}




/* 特集ページ
------------------------------------------------ */

/* h2 */
.midashi_special_h2 {
	padding: 0px;
	margin: 0 0 10px 0px;
	border-bottom: 1px solid #330000;
}



/* 講座ページ
------------------------------------------------ */

div.imageText .link_teacher a{
padding: 0 0 0 19px; color:#009984; text-decoration: none; background:url(../../images/c/icon/icon_person.gif) no-repeat 0 0;
}
div.imageText .link_teacher a:hover{
padding: 0 0 0 19px; color:#FFFFFF; text-decoration:none; background:#009984 url(../../images/c/icon/icon_person.gif) no-repeat 0 0;
}



/*キャンペーン（左ミニアイコン）
----------------------------------------------------------------------------------*/
div.mainCont_inner{
	margin:0 0 20px 0;
	padding:6px 10px;
	border: 3px solid #4169e1;
	background-color:#f0f8ff;
}

div.mainCont_inner:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
/*	font-size: 0.1em;
	line-height: 0;*/
	clear: both;
}



div.mainCont_inner h3 {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#4169e1;
	padding:1px 0 1px 5px;
	margin: 0 0 10px 0;
	font-size:1.2em;
	line-height: 1.6;
}



div.mainCont_inner h4 {
	font-weight:bold;
	padding:1px 0 1px 0px;
	margin: 0px;
	text-align:left;
	font-size:1.1em;
	line-height: 1.4;
}



div.mainCont_inner .rightText_inner {
	float: right;
	width: 490px;
	margin:0 0 5px 0;
	padding: 0;
	line-height: 1.5;
}



div.mainCont_inner .rightText_inner p {
	margin: 0;
	padding:0px 0 2px 0px;
	color:#4e454a;
}


div.mainCont_inner .leftImage {
	float: left;
	margin: 0 0 10px 0;
}



/* リンク色*/
div.mainCont_inner h4 a { padding: 0 0 0 19px; font-weight: bold; color: #4169e1; text-decoration: none; background: url(../../images/c/common/com_arw_green_ot.gif) no-repeat 0 0; display:block;}
div.mainCont_inner h4 a:hover { padding: 0 0 0 19px; color: #ffffff; background: #4169e1 url(../../images/c/common/com_arw_green_ov.gif) no-repeat 0 0;}



/*バックアップ試験
----------------------------------------------------------------------------------*/
div#mainCont_bk {
	margin:10px auto 0 auto;
	padding:0px;
	width:585px;
	font-size: 0.8em;
	line-height: 1.5;
}

*:first-child+html div#mainCont_bk {
	margin:0px auto 0px auto;
}

* html div#mainCont_bk {
	margin:0px auto 0px auto;
}

div#mainCont_bk h3 {
	margin:5px 0px 10px 10px;
	padding:0px;
}

div#mainCont_bk div.mainCont_inner{
	margin:0px 0px 10px 10px;
	padding:10px;
	border:2px solid #066BA0;
	background-color:#FBFBFB;
}

div#mainCont_bk div.mainCont_inner:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
/*	font-size: 0.1em;
	line-height: 0;*/
	clear: both;
}


div#mainCont_bk div.mainCont_inner dl {
	margin:5px 0px;
	padding:0;
}

div#mainCont_bk div.mainCont_inner dl dt {
	display:inline;
	margin:2px 0 0px 0;
	padding:0;
	color: #5d5ac7;
}

div#mainCont_bk div.mainCont_inner dl dd {
	margin:2px 0 2px 0px;
	padding:0 3px;
}

div#mainCont_bk div.mainCont_inner p {
	margin:2px 0 15px 0px;
	padding:0 3px;
}



/* リンク色*/
div#mainCont_bk div.mainCont_inner dl dd a,
div#mainCont_bk div.mainCont_inner p a { color: #1966ff; text-decoration: none;}
div#mainCont_bk div.mainCont_inner dl dd a:hover,
div#mainCont_bk div.mainCont_inner p a:hover { color: #FFFFFF; background: #1966ff;}

div#mainCont_bk div.mainCont_inner dl dd .link_school a{
padding: 0 16px 0 0; color:#1966ff; background:url(../../images/c/icon/icon_building.gif) no-repeat right center; text-decoration:none;
}
div#mainCont_bk div.mainCont_inner dl dd .link_school a:hover{
padding: 0 16px 0 0; color:#FFFFFF; background:#1966ff url(../../images/c/icon/icon_building.gif) no-repeat right center; text-decoration:none;
}



div#mainCont_bk div.mainCont_inner dl dd ul{
	list-style-type:none;
	margin: 0px;
	padding:0px;
}

div#mainCont_bk div.mainCont_inner dl dd ul li{
	margin: 0px;
	padding: 0px;
	float:left;
	display:inline;
}

div.mainCont_inner_t{
	margin:10px 0 20px 0;
	padding:10px 10px 0 10px;
	border: 1px solid #4169e1;
	background-color:#f0f8ff;
}

div.mainCont_inner_t:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
/*	font-size: 0.1em;
	line-height: 0;*/
	clear: both;
}

div.mainCont_inner_t h4 {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#4169e1;
	padding:3px 0 3px 5px;
	margin: 0 0 3px 0;
	font-size:1.0em;
	line-height: 1.6;
}

div.mainCont_inner_t h5 {
	color:#191970;
	padding: 0 5px;
	margin: 0px;
}


div.mainCont_inner_t p {
	color:#191970;
	padding: 0 10px;
	margin: 0px;
}



/*トップPowerUp講座
----------------------------------------------------------------------------------*/

/* スタイル*/
div#mainContTopUpper div.mainCont_inner {
	width: 560px;
	margin:0px auto 10px auto;
	padding:0px;
	background-color:#ffffff;
}

div#mainContTopUpper div.pink{
	border:5px solid #E96692;
}

div#mainContTopUpper div.mainCont_inner h3 {
	padding: 0px;
	margin: 0px auto;
	background-color:#E96692;
	text-align:center;
}


div#mainContTopUpper div.mainCont_inner h4 {
	padding: 2px 0px;
	margin: 0px auto;
	text-align:center;
}

div#mainContTopUpper div.mainCont_inner div.imageText {
	margin: 0 10px 0px 10px;
	background: url(../../images/c/common/list_dot02.gif) repeat-x left bottom;
}

div#mainContTopUpper div.mainCont_inner div.subText {
	margin: 0 10px 10px 10px;
}

div#mainContTopUpper div.mainCont_inner div.toptokuten {
	background-color:#ffffff;
	padding: 10px 0px 0 0px;
	margin: 0;
}

div#mainContTopUpper div.mainCont_inner div.imageText h5 {
	padding: 0 0 2px 0;
	margin: 10px auto 0 auto;
	font-size: 1.0em;
}

div#mainContTopUpper div.mainCont_inner div.imageText h6 {
	padding: 0 0 2px 0;
	margin: 0px auto 10px auto;
	font-size: 1.0em;
}


div#mainContTopUpper div.mainCont_inner div.imageText p {
	padding:0px 10px;
	margin: 10px auto;
}

div#mainContTopUpper div.mainCont_inner div.subText p {
	padding:0px 10px;
	margin: 10px auto;
}

div#mainContTopUpper div.mainCont_inner div.toptokuten h5 {
	padding:0 0 10px 0;
	margin: 0px auto;
}

div#mainContTopUpper div.mainCont_inner div.toptokuten p {
	padding:0 10px 10px 10px;
	margin: 0px auto;
}


/* リンク色*/
div#mainContTopUpper div.mainCont_inner p.plink a { padding: 0 0 0 19px; color: #009984; text-decoration: none; background: url(../../images/c/common/com_arw_green_ot.gif) no-repeat 0 -.1em;}
div#mainContTopUpper div.mainCont_inner p.plink a:hover { padding: 0 0 0 19px; color: #FFFFFF; background: #009984 url(../../images/c/common/com_arw_green_ov.gif) no-repeat 0 -.1em;;}

div#mainContTopUpper div.mainCont_inner h5.link_school a{
padding: 0 16px 0 0; color:#1966ff; background:url(../../images/c/icon/icon_building.gif) no-repeat right center; text-decoration:none;
}
div#mainContTopUpper div.mainCont_inner h5.link_school a:hover{
padding: 0 16px 0 0; color:#FFFFFF; background:#1966ff url(../../images/c/icon/icon_building.gif) no-repeat right center; text-decoration:none;
}


/*naviLink用、map用クラス透過なし*/
div#mainContTopUpper div.mainCont_inner h3 a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


/*ボーダー色*/
div#mainContTopUpper div.ken{
	border: 3px solid #4169e1;
}

div#mainContTopUpper div.oki {
	border:5px solid #6499a4;
}

div#mainContTopUpper div.nemoto {
	border:5px solid #156db4;
}

div#mainContTopUpper div.kimura {
	border:5px solid #99999B;
}

div#mainContTopUpper div.akamatsu {
	border:5px solid #A47C64;
}

div#mainContTopUpper div.kaida {
	border:5px solid #70A462;
}

div#mainContTopUpper div.takahashi {
	border:5px solid #A49163;
}

/* 特典 赤枠 */
div#mainContTopUpper div.mainCont_inner div.tokuten {
	margin:10px;
	padding:10px 10px 0 10px;
	border:solid 1px #ff0000;
}

div#mainContTopUpper div.mainCont_inner div.tokuten dl {
	font-size:75%;
	overflow:hidden;
	zoom:1;
}

div#mainContTopUpper div.mainCont_inner div.tokuten dl dt {
	float:left;
	margin:2px 0;
	padding:2px 5px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	background:#ff0000;
}

div#mainContTopUpper div.mainCont_inner div.tokuten dl dd {
	margin:2px 0;
	padding:2px 0 2px 5em;
}