@charset "utf-8";
/*---------------------------------------------
    リセットCSS（編集不要）
----------------------------------------------*/

html {
	height:100%;
	font-size:62.5%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:12px;
	font-size:1.2rem;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:10px;
	font-size:1.0rem;
	font-weight:normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
ul li {
	list-style-type: none;
}
li {
	font-size:12px;
	font-size:1.2rem;
}

a,label {
	cursor:pointer;
}

img {
	vertical-align:bottom;
}

/*---------------------------------------------
   clearfix
----------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px }
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both { clear: both }

/*---------------------------------------------
   text-link
----------------------------------------------*/

body {
/*
	font-size:12px;
	font-size:1.2rem;
	line-height: 1.3;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
*/
	font: 14px/1.6 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#cmmSearch .column-R li.m-mypage-new a {
	color: #fff;
	text-decoration: none;
}
#cmmSearch .column-R li.m-mypage-new a:hover {
	text-decoration: underline;
	color: #FB8008;
}


a {
	color: #1072b8;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FB8008;
}
a:hover img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
}

/*---------------------------------------------
    contents 
----------------------------------------------*/
#mainContent {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 150px 0;
	background: no-repeat bottom url("/img/common/bg_main_contents.gif");
	overflow: hidden;
}
#mainContent #twoColumn_Left{
	float: left;
	width: 760px;
}
#mainContent #twoColumn_Right{
 float: right;
 width: 206px;
}

.column-L {
	float:left;
	margin-top:15px;
}
.column-C {
	float:left;
}
.column-R {
	float:right;
}

#mainContent .column-L.sen_sp {
	margin-top:0;
}

/*-----------------threeColumn-----------------*/

#mainContent .column-L.three {
	width:206px;
}

#mainContent .column-C.three {
	width:520px;
	margin:0 24px;
}

#mainContent .column-R.three {
	width:206px;
}

/*-----------------twoColumn-----------------*/

#mainContent .column-L.two {
	width:746px;
}

#mainContent .column-R.two {
	width:206px;
}

/*---------------------------------------------
    contents_preview 
----------------------------------------------*/
#mainContentPreview {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 150px 0;
	overflow: hidden;
}
#mainContentPreview #twoColumn_Left{
	float: left;
	width: 760px;
}
#mainContentPreview #twoColumn_Right{
 float: right;
 width: 206px;
}

/*-----------------threeColumn-----------------*/

#mainContentPreview .column-L.three {
	width:206px;
}

#mainContentPreview .column-C.three {
	width:520px;
	margin:0 24px;
}

#mainContentPreview .column-R.three {
	width:206px;
}

/*-----------------twoColumn-----------------*/

#mainContentPreview .column-L.two {
	width:746px;
}

#mainContentPreview .column-R.two {
	width:206px;
}
/*---------------------------------------------
    header
----------------------------------------------*/

#header h1 {
	margin:3px 0 0 0;
	color:#808080;
}

#header,#gnav ul {
	width:980px;
	margin:0 auto;
	overflow: hidden;
}

#header .column-L {
	margin:25px 0 0 0;
}

/*---------------------------------------------
    header
----------------------------------------------*/

header.globalheader { 
border-bottom: 1px solid #C9C9C9;
    margin: 0px 0 10px 0;
    box-sizing: border-box;
}

header#topheader.globalheader { border:none; margin-bottom:0;}

#headerinner h1 {
	margin:3px 0 0 0;
	color:#808080;
	font-size:10px;
	position: absolute;
	top: 2px;
}
#headerinner { position:relative;
	height:146px;
	line-height: 1.3; }
	
#headerinner,#gnav ul {
	width:980px;
	margin:0 auto;
	overflow: hidden;
}
	
#headerinner .logo {
	margin:19px 0 2px 0;	
}

/*-----------------cmmSearch-----------------*/

#headerinner #cmmSearch {
	/* width:488px;
	margin: 0 auto 0px auto; */
}
#headerinner #cmmSearch .column-L {
	margin:0px 0 0 0;
	position:absolute;
	left:488px;
	bottom:58px;
	float:none;
}
.bloc-search { position:relative;}
.bloc-search input[type="text"] {
    padding: 4px 48px 4px 9px;
    width: 220px;
    border: 1px solid #C9C9C9;
    box-sizing: content-box;
    border-radius: 3px;
    background: #fdfdfd;
    color: #333;
    font-size: 12px;
    height: 24px;
    margin: 0;
    box-shadow: none;
}
.bloc-search ::placeholder {
    color: #C9C9C9;
    font-size:11px;
}

.search-button {
    top: 0px;
    right: 0px;
    width: 34px;
    background: #F1881A;
    padding: 0px 6px !important;
    position: absolute;
    text-align:center;
    cursor: pointer;
    font-size: 0;
    border-style: none;
    -webkit-appearance: none;
    outline: none;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    display:block;
}
.search-button:hover { text-decoration:none;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity = 80);}
.search-button img { vertical-align:middle; padding:10px 0 9px;}

#cmmSearch  {
}

#cmmSearch input {
	width: 260px;
	height: 26px;
	outline: none;
}

#cmmSearch li {
	float:left;
}
#cmmSearch .column-R { float:none;}
#cmmSearch .column-R li {
	margin:0 0 0 3px;
}
#cmmSearch .column-R ul {
	margin:7px 0 0 0;
}

#cmmSearch .column-R li.m-mypage {
	position:absolute;
	right:80px;
	top:16px;
}
#cmmSearch .column-R li.m-logout {
	position:absolute;
	right:0px;
	top:16px;
}
#cmmSearch .column-C li.m-checklist {
	position:absolute;
	right:106px;
	bottom:7px;}
#cmmSearch .column-R li #cartBtn2 {
	position:absolute;
	right:8px;
	bottom:7px;
	}
#cmmSearch .column-C li.m-checklist a,#cartBar .bookmark-box a {
	float:left;
	background: linear-gradient(to bottom, #ebebeb 20%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	padding:17px 5px 17px 5px;
	overflow:hidden;
	margin:0px 0 0 10px;
	text-shadow:0px 1px 0px #FFF;
	border-radius: 5px;
	box-shadow: 0px 1px 1px 0px #A0A0A0;
	color:#606060;
	text-align:center;
	display:block;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-weight: bold;
	font-size:11px;
	line-height: 1.3;
}
#cmmSearch .column-C a:hover,#cartBar .bookmark-box a:hover { text-decoration:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);}
	
#cmmSearch .column-C li {
	margin:0 5px 0 0;
}
#cmmSearch .column-C img,#cartBar .bookmark-box img { margin-bottom:7px; text-align:center;}

.cmmSearch-member-btn{
    display: inline-block;
    padding: 5px;
    border: 1px solid #24927B;
    color: #24927B;
    font-size: 13px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(45, 45, 45, 0.3);
}

.cmmSearch-member-logout-btn{
	display:inline-block;
	padding:3px 20px;
	border:1px solid #999;
	color:#7F7F7F;
	font-weight:bold;
	font-size: 10px; 
	border-radius:2px;
}

#cmmSearch .column-R li.m-mypage-new {
	position: absolute;
    right: 70px;
    top: 7px;
    font-size: 11px;
    display: inline-block;
    padding: 5px;
    border: 1px solid #32a88d;
    color: #ffffff;
    font-size: 13px;
    border-radius: 4px;
    background: #32a88d;
    box-shadow: 1px 1px 0px 0px rgba(45, 45, 45, 0.3);
}
#cmmSearch .column-R li.m-login {
    position: absolute;
    right: 1px;
    top: 7px;
    border-radius: 4px;
    box-shadow: 1px 1px 0px 0px rgba(45, 45, 45, 0.3);
}
.cmmSearch-member-loginbtn{
    display: inline-block;
    padding: 5px;
    border: 1px solid #32a88d;
    color: #ffffff;
    /* font-weight: bold; */
    font-size: 13px;
    border-radius: 4px;
    background: #32a88d;
}
#cmmSearch .column-R li.m-mypage-new-layout1 {
	position:absolute;
	right: 103px;
	top: 27px;
	font-size: 11px;
}
#cmmSearch .column-R li.m-login-layout1 {
	position:absolute;
	right:1px;
	top: 24px;
}

/*-----------------gnav-----------------*/

#gNav {
    margin: 0px 0 0px 0;
    padding: 3px 0 0;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
        font-weight: bold;
	position:absolute;
	left:0;
	bottom:0;	
}

#gNav ul{
	margin:0;
	overflow:hidden;
/*	width:803px;*/
	/* display:table;
	table-layout: fixed;
	    position: relative; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#gNav li {
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
}
#gNav li a>span {
display:block;
vertical-align: middle;
    width:72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
   height:38px;
   text-align:center;
   -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
   align-items: center; /* 縦方向中央揃え */
   -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
   justify-content: center; /* 横方向中央揃え */
    border-left: 1px dotted #C9C9C9;
    box-sizing: content-box;
}

/* firefox設定 */
@-moz-document url-prefix() {
	@media print {
	#gNav li:last-of-type a>span { width:68px;}
	}
}

#gNav li.noDisp a,
#gNav li.noDisp a:hover{
}
#gNav li a {
color:#323232;
display:block;
 border-bottom:4px solid #FFF;
}
#gNav li a:hover,#gNav li.active a{
background:#FEF3E8;
border-bottom:4px solid #F1881A;
    text-decoration: none;	     
}


/* 
#gNav li.gnE a{
	background: url(/img/common/nav_scl_e_off.gif) 0 0 no-repeat;
}
#gNav li.gnE a:hover{
	background: url(/img/common/nav_scl_e_on.gif) 0 0 no-repeat;
}
#gNav li.gnJ a{
	background: url(/img/common/nav_scl_j_off.gif) 0 0 no-repeat;
}
#gNav li.gnJ a:hover{
	background: url(/img/common/nav_scl_j_on.gif) 0 0 no-repeat;
}
#gNav li.gnH a{
	background: url(/img/common/nav_scl_h_off.gif) 0 0 no-repeat;
}
#gNav li.gnH a:hover{
	background: url(/img/common/nav_scl_h_on.gif) 0 0 no-repeat;
}
#gNav li.gnSen a{
	background: url(/img/common/nav_scl_sen_off.gif) 0 0 no-repeat;
}
#gNav li.gnSen a:hover{
	background: url(/img/common/nav_scl_sen_on.gif) 0 0 no-repeat;
}
#gNav li.gnDai a{
	background: url(/img/common/nav_scl_dai_off.gif) 0 0 no-repeat;
}
#gNav li.gnDai a:hover{
	background: url(/img/common/nav_scl_dai_on.gif) 0 0 no-repeat;
}
#gNav li.gnOp a{
	background: url(/img/common/nav_opcampus_off.gif) 0 0 no-repeat;
}
#gNav li.gnOp a:hover{
	background: url(/img/common/nav_opcampus_on.gif) 0 0 no-repeat;
}
#gNav li.gnNyushi a{
	background: url(/img/common/nav_entexam_off.gif) 0 0 no-repeat;
}
#gNav li.gnNyushi a:hover{
	background: url(/img/common/nav_entexam_on.gif) 0 0 no-repeat;
}
#gNav li.gnAllNyushi a{
	background: url(/img/common/nav_matomete_off.gif) 0 0 no-repeat;
}
#gNav li.gnAllNyushi a:hover{
	background: url(/img/common/nav_matomete_on.gif) 0 0 no-repeat;
}
#gNav li.gnWork a{
	background: url(/img/common/nav_scl_use_off.gif) 0 0 no-repeat;
}
#gNav li.gnWork a:hover{
	background: url(/img/common/nav_scl_use_on.gif) 0 0 no-repeat;
}

#gNav li.gnOther a{
	background: url(/img/common/nav_sonota_off.gif) 0 0 no-repeat;
}
#gNav li.gnOther a:hover{
	background: url(/img/common/nav_sonota_on.gif) 0 0 no-repeat;
}

#gNav li.gnBooks a{
	background: url(/img/common/nav_books_off.gif) 0 0 no-repeat;
}
#gNav li.gnBooks a:hover{
	background: url(/img/common/nav_books_on.gif) 0 0 no-repeat;
}
#gNav li.gnJyuku a{
	background: url(/img/common/nav_jyuku_off.gif) 0 0 no-repeat;
}
#gNav li.gnJyuku a:hover{
	background: url(/img/common/nav_jyuku_on.gif) 0 0 no-repeat;
}
#gNav li.gn88Top a{
	background: url(/img/common/nav_88top_off.gif) 0 0 no-repeat;
}
#gNav li.gn88Top a:hover{
	background: url(/img/common/nav_88top_on.gif) 0 0 no-repeat;
}
*/
/*---------------------------------------------
    footer
----------------------------------------------*/

.ftwrap {
	width:980px;
	margin:0 auto;
	overflow:hidden;
	border-left:solid 1px #CCC;
	font-size:12px;
}

#footer {
	border-top:#00ac97 1px solid;
	background:#e7f3f0;
	padding:37px 0 45px;
	margin:0 0 30px;
}


.ftnav dl {
	float:left;
}

.ftnav ul {
	float:left;
	width:150px;
}
.ftnav dl:nth-child(3) ul:nth-child(2) {
	float:left;
	width:177px;
}
.ftnav li {
	margin:4px;
}
.ftnav dl{
	border-left:solid 1px #CCC;
	padding:0 0 0 14px;
}

.ftnav dl.bn{
	border-left:none;
}

.ftnav dt {
	font-size:1.6rem;
	font-size:16px;
    font-weight: bold;
    color: #00b49d;
}

.privacy  {
	float:right;
}

.privacy ul {
	overflow:hidden;
	background:#FFF;
	padding:10px 15px 10px 10px;
	margin:0 0 5px 0;
}

.privacy li {
	float:right;
}

.privacy li.txt {
	margin:10px 10px 0 0;
	font-size:1.0rem;
	font-size:11px;
}

#copyright {
	text-align:right;
	font-size:1.0rem;
	font-size:11px;
}

.ftLogo {
	text-align:center;
	margin:0 0 20px;
}

/*---------------------------------------------
    layout_seikyu
----------------------------------------------*/
#seikyu_header{
 height: 100px;
 margin: 0 auto 20px;
 position: relative;
 width: 980px;
}
#seikyu_contents{
	margin:0 auto;
	width:762px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
}
#seikyu_contents #Contents{
	margin-bottom:25px;
}
#seikyu_contents .bar_present{
	margin:25px 0;
}
#seikyu_contents .bar_present a{
	display:block;
	text-align:center;
}
#seikyu_footer{
	margin:0 auto;
 width: 980px;
}
#seikyu_footer .ftLogo{
	float:left;
	margin:0;
}

/*---------------------------------------------
    parts 
----------------------------------------------*/
/*-----------------topicpath-----------------*/
.topicpath {
	margin:0 0 10px 0;
	font-size:10px;
	font-size:1.0rem;
	font-size:12px;
}

.topicpath li {
	display:inline-block;
	font-size:11px;
}
.topicpath li span {
	display:inline-block;
	padding:0 5px;
}

#head_pankuzu p:before,.topicpath:before {
    content:url("/img/common/icon-home.png");
    position: relative;
    display: inline;
    padding-right: 3px;
}

.topicpath:before {
    padding-right: 0px;
}

/*-----------------pagetop-----------------*/
p.new-pt {
	margin:0 0 20px 0;
	padding:3px;
	overflow:hidden;
	font-size:10px;
	font-size:1.0rem;
}

p.new-pt a {
	background:no-repeat 3px center url(/img/ico_arrow04.gif);
	padding:3px 3px 3px 13px;
	float:right;
	border:solid 1px #2D77C2;
}
/*-----------------title-----------------*/
.tit-main {
	background:repeat-x url(/img/common/tit_bg_main.gif);
	font-size:24px;
	font-size:2.4rem;
	font-weight:900;
	color:#FFF;
	padding:7px 0 7px 10px;
	margin:0 0 10px 0;
}

.tit-main span {
	color:#FFE200;
}

.tit-side {
	background:#2D77C2;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	color:#FFF;
	text-align:center;
	padding:7px 0;
	margin:0 0 10px 0;
}

/*-----------------side-----------------*/
.sideBox {
	border:solid 1px #2D77C2;
	margin:0 0 20px 0;
}

.sideBox-noTop {
	border-bottom:solid 1px #2D77C2;
	border-left:solid 1px #2D77C2;
	border-right:solid 1px #2D77C2;
	margin:0 0 20px 0;
}
/*-----------------ターゲットバナー-----------------*/
/*ページ上部バナー*/
.header-pickup-banner-block{
	margin-bottom: 5px;
	table-layout: fixed;

}

.pickup-banner-heading{
	font-size: 12px;
	color: #fff;
	vertical-align: bottom;
}
.pickup-banner-body{
	 background: rgb(241,248,252);
	 padding:6px;
	 height: 24px;
	 font-size: 10px;

}
/*ページ下部バナー*/
.footer-pickup-banner-block{
	text-align:center;
	margin:20px 0;
	table-layout: fixed;
	width: 100%;
}

/*-----------------other-----------------*/
/*強制的にマージン*/
.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;}
.mr05 {margin-right: 5px  !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !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;}
.ml05 {margin-left: 5px  !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.mtb00{
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.mlr00{
	margin-left:0 !important;
	margin-right:0 !important;
}
/*強制的にパディング*/
.pt05 {padding-top: 5px  !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pr05 {padding-right: 5px  !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pb05 {padding-bottom: 5px  !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl05 {padding-left: 5px  !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}

.ptb00{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.plr00{
	padding-left:0 !important;
	padding-right:0 !important;
}
/*強制的に文字そろえ*/
.txtL {text-align: left !important;}
.txtR {text-align: right !important;}
.txtC {text-align: center !important;}
/*強制的に横並び　要clearfix*/
.flL,.fl {float:left;}
.flR,.fr {float:right;}
.cl {clear:both;}


/* 旧/contents/stylesheets/common.cssから移入 */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Layouts

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#Contents .LeftColumn {
	float: left;
	width: 760px;
}
#Contents .RightColumn {
	float: right;
	width: 200px;
}


.fixed_bar{
	position: fixed;
	bottom:0;
	width: 100%;
	background: #eee;
	border-top: 1px solid #ccc;
	padding: 5px;
}
.fixed_bar a:hover{
     filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

.fixed_bar_inner{
	width: 980px;
	margin: 0 auto;
}
.fixed_bar .left_img{
	display: block;
	float: left;
}
.fixed_bar .ButtonSD{
	float: right;
	margin-top: 10px;
}
.fixed_bar .ButtonSD a {
    display: block;
    width: 470px;
    height: 60px;
    padding: 0px;
    background: url("/common_img/18p/btn_seikyu.png") no-repeat;
}
.fixed_bar .ButtonSD a span{
	display: none;
}
.fixed_bar .ButtonHJ{
	float: right;
	margin-top: 10px;
}
.fixed_bar .ButtonHJ a {
    display: block;
    width: 470px;
    height: 60px;
    padding: 0px;
    background: url("/common_img/18p/btn_seikyu.png") no-repeat;
}
.fixed_bar .ButtonHJ a span{
	display: none;
}
/*---------------------------------------------
    スマホ版を見る。
----------------------------------------------*/
#FromSP{width:300px;margin:0 auto;clear:both;}
#FromSP div{text-align:center;background-color:#dddddd;color:#555555;border:1px solid #dddddd;margin-top:20px;padding:10px 0;}
.search88book img{vertical-align: middle;}

/*テーマ別トピックスページャー20150303*/
#themeTpcs ul li{
	float: left;
	margin-right: 5px;
}
/*---------------------------------------------
    アンケートページの表示・非表示切り替え用
    /enq　と　サイドバーのバナーなど
----------------------------------------------*/
.enq_display{
	display: none;
}
/*---------------------------------------------
    高等専修学校とは？
----------------------------------------------*/
.scl_k_qa_arrow {
	position: relative;
	top: -18px;
	left: 850px;
}

.scl_k_qa a {
	text-decoration: none;
	position: relative;
	top: -14px;
	left: 860px;
}

.sck_k_qa_co {
	margin-bottom: -5px !important;
}
/*---------------------------------------------
   見出し（テキスト）
----------------------------------------------*/
/* デフォルトは青 */
.hedline_LeftBar{
	border-left: 8px solid #2D77C2;
	font-size: 24px;
	line-height: 29px;
	padding-top: 2px;
	padding-left: 7px;
	color: #333;
	font-weight: bold;
}
/* 緑 */
.hedline_LeftBar.green{
	border-left: 8px solid #339933;
}
/* ピンク */
.hedline_LeftBar.pink{
	border-left: 8px solid #FF6666
}

/* テキスト前に青丸囲み「＞」アイコンを入れるリンク */
.link_arrow_right a{
	color: #1072B8;
	display: inline-block;
	position: relative;
	padding: 3px 0 0 28px;
}
.link_arrow_right a:before{
	position: absolute;
	content: "";
	display: inline-block;
	background-color: #2D77C2;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	top: 0px;
	left: 0;
}
.link_arrow_right a:after{
	position: absolute;
	content: "";
	display: inline-block;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	width: 6px;
	height: 6px;
	top: 5px;
	left: 5px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.koukousei-life-disp {
	display: block;
}

.koko-chuugaku-nyushi-b_blue{
	border-left: 10px solid #2D77C2;
	font-size: 30px;
	letter-spacing: 1px;
}
.koko-chuugaku-nyushi-b_pink{
	border-left: 10px solid #ff635f;
	font-size: 30px;
	letter-spacing: 1px;
}

.koko-chuugaku-nyushi-Htitle {
	margin:0 0 10px 0;
}

.koko-chuugaku-nyushi-Htitle .read{
	font-size:14px;
	margin:10px 0 0 2px;
	line-height: 1.5em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka, sans-serif";
}

.koko-chuugaku-nyushi-Htitle .read-chuugaku{
	font-size:14px;
	margin:10px 0 0 2px;
	line-height: 1.5em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka, sans-serif";
}

.kakomon-kokaichu {
	font-size: 30px;
	font-weight: bold;
	border: solid 5px #FF0000;
	padding: 0 8px 0 8px;
	width: 700px;
	text-align: center;
}
#wrapper .phs_mainContents .area-nyushi {
	margin-bottom: -5px;
}
/*---------------------------------------------
   学問、資格、職業検索
----------------------------------------------*/
.configuration-search-btn {
    display:inline-block;
    background: -moz-linear-gradient(top,#09C 0%,#09C 50%,#069 50%,#069 100%);
    background: -webkit-gradient(linear, left top, left bottom,from(#09C), color-stop(56%,#09C), color-stop(100%,#069),  to(#069));
    border: 1px solid #DDD;
    color: #FFF;
    width: 300px;
    padding: 10px 0;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.configuration-search-btn:hover{
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}

/*------------------------------------------------
学校生活ページ　アンカー使用時の調整
--------------------------------------------------*/
.page6_anchor{
padding-top:90px;
margin-top:-90px
}

/*------------------------------------------------
検索結果ページ
--------------------------------------------------*/
#searchAll { margin-top:30px;}

/*------------------------------------------------
2020年 一般入試 地方試験会場
--------------------------------------------------*/
#test_center_2020 h2.title {
    border-left: 8px solid #0880CF;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    color: #333333;
    padding-left: 7px;
    padding-top: 3px;
}

/*------------------------------------------------
ヘッダ　お気に入り、閲覧履歴の件数
--------------------------------------------------*/
#cmmSearch .column-C li.m-checklist span {
    position: absolute;
    top: -4px;
    right: -8px;
    background: #ff0000;
    width: 25px;
    height: 20px;
    border-radius: 50%;
    color: white;
    padding-top: 5px;
    font-size: 1.1rem;
    font-weight: normal;
    text-shadow: none;
    z-index: 1;
}

#cmmSearch .column-R li span#cartNum2 {
    position: absolute;
    top: -4px;
    right: -8px;
    background: #ff0000;
    width: 20px;
    height: 10px;
    border-radius: 50%;
    color: white;
    padding-top: 5px;
    padding-left: 3px;
    font-size: 1.1rem;
	text-shadow: none;
}

.hide {
	display: none;
}

/*-------------------------------------------------------
	#48627
-------------------------------------------------------*/
#mainContent .event_faq {
    margin-top: 20px;
    clear: both;
	width: 746px;
}

#mainContent .op_tit {
    background-color: #2D77C2;
    color: #FFF;
    font-weight: bold;
    padding: 10px 10px 10px 24px !important;
    font-size: 24px !important;
    margin: 0 !important;
}

#mainContent .event_faq_inner.opensearch-border {
    background-color: #E1F4FB;
    padding: 20px;
}

#mainContent .event_faq_inner .bg-white {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 15px;
}

#mainContent .event_faq_inner dl {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 15px;
}

#mainContent .event_faq_inner dl dt {
    border-bottom: 1px dashed #9FA0A0;
    background: url(/common_img/18p/opensearch/note_q.png) no-repeat;
    padding: 0 0 10px 30px;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}

#mainContent .event_faq_inner dl dd {
    background: url(/common_img/18p/opensearch/note_a.png) left 10px no-repeat;
    padding: 10px 0 0 30px;
    font-size: 15px;
    line-height: 1.8;
}

#mainContent .event_faq_inner li {
	font-size: 14px;
}

#mainContent .list-left-ichi {
    margin-left: 13px;
}

#mainContent .list-left-ichi-55 {
    margin-left: 55px;
}

#mainContent .opensearch-border {
    border-left: #2D77C2 solid 1px;
    border-right: #2D77C2 solid 1px;
    border-bottom: #2D77C2 solid 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    margin: 0;
}

.txt_blue {
	color: #1072b8;
}