@charset "utf-8";
/* CSS Document */
body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  line-height: 1.4em;
  color: #333;
  background-color: #FFF;
  position: relative;
}
a {
  color: #3A7EC5;
  text-decoration: none;
  overflow: hidden;
}
.inta:hover {
  color: #3A7EC5;
  text-decoration: underline;
}
a:hover, a:active, a:focus {
  color: #FF9933;
  text-decoration: underline;
}
p, div, li, h2, h3, h4, h5, span { /* アンドロイド端末で幅が勝手に狭まる現象の回避策 */
  background-image: url(/images/common/1px.png);
  background-repeat: no-repeat;
}
h2 {
  background-image: url("/images/personal/h2_icon.png");
  background-repeat: no-repeat;
  width: 740px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 24px 0 12px 10px;
  margin-bottom: 10px;
}
h2 span {
  font-size: 0.8em;
}
#main h3, #main530 h3 {
  border: solid 2px #3A7EC5;
  border-radius: 10px;
  width: 721px;
  padding: 6px 0 6px 15px;
  font-size: 19px;
  color: #3A7EC5;
  display: block;
}
.pgend {
  margin-bottom: 200px;
}
input:matches([type="button"], [type="submit"], [type="reset"]), input[type="file"]::-webkit-file-upload-button, button {
  background-color: transparent;
}
button, [type="button"], [type="reset"], [type="submit"] {
  background-color: transparent;
}
.backPink {
  background: #FFE0DC;
}
/* 画像とテキストの横並び中央揃え */
.vertical-center {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #333;
}

.vertical-center:hover {
  opacity: 0.8;
}

.vertical-center img {
  display: block;
  flex-shrink: 0;
  vertical-align: middle;
}
/* ここまで　*/
/* ページ共通
------------------------------------- */
ul.Submeun > li {
  display: inline;
}
.redframe {
  border: solid 1px #F00;
  color: #F00;
  font-weight: bold;
  padding: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}
ul.ListSquare {
  list-style: square;
  list-style-position: inside;
}
#main530 {
  width: 740px;
  float: left;
}
#mainWidest h3.MYPAGE {
  border: none;
  font-size: 16px;
  padding: 0;
  border-radius: 0;
  width: 950px;
}
#container {
  background: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  border-top: 3px solid #3A7EC5;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
#PLink {
  background: #C8DCF0;
  display: block;
  width: 720px;
  padding: 9px 10px;
}
.PageLink {
  padding-left: 18px;
  background-image: url("/images/personal/page_link01.png");
  background-repeat: no-repeat;
  background-position: top 4px left 0px;
  font-size: 14px;
}
.grayButton{
padding-left: 10px;
background-color: #f0f0f0;
border: #ccc solid 2px;
border-radius: 5px;
display: block;
position: relative;
box-sizing: border-box;
}

.grayButton::after{
	    background-image: url("/images/common/arrowrRight.png");
    background-repeat: no-repeat;
    content: "　";
    position: absolute;
    left: 91%;
    bottom: 15%;
}
/* ローディング用
------------------------------------------ */
.loading{
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.loading img{
  width: 100px;
}

/* ログインアラートと登録時アラート
------------------------------------- */
.remodal.login_alert {
  max-width: 29em;
}
.remodal.login_alert.regist_alert {
  max-width: 460px;
}
.remodal.login_alert .remodal-Title {
  background: unset;
  font-size: 20pt;
  padding: 1em;
}
.remodal.login_alert.regist_alert .remodal-Title {
  font-size: 16pt;
  padding: 0em;
  width: 19em;
  margin: 0 0 0.5em 0;

}
.remodal.login_alert p {
  text-align: left;
  margin-bottom: 1em;
}
.remodal.login_alert.regist_alert p {
  text-align: center;
  font-size: 12pt;
}
  
.remodal.login_alert picture {
  display: block;
  margin: 0 auto 1em;
}
.remodal.login_alert .remodal-confirm {
  width:10em;
  background-color: #3A7EC5;
  border-radius: 3px;
}
.remodal.login_alert.regist_alert .remodal-confirm {
  width:100%;
  background-color: #00b900;
}

/* ダイアログver2
------------------------------------- */
.remodal.ver2 {
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.remodal.ver2[data-remodal-id="deliveryPrefDialog"] {
  width: 663px;
}
.remodal.ver2 h2 {
  background: unset;
  color: #f00;
  padding: 0;
  margin: 13px auto 26px;
  display: block;
  width: 100%;
  font-size: 21px;
  line-height: 27px;
  font-weight: bold;
}
.remodal.ver2 .btn_area {
  display: flex;
  justify-content: center;
  gap: 1.5em;
}
.remodal.ver2 .remodal-cancel {
  width: 275px;
  background-color: #f00;
  border-radius: 5px;
  height: 100px;
  line-height: 51px;
}
.remodal.ver2 .remodal-confirm {
  width: 211px;
  background-color: #3a7ec5;
  border-radius: 5px;
  height: 79px;
  padding: 22px 2em 0;
  text-align:left;
}
.remodal.ver2 .remodal-confirm span {
  padding-left: 6em;
}
.remodal.ver2 a.remodal-confirm:hover {
  color: #fff;
  text-decoration: none;
}

/* 配達指定日用
------------------------------------- */
#SelectDeliYear, .SelectDeliYear  { width: 4em; text-align: center;}
#SelectDeliMonth, .SelectDeliMonth { width: 2em; text-align: center;}
#SelectDeliDay, .SelectDeliDay { width: 2em; text-align: center;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #c5c5c5 !important;
	background: #f6f6f6 !important;
	font-weight: normal !important;
	color: #454545 !important;	
}
.holiday a, .saturday a, .sunday a,
.holiday a.ui-state-active, .saturday a.ui-state-active, .sunday a.ui-state-active { background-color: #f6f6f6 !important; color: #f00000 !important; }
.holiday span, .saturday span, .sunday span { background-color: #f6f6f6 !important; color: #f00000 !important; }
/* lineログイン用
------------------------------------- */
#LineLogin {
  background: #DCF0F0;
  padding: 20px 0px;
  margin-top: 15px;
}
.lineBase.disable {
  background-color: #C6C6C6 !important;
}
#myPageLeftNavi .lineBase.disable {
  background-color: #C6C6C6;
}
.lineBase.LINERegistration {
  width: 400px;
  height: 45px;
  border-radius: 5px;
  background-color: #00C300;
  display: block;
  margin: auto;
}
.lineBase.login {
  width: 300px;
  height: 45px;
  border-radius: 5px;
  background-color: #00C300;
  display: block;
  margin: auto;
}
.lineBase.login a {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
  display: block;
  width: 300px;
  height: 45px;
  padding: 0;
  margin: 0;
  background-position: top 11px left 65px;
}
.lineBase.login a i {
  position: relative;
  left: 50px;
}
.lineBase.login a span {
  width: 300px;
  height: 45px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.lineBase.link {
  width: 200px;
  background-size: 43px;
  border-radius: 6px;
  background-color: #00C300;
}
.lineBase a {
  color: #FFFFFF;
  font-size: 22px;
  display: block;
  background: url("/images/common/lineIcon00.png");
  background-repeat: no-repeat;
}
.lineBase.link a {
  font-size: 15px;
  background-position: left 32px top 10px;
}
.lineBase.link a span {
  width: 200px;
  height: 45px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.lineBase:hover {
  background-color: #00e000;
}
.lineBase a:hover {}
.lineBase:active {
  background-color: #00b300;
}
.lineBase a:active {
  border-left: solid 1px #009800;
}
/* ヘッダー(header.tpl.php)
------------------------------------- */
#header {
  width: 100%;
  background-color: #FFFFFF; /* 本番環境 */ /*background-color: #a0cf48;  テスト環境 */
}
/* ダイアログ関係共通デザイン
	------------------------------------- */
.remodal.window {
  border-radius: 5px;
  width: 45em;
  padding: 2em;
  font-size: 0.9em;
}
.remodal h1 {
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 0.8em;
  color: #999999;
}
.remodal h2 {
  font-weight: normal;
}
.remodal .remodal_contents {
  text-align: left;
}
.remodal .box {
  margin: 0 0 1em 0;
  background-color: #E6E6E6;
  padding: 1em;
}
.remodal .w7em {
  width: 7em;
}
.remodal .w18em {
  width: 18em;
}
.remodal .block {
  clear: both;
  display: block;
}
.remodal.alert {
  width: 30em;
  font-size: 0.9em;
  border: solid 2px #CCCCCC;
  background-color: #FFFFFF;
  padding: 0;
}
.remodal.alert .messageBlock {
  padding: 2em;
}
.remodal.alert .buttonBlock {
  padding: 1em;
  background-color: #E6E6E6;
  border-top: solid 1px #CCCCCC;
}
.remodal.alert .buttonBlock button {
  font-size: 100%;
  font-family: inherit;
  border-radius: 2px;
  background-color: #999999;
  color: #FFFFFF;
  border: 0;
  padding: 0.1em 1em;
  margin: 0 0.3em;
}
.remodal.alert .buttonBlock .no {}
.remodal .cancel01 {
  text-indent: -999em;
  width: 177px;
  height: 36px;
  border: none;
  background-image: url("/images/common/btnCancel01.png");
}
.remodal .submit01 {
  text-indent: -999em;
  width: 179px;
  height: 35px;
  border: none;
  background-image: url("/images/common/btnSubmit01.png");
}
/* 総進ロゴ・問合せ電話番号・メール問合せ・ログインボタン
	------------------------------------- */
#header #headGuide {
  width: 950px;
  height: 80px;
  margin: 3px auto;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
#header #headGuide #logo {
  width: 405px;
  float: left;
}
#header #headGuide #logo a {
  display: block;
  margin: 10px auto 7px auto;
}
#header #headGuide #logo h1 {
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
}
#header #headGuide #contactTel {
  width: 292px;
  float: left;
  margin-top: 25px;
  margin-left: 13px;
}
#header #headGuide #contactMail {
  width: 127px;
  float: left;
  margin-top: 42px;
  margin-left: 15px;
}
#header #headGuide #loginBlock { /* ログイン前のブロック */
  width: 49px;
  float: left;
  margin-left: 25px;
  margin-top: 26px;
}
#header #headGuide #logoutBlock {
  width: 61px;
  float: left;
  margin-left: 10px;
  margin-top: 26px
}
#header #headGuide #myPage {
  width: 67px;
  float: left;
  margin-left: 25px;
  margin-top: 26px
}
#header #headGuide #MemberName {
  width: 355px;
  font-size: 14px;
  float: left;
  margin-left: 25px;
  margin-top: 26px;
  white-space: nowrap;
}
#header #headGuide #NewMember { /* ログイン前のブロック */
  width: 78px;
  float: left;
  margin-left: 10px;
  margin-top: 26px;
}
#header #headGuide #ThankYou { /* ログイン前のブロック */
  width: 140px;
  font-size: 14px;
  float: left;
  margin-left: 25px;
  margin-top: 26px;
  padding-top: 6px;
}
#header #headGuide #memberBlock { /* ログイン後の会員名表示ブロック(大枠) */
  width: 168px;
  height: 87px;
  background-image: url(/images/common/headMemberBack.png);
  background-position: left top;
  background-repeat: no-repeat;
  float: right;
  margin-top: 3px;
  color: #FF7C5B;
  position: relative;
}
#header #headGuide #memberBlock #MemberName { /* ログイン後の会員名表示ブロック(白背景部分) */
  display: table-cell;
  vertical-align: middle;
  height: 53px;
  padding-top: 7px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 17px;
}
* + html #header #headGuide #memberBlock #MemberName {
  padding-top: 9px;
}
#header #headGuide #memberBlock input#logoutButton { /* ログイン後のログアウトボタン */
  width: 73px;
  height: 18px;
  background-image: url(/images/common/headMemberLogout.png);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -999em;
  border: none;
  background-color: transparent;
  display: block;
  position: absolute;
  bottom: 5px;
  left: 48px;
  cursor: pointer;
}
/* トップページなどで使用している、メインの写真画像が入るブロック
	------------------------------------- */
#header #headMain {
  width: 100%;
  height: 250px;
  background-color: #EBF0F0;
}
/*#header #headMain img {
		width: 950px;
		margin: auto;
		display: block;
	}*/
#header #headMain #examinationData {
  background-image: url(/images/common/headMain.png);
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  width: 950px;
  height: 250px;
  margin: auto;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
#header #headMain a#lnkFair {
  width: 361px;
  height: 62px;
  display: block;
  position: absolute;
  left: 15px;
  bottom: 7px;
}
#header #mainImage {
  position: relative;
}
#header .flexslider #messageBorad {
  background-image: url(/images/common/headMessageBoard.png);
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  width: 301px;
  height: 157px;
  position: absolute;
  bottom: 13px;
  right: 18px;
  font-size: 24px;
  z-index: 99;
}
#header .flexslider #messageBorad p {
  position: relative;
  top: 33px;
  left: 99px;
  font-size: 18px;
  line-height: 1.1em;
  font-weight: bold;
  display: inline-block;
  vertical-align: bottom;
}
#header .flexslider #messageBorad #examinationYears {
  display: inline-block;
  margin-right: 5px;
  font-size: 24px; /*font-weight: bold;
		position: absolute;
		top: 50px;
		right: 260px;*/
}
#header .flexslider #messageBorad #examinationDays {
  display: block;
  line-height: 34px;
  margin-left: 0px;
  margin-top: 12px;
  margin-right: 0px;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
}
#header .flexslider #messageBorad #examinationDay {
  font-weight: bold;
  font-size: 53px;
  color: #FB2600;
  display: inline-block;
  margin-right: 8px;
  font-family: "Arial Black", Gadget, "sans-serif";
}
#header .flexslider #messageBorad.cram {
  background-image: none;
  width: 122px;
  height: 122px;
  top: 13px;
}
.flexslider {
  border: none !important;
}
.flex-direction-nav .flex-next {
  right: 0 !important;
}
.flex-direction-nav .flex-prev {
  left: 0 !important;
}
body#personal #header #headMain, body#cramSchool #header #headMain, body#myPage #header #headMain { /* 各種フォームがあるページやログイン後の各画面では、メイン画像を表示しない。 */
  display: none;
}
/* 紺色グラデーションが背景のナビゲーションバー
	------------------------------------- */
#header #headNavi {
  width: 100%;
  margin: 0;
  background: #3A7EC5;
}
#header #headNavi ul.MeunNavi {
  width: 951px;
  height: 60px;
  margin: 0 auto;
  /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  line-height: 1.1;
  font-size: 15px;
}
#header #headNavi ul.MeunNavi li.MeunNavi01 {
  border-right: solid 1px #fff;
  height: 60px;
}
#header #headNavi > ul > li {
  display: block;
  float: left;
}
#header #headNavi ul.MeunNavi li#naviSMogiPrsn {
  border-left: solid 1px #fff;
}
#header #headNavi ul li#naviPamf, #header #headNavi ul li#naviReserve { /*メニューナビ幅950pxの中に収めるため、両端のメニューは118pxに調整*/
  width: 118px;
}
#header #headNavi ul li a {
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  color: #fff;
}
#header #headNavi > ul > li > a:hover {
  text-decoration: none;
}
#header #headNavi > ul > li > a > span {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
}
#header #headNavi ul li#naviSmogi, #header #headNavi > ul > li#naviPlans #header #headNavi > ul > li#naviReport {
  width: 129px;
}
#header #headNavi > ul > li#naviSmogi > a, #header #headNavi > ul > li#naviPlans > a, #header #headNavi > ul > li#naviReport a {
  width: 130px;
  text-align: center;
  display: table;
}
#header #headNavi ul li#naviSMogiPrsn {
  width: 173px;
  display: block;
}
#header #headNavi ul li#naviSMogiPrsn a#free {
  background-image: url("/images/top/header01.png");
  background-repeat: no-repeat;
  background-position: center left 10px;
  width: 120px;
  padding-left: 59px;
}
#header #headNavi > ul > li#examathome {
  width: 124px;
}
#header #headNavi ul.MeunNavi li#examathome > a {
  text-align: center;
  display: table;
  width: 124px;
}
#header #headNavi > ul > li#naviSmogiTest01 {
  width: 124px;
}
#header #headNavi ul.MeunNavi li#naviSmogiTest01 > a {
  text-align: center;
  display: table;
  width: 124px;
}
#header #headNavi > ul > li#naviSmogiTest02 {
  width: 129px;
}
#header #headNavi > ul > li#naviSmogiTest02 > a {
  padding-left: 15px;
  width: 110px;
}
ul.sub-menu {
  overflow: visible !important;
  background: #F2F2F2;
  border-right: none;
  display: none;
  position: absolute;
  z-index: 10;
}
ul.sub-menu li.MenuItem a {
  height: 40px;
  color: #000 !important;
}
div#headNavi > ul > li:hover ul.sub-menu {
  display: block;
}
#naviSmogi #SubMenu1 li.MenuItem a {
  color: #000;
}
#naviSmogi ul#SubMenu1 li.MenuItem {
  width: 200px;
  height: 41px;
}
#naviSmogi ul#SubMenu1 {
  width: 200px;
}
#naviSMogiPrsn #SubMenu2 {
  width: 330px;
}
#SubMenu3 {
  width: 177px
}
#SubMenu5 {
  width: 282px;
}
#SubMenu6 {
  width: 300px;
}
#SubMenu7 {
  width: 330px;
}
#SubMenu8 {
  width: 330px;
}
.MenuItem {
  border-bottom: solid #B3B3B3 1px
}
ul li ul.sub-menu li.MenuItem a {
  padding-left: 17px !important;
}
ul > li > ul.sub-menu > li.MenuItem > a > span {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}
ul > li > ul.sub-menu > li.MenuItem > a:hover {
  background: #9BDCFF;
}
#headNavi ul.CramMeun > li#FreeMaterials {
  border-left: solid 1px #fff;
}
#headNavi ul.CramMeun > li#FreeMaterials a span {
  background-image: url("/images/top/header08.png");
  background-repeat: no-repeat;
  background-position: bottom 10px left 35px;
}
#headNavi ul.CramMeun > li#HowToUse > a > span {
  background-image: url("/images/top/header09.png");
  background-repeat: no-repeat;
  background-position: bottom 16px left 20px;
}
#headNavi ul.CramMeun > li > a {
  width: 188px;
}
#headNavi ul.CramMeun > li > a > span {
  text-align: center;
  width: 188px;
}
/* コンテンツ(画面横全体に下向きへグラデーションがかかった背景を入れる。)
------------------------------------- */
#wraper {
  width: 100%;
  padding-top: 15px;
  background-image: url(/images/common/BackMain.png);
  background-position: left top;
  background-repeat: repeat-x;
  margin-bottom: 0px;
}
/* 幅950pxで中央寄せにするため、もう1つ要素を追加
	------------------------------------- */
#content {
  width: 951px;
  margin: 0 auto;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  margin-bottom: 200px
}
/* トップページなどでの左メニュー(left_navi.tpl.php)
	------------------------------------- */
#leftNavi {
  width: 200px;
  float: left;
  display: block;
}
#leftNavi ul.nav {
  margin-bottom: 9px;
}
#leftNavi ul.nav li {
  margin: 0 0 3px 0;
  display: block;
  width: 200px;
  position: relative;
}
#leftNavi ul.nav li a {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #FFF;
  height: 44px;
}
#leftNavi ul.nav li#linkRegistMember a {
  background-image: url(/images/common/lMenuRegistMember.png);
  text-indent: -999em;
  height: 74px;
  padding-left: 0;
  display: block;
}
#leftNavi ul.nav li#linkMypage a {
  background-image: url(/images/common/lMenuMypage.png);
  text-indent: -999em;
  height: 46px;
  padding-left: 0;
  display: block;
}
#leftNavi ul.nav li#linkTwitter a {
  background-image: url(/images/common/lMenuTwitter.png);
  text-indent: -999em;
  height: 100px;
  padding-left: 0;
  display: block;
}
#leftNavi ul.nav li#linkPrivacy {
  height: 88px;
  padding: 5px 0;
  display: block;
}
#leftNavi ul.nav li#linkPrivacy a {
  height: 88px;
  text-align: center;
}
#content table.green th {
  background-color: #DCF0F0;
}
#content table.grayBack th {
  background: #E6E6E6;
}
#content div#backBlue table.green th {
  width: 173px;
  text-align: left;
  padding-left: 10px;
  font-size: 12px
}
#content div#backBlue table.green td {
  font-size: 12px;
}
/* 塾向け　総進ナビ
	------------------------------------- */
#SoshinNavi {
  width: 200px;
  float: left;
  margin-left: 10px;
  display: block;
  font-size: 15px;
}
#SoshinNavi ul.nav {
  margin-bottom: 9px;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
}
SoushiNavi00 {
  width: 48px;
}
#SoshinNavi ul.nav li a {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  height: 50px;
  color: #000;
  padding: 0 0 0 18px;
}
#SoshinNavi ul.nav li {
  margin: 0 0 4px 0;
  margin-bottom: 4px;
  display: block;
  height: 50px;
  width: auto;
  margin-bottom: 0;
  border-bottom: solid 1px #999
}
#SoshinNavi ul.nav li a span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
}
#SoshinNavi ul.nav li a:hover {
  text-decoration: none;
  color: #3A7EC5;
}
#SoshinNavi ul.nav li#NaviSoshiTest {
  background: #3ba2a4;
  font-weight: bold;
  color: #fff;
}
#SoshinNavi ul.nav li#NaviSoshiTest span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  text-align: center;
  width: 200px;
  font-size: 18px;
}
/* ↓↓テスト環境でのみアップ
	------------------------------------- */
/*	#leftNavi ul.nav li#linkPrivacy {
		background-image: url(/images/common/zz_sslIMG.jpg);
		background-position: center;
		background-color: #FFF;
		text-indent: -999em;
		padding-left: 0;
		display: block;
		width: 199px;
		height: 88px;
	}
	 ↑↑テスト環境でのみアップ　終わり
	------------------------------------- */
/* 塾向サービス
	------------------------------------- */
#leftNavi ul#cramSchool li {
  margin: 0;
  display: block;
  width: 200px;
  background-image: url(/images/common/lMenuAnything.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 44px;
}
ul#cramSchool li.text a {
  display: inline-block;
  padding-left: 23px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  height: 44px;
  background-color: transparent;
  color: #333;
}
#leftNavi ul#cramSchool li.text a span {
  display: table-cell;
  vertical-align: middle;
  height: 44px;
}
* + html #leftNavi ul#cramSchool li.text a {
  height: auto;
  top: 18%;
}
#leftNavi ul#cramSchool li#linkCatalogRequest {
  height: 40px;
  background-image: none;
}
#leftNavi ul#cramSchool li#linkCatalogRequest a { /* 塾向けサービス(無料資料請求)メニュー */
  background-image: url(/images/common/lMenuCatalogRequest.png);
  text-indent: -999em;
  height: 40px;
  padding-left: 0;
  display: block;
}
#leftNavi ul#cramSchool li#linkCatalogRequest a:hover {
  background-color: #FFF;
}
#leftNavi ul#cramSchool li#linkReserveSousin a { /* 総進図書会員(塾)総進テスト申込みメニュー */
  background-image: url(/images/common/lMenuReserveSousin.png);
  text-indent: -999em;
  padding-left: 0;
  display: block;
}
#leftNavi ul#cramSchool li#linkReserveSmogi a { /* 総進図書会員(塾)Sもぎ申込みメニュー */
  background-image: url(/images/common/lMenuReserveSmogi.png);
  text-indent: -999em;
  padding-left: 0;
  display: block;
}
#leftNavi ul#cramSchool li#linkRegistFlow a { /* 総進図書会員(塾)登録からお申込みまでの手順メニュー */
  background-image: url(/images/common/lMenuRegistFlow.png);
  text-indent: -999em;
  padding-left: 0;
  display: block;
  height: 45px;
}
CramNewRegister #leftNavi ul#cramSchool li#linkRosterList { /* 塾生名簿登録メニュー */
  height: 45px;
}
#leftNavi ul#cramSchool li#linkRosterList a { /* 塾生名簿登録メニュー */
  background-image: url(/images/common/lMenuAboutRegist.png);
  background-position: left bottom;
  text-indent: -999em;
  padding-left: 0;
  display: block;
  height: 45px;
  width: 199px;
}
#leftNavi ul#cramSchool li#linkorderSmogiTicket a { /* 総進図書会員(塾)Sもぎチケット申込みメニュー */
  background-image: url(/images/common/lMenuTicket.png);
  background-position: left bottom;
  text-indent: -999em;
  padding-left: 0;
  display: block;
}
/* メインコンテンツ(１段組・２段組･３段組共通）
	------------------------------------- */
#content .breadcrumbs {
  font-size: 0.9em;
}
#content h4 {
  font-size: 1em;
}
#content h4.noDeco {
  font-size: 0.9em
}
#content table {
  border: 1px solid #CACACA;
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
  background-color: #FFF;
}
#content table.grayish {
  font-size: 0.8em;
}
#content table th {
  border: 1px solid #CACACA;
  width: 154px;
  font-weight: bold;
}
#content table th.tateChuuou {
  vertical-align: middle;
}
#content table td {
  border: 1px solid #CACACA;
  padding: 7px;
}
#content table.blue th {
  background-color: #C8DCF0;
}
#content table.grayish th {
  background-color: #E6E6E6;
}
.yellowGreen {
  background: #BEE6C8;
}
.yellow {
  background: #FDD5AD;
}
.blue {
  background: #C8DCF0;
}
/* 3段組の場合の中央メインコンテンツ
	------------------------------------- */
#content #MainMenu01 ul li a:hover {
  text-decoration: none;
}
#content #MainMenu02 {
  border: solid 3px #3ba2a4;
}
#content #main {
  width: 740px;
  float: left;
  display: block;
}

#content #main.inner{
  width: 1000px;
  margin: 0 auto;
  box-sizing: content-box;
  float: none;
}
 
#content #main900 {
  width: 950px;
  float: left;
  display: block;
}
#content #main h2#TopH2 {
  background-image: none;
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0;
  margin-bottom: 0;
}
#content #main h2.orange {
  background-image: url(/images/common/h2Orange530.png);
}
#content #main h3 {
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 1.2em;
  letter-spacing: -1px;
  margin-bottom: 10px;
  color: #4891CF;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 15px;
}
#content #main h3.backNone {
  background-image: none;
  background-color: transparent;
  height: 20px;
  font-size: 1.2em;
  letter-spacing: -1px;
  margin-bottom: 0;
  color: #4891CF;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 0;
  border: none;
}
#content h3#MainInfo {
  background: #FF8D6A;
  color: #fff;
  margin-bottom: 5px;
  margin-top: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#content #main .memberMerit {
  background-color: #FFF;
}
#content #main .memberMerit h3 {
  font-size: 1.4em;
  background-image: url(/images/common/bearPose.png);
  background-position: left 160px top;
  background-repeat: no-repeat;
  padding-top: 25px;
  height: 20px;
  border: none;
  color: #FF4442;
  text-align: center;
}
#content #main .memberMerit ol {
  background: #FFE5E1;
  padding: 15px;
}
#content #main .memberMerit ol li {
  list-style-type: decimal;
  font-weight: bold;
  list-style-position: outside;
  padding-left: 0.5em;
  font-size: 14px;
  margin-left: 25px;
}
#main #RegisterPersonal {
  width: 710px;
  height: 75px;
  color: #fff;
  font-size: 24px;
  ;
  font-weight: bold;
  background: #3A7EC5;
  display: block;
  margin: 15px auto 10px auto;
  border-radius: 5px;
}
#main #RegisterPersonal a {
  color: #fff;
}
#main #RegisterPersonal a span {
  width: 710px;
  height: 75px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#main #LinkPersonalRegister {
  background-image: url("/images/common/bearPose02.png");
  background-position: bottom 5px left 105px;
  background-repeat: no-repeat;
  text-align: center;
  padding: 13px
}
#main #LinkPersonalRegister a {
  color: #3A7EC5
}
#main #RegisterCramSchool {
  background-image: url("/images/common/GreenBar_1.png");
  background-repeat: no-repeat;
  width: 381px;
  height: 46px;
  display: block;
  margin: auto;
}
#main #RegisterCramSchool a {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  width: 381px;
  height: 46px;
}
#main .kakomi {
  border: solid 1px #666666;
  padding: 14px;
}
#main #RegisterCramSchool a span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 381px;
  height: 46px;
}
#RedTitle {
  color: #FF0000;
  border: solid 2px #FF0000;
  border-radius: 10px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}
#content #main table.lineOnly {
  border-left: none;
  border-right: none;
  border-bottom: none;
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8em;
  margin-bottom: 1em;
}
#content #main table.lineOnly th {
  border-left: none;
  border-right: none;
  font-weight: normal;
  padding: 7px;
  text-align: left;
  width: 150px;
}
#content #main table.lineOnly td {
  border-left: none;
  border-right: none;
  padding: 7px;
}
#content #main ul {
  font-size: 0.9em;
}
#content #main ul.margB0 {
  margin-bottom: 0;
}
#content #main ul.size1-0 {
  font-size: 1em;
}
#content #main ul li {
  list-style-type: square;
  list-style-position: outside;
  margin-top: 2px;
}
#content #main ul li.disc {
  list-style-type: disc;
  margin-left: 1em;
  margin-bottom: 0;
  line-height: 1.4em;
}
#content #main .detail {    
  margin-bottom: 3em;
}
#content #main #csrDetail {
  margin-bottom: 3em;
}

/* safari */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root #content #main ul.mainmeun00{
  padding: 3px 18px;
	}}
#content #main ul.mainmeun00 {
  padding: 3px 20px;
}
#content #main #MainMenu01 ul li {
  list-style-type: none;
  float: left;
  font-size: 17px;
  font-weight: bold;
}
#content #main #MainMenu01 ul li a span {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
}
#content #main #MainMenu01 ul li a {
  color: #000;
  height: 80px;
  display: block;
}
#MainMenu01 ul li:first-child {
  background-image: url(/images/common/imagePdf2@2x.webp);
  background-repeat: no-repeat;
  height: 70px;
  background-position: left 0 center;
  padding-left: 46px;
  margin-right: 25px;
  background-size: 38px;
  background-position: 0px 18px;
}
#MainMenu01 ul li:nth-child(2) {
  background-image: url('/images/top/top_main_icon02.png');
  background-repeat: no-repeat;
  height: 80px;
  background-position: left 0px center;
  padding-left: 69px;
  margin-right: 25px;
}
#MainMenu01 ul li:nth-child(3) {
  background-image: url('/images/top/top_main_icon03.png');
  background-repeat: no-repeat;
  height: 80px;
  background-position: left 0px center;
  padding-left: 65px;
}
#content #MainMenu01 {
  border: solid #3A7EC5 3px;
}
#content #main #MainMenu01 ul {
  height: 80px;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
#content #main #LiNkprocedurebtn a img {}
#content #main #LiNkprocedurebtn a {
  display: inline-block;
  width: 345px;
  height: 165px;
}


#content #main #MainMenu02,
#content #main #MainMenu03 {
	border: solid #ff0000 1px;
	padding: 5px;
	
}


#content #main #MainMenu02 p{
display: flex;
	align-items: center;
	justify-content: center;
}
#content #main #MainMenu02 ul li{
	list-style-type: decimal;
padding-left: .5em;

}
#content #main #MainMenu02 h3 {
 padding: 0;
 border: none;
 border-bottom: #f00 solid 1px;
 border-radius: 0;
 width: 100%;
 color: #f00;
 padding: 5px 0;

}
#content #main #MainMenu02 > div{
	display: flex;
}
#content #main #MainMenu03 p span {
  background-color: #ff0000;
  color: #fff;
  padding: 3px 6px;
  margin-right: 5px;
}
#content #main #MainMenu03{
  padding: 7px;
}
#content #main #MainMenu03 p a {
  color: #000;
  font-size: 14px;
  font-weight: bold;

}
#content #main #MainMenu03 p a:hover {
  text-decoration: none;
  color: #3A7EC5;
}
/* 2段組の場合のメインコンテンツ
	------------------------------------- */
#content #mainWide {
  width: 740px;
  float: left;
  display: block;
  position: relative;
}
#content #mainWide.message {
  margin-left:auto !important;
  margin-right:auto !important;
  float:unset;
}
#content #mainWide h2.redTitle740 { /* 赤グラデーション背景のタイトル */
  background-image: url(/images/common/h2Red740.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 20px;
  margin-bottom: 10px;
}
#content #mainWide h3 {
  background-image: url(/images/common/h3Blue740.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 30px;
  padding-top: 9px;
  padding-left: 15px;
  display: block;
  font-size: 1.25em;
  color: #4891CF;
  letter-spacing: -2px;
  font-weight: bold;
}
#content #mainWide h3.redTitle740 {
  background-image: url(/images/common/h3Red740.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 30px;
  padding-top: 9px;
  padding-left: 15px;
  display: block;
  font-size: 1.25em;
  color: #FF4442;
  letter-spacing: -2px;
  font-weight: bold;
  border: none;
  width: 740px;
}
#content #mainWide h3.noDeco {
  background-image: none;
  height: auto;
  padding: 0;
  font-size: inherit;
  color: #333;
  letter-spacing: normal;
  font-weight: bold;
  font-size: 0.9em;
  border: none;
    margin-top: 15px;
}
#content #mainWide #inputBlock .oddLine { /* Sもぎ(塾)の申し込みフォームなどで使用している　背景水色 */
  background-color: #C8DCF0;
  border: 1px solid #BFBFBF;
  width: 720px;
  padding: 10px;
  font-size: 0.8em;
  margin-bottom: 10px;
  line-height: 1.3em;
}
#content #mainWide #inputBlock .evenLine { /* Sもぎ(塾)の申し込みフォームなどで使用している　背景グレー */
  background-color: #E6E6E6;
  border: 1px solid #BFBFBF;
  width: 720px;
  padding: 10px;
  font-size: 0.8em;
  margin-bottom: 10px;
  line-height: 1.3em;
}
#content #mainWide #inputBlock .oddLine .itemLine, #content #mainWide #inputBlock .evenLine .itemLine { /*  */
  margin-bottom: 7px;
  overflow: hidden;
  position: relative;
  zoom: 1;
}
#content #mainWide #inputBlock .oddLine .itemName, #content #mainWide #inputBlock .evenLine .itemName { /*  */
  width: 11em;
  float: left;
}
#content #mainWide #inputBlock select { /*  */
	font-size: 16px;
}
_:lang(x)+_:-webkit-full-screen-document,	#content #mainWide #inputBlock select { /* border: 1px solid #999; */ } /* Safari hack */
	
#content #mainWide #inputBlock .oddLine select, #content #mainWide #inputBlock .evenLine select { /*  */
  font-size: 0.9em;
}
#content #mainWide #backBlue { /* 各種入力フォームなどで使用している　背景水色 */
  background-color: #C8DCF0;
  width: 720px;
  padding: 10px;
}
#content #mainWide #backBlue p {
  font-size: 12px;
}
#content #mainWide #backBlue table { /* 各種入力フォームなどで使用しているテーブル外枠は、2px */
  border-width: 2px;
}
#content #mainWide .detail {
  margin-bottom: 2em;
}
#content #completeFrame { /* 各種フォーム完了画面の角丸のグレー色の枠 */
  border: 3px solid #BFBFBF;
  padding: 25px;
  margin-top: 20px;
  margin-bottom: 15px;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}
#content .pinkBackFrame { /* 各種ページの角丸の背景ピンク色の枠 */
  border: 3px solid #CCCCCC;
  background-color: #FFE0DB;
  padding: 7px 10px;
  width: auto;
  margin: 5px auto;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
#content .pinkBackFrame2 { /* 各種ページの角丸ではない背景ピンク色の枠（枠線なし） */
  border: none;
  background-color: #FFE0DB;
  padding: 10px;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
#content .redFrame { /* 塾向け「総進テスト」「総進Sもぎ」の各種方法の案内ページにある赤枠ピンク背景のブロック */
  border: 1px solid #FF4442;
  background-color: #FFE0DB;
  padding: 5px;
}
#content .redFrame00 {
  border: solid 1px #f00;
  padding: 5px;
}
#content .redRadiusFrame { /* 各種ページにある赤枠角丸のブロック */
  border: 1px solid #FF4442;
  background-color: #FFF;
  padding: 5px;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}
#content .backRedRadiusFrame { /* 各種ページにある赤背景枠角丸のブロック */
  background-color: #FF4442;
  padding: 15px 10px;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}
#content .blueFrame { /* 説明会等の案内ページにある、ブルーの枠。 */
  border: 1px solid #3A7EC5;
  padding: 5px;
}
#content .blueFrame h6 { /* 説明会等の案内ページにある、ブルーの枠内のブルー背景（タイトル部分） */
  background-color: #3A7EC5;
  color: #FFF;
  padding: 3px 5px;
  font-size: 0.9em;
}
#content .blueFrame ol { /* 説明会等の案内ページにある、ブルーの枠内の番号リスト */
  margin-top: 10px;
  font-size: 0.8em;
  line-height: 1.4em;
}
#content .blueFrame ol span { /* 説明会等の案内ページにある、ブルーの枠内の番号リスト内の※印文章 */
  margin-left: 2em;
  text-indent: -1em;
  display: inline-block;
  line-height: 1.2em;
}
#content #mainWide .grayFrame { /* 各種ページの四角グレー色の枠(角丸ではなく直角) */
  border: 3px solid #BFBFBF;
  padding: 20px;
  width: 694px;
  margin-top: 20px;
  font-size: 0.95em;
  line-height: 1.3em;
}
#content #mainWide .grayFrame p { /* 各種ページの四角グレー色の枠の中のP */
}
#content #mainWide .grayFrame2 { /* 各種ページの四角グレー色の枠(角丸ではなく直角、線2px) */
  border: 2px solid #BFBFBF;
  width: auto;
  font-size: 0.95em;
  line-height: 1.3em;
}
#content #mainWide #backBlue #inputBlock h3, #content #mainWide #backBlue #confirmBlock h3 { /* 各種入力フォームなどで使用しているh3(テーブルのすぐ上の太字)は、背景画像は無に。 */
  background-image: none;
  color: #333;
  font-size: 1.1em;
  padding: 0;
  margin-top: 15px;
  line-height: normal;
  height: inherit;
  border: none;
}
/* 1段組の場合のメインコンテンツ
	------------------------------------- */
#content #mainWidest {
  width: 950px;
  display: block;
}
#content #mainWidest h2 {
  background-image: url(/images/common/h2Blue950.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 50px;
  padding-top: 10px;
  margin-bottom: 10px;
}
#content #mainWidest.top h2 {
  background: none;
  height: 1.5em;
  border-bottom: solid #FF0000 2px;
  color: #FF0000;
}
#content #mainWidest.top h3 {
  height: 2em;
  display: block;
  margin: 10px 0;
  background-color: #FFE0DB;
  line-height: 2em;
  padding-left: 1em;
  color: #FF0000;
  margin: 10px 0;
}
#content #mainWidest #backBlue { /* 各種入力フォームなどで使用している　背景水色 */
  background-color: #C8DCF0;
  width: 930px;
  padding: 10px;
  font-size: 0.9em;
  margin-top: 20px;
}
#content #mainWidest #backBlue table { /* 各種入力フォームなどで使用しているテーブル外枠は、2px */
  border-width: 2px;
}
#content #mainWidest .grayFrame { /* 各種ページの四角グレー色の枠(角丸ではなく直角) */
  border: 3px solid #BFBFBF;
  padding: 20px;
  width: 904px;
  margin-top: 20px;
  font-size: 0.95em;
  line-height: 1.3em;
}
#content #mainWidest .grayFrame p { /*  */
}
#content #mainWidest #backBlue #inputBlock h3, #content #mainWidest #backBlue #confirmBlock h3 { /*  */
  background-image: none;
  color: #333;
  font-size: 1.1em;
  padding: 0;
  margin-top: 15px;
  line-height: normal;
  height: inherit;
}
/* 塾会員　TOPページ
		------------------------------------- */
div#rightNavi li#CramRegister {
  width: auto;
  height: 78px;
  background: #DCF0F0;
}
div#rightNavi li#CramRegister > a {
  width: 198px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #333;
  padding: 0;
}
div#rightNavi #student {
  background: #FFE682;
}
div#rightNavi #School3 {
  background: #3a7ec5;
  color: #fff;
}
.OnlineTitle {
  border: solid 1px #999;
  text-align: center;
}
p.Online {
  background: #ff0000;
  color: #fff;
  height: 30px;
  margin-top: 5px;
  padding-top: 5px;
}
div#rightNavi .SchoolYear {
  background-image: url("/images/top/top_right_icon06.png");
  background-repeat: no-repeat;
  background-position: left 5px bottom 5px;
}
#main #MainMenu01 ul > li#AnnualPlan {
  background-image: url('/images/top/top_main_con05.png');
  background-repeat: no-repeat;
  height: 80px;
  background-position: left 37px bottom 19px;
  margin-left: 40px;
  padding-left: 95px;
}
#main #MainMenu01 ul > li#SoshinTest {
  background-image: url('/images/top/top_main_cone04.png');
  background-repeat: no-repeat;
  height: 80px;
  background-position: left 37px bottom 19px;
  margin-left: 30px;
}
#main #MainMenu01 ul > li#Nittei {
  background-image: url('/images/top/top_main_icon0201.png');
  background-repeat: no-repeat;
  height: 80px;
  background-position: left 0px bottom 20px;
  padding-left: 65px;
  margin-left: 30px;
}
#main #MainMenu01 ul > li#Kaisuken {
  background-image: url('/images/top/top_main_icon0301.png');
  background-repeat: no-repeat;
  height: 80px;
  background-position: left 0px bottom 15px;
  padding-left: 80px;
  margin-left: 30px
}
#main #MainMenu01 ul > li#Yoyaku {
  background-image: none;
}
	#main #MainMenu01 ul > li#Nittei {
  background-image: url('/images/top/top_main_icon0201.png');
  background-repeat: no-repeat;
  height: 80px;
  background-position: left 0px bottom 20px;
  padding-left: 59px;
  margin-left: 30px;
}
#main #MainMenu01 ul > li#Kaisuken {
  background-image: url('/images/top/top_main_icon0301.png');
  background-repeat: no-repeat;
  height: 80px;
  background-position: left 0px bottom 15px;
  padding-left: 65px;
  margin-left: 30px
}
#main #MainMenu01 ul > li#Yoyaku {
  background-image: none;
}
#MainMenu01.smogi ul{
	padding: 0 10px;
}
#content #main #MainMenu01.smogi ul li{
margin-right: 20px!important;
font-size: 15px!important;
}
#content #main #MainMenu01.smogi ul li:last-child{
margin-right: 0px!important;

}
	#MainMenu01 ul li#Nittei_cram{
		background: none;
		padding: 0;
	}
/* 会社概要で使用している矢印のリスト項目
		------------------------------------- */
#container #content ul.arrowList {
  background-color: #C8DCF0;
  padding: 9px 10px;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  width: 720px;
}
#container #content ul.arrowListInline > li {
  background-image: url(/images/common/list_arrowOrange.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 15px;
  width: auto;
  display: block;
  margin: 0 2em 0 0;
  line-height: 1.4em;
  list-style-type: none;
  display: inline;
  font-size: 14px !important;
}
#container #content ul.arrowList > li {
  background-image: url(/images/common/list_arrowOrange.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 15px;
  width: auto;
  display: block;
  margin: 0 2em 0 0;
  line-height: 1.4em;
  list-style-type: none;
  font-size: 14px !important;
}
#container #content ul.arrowList div li {/*二列ある時用*/
  background-image: url(/images/common/list_arrowOrange.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 15px;
  width: auto;
  display: block;
  margin: 0 2em 0 0;
  line-height: 1.4em;
  list-style-type: none;
  font-size: 14px !important;
}
#container #content ul.arrowList.disinline > li { /*横並びの場合*/
  display: inline;
}
/* 会社概要
		------------------------------------- */
table.blue th, table.blue td {
  text-align: left;
  vertical-align: middle;
  padding: 10px;
  font-size: 14px;
}
table.lineOnly {
  border: none !important;
}
table.lineOnly th, table.lineOnly td {
  border-top: solid 1px #B3B3B3 !important;
  border-bottom: solid 1px #B3B3B3 !important;
  border-left: none !important;
  border-right: none !important;
  padding: 15px 0
}
table.lineOnly th {
  width: 160px !important;
  text-align: left;
  font-weight: normal !important;
}

.company_about th{
	width: 160px!important;
	box-sizing: border-box;
	text-align: left!important;
	background: #d1e2f2!important;
}
/* 会社概要 営業品目（緑の枠のリスト）
		------------------------------------- */
#content #main h5.green {
  background-color: #537990;
  font-size: 1em;
  padding: 6px;
  color: #FFFFFF;
}
#content #main ul.green {
  border: 1px solid #537990;
}
#content #main ul.green li {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 1.4em;
  margin-bottom: 5px;
  margin-top: 2px;
  line-height: 1.2em;
}
.Eigyo li {
  list-style-type: square;
  list-style-position: outside;
  margin: 5px 20px 0 13px;
  font-size: 14px;
}
/* 会社概要 社長あいさつ
		------------------------------------- */
#content #main #greeting {
  background-image: url(/images/common/frame01.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 488px;
  height: 128px;
  padding: 15px 20px;
  font-size: 0.9em;
}
div#greeting {
  background: #f2f2f2;
  border: solid 2px #ccc;
  border-radius: 10px;
}
div#greeting p {
  font-size: 14px;
}
#content #main #greeting #sign {
  text-align: right;
  margin-top: 15px;
}
/* 総進Ｓもぎ自宅受験
		------------------------------------- */
.redbtn {
  background: #FF0000;
  border-radius: 5px;
  margin-top: 10px;
  display: block;
}
.redbtn a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.redbtn a span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.redbtn00 {
  background: #FF0000;
  border-radius: 5px;
  margin-top: 10px;
  display: table;
}
.redbtn00 a,
.redbtn00 input,.redbtn00 button {
  display: table-cell;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.redbtn00 input ,.redbtn00 button {
	outline: none;
	width: 100%;
	border: none;
}
.redbtn345 {
  width: 345px;
height: 60px;
}
.redbtn345 input,.redbtn345 button {
  width: 345px;
height: 60px;
}

.payMethodredbtn365 a{
  width: 365px;
height: 50px;
}
.redbtn305 {
  width: 305px;
  height: 40px;
}
.redbtn305 input {
  width: 305px;
  height: 40px;
}
.redbtn365 {
  width: 365px;
  height: 45px;
}
.redbtn365 a {
  width: 365px;
  height: 45px;
}
.redbtn365 a span {
  width: 365px;
  height: 45px;
}
.coupon00 {
  border: solid 1px #f00;
  padding: 10px;
  float: left;
  width: 343px;
  height: 150px;
}
.coupon00 dt {
  color: #f00;
  font-size: 16px;
  font-weight: bold;
}
.AttentionHome00 {
  color: #f00;
  border: solid 1px #f00;
  background: #ffe5e1;
  border-radius: 20px;
  text-align: center;
  padding: 9px;
  font-size: 18px;
  font-weight: bold;
}
.AttentionHome {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border-radius: 10px;
  border: solid 2px #f00;
  background: #ffe0db;
  padding: 15px;
}
.AttentionHome dt {
  color: #f00;
  margin-bottom: 30px;
}
.AttentionHome dd {
  line-height: 1.6;
}
        #applicationAttention{
        border: solid 4px #f00;
        border-radius: 30px;
        padding: 15px 30px;
    }

.waku {
  border: solid 1px #999;
  padding: 10px 20px;
}
.waku ul li {
  padding-bottom: 5px;
}
.waku00 ul li {
  padding-bottom: 0;
}
#content h4.homeH4 {
  font-size: 1.2em;
  color: #fff;
  padding: 6px 5px;
  margin-bottom: 15px;
}
#content h4.homeH4.green {
  background: #3BA2A4;
}
#content h4.homeH4.pink {
  background: #fb6666;
}
#content h4.homeH4.orange {
  background: #ff9933;
}
div#content #main530 .buttonList.w345 {
  background: url("/images/examathome/btn345.png");
  background-repeat: no-repeat;
  width: 345px;
  height: 41px;
}
div#content #main530 .buttonList.w385 {
  background: url("/images/examathome/btn385.png");
  background-repeat: no-repeat;
  width: 385px;
  height: 41px;
}
div#content #main530 table.payment td {
  vertical-align: middle;
}
div#content #main530 table.payment th {
  background: #e6e6e6;
  border: 1px solid #999;
  padding: 7px;
  text-align: left;
}
div#content #main530 table.payment th.green {
  background: #dcf0f0;
  vertical-align: middle;
  width: 108px;
}
div#content #main530 div table.blue th {
  background: #d6ebff;
  border: 1px solid #999;
  padding: 7px 10px;
  width: 120px;
  text-align: center;
}
div#content #main530 table.blue {
  margin-top: 15px;
}
div#content #main530 table.blue td {
  padding: 7px 15px;
}
div#content #main530 table.Subject th {
  text-align: left;
  font-weight: normal;
  padding: 10px 5px 10px 15px;
}
div#content #main530 table.Subject td {}
div#content #main530 .homearrow {
  margin: 10px 0 10px 35px;
  width: 61px;
  height: 29px;
}
/* Sもぎ受験のススメ！
		------------------------------------- */
h4#because {
  background: #F93;
  height: 38px;
  width: 740px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
}
.ImgCenter {
  display: block;
  margin: auto;
}
.becau {
  font-size: 15px;
  border-bottom: dotted 1px #666;
  margin-bottom: 8px;
  font-weight: bold;
  padding: 0 11px 10px 55px;
}
#content #because01 {
  background-image: url("/images/personal/smogi_icon01.png");
  background-repeat: no-repeat;
  background-position: top 1px left 2px;
  margin-top: 18px;
}
#content #because02 {
  background-image: url("/images/personal/smogi_icon02.png");
  background-repeat: no-repeat;
  background-position: top 1px left 2px;
}
#content #because03 {
  display: table-cell;
  width: 740px;
  height: 85px;
  background: #FFE0DB;
  font-size: 18px;
  font-weight: bold;
  border-radius: 10px;
  vertical-align: middle;
  padding: 0 16px;
}
#content .becau01 {
  font-size: 15px;
  border-bottom: dotted 1px #666;
  font-weight: bold;
  padding: 12px 11px 12px 55px;
  margin: 2px auto;
}
#content #tokutyo01 {
  background-image: url("/images/personal/smogi_icon01.png");
  background-repeat: no-repeat;
  background-position: top 1px left 2px;
}
#content #tokutyo02 {
  background-image: url("/images/personal/smogi_icon02.png");
  background-repeat: no-repeat;
  background-position: top 1px left 2px;
}
#content #tokutyo03 {
  background-image: url("/images/personal/smogi_icon03.png");
  background-repeat: no-repeat;
  background-position: top 1px left 2px;
}
#content #tokutyo04 {
  background-image: url("/images/personal/smogi_icon04.png");
  background-repeat: no-repeat;
  background-position: top 1px left 2px;
}
#HighSchool {}
#HighSchool tr th :nth-child(odd) {
  background: #F2F2F2;
}
.HighSchool td {
  vertical-align: middle;
  padding-left: 10px;
}
/* 受験料・お申込み方法
		------------------------------------- */
.payMethod .Price {
  background: #ffe5e1;
  font-size: 18px;
  font-weight: bold;
  padding: 30px 10px;
  margin-bottom: 20px;
}
.payMethod .Price span {
  font-size: 24px;
  color: #f00;
}
#content .payMethod .application table th {
  vertical-align: middle;
  background: #e6e6e6;
  font-weight: normal;
}
#content .payMethod .application table td {
  padding: 5px;
  font-size: 14px;
  vertical-align: middle;
}
#content h4.priceh4 {
  margin-top: 30px;
  font-size: 18px;
}
#content h4.Attentionh4 {
  color: #f00;
  font-size: 16px;
  margin-top: 20px;
}
.priceAttention {
  border: solid 1px #f00;
  padding: 10px 20px;
}
.priceAttention p {
  font-size: 14px;
}
.priceAttention ul {
  text-indent: -2em;
  padding-left: 1em;
  font-size: 14px;
  margin-left: 1em;

}
.priceAttention ul > ul{
text-indent: -3em;
padding-left: 1em;
font-size: 14px;
margin-left: 1em;
margin-bottom: 30px;
}
    .convenience{
        clear: both;
    }
    .convenience p{
        float: left;
        width: 115px;
        height: 50px;
        text-align: center;
position: relative;
    }
    .convenience .convenience_btn{
    float: left;
        background-color: #e6f0ff;
border: #3a7ec5 solid 1px;
width: 345px;
height: 50px;
border-radius: 5px;
margin-left: 15px;
margin-bottom: 20px;
    }
        .convenience .convenience_btn a{
        font-size: 15px;
    font-weight: bold;

    }
.secure3d p {
  margin: 1em 0 2em;
}
.secure3d p.info {
  border: solid 2px #ff0000;
  border-radius: 2em;
  padding: 15px;
  margin: 2em 0 1em;
  text-align: center;
  color: #ff0000;
  font-size: 1.2rem;
  font-weight: bold;
}
.secure3d p.catch {
  font-size: 1.1rem;
  text-align: center;
  font-weight: bold;
  margin: 0 0 1em;
}
.secure3d p.date {
  text-align: right;
  margin-bottom: 1rem;
}
.secure3d h5 {
  background-color: #ffe5e1;
  color: #ff0000;
  padding: 5px 3px;
}
.Convenience_deadline h4{
  font-size: 15px;
  color: #ff0000;
  font-weight: bold;
  border-bottom: solid 1px;
  padding-bottom: 3px;
  margin-bottom: 10px;
}
.Convenience_deadline > p{
  background: #ffe5e1;
  font-size: 15px;
  color: #ff0000;
padding: 2px;
font-weight: bold;
margin-bottom: 10px;
}

.Convenience_deadline > ul li{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;

}
.Convenience_deadline > ul li span{
  font-weight: normal;
  text-indent: -1em;
  margin-left: 1em;
  display: block;
}


/* 総進Ｓもぎ受験にあたって
		------------------------------------- */
.Belongings {
  background: #DCF0F0;
  width: 120px !important;
  font-size: 14px;
  text-align: left;
  text-indent: 10px
}
.attentio01 {
  font-size: 16px;
}
.uniform-attention{
  display: flex;
  gap: 1rem;
  align-items: center;
}
.uniform-attention p span{
  color: #f00000;
  font-size: 21px;
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}
/* 年間実施予定・出題範囲予定
		------------------------------------- */
.planyear {
  font-size: 19px !important;
  color: #3A7EC5;
}
table.smogiplan00 th.greenback {
  background: #dcf0f0;
}
table.smogiplan00 th.orangeback {
  background: #fdd5ad;
}
table.smogiplan00 th.blueback {
  background: #c8dcf0;
}
table.smogiplan00 td {
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}
table.smogiplan00 td:nth-child(3) {
  text-align: left;
}
table.smogiplan00 th {
  font-size: 13px;
  vertical-align: middle;
  background: #e6e6e6;
}
#content table .w100 {
  width: 100px;
}
#content table .w120 {
  width: 120px;
  vertical-align: middle;
}
#content table .w180 {
  width: 180px;
}
#content table .w140 {
  width: 140px;
}
#content table tr.h50 {
  height: 50px;
  background: #E6E6E6;
}
.daysProgram, .checkAndSee {
  padding: 10px 5px 15px 5px;
}
.checkAndSee {
  text-align: center;
  vertical-align: middle;
}
.checkAndSee01 {
  vertical-align: middle;
  padding: 10px 5px 10px 15px;
}
tr.h50 th {
  text-align: center;
  vertical-align: middle;
}
#content #main530 h5.green {
  background-color: #537990;
  font-size: 1em;
  padding: 6px;
  color: #FFFFFF;
}
.testScope tr th {
  background-color: #DCF0F0;
	padding: 5px;
}
#content .nittei01 {
  color: #3A7EC5;
  font-size: 14px;
}
#content .nittei {
  text-align: right;
  color: #3A7EC5;
  font-size: 14px;
}
/* 総進Sもぎお申込みにあたって
		------------------------------------- */
li.SubMeun5 {
  display: inline !important;
  font-weight: normal !important;
}

div#content #main530 .Online_btn .buttonList{
	width: 360px;
height: 40px;
font-size: 18px;
font-weight: bold;
padding-left: 10px;
background-color: #f0f0f0;
border: #ccc solid 2px;
border-radius: 5px;
display: block;
position: relative;
	box-sizing: border-box;
	background-image: none;
}
div#content #main530 .Online_btn .buttonList::after{
	background-image: url("/images/common/arrowrRight.png");
background-repeat: no-repeat;
content: "　";
position: absolute;
left: 91%;
bottom: 15%;
}
div#content #main530 div.buttonList {
  width: 351px;
  height: 41px;
  background-image: url("/images/common/btn350px.png");
  background-repeat: no-repeat;
}
div#content #main530 div.buttonList.w400 {
  width: 400px;
  background-image: url("/images/common/btn400px.png");
}
div#content div.buttonList a {
  color: #F00;
  font-size: 15px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  width: 351px;
  height: 41px;
  padding-left: 10px;
}
div#content div.buttonList.w400 a {
  width: 400px;
}
div#content div.buttonList a span {
  display: table-cell;
  vertical-align: middle;
}
div#content li.Convencard {
  float: left;
  display: block;
  width: 344px;
  height: 108px;
  background: #FFEBBE;
  border: solid 1px #FFA841;
  border-radius: 10px;
  padding: 10px;
}
/* 
自宅受験　詳しい日程
		------------------------------------- */
.examathomePlan th {
  vertical-align: middle;
  background: #e6f0ff;
}
.examathomePlan .before {
  margin: 0 2rem;
  background-color: #3A7EC5;
  color: #fff;
}
.examathomePlan .expire {
  margin: 0 2rem;
  padding: 8px 0;
  background-color: #000;
  color: #fff;
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root body#examinationProgram  #content #container .examathomePlan th p {
        width: 6em!important;
    }
}
    /* Edge(Chromium) */
_:lang(x)::-ms-, body#examinationProgram  #content #container .examathomePlan th p {
    width: 6em!important;
    }

/* 
Ｓもぎ個人会員登録のススメ！
		------------------------------------- */
#content .detail .Benefits {
  background: #FFE5E1;
  display: block;
  width: auto;
  height: auto;
  font-size: 14px;
  padding: 15px 20px 15px 40px;
}
#content .detail .Benefits li {
  list-style: decimal;
  font-weight: bold;
  padding-left: 10px;
}
#content .detail .blueNumList > li {
  color: #3A7EC5;
  font-size: 16px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 30px
}
#content .detail .blueNumList > li p {
  color: #000;
  font-size: 14px;
  font-weight: normal;
}
.flowList li {
  color: #000;
  font-size: 14px;
  font-weight: normal;
}
#content .detail .blueNumList > li p.MailError {
  font-size: 15px;
  font-weight: bold;
  color: #3A7EC5;
  background: #FFDD33;
  border: solid 2px #3A7EC5;
  width: 225px;
  height: 21px;
  padding: 2px 0 2px 25px;
  background-image: url("/images/common/num-icon01.png");
  background-repeat: no-repeat;
  background-position: top 7px left 6px;
}
p.MailError {
  font-size: 15px;
  font-weight: bold;
  color: #3A7EC5;
  background: #FFDD33;
  border: solid 2px #3A7EC5;
  width: 225px;
  height: 21px;
  padding: 2px 0 2px 25px;
  background-image: url("/images/common/num-icon01.png");
  background-repeat: no-repeat;
  background-position: top 7px left 6px;
}
#content .detail .blueNumList > li p.MailError a:hover {
  color: #3A7EC5;
}
#content .detail .blueNumList > li p.ButtonRegistration {
  font-size: 18px;
  background: #3A7EC5;
  font-weight: bold;
  color: #fff;
  width: 420px;
  height: 55px;
  border-radius: 10px;
  text-align: center;
}
#content .detail .blueNumList > li p.ButtonRegistration a {
  color: #fff;
}
#content .detail .blueNumList > li p.ButtonRegistration span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 55px;
  width: 420px;
}
#content .detail .blueNumList > li#num01 {
  background-image: url("/images/common/listNum01.png");
  background-repeat: no-repeat;
  background-position: top 2px left 0px;
}
#content .detail .blueNumList > li#num02 {
  background-image: url("/images/common/listNum02.png");
  background-repeat: no-repeat;
  background-position: top 2px left 0px;
}
#content .detail .blueNumList > li#num03 {
  background-image: url("/images/common/listNum03.png");
  background-repeat: no-repeat;
  background-position: top 2px left 0px;
}
#content .detail .blueNumList > li#num04 {
  background-image: url("/images/common/listNum04.png");
  background-repeat: no-repeat;
  background-position: top 2px left 0px;
}
#content .detail .blueNumList > li#num05 {
  background-image: url("/images/common/listNum05.png");
  background-repeat: no-repeat;
  background-position: top 2px left 0px;
}
#content .detail .blueNumList > li#num06 {
  background-image: url("/images/common/listNum06.png");
  background-repeat: no-repeat;
  background-position: top 2px left 0px;
}
#content .detail .blueNumList > li#num07 {
  background-image: url("/images/common/num07.png");
  background-repeat: no-repeat;
  background-position: top 2px left 0px;
}
.procedure00 {
  font-size: 14px;
}
.procedure00 img {
  margin: auto;
  display: block;
}

.procedureBtnBox {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}

.procedureBtnBox > div:nth-child(2) {
  border: solid 1px #00c300;
  padding-top: 0;
}

.procedureBtnBox > div:nth-child(2) > h4 {
  font-size: 18px !important;
  padding: 10px 5px;
  color: #fff;
  background: #00c300;
  font-weight: bold;
  text-align: center;
}
.procedureBtn-text{
  padding: .5rem;
  color: #00c300;
  font-size: 18px;
  font-weight: bold;

}
.procedureBtn-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px 10px;
}
.procedureBtn p{
  text-align: center;
}
.procedureBtn p > span::after {
  content: "▼";
  display: block;
  margin-left: 0.25em;
  font-size: 0.9em;
  color: #00c300;
}
.procedureBtn a{
  background: #00c300;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  padding: 10px 5px;
  display: block;
  text-align: center;
  margin-top: 5px;
}
.procedureBtn a span{
  font-size: 14px;
  display: block;
}
.procedureBtn {
  width: 48%;
}
#content .detail #mail {
  padding-bottom: 15px;
  border-bottom: solid 2px #FF9933;
}
#content .detail #line {
  padding-bottom: 15px;
  border-bottom: solid 2px #00C300;
}
#content .detail #QR {
  padding-bottom: 15px;
  border-bottom: solid 2px #2EB8BE;
}
.procedure00 .Methodimg {
  margin-top: 10px;
  margin-bottom: 5px;
}
.procedure00 .Methodarrow {
  margin-bottom: 20px;
}
#content .detail h4.procedure {
  font-size: 24px;
  font-weight: bold;
  padding: 0 0 5px 40px;
  background-repeat: no-repeat;
}
#content .detail h4#h4mail {
  color: #FF9933;
  border-bottom: solid #FF9933;
  background-image: url("/images/register/iconmail.png");
  background-position: left 2px top 0px;
}
#content .detail h4#h4line {
  color: #00C300;
  border-bottom: solid #00C300;
  background-image: url("/images/register/lineicon.png");
  background-position: left 2px top 0px;
  padding-top: 5px;
}
#content .detail h4#h4QR {
  color: #2EB8BE;
  border-bottom: solid #2EB8BE;
  background-image: url("/images/register/QRicon.png");
  background-position: left 2px top 0px;
  padding-top: 5px;
}
#content .detail h5.h5comon {
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
  padding: 5px 15px;
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 16px;
}
#content .detail h5.h5mail {
  background: #FF9933;
}
#content .detail h5.h5line {
  background: #00C300;
}
#content .detail h5.h5QR {
  background: #2EB8BE;
}
.Registrationlink {
  border-radius: 5px;
  width: 470px;
  height: 45px;
  margin: auto;
  display: block;
  margin-top: 35px;
}
.Registrationlink a {
  width: 470px;
  height: 45px;
  display: block;
}
.Registrationlink a span {
  display: table-cell;
  width: 470px;
  height: 45px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
}
/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root #linkMail {
    background-position: top 11px left 19px;
  }
}
#linkMail {
  border: solid 2px #FF9933;
  background-image: url("/images/register/iconmail.png");
  background-repeat: no-repeat;
  background-position: top 11px left 26px;
}
#linkMail a {
  color: #FF9933;
}
#linkLine {
  border: solid 2px #00C300;
  background-image: url("/images/register/lineicon.png");
  background-repeat: no-repeat;
  background-position: center left 60px;
}
#linkLine a {
  color: #00C300;
}
#QRLine {
  border: solid 2px #2EB8BE;
  background-image: url("/images/register/QRicon.png");
  background-repeat: no-repeat;
  background-position: center left 60px;
}
#QRLine a {
  color: #2EB8BE;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root #linkLine, #QRLine {
    background-position: center left 55px
  }
  .pgend110 {
    margin-bottom: 110px;
  }
  /* プライバシーポリシー
		------------------------------------- */
  #content #main h3#csr {
    background: #3DB69D;
    height: auto;
    margin-bottom: 10px;
    padding: 15px 0 15px 10px;
    ;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    border: none;
    border-radius: 0;
    width: 730px;
  }
  #content #main #csrDetail h4 {
    border-top: 1px solid #4891CF;
    border-bottom: 3px solid #4891CF;
    padding: 10px 0;
    color: #4891CF;
    font-size: 18px;
    margin-bottom: 15px;
  }
  #content #main #csrDetail ul li {
    list-style-position: inside;
    font-size: 12px;
    margin-bottom: 20px;
  }
  /* 利用規約
		------------------------------------- */
  #content #main .userAgreementBlock {
    margin-bottom: 1.5em;
    font-size: 14px;
  }
  #content #main .userAgreementBlock h4 {
    background-image: none;
    padding: 0;
    color: #4891CF;
    font-size: 1.1em;
    margin-bottom: 0;
    height: auto;
    font-size: 14px;
  }
  #content #main .userAgreementBlock p {
    margin: 0 0 0 20px;
    font-size: 0.9em;
    line-height: 1.3em;
  }
  #content #main .userAgreementBlock p.indent {
    text-indent: -3em;
    margin-left: 4em;
  }
  /* 
特定商取引に関する表示
		------------------------------------- */
  table.tokutei th, table.tokutei td {
    padding: 10px 0 10px 10px;
    font-size: 14px;
  }
  table.tokutei th {
    text-align: left;
    width: 188px !important;
  }
  table.tokutei td {
    padding-right: 10px;
  }
  /* 採用情報
		------------------------------------- */
  #content #main #status {
    background-image: url("/images/common/frame02.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 80px;
  }
  #content #main #status h3 {
    background-image: none;
    background-color: transparent;
    color: #FFF;
    text-align: center;
    font-size: 1.2em;
    padding-top: 5px;
    margin-bottom: 0;
    border: none;
  }
  #content #main #status p {
    text-align: center;
    color: #F00;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #content #main .saiyo td, #content #main .saiyo th {
    padding: 10px 0 10px 10px;
  }
  #content #main .saiyo th {
    text-align: left;
  }
  /* ログインブロック（/include/login.tpl.php）
		------------------------------------- */
  #content #main #mainLoginBlock { /* ログインブロック（/template/include/login.tpl.php全体） */
    width: 740px;
    text-align: center;
    font-size: 0.8em;
    margin-bottom: 15px;
  }
  #content #main #mainLoginBlock #inputBlock { /* 背景色が薄緑のブロック */
    display: block;
    background-color: #DCF0F0;
    padding: 20px 10px 10px 10px;
    margin: 5px auto 10px auto;
    font-size: 1.2em;
  }
  #content #main #mainLoginBlock #inputBlock .inputLine { /* ラベルとテキストフィールドの1行 */
    margin-bottom: 10px;
  }
  #content #main #mainLoginBlock #inputBlock .inputLine input { /* テキストフィールド */
    width: 390px;
    margin-left: 10px;
  }
  #content #main #mainLoginBlock #inputBlock p.error { /* ログインエラーのメッセージ */
    width: 350px;
    margin-left: 0;
    text-align: center;
  }
  #content #main #mainLoginBlock #check { /* ログインブロック「ログインIDをクッキーに保存する」の文章ブロック */
    margin-bottom: 10px;
  }
  #content #main #mainLoginBlock #buttonBlock { /* ログインブロックのボタンブロック */
    margin-bottom: 15px;
  }
  #content #main #mainLoginBlock #loginButtonCram { /* ログインボタン */
    display: block;
    background-image: url(/images/form_button/btn_login.png);
    width: 146px;
    height: 35px;
    text-indent: -999em;
    margin: auto;
    border: none;
  }
  #content #main #mainLoginBlock #loginButton { /* ログインボタン */
    display: block;
    width: 300px;
    height: 45px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin: auto;
    border: none;
    background-color: #ff9933;
    border-radius: 5px;
    background-image: url("/images/common/arrowRight.png");
    background-repeat: no-repeat;
    background-position: center right 15px;
  }
  #content #main #mainLoginBlock #loginButton.inquiry { /* ログインボタン */
  }
  #content #main #mainLoginBlock p { /* ログインブロック全体のp */
    line-height: 1.2em;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
  }
  #content #main #mainLoginBlock p#forget,#content #main #mainLoginBlock p#idforget { /* 「パスワード」「ID」を忘れた方へのテキストリンク */
    width: 95%;
		text-align:left;
		text-indent: -1em;
		padding-left:1em;
  }
  #content #main #mainLoginBlock p#forgetCramSchool { /* 「パスワード」「ID」を忘れた方へのテキストリンク(塾向け) */
    width: 280px;
  }
  #content #main #mainLoginBlock .deltaBlue { /* テキストリンクの頭に右向き三角ボタンをつける */
    background-image: url(/images/common/listMarkDeltaBlue.png);
    background-position: left 5px;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 20px;
    margin-left: 2px;
  }
  #content #main #forgotBlock {
    width: 720px;
    padding: 10px;
    text-align: center;
    font-size: 0.8em;
    border: 1px solid #BFBFBF;
    margin-bottom: 15px;
  }
  #content #main #forgotBlock p { /* （ID・パスワード忘れ共通）メールアドレス入力ブロックより上の文章 */
    line-height: 1.2em;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  #content #main #forgotBlock form p { /* （ID忘れ）個人会員が登録アドレスを忘れた場合の案内文 */
    text-align: left;
    line-height: 1.2em;
    margin-bottom: 10px;
    width: 390px;
    margin-right: auto;
    margin-left: auto;
  }
  #content #main #forgotBlock .deltaBlue { /* （ID・パスワード忘れ共通）テキストリンクの頭に右向き三角ボタンをつける */
    background-image: url(/images/common/listMarkDeltaBlue.png);
    background-position: left 5px;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 20px;
    margin-left: 2px;
  }
  #content #main #forgotBlock #inputBlock { /* （ID・パスワード忘れ共通）背景色が薄緑のブロック */
    display: block;
    background-color: #DCF0F0;
    width: 700px;
    padding: 10px 10px 5px 10px;
    margin: 5px auto 10px auto;
    font-size: 1.2em;
  }
  #content #main #forgotBlock #inputBlock .inputLine { /* （ID・パスワード忘れ共通）ラベルとテキストフィールドの1行 */
    margin-bottom: 10px;
  }
  #content #main #forgotBlock #inputBlock .inputLine input { /* （ID・パスワード忘れ共通）テキストフィールド */
    width: 390px;
    margin-left: 10px;
  }
  #content #main #forgotBlock #buttonBlock { /* （ID・パスワード忘れ共通）ボタンブロック */
    margin-bottom: 15px;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  #content #main #forgotBlock #sentButton { /* （ID・パスワード忘れ共通）送信ボタン */
    display: block;
    background-image: url(/images/form_button/btn_sent.png);
    width: 145px;
    height: 35px;
    text-indent: -999em;
    margin: auto;
    border: none;
  }
  #content #main #forgotBlock #backTopButton { /* （ID・パスワード忘れ共通）「TOPへ」ボタン */
    background-image: url(/images/form_button/btn_top.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 107px;
    height: 35px;
    text-indent: -999em;
    border: none;
    display: block;
    margin: 10px auto 0 auto;
  }
  #content #main #loginErrorBlock { /* ログインエラーのブロック */
    border: 3px solid #BFBFBF;
    padding: 40px 20px;
    width: 484px;
    margin-top: 0;
    font-size: 0.95em;
  }
  #content #main #loginErrorBlock h3 { /* ログインエラーブロックのh3 */
    background-image: url(/images/common/list_exclamation.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.2em;
    width: 12em;
    padding-left: 26px;
    padding-top: 0;
    letter-spacing: 0;
    color: #FB6549;
    height: 26px;
    margin: 0 auto 15px auto;
  }
  #content #main #loginErrorBlock p { /* ログインエラーブロックのp */
    text-align: center;
    font-size: 0.8em;
    line-height: 1.2em;
  }
  #content #main #backButton { /* 戻るボタン */
    display: block;
    background-image: url(/images/form_button/btn_back.png);
    width: 107px;
    height: 35px;
    text-indent: -999em;
    margin: 20px auto;
    border: none;
  }
  #content #main #login_pwd {
    width: 360px !important;
  }
  #content #main .toggle-icon {
    cursor: pointer;
    font-size: 1.2em;
    margin-left: 5px;
  }
  #content #main .toggle-icon.fa-eye-slash {
    margin-left: 3px;
  }


  /* ログインページ
		------------------------------------- */
  #content #main .detail #leadRegister { /* 会員でない方を会員登録フォームへ誘導するブロック */
    background-color: #C8DCF0;
    width: 530px;
    padding: 10px 0;
  }
  #content #main .detail #leadRegister01 { /* 会員でない方を会員登録フォームへ誘導するブロック */
    background-color: #DCF0F0;
    width: 740px;
    padding: 10px 0;
    height: 84px;
  }
  #content #main .detail #leadRegister ul {
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
    margin-bottom: 0;
  }
  #content #main .detail #leadRegister ul li { /* 各会員登録フォームへのボタンが入る */
    margin: 6px;
    list-style-type: none;
    width: 250px;
    float: left;
    display: block;
  }
  #content #main .detail #leadRegister ul li a { /* 各会員登録フォームへのボタンを表示 */
    text-indent: -999em;
    width: 250px;
    height: 97px;
    display: block;
    background-color: #C8DCF0;
    margin-top: 5px;
  }
  #content #main .detail #leadRegister ul li#personalRegister a { /* 個人会員登録フォームへのボタン */
    background-image: url(/images/member/btn_registPersonal.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadRegister ul li#cramSchoolRegister a { /* 塾会員登録フォームへのボタン */
    background-image: url(/images/member/btn_registCramSchool.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail .leadRegister { /* 会員でない方を会員登録フォームへ誘導するブロック(201410 会員登録TOPページのデザイン変更により、2箇所からのリンクになった。classを作成。) */
    background-color: #C8DCF0;
    width: 530px;
    padding: 10px 0;
  }
  #content #main .detail .leadRegister ul {
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
    margin-bottom: 0;
  }
  #content #main .detail .leadRegister ul li { /* 各会員登録フォームへのボタンが入る(201410 会員登録TOPページのデザイン変更により、2箇所からのリンクになった。classを作成。) */
    margin: 6px;
    list-style-type: none;
    width: 250px;
    float: left;
    display: block;
  }
  #content #main .detail .leadRegister ul li a { /* 各会員登録フォームへのボタンを表示(201410 会員登録TOPページのデザイン変更により、2箇所からのリンクになった。classを作成。) */
    text-indent: -999em;
    width: 250px;
    height: 97px;
    display: block;
    background-color: #C8DCF0;
    margin-top: 5px;
  }
  #content #main .detail .leadRegister ul li.personalRegister a { /* 個人会員登録フォームへのボタン(201410 会員登録TOPページのデザイン変更により、2箇所からのリンクになった。classを作成。) */
    background-image: url(/images/member/btn_registPersonal.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail .leadRegister ul li.cramSchoolRegister a { /* 塾会員登録フォームへのボタン(201410 会員登録TOPページのデザイン変更により、2箇所からのリンクになった。classを作成。) */
    background-image: url(/images/member/btn_registCramSchool.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadRegisterBlue { /* 会員でない方を会員登録フォームへ誘導するブロック(濃い青色) */
    background-color: #4891CF;
    width: 530px;
    padding: 10px 0;
  }
  #content #main .detail #leadRegisterBlue ul {
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
    margin-bottom: 0;
  }
  #content #main .detail #leadRegisterBlue ul li { /* 各会員登録フォームへのボタンが入る */
    margin: 6px;
    list-style-type: none;
    width: 250px;
    float: left;
    display: block;
  }
  #content #main .detail #leadRegisterBlue ul li a { /* 各会員登録フォームへのボタンを表示 */
    text-indent: -999em;
    width: 250px;
    height: 97px;
    display: block;
    background-color: #4891CF;
    margin-top: 5px;
  }
  #content #main .detail #leadRegisterBlue ul li#orderNonRegist a { /* 会員登録せずに申し込みボタン */
    background-image: url(/images/order/personal/btn_orderNonRegist.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadRegisterBlue ul li#orderRegist a { /* 会員登録して申込みボタン */
    background-image: url(/images/order/personal/btn_orderRegist.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadRegisterBlue ul li#reserveNonRegist a { /* 会員登録せずに予約ボタン */
    background-image: url(/images/reserve/sMogi/btn_reserveNonRegist.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadRegisterBlue ul li#reserveRegist a { /* 会員登録して予約ボタン */
    background-image: url(/images/reserve/sMogi/btn_reserveRegist.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadRegisterBlue ul li#changeNonRegist a { /* 会員登録せずに変更ボタン */
    background-image: url(/images/reserve/sMogi/btn_changeNonRegist.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadRegisterBlue ul li#changeRegist a { /* 会員登録して変更ボタン */
    background-image: url(/images/reserve/sMogi/btn_reserveRegist.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #FaxAddPupilBlock { /* 塾生登録についてネット登録ではなく、FAX登録を希望される方へのご案内ブロック */
    background-color: #E1F2F2;
    border: 1px solid #A8A8A8;
    padding: 15px;
  }
  #content #FaxAddPupilBlock h3 {
    background-image: url(/images/member/image_fax.png);
    background-color: #4891CF;
    background-position: 10px 5px;
    padding: 7px 10px 1px 44px;
    color: #FFF;
    font-size: 1.3em;
    height: 27px;
    letter-spacing: normal;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
  }
  #content #FaxAddPupilBlock p {
    font-size: 0.9em;
  }
  #content #FaxAddPupilBlock ul {
    font-size: 0.9em;
  }
  #content #FaxAddPupilBlock ul li {
    font-weight: bold;
    font-size: 1em;
    background-image: url(/images/common/list_arrowDownwardOrange.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 16px;
    margin-left: 0;
    margin-bottom: 0;
    list-style-type: none;
  }
  #content #main .LoginH3 {
    border-radius: 0;
    border-left: none;
    border-top: none;
    border-right: none;
    padding: 0 0 5px 0;
    width: auto;
  }
  .linkSmogiSusume {
    background-image: url("/images/order/icon01.png");
    background-repeat: no-repeat;
    background-position: bottom 1px left 77px;
    text-align: center;
    padding: 13px 0 10px 35px;
  }
  .linkSmogiSusume01 {
    background-image: url("/images/common/bearPose.png");
    background-repeat: no-repeat;
    background-position: bottom 1px left 70px;
    text-align: center;
    padding: 20px 0 10px 35px;
  }
  .linkSmogiSusume02 {
    background-image: url("/images/common/bearPose02.png");
    background-repeat: no-repeat;
    background-position: bottom 1px left 70px;
    text-align: center;
    padding: 20px 0 10px 35px;
  }
  .linkSmogiSusume a {
    color: #3A7EC5;
  }
  #LinkFreeRegister {
    background: #3A7EC5;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    width: 470px;
    display: block;
    margin: 13px auto;
    height: 55px;
    border-radius: 5px;
  }
  #LinkFreeRegister a {
    width: 470px;
    height: 55px;
    display: block;
  }
  #LinkFreeRegister a span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 470px;
    height: 55px;
    background-image: url("/images/common/icon_penMark.png");
    background-repeat: no-repeat;
    background-position: bottom 17px left 77px;
    padding-left: 30px;
  }
	/*202102　予約の変更ログイン*/
#changeOrderLogin #LineLogin{
	padding-bottom: 10px;
	margin-top: 0;
}
#changeOrderLogin #content #main  #mainLoginBlock{
	margin-bottom: 0;
	width: 450px;
	float: left

	}
	#changeOrderLogin #content #main #leadTicket{
		width: 270px;
		float: left;
		margin-left: 20px;
				background: #dcf0f0;
		padding: 10px; 
		box-sizing: border-box;
	}
	#changeOrderLogin #inputBlock{
		margin: 0!important;
		padding: 10px!important;
	}
		#changeOrderLogin #content #main #member.LoginH3{
		width: 420px;
		height: 100px;
		box-sizing: border-box;
			font-size: 18px;
		border: none;
		background: #3A7EC5;
		color: #fff;
		padding: 15px;
	}
	#changeOrderLogin #content #main	#ticketPersonalPurchase{

		background: #999999;
		width: 250px;
		height: 95px;
		box-sizing: border-box;
		margin: auto;
		display: table;
		
	}
		#changeOrderLogin #content #main	#ticketPersonalPurchase a{
	
	font-size: 18px;
	color: #fff;
	display: table-cell;
vertical-align: middle;
text-align: center;
			font-weight: bold;
			line-height: 1.3em;
	}
  /* 総進Sもぎとは？
		------------------------------------- */
  #content #main .detail #because { /* 「ですから」から始まる下向き矢印の文章 */
    background-image: url(/images/common/backArrowOrange.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 530px;
    height: 53px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    margin-top: 10px;
    padding-top: 6px;
  }
  #content #main .detail #because01 { /*  */
    background-image: url(/images/personal/imageAboutSMogi01.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 430px;
    height: 93px;
    text-align: left;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 100px;
    color: #4891CF;
    line-height: 1.3em;
  }
  #content #main .detail #because02 { /*  */
    background-image: url(/images/personal/imageAboutSMogi02.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 430px;
    height: 76px;
    text-align: left;
    font-weight: bold;
    padding-top: 25px;
    padding-left: 100px;
    color: #4891CF;
    line-height: 1.3em;
  }
  /* 年間予定・昨年度会場実績（総進Sもぎ）
		------------------------------------- */
  #content #main ul.buttonList {
    margin-bottom: 0;
    padding: 0;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  #content #main ul.buttonList li {
    margin-left: 0;
    list-style-type: none;
    display: block;
    float: left;
    margin-right: 5px;
  }
  #content #main ul.buttonList li.ReserveExaminationLink { /* 「会場予約はこちら」ボタン */
    margin-right: 0;
  }
  #content #main .daysProgramLink { /* 「詳しい日程・会場等について」ボタン */
    margin-bottom: 25px;
  }
  #content #main .daysProgramLink a {
    background-image: url(/images/personal/btnDaysProgram.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 280px;
    height: 34px;
    text-indent: -999em;
    display: block;
  }
  #content #main table#sMogiPlan {
    border-collapse: collapse;
  }
  #content #main table#sMogiPlan th { /* 縦のth */
    width: auto;
    font-weight: normal;
    bordr: 1px solid #CACACA;
    vertical-align: middle;
  }
  #content #main table#sMogiPlan th.yellowGreen { /* 横のth */
    text-align: center;
    line-height: 1.1em;
    font-weight: bold;
  }
  #content #main table#sMogiPlan td.checkAndSee { /* 「○」印のtd */
    text-align: center;
    vertical-align: middle;
  }
  #content #main table#sMogiPlan .daysProgram { /* 「受験予定日」 */
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  #content #main table#sMogiPlan th.daysProgram { /* 「受験予定日」（『position:relative;』＋『background』の指定で、枠線が表示されなくなるバグの回避 */
    position: static;
  }
  #content #main table#sMogiPlan .daysProgram .months { /* 「受験予定日」の「月」 */
    display: table-cell;
    width: 2.5em;
    vertical-align: top;
    float: left;
  }
  #content #main table#sMogiPlan .daysProgram .days { /* 「受験予定日」の「日」 */
    display: block;
    width: 8em;
    float: left;
  }
  #content #main .SMogi40day { /* 「Sもぎ40」枠 */
    width: 380px;
    height: 70px;
    background-image: url(/images/personal/imagesSMogi40.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 15px 0 0 150px
  }
  #content #main .SMogi40day .detail { /* 「Sもぎ40」 */
    display: none;
  }
  #content #main table.place td { /* 「昨年度の会場実績」 */
    width: 50%;
    line-height: 1.2em;
    font-size: 0.9em;
  }
  /* 出題範囲予定（総進Sもぎ）
		------------------------------------- */
  #content #main table.testScope { /* テスト範囲表 */
    margin-bottom: 2em;
  }
  #content #main table.testScope th { /* テスト範囲表 */
    text-align: center;
    width: 33%;
  }
  #content #main table.testScope td { /* テスト範囲表 */
    font-size: 0.85em;
    line-height: 1.3em;
  }
  #content #main table.testScope td.general { /* テスト範囲表　「総合問題」用 */
    text-align: center;
  }
  #content #main table.testScope td.general p { /* テスト範囲表　「総合問題」用 */
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1em;
  }
	
	  /* 出題範囲予定（総進テスト）
		------------------------------------- */

	


 .Question_range_btn > a{
  width: 100%;
  display: flex;
  color: #fff;
  background: #5fbe6e;
  font-size: 1.2rem;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 0rem;
  border-radius: 10px;
  font-weight: bold;
}
 .Question_range_btn > a:hover{
	opacity: .6;
	}
.Question_range_btn {
  width: 49.5%;
  display: flex;
	margin-bottom: 10px;
}

	 .Question_range_btn.Elementary a{
		background: #ff9933
	}
	
	.soshin-j-e h2 {

  background-repeat: no-repeat;
  width: 740px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 24px 0 12px 10px;
  margin-bottom: 10px;
  background: #5fbe6e;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
}

	
#container #content ul.arrowList.j03 > li {
  width: 23%;
  margin: 0 0px 5px 0;
  box-sizing: border-box;
}
#container #content ul.arrowList.e05 > li ,#container #content ul.arrowList.e06 > li {
  width: 12%;
  margin: 0 0px 5px 0;
  box-sizing: border-box;
}



.arrowList.j03,.arrowList.j02,.arrowList.e06,.arrowList.e05{
  flex-wrap: wrap;
}
#container #content ul.arrowList.j02 > li {
  width: 26%;
  margin: 0 0px 5px 0;
  box-sizing: border-box;
}


#content #main530.soshin-j-e h5.green {
  font-size: 1.25rem;
}
 
	.soshin-j-e td.row3{
		position: relative;
	}
	.soshin-j-e td.row3 span{
		position: absolute;
		bottom: 7px;
	}
	.english_none{
		vertical-align: middle;
		text-align: center;
	}
	
	#content .soshin-j-e.E3 table th,	#content .soshin-j-e.E4 table th{
		width: 50%	;
	}
	#content .soshin-j-e.E5 table th,#content .soshin-j-e.E6 table th,#content .soshin-j-e.J2 table th,#content .soshin-j-e.J1 table th,#content .soshin-j-e.J3 table th{
		width: 33%;
	}
  /* 総進Ｓもぎ「回数券」お申込みにあたって 
	------------------------------------- */
	#content table.Ticket-Issued th{
	background: #ffe5e1;
		vertical-align: middle;
		font-size: 1rem;
		height: 100px;
	}
	#content table.Ticket-Issued td ul{
		padding: 10px 0;
	}
	.attentio-CramTicket ol p{
		text-indent: -3em;
padding-left: 5em;
		margin-bottom: 20px;
	}
		.attentio-CramTicket ol{
		margin-top: 15px;
	}
	/* 受験料・お申込み・お支払方法（総進Sもぎ）
		------------------------------------- */
  #content #main ul#payMethod { /* このページの矢印リスト項目は、他のページに比べて項目数(文字数)が多いため、フォントサイズを小さくする。 */
    font-size: 0.8em;
  }
  #content #main ul#payMethod li {
    margin-right: 1.5em;
  }
  #content #CouponTitle {
    display: block;
    background: #FB6666;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding: 15px 0;
		line-height: 1.3em;
  }
  #content .PDF {
    background-image: url("/images/common/icon_PDF.png");
    background-repeat: no-repeat;
    background-position: bottom 0px left 0px;
    padding-left: 30px;
  }
  #content .botan {
    width: 316px;
  }
  #content .botan a {
    width: 289px !important;
  }
  #content #SmogiType {
    background: #FFEBBE;
overflow: hidden;
		float: left;
		width: 50%;
    padding: 5px;
box-sizing: border-box;
  }
.SmogiTypeTitle {
    background: #FF9933;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
  }
  #SmogiType div > p.BuyCoupon {
    width: 325px;
    height: 65px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
		background-color: #f0f0f0;
border: #ccc solid 2px;
border-radius: 5px;
    display: block;
margin: 5px auto;
		position: relative;

  }
	  #SmogiType div > p.BuyCoupon::after{
					background-image: url("/images/common/arrowrRight.png");
			    background-repeat: no-repeat;
      content: "　";
      position: absolute;
left: 85%;
bottom: 28%;      

	}
  #SmogiType div > p.BuyCoupon a {
    display: table-cell;
    vertical-align: middle;
		height: 65px;
width: 325px;
  }
  
 #content table#ApplicationGrade th:first-child{
    background: #9BDCFF;
  width: 110px;
  }
  #content table#ApplicationGrade th{
    vertical-align: middle;
    font-size: 15px;
  }
  #content #ApplicationGrade tr{
    box-sizing: border-box;
  }
    #content #ApplicationGrade td {
    vertical-align: middle;
    padding-left: 5px;
    height: 50px;  
    box-sizing: border-box;
  }

	
  #content .attentio02 {
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
    font-size: 18px;
  }
  #content #CouponPay th {
    vertical-align: middle;
    font-size: 14px;
  }
  #content #CouponPay td {
    vertical-align: middle;
    font-size: 14px;
    padding: 0 5px;
  }
  #content ol#Notes li {
    margin-left: 30px;
    padding-left: 10px;
  }
  #content #main ul.listDisc { /* 「回数券について」の項目 */
    font-size: 0.8em;
    margin-top: -7px;
    margin-bottom: 0;
  }
  #content #main ul.listDisc li {
    list-style-type: none;
    margin-left: 5px;
    margin-bottom: 3px;
  }
  #content #main ul.buttonList li.PurchaseStringTicketLink a { /* 【「総進Sもぎ」回数券の購入はこちら】ボタン */
    background-image: url(/images/common/btnPurchaseStringTicket.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 335px;
    height: 34px;
    text-indent: -999em;
    display: block;
  }
  #content #main ul.buttonList li.ReserveExaminationLink a { /* 【会場予約はこちら】ボタン */
    background-image: url(/images/common/btnReserveExamination.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 335px;
    height: 34px;
    text-indent: -999em;
    display: block;
  }
  #content #main ul.buttonList li.OnlineOrderLink a { /* 【オンライン申込みはこちら】ボタン */
    background-image: url(/images/common/btnOnlineOrder.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 335px;
    height: 34px;
    text-indent: -999em;
    display: block;
  }
  #content #main ul.buttonList li.AgencyListLink a { /* 【取扱店一覧】ボタン */
    background-image: url(/images/common/btnAgencyList.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 260px;
    height: 34px;
    text-indent: -999em;
    display: block;
  }
  #content #main ul.buttonList li.FAXOrderLink a { /* 【FAXお申込みフォームはこちら】ボタン */
    background-image: url(/images/common/btnFAXOrder.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 261px;
    height: 34px;
    text-indent: -999em;
    display: block;
  }
	h4#P03_Online, h4#P03_Tel, h4#P03_Fax{
		color: #3a7ec5;
	    display: flex;
		text-indent: 2.5em;
		border-bottom: solid #3a7ec5 1px; 
		border-top: solid #3a7ec5 1px;
		  align-items: center;
		background-position: left;
		background-repeat: no-repeat;

padding: 8px 0 5px 0;
		font-size: 18px;
		
	}
	
  h4#P03_Online {
    background-image: url(/images/common/h4_Online.png);
    margin: 30px 0 20px;
  }
  h4#P03_Tel {
    background-image: url(/images/common/h4_Tel.png);


  }
  h4#P03_Fax {
    background-image: url(/images/common/h4_Fax.png);
  }
  h4#P03_Agency {
    background-image: url(/images/common/h4_Agency.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 740px;
    height: 32px;
    text-indent: -999em;
    display: block;
  }
  h4#P03_Cram {
    background-image: url(/images/common/h4_Cram.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 740px;
    height: 32px;
    text-indent: -999em;
    display: block;
  }
  #content #main .detail .u_flame { /* 下向き吹き出し */
    background-image: url(/images/common/backArrowRed2.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 740px;
    height: 77px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    margin-top: 10px;
    padding-top: 6px;
  }
  #content table.store td {
    padding: 5px;
  }
  #content table.store th {
    text-align: left;
    padding-left: 5px;
  }
  #content table.price_t th {
    vertical-align: middle;
    width: 171px !important;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
    font-size: 13px;
  }
  .price_t td {
    padding: 0 7px 0 10px;
    vertical-align: middle;
    font-size: 13px;
  }
  .price_t th {
    background-color: #e6e6e6;
    vertical-align: middle;
  }
  .price_t td.pink {
    background-color: #ffe5e1;
  }
  .price_t td.green {
    background-color: #cdebb4;
  }
  .price_t td.ye {
    background-color: #ffebbe;
  }
  .price_t td.ye {
    background-color: #ffebbe;
  }
  .price_t td.blue {
    background-color: #deeaf5;
  }
  #content table.price_t th.tc, .price_t td.tc {
    text-align: center;
  }
  #content #main ul.y-box li {
    list-style: none;
    width: 230px;
    background-color: #ffebbe;
    border: 1px solid #ffa841;
    border-radius: 5px;
    padding: 10px;
    margin: 0 0 20px;
    height: 100px;
  }
  #content #main ul.y-box li.fl {
    float: left;
  }
  #content #main ul.y-box li.fr {
    float: right;
  }
  /* 取扱店一覧（総進Sもぎ）
		------------------------------------- */
  #content table.thWeightNormal th { /* 取扱店一覧のthは、幅狭めで。 */
    font-weight: normal;
    width: 100px;
  }
  /* 注意事項・予約変更方法など（総進Sもぎ）
		------------------------------------- */
  #content #main ul.buttonList li.ChangeExaminationLink a { /* 【受験日・受験会場の変更はこちら】ボタン */
    background-image: url(/images/common/btnChangeExamination.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 335px;
    height: 34px;
    text-indent: -999em;
    display: block;
  }
  #content #main ul.buttonList li.MailContactLink { /* 個人情報の取り扱いについてのブロックの【メールでのお問い合わせはこちらから】ボタンはmarginナシで。 */
    margin: 23px 0 15px 0;
  }
  #content #main ul.buttonList li.MailContactLink a { /* 個人情報の取り扱いについてのブロックの【受験日・受験会場の変更はこちら】ボタン */
    background-image: url(/images/common/btnMailContact.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 231px;
    height: 42px;
    text-indent: -999em;
    display: block;
    background-color: transparent;
  }
  /* 詳しい日程・会場等について（総進Sもぎ）
		------------------------------------- */
  body#examinationProgram #container {
    width: 950px;
    margin: auto;
    border: none;
  }
  body#examinationProgram #container h1 {
    margin-bottom: 30px;
  }
  body#examinationProgram #container h2 {
    background-image: url(/images/common/h2Blue760.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 940px;
    height: 25px;
    color: #FFF;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 10px;
  }
  body#examinationProgram #container .detail {
    margin-bottom: 30px;
  }
  body#examinationProgram #container h3 {
    border: 2px solid #3A7EC5;
    color: #3A7EC5;
    width: 930px;
    padding: 10px 0;
    font-size: 1.6em;
    font-weight: bold;
    position: relative;
    border-radius: 10px;
    padding-left: 15px;
      margin-bottom: 10px;
  }
  body#examinationProgram #container .dateBlock {
    display: flex;
    gap: 5em;
  }
  .Questions {
    position: relative;
    bottom: 27px;
    left: 820px;
  }
  body#examinationProgram #container h3 span.examination {
    color: #FFF;
    position: absolute;
    left: -80px;
    top: 5px;
  }
  body#examinationProgram #container p {
    width: 810px;
    font-size: 0.8em;
  }
  body#examinationProgram #container table.examinationPlan {
    border: 2px solid #B3B3B3;
    border-collapse: collapse;
    margin: 5px auto 30px auto;
    font-size: 0.8em;
    line-height: 1.1em;
  }
  body#examinationProgram #container table.examinationPlan th {
    background-color: #BEE6C8;
    border: 1px solid #B3B3B3;
    height: 28px;
    vertical-align: middle;
    width: auto;
  }
  body#examinationProgram #container table.examinationPlan td {
    border: 1px solid #B3B3B3;
    padding: 5px;
    vertical-align: middle;
    height: 33px;
    position: static;
  }
  body#examinationProgram #container table.examinationPlan td.placeNom {
    width: 60px;
  }
  body#examinationProgram #container table.examinationPlan td.placeName {
    width: 215px;
  }
  body#examinationProgram #container table.examinationPlan td .anythingOnly {
    display: block;
    background-color: #F00;
    text-align: center;
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-bottom: 3px;
  }
  body#examinationProgram #container table.examinationPlan td.nearest {
    width: 215px;
  }
  body#examinationProgram #container table.examinationPlan td.getherTime {
    width: 85px;
    text-align: center;
  }
  body#examinationProgram #container table.examinationPlan td.endTime {
    width: 85px;
    text-align: center;
  }
  body#examinationProgram #container table.examinationPlan td.slipper {
    text-align: center;
  }
  body#examinationProgram #container table.examinationPlan td.bicycle {
    text-align: center;
  }
  body#examinationProgram #container table.examinationPlan td.mapLink {
    text-align: center;
    width: 50px;
  }
  body#examinationProgram #container table.examinationPlan td.application {
    width: 60px;
  }
  #container table.examinationPlan td.application a {
    background-image: url("/images/common/btnapplication.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 23px;
    width: 51px;
    display: block;
    text-indent: -999em;
    margin: auto;
  }
  #container table td.mapLink a {
    background-image: url(/images/common/btnMap.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 45px;
    height: 23px;
    display: block;
    text-indent: -999em;
    margin: auto;
  }
  #container table td.attention {
    background-color: #FFE0DB;
    font-weight: bold;
    vertical-align: top;
    border: 2px solid #B3B3B3;
    border-right: 4px solid #B3B3B3;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  body#examinationProgram #container table.examinationPlan td.attention span {
    display: inline-block;
    float: left;
  }
  /* 総進テストの特徴［塾内テスト]（総進テスト）
		------------------------------------- */
  body#soshinTest #content #main section { /* 特徴の下線 */
    border-bottom: 1px solid #999999;
  }
  body#soshinTest #content #main section.end { /* 特徴の下線 */
    border-bottom: none;
  }
  body#soshinTest #content #main h3.junior { /* グリーングラデーション(中学生用)タイトル */
    background: #5fbe6e;
    margin-top: 30px;
    margin-bottom: 20px;
    border: none;
    color: #fff;
    display: block;
    padding: 12px 0 12px 20px;
  }
  body#soshinTest.result #content #main h5 { /* H5タイトル */
    font-size: 19px;
    margin-bottom: 5px;
  }
  body#soshinTest.result #content #main h5 { /* H6タイトル */
    font-size: 17px;
    margin-bottom: 5px;
  }
  body#soshinTest.result #content #main .judge-box { /* 志望校判定ボックス */
    background-color: #FFDD33;
    padding:10px;
    color: #000;
    font-size: 18px;
    margin: 3px 0;
    display: inline-block;
    border-radius: 5px;
    font-weight: bold;
  }
  body#soshinTest.result #content #main .judge-box span { /* 志望校判定ボックス */
    font-size: 25px;
  }

  body#soshinTest #content #main h3.primary { /* オレンジグラデーション(小学生用)タイトル */
    padding: 12px 0 12px 20px;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #FFF;
    background: #ff9933;
    border: none;
    height: 21px !important;
  }
  body#soshinTest #content #main h4 { /* 各特徴のタイトル */
    color: #4891CF;
    font-weight: bold;
    font-size: 1.15em;
    border-bottom: 1px solid #4891CF;
    padding-bottom: 5px;
    padding-left: 40px;
  }
  body#soshinTest.index #content #main h4 { /* 特徴のタイトル */
    margin-top: 1em;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 20px;
    line-height: 1.4em;
    border: none;
  }
  body#soshinTest.paymethod #content #main h4 { /* お支払いのタイトル */
    font-size: 15px;
    color: #000;
    padding: 8px 10px;
    background-color: #D3ECEB;
    border: none;
    margin-bottom: 20px;
  }
  body#soshinTest.paymethod #content #main ul { /* お支払いの箇条書き */
    font-size: 14px;
  }

  body#soshinTest.index #content #main ul li { /* 特徴の箇条書き */
    text-indent: -1em;
    padding-left: 1em;
    list-style-type: none;
  }

  body#soshinTest #content #main h4.iconPen {
    background-image: url(/images/common/imagePENCIL.png);
    background-repeat: no-repeat;
  }
  body#soshinTest #content #main h4.iconPenPosition01 {
    background-position: bottom 10px left 1px;
  }
  body#soshinTest #content #main h4.iconPenPosition02 {
    background-position: bottom 1px left 1px;
  }
  body#soshinTest #content #main h4.iconBook {
    background-image: url(/images/common/imageNOTE.png);
    background-repeat: no-repeat;
    background-position: bottom 11px left 1px;
  }
  body#soshinTest #content #main h4.iconTv {
    background-image: url(/images/common/imageDISPLAY.png);
    background-repeat: no-repeat;
    background-position: bottom 11px left 1px;
  }
  /* 年間実施予定表（総進テスト）
		------------------------------------- */
  body#soshinTest #content #main h3.planJunior { /* 年間予定(中学生用)タイトル */
    background-image: url(/images/common/h3PlanSMogiGreen.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 30px;
    padding-top: 10px;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1.3em;
    color: #FFF;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
    border: none;
    width: 740px;
  }
  body#soshinTest #content #main h3.planJunior span { /* 年間予定(中学生用)タイトル */
    font-size: 0.7em;
    color: #333;
    display: block;
    float: right;
    width: 190px;
    text-align: center;
    margin-right: 2px;
    padding-right: 155px;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root body#soshinTest #content #main h3.planJunior span {
      width: 200px;
      padding-right: 154px;
    }
  }
  body#soshinTest #content #main h3.planPrimary { /* 年間予定(小学生用)タイトル */
    background-image: url(/images/common/h3PlanSMogiOrange.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 30px;
    padding-top: 8px;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1.3em;
    color: #FFF;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
    border: none;
    width: 740px;
  }
  body#soshinTest #content #main h3.planPrimary span { /* 年間予定(小学生用)タイトル */
    font-size: 0.7em;
    color: #333;
    display: block;
    float: right;
    width: 180px;
    margin-right: 2px;
    padding-right: 175px;
  }
  body#soshinTest #content #main table.sTestPlan {
    font-size: 0.88em;
    width: 740px;
    table-layout: fixed;
    line-height: 1.2em;
  }
  body#soshinTest #content #main table.sTestPlan th {
    text-align: center;
    padding: 5px 0;
    vertical-align: middle;
  }
  body#soshinTest #content #main table.sTestPlan .theNumber {
    width: 84px;
  }
  body#soshinTest #content #main table.sTestPlan th.checkAndSee {
    width: 20px;
  }
  body#soshinTest #content #main table.sTestPlan th.specification {
    width: 90px;
  }
  body#soshinTest #content #main table.sTestPlan th.anyDay {
    width: 82px;
  }
  body#soshinTest #content #main table.sTestPlan td {
    padding: 10px 0px 10px 7px;
    vertical-align: middle;
  }
  body#soshinTest #content #main table.sTestPlan td span {}
  /* お申込み方法・価格・お支払方法（総進テスト）
		------------------------------------- */
  body#soshinTest #content #main h4#orderOnline {
    background-image: url(/images/cramSchool/h4_reserveOnline.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #4891CF;
    padding-left: 44px;
    padding-top: 6px;
    height: 22px;
    border-bottom: none;
  }
  body#soshinTest #content #main ul.buttonList li.OnlineOrderLink a { /* 【オンライン申込みはこちら】ボタン */
    background-image: url("/images/cramSchool/btnOnlineoOrder.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 331px;
    height: 41px;
    text-indent: 1em;
    display: block;
    color: #F00;
  }
  body#soshinTest #content #main ul.buttonList li.OnlineOrderLink a span {
    display: table-cell;
    vertical-align: middle;
    height: 41px;
    font-size: 15px;
    font-weight: bold;
  }
  body#soshinTest #content #main ul.buttonList li.OnlineOrderLink a :hover {
    color: #FF000;
  }
  body#soshinTest #content #main ul > li.ApplicationPDF {
    background-image: url("/images/common/icon_PDF.png");
    background-repeat: no-repeat;
    background-position: left 1px bottom 1px;
    padding-left: 30px;
    line-height: 24px;
  }
  body#soshinTest #content #main ul > li.ApplicationPDF a {
    font-size: 14px;
    font-weight: bold;
  }
  body#soshinTest #content #main ul.listNum > li {
    list-style: decimal !important;
    margin-left: 32px;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 20px;
  }
  body#soshinTest #content #main h4#orderFax {
    background-image: url(/images/cramSchool/h4_reserveFax.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #4891CF;
    padding-left: 44px;
    padding-top: 6px;
    height: 22px;
  }
  body#soshinTest #content #main h4#orderTel {
    background-image: url(/images/cramSchool/h4_reserveTel.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #4891CF;
    padding-left: 44px;
    padding-top: 6px;
    height: 22px;
    border-bottom: none;
  }
  #content #main ul.buttonList li.soshinFAXOrderLink a { /* 【総進テストFAXお申込み用紙ダウンロード】ボタン */
    background-image: url(/images/cramSchool/btnDlSoushinPaper.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 259px;
    height: 45px;
    text-indent: -999em;
    display: block;
  }
  #content #main ul.buttonList li.SMogiFAXOrderLink a { /* 【総進SもぎFAXお申込み用紙ダウンロード】ボタン */
    background-image: url(/images/cramSchool/btnDlSMogiPaper.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 259px;
    height: 45px;
    text-indent: -999em;
    display: block;
  }
  /*総進Ｓもぎ受験にあたって
		------------------------------------- */
  .Gradebook td {
    vertical-align: middle;
  }
  .Gradebook th {
    background-color: #FFEBBE;
    text-align: center;
    vertical-align: middle;
  }
  .Mail001 {
    background-image: url("/images/changeMethod/icon05.png");
    background-repeat: no-repeat;
    background-position: center left 180px;
    display: block;
    margin: auto;
    padding: 5px;
    width: 730px;
    height: 60px;
  }
  .Mail001 span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 740px;
    height: 60px;
  }
	 body.cramSmogi #main530 h3{
		border: none;
		color: #fff;
		 width: 725px;
		 padding: 10px 0 10px 15px; 
	 }
	 body.cramSmogi #content table th,	 body.cramSmogi #content table td{
		border: 1px solid #333;
	}
  /* 説明会・各種イベント情報
		------------------------------------- */
  body#examinationData #container #content ul.arrowList {
    padding: 5px;
  }
  body#examinationData #container #content ul.arrowList li {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    width: 355px;
    height: 41px;
    padding: 0;
    line-height: normal;
    margin: 3px;
    text-indent: -999em;
    display: inline-block;
  }
  body#examinationData #container #content ul.arrowList li a {
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    width: 250px;
    height: 41px;
    display: block;
    text-indent: -999em;
  }
  body#examinationData #container #content ul.arrowList li#ResultReportLink a { /* 「入試結果報告会」ボタン */
    background-image: url(/images/examination_data/btnResurtReport.png);
    width: 355px;
  }
  body#examinationData #container #content ul.arrowList li#HischoolExplanationLink a { /* 「高校入試説明会(予約制)」ボタン */
    background-image: url(/images/examination_data/btnHischoolExplanation.png);
    width: 355px;
  }
  body#examinationData #container #content ul.arrowList li#GeneralExplanationLink a { /* 「高等学校一斉説明会」ボタン */
    background-image: url(/images/examination_data/btnGeneralExplanation.png);
    width: 355px;
  }
  body#examinationData #container #content ul.arrowList li#HigherStageFairLink a { /* 「首都圏進学フェア」ボタン */
    background-image: url(/images/examination_data/btnHigherStageFair.png);
    width: 355px;
  }
  body#examinationData #container #content ul.arrowList li#IndividualExplanationLink a { /* 「私立高校個別相談会」ボタン */
    background-image: url(/images/examination_data/btnIndividualExplanation.png);
    width: 355px;
  }
  body#examinationData #container #content ul.arrowList li#TrendExplanationLink a { /* 「入試動向説明会」ボタン */
    background-image: url(/images/examination_data/btnTrendExplanation.png);
    width: 355px;
  }
  body#examinationData #content #main h3.darkGreen { /* ダークグリーン背景のH3 */
    background-image: url(/images/common/h3DarkGreen530.png);
    height: 31px;
    font-size: 1.2em;
    letter-spacing: -1px;
    margin-bottom: 10px;
    color: #FFF;
    font-weight: bold;
    padding-top: 8px;
    padding-left: 15px;
  }
  body#examinationData #content #main h3.darkRed { /* ダークレッド背景のH3 */
    background: #FF4442;
    height: 31px;
    font-size: 21px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    color: #FFF;
    font-weight: bold;
    padding: 10px 0 1px 15px;
    border: none;
    border-radius: 5px;
  }
  body#examinationData #content #main .eventTitleBlock { /* 各イベント等のタイトル、ステータスを表示するブロック */
    background-image: url(/images/common/h4EventTitle.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    margin-bottom: 10px;
    width: 721px;
    height: 91px;
  }
  body#examinationData #content #main h4.eventTitle { /* 各イベント等のタイトルを表示 */
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    padding-top: 13px;
    padding-left: 0;
    text-align: center;
  }
  body#examinationData #content #main h4.eventTitle .theYear { /* 各イベント等のタイトルの「年度」を表示 */
    background-image: url(/images/common/h4EventYear.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 66px;
    height: 26px;
    display: inline-block;
    font-size: 0.85em;
    margin-right: 3px;
    color: #4891CF;
    padding-top: 4px
  }
  body#examinationData #content #main p.eventStatus { /* 各イベント等のステータスを表示 */
    width: 721px;
    height: 25px;
    font-size: 15px;
    color: #F00;
    font-weight: bold;
    position: absolute;
    text-align: center;
    bottom: 13px;
    left: 10px;
  }
  body#examinationData #content #main table.siryo th, body#examinationData #content #main table.siryo td {
    padding: 10px 5px;
  }
  body#examinationData #content #main table.siryo th {
    text-align: left;
  }
  body#examinationData #content #main table.w130px th {
    width: 130px;
  }
  body#examinationData #content #main table.grayish { /* 各イベント等の.graishテーブル下は、マージンナシで。 */
    margin-bottom: 0;
  }
  body#examinationData #content #main table.grayish th { /* 各イベント等の.graishテーブル下は、幅狭めで。 */
    width: 120px;
  }
  body#examinationData #content #main table td.pdfLink {
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  body#examinationData #content #main table td.pdfLink a {
    width: 120px;
    float: left;
    display: block;
    text-align: center;
    font-size: 0.8em;
    line-height: normal;
  }
  body#examinationData #content #main table td.attention {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 0.9em;
  }
  body#examinationData #container table td.mapLink { /* 「MAP」ボタン */
    width: 440px;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  body#examinationData #container table td.mapLink .placeName { /* 「MAP」ボタンがあるセルの、会場名テキスト */
    display: inline-block;
    width: 290px;
  }
  body#examinationData #container table td.mapLink a { /* 「MAP」ボタン */
    width: 45px;
    position: absolute;
    top: 3em;
    right: 5px;
  }
  body#examinationData #container table td.placeName { /* 「MAP」ボタン(スマフォからの閲覧で、ボタンが消えてしまうため、対策)会場名テキスト */
    width: 380px;
    border-right: none;
  }
  body#examinationData #container table td.mapLinkNonBorder { /* 「MAP」ボタン */
    border-left: none;
    padding-right: 3px;
    padding-bottom: 0;
    padding-top: 3px;
    vertical-align: top;
  }
  body#examinationData #container table td.mapLinkNonBorder a { /* 「MAP」ボタン */
    background-image: url(/images/common/btnMap.png);
    background-position: left 2px top 6px;
    background-repeat: no-repeat;
    width: 60px;
    display: inline-block;
    height: 30px;
    text-indent: -999em;
    float: right;
  }
  body#examinationData #container table.explanationTable { /* 各イベント等の詳細テーブル */
    font-size: 0.75em;
    line-height: 1.4em;
    width: 100%;
  }
  body#examinationData #container table.explanationTable th { /* 各イベント等の詳細テーブル */
    vertical-align: middle;
    width: 70px;
  }
  body#examinationData #container table.explanationTable td.timesNumDetail { /* 各イベント等の詳細テーブル */
    width: 290px;
    padding: 3px 7px;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  body#examinationData #container table.explanationTable td.timesNumDetail .theNumber { /* 各イベント等の詳細テーブル */
    display: block;
    width: 50px;
    float: left;
    margin-top: 1.4em;
  }
  body#examinationData #container table.explanationTable td.timesNumDetail .time { /* 各イベント等の詳細テーブル */
    display: block;
    float: left;
  }
  body#examinationData #container table.explanationTable td.reserveButton { /* 各イベント等の詳細テーブル */
    color: #FF0000;
    font-size: 0.9em;
    vertical-align: middle;
    line-height: normal;
    width: 150px;
  }
  body#examinationData #container table.explanationTable td.reserveButton input[type="button"] { /* 各イベント等の詳細テーブル「お申込み」ボタン */
    background-image: url(/images/common/btnReserve.png);
    width: 82px;
    height: 29px;
    display: block;
    text-indent: -999em;
    margin: auto;
    border: none;
    background-color: #FFF;
  }
  /* 高校入試説明会(予約制)お申込み
		------------------------------------- */
  #explanationReserve #content #mainWide { /* 個人会員用のページは、左マージンを削除 */
    margin-left: 0px;
  }
  #content #mainWide #inputBlock table textarea#explanationSentence { /* 「高校入試説明会(予約制)お申込み」(入力画面、#backBlue #inputBlock) */
    width: 530px;
    height: 200px;
  }
  #content #mainWide #backBlue #confirmBlock table td#explanationSentenceConf { /* 「通信欄」欄は高さ固定で。 */
    height: 150px;
    overflow: auto;
    display: block;
    border: none;
  }
  .dottedB {
    border-bottom: dotted 1px;
    padding-bottom: 15px;
  }
  /* 千葉県高校入試情報
		------------------------------------- */
  body#chibaExaminationData .attentionOrange {
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  body#chibaExaminationData .attentionOrange p {
    width: 635px;
    float: left;
    font-size: 0.75em;
    line-height: normal;
  }
  body#chibaExaminationData .attentionOrange a {
    width: 90px;
    float: right;
    display: block;
    margin-top: 5px;
  }
  #content table.thBlue {
    border: 1px solid #989898;
    border-collapse: collapse;
    font-size: 0.8em;
  }
  #content table.thBlue th {
    background-color: #3A7EC5;
    border: 1px solid #989898;
    color: #FFF;
    text-align: center;
  }
  #content table.thBlue td {
    border: 1px solid #989898;
  }
  body#chibaExaminationData #content table.thBlue {
    table-layout: fixed;
    margin-top: 10px;
  }
  body#chibaExaminationData .date {
    width: 87px;
    vertical-align: top;
    padding-left: 12px;
    text-indent: -5px;
  }
  body#chibaExaminationData .pdfLink {
    width: 400px;
    line-height: normal;
    vertical-align: top;
    font-size: 14px;
  }
  body#chibaExaminationData .pdfLink:hover {
    background-color: #FDD5AD;
  }
  body#chibaExaminationData th.pdfLink:hover {
    background-color: #3A7EC5;
  }
  body#chibaExaminationData .pdfLink .examinationTitle {
    display: inline-block;
    float: left;
    width: 330px;
    font-size: 14px;
    padding: 5px 0px 5px 10px;
  }
  body#chibaExaminationData .pdfLink .examinationTitle a {
    width: 330px;
  }
  body#chibaExaminationData .pdfLink .pdfIMG {
    display: inline-block;
    font-size: 12px;
    padding: 5px 0;
    margin: 0 10px;
  }
  body#chibaExaminationData .pdfLink .pdfIMG img, body#chibaExaminationData .pdfLink .pdfIMG a, body#chibaExaminationData .pdfLink .pdfIMG p {
    float: left;
  }
  body#chibaExaminationData .pdfLink .pdfIMG a {
    width: 150px;
  }
  body#chibaExaminationData .pdfLink .pdfIMG p {
    padding-left: 10px
  }
  /* 「総進Sもぎ」回数券のご購入(個人)
		------------------------------------- */
  #content #main h2.redBack {
    background-image: url(/images/common/h2Red530.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadTicket { /* 「総進Sもぎ会員(個人)でない方」以下のボタンブロック */
    padding: 10px 0;
    margin-bottom: 3em;
  }
  #content #main .detail #leadTicket ul { /*  */
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
    margin-bottom: 0;
  }
  #content #main .detail #leadTicket ul li { /*  */
    list-style-type: none;
    width: 365px;
    height: 115px;
    float: left;
    display: block;
  }
  #content #main .detail #leadTicket ul li a { /*  */
    width: 365px;
    height: 115px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
  }
  #content #main .detail #leadTicket ul li#ticketPersonalRegist a { /* 「総進Sもぎ会員(個人)」登録(無料)を行ってご購入　のボタン */
    background: #3A7EC5;
    color: #fff;
  }
  #content #main .detail #leadTicket ul li#ticketPersonalPurchase a { /* 「総進Sもぎ会員(個人)」登録(無料)を行わずにご購入　のボタン */
    border: none;
    width: 365px;
    height: 115px;
    background-color: #E6E6E6;
    color: #808080;
  }
  #content .creditLogoMark { /* クレジット会社のロゴマーク表示ブロック。 */
    overflow: hidden;
    position: relative;
    zoom: 1;
  }
  #content .creditLogoMark img { /* クレジット会社のロゴマーク表示ブロック。 */
    margin-right: 10px;
  }
#content table.Additionalx_test th {
  border: 1px solid #666666;
  padding: 5px;
  border-top: none;
	}

#content table.Additionalx_test {

  border: 1px solid #666;
  font-size: 1em;
}

#content table.Additionalx_test td {
  padding: 0px 8px;
  border: 1px solid #666;
  border-top: none;
  border-bottom: none;
}
	#content table.reform_paln{
		font-size: .8rem;
	}
	
	#content table.reform_paln{
		border: 1px solid #808080;
	}
	
	#content table.reform_paln th{
	background: #dcf0f0	;
		width: 130px;
		word-wrap: break-word;
		text-align: left;
padding: 5px;
font-size: 14px;
vertical-align: middle;
		border: 1px solid #808080;

	}
	#content table.reform_paln td{
		padding: 5px 12px;
		border: 1px solid #808080;
		box-sizing: border-box;
	}
	

  /* 総進Sもぎ　お申込み(塾)
		------------------------------------- */
  #content #mainWide #inputBlock table.SMogiExamination textarea#remarks { /* 備考欄 */
    width: 720px;
    height: 120px;
  }
  /* 総進テスト　お申込み
		------------------------------------- */
  body.soshinTest #content .buttonList { /* 各学年　申込みページへのボタンブロック */
    margin-bottom: 25px;
    padding: 0;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  body.soshinTest #content .buttonList input { /* 各学年　申込みページへのボタン */
    margin-left: 0;
    list-style-type: none;
    display: block;
    float: left;
    margin-right: 5px;
    width: 241px;
    height: 64px;
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;
    border: none;
  }
  body.soshinTest #content .buttonList input#gradeJunior03Link { /* 「中学3年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_junior03.png);
  }
  body.soshinTest #content .buttonList input#gradeJunior02Link { /* 「中学2年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_junior02.png);
  }
  body.soshinTest #content .buttonList input#gradeJunior01Link { /* 「中学1年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_junior01.png);
  }
  body.soshinTest #content .buttonList input#gradePrimary06Link { /* 「小学6年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_primary06.png);
  }
  body.soshinTest #content .buttonList input#gradePrimary05Link { /* 「小学5年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_primary05.png);
  }
  body.soshinTest #content .buttonList input#gradePrimary04Link { /* 「小学4年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_primary04.png);
  }
  body.soshinTest #content .buttonList input#gradePrimary03Link { /* 「小学3年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_primary03.png);
  }
  body.soshinTest #content .buttonList input#gradePrimary02Link { /* 「小学2年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_primary02.png);
  }
  body.soshinTest #content .buttonList input#gradePrimary01Link { /* 「小学1年生」ボタン */
    margin-bottom: 5px;
    background-image: url(/images/order/cramSchool/btn_primary01.png);
  }
  #content #mainWide h4.gradeJunior { /* 学年を表示するh4（中学生用） */
    background-image: url(/images/common/h4PlanSoushinGreen.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    margin-bottom: 10px;
    padding-top: 9px;
    padding-left: 10px;
    width: 730px;
    height: 42px;
    color: #FFF;
    font-size: 1.1em;
    font-weight: bold;
  }
  #content #mainWide h4.gradePrimary { /* 学年を表示するh4（小学生用） */
    background-image: url(/images/common/h4PlanSoushinOrange.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    margin-bottom: 10px;
    padding-top: 9px;
    padding-left: 10px;
    width: 730px;
    height: 42px;
    color: #FFF;
    font-size: 1.1em;
    font-weight: bold;
  }
  #content #mainWide h4.gradeJunior .theYear, #content #mainWide h4.gradePrimary .theYear { /* 「年度」を表示 */
    width: 130px;
    height: 25px;
    display: block;
    font-size: 0.85em;
    color: #4891CF;
    position: absolute;
    right: 11px;
    top: 9px;
    text-align: center;
    padding-top: 3px;
  }
  body.soshinTest #content .explanationTable {
    font-size: 0.8em;
  }
  body.soshinTest #content .explanationTable th {
    text-align: center;
    padding: 5px 0;
  }
  body.soshinTest #content .explanationTable td {
    padding: 5px 0;
  }
  body.soshinTest #content table.explanationTable select {
    font-size: inherit;
    font-size: 0.9em;
  }
  body.soshinTest #content .explanationTable td .selectLine {
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  body.soshinTest #content #mainWide #inputBlock textarea#remarks {
    width: 710px;
    height: 100px;
    margin-left: 5px;
  }
  #container #content form #buttonBlock #reserveButton { /* 赤色背景の「お申込み」ボタン */
    background-image: url(/images/form_button/btn_reserve.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 190px;
    height: 45px;
    text-indent: -999em;
    border: none;
  }
  #content table.soshinTestOrderConfirm th, #content table.soshinTestOrderConfirm td {
    vertical-align: top;
  }
  body.soshinTest #content #mainWide table.grayish td.examinationPaper { /* お申込み確認画面各テストの行の問題部数が入るtd */
  }
  body.soshinTest #content #mainWide table.grayish td.examinationPaper .selectLine { /* お申込み確認画面各テストの行の問題部数が入るtd */
    position: relative;
    width: 160px;
    height: 50px;
  }
  body.soshinTest #content #mainWide table.grayish td.examinationPaper .selectLine .paperNum { /* お申込み確認画面各テストの行の問題部数が入るtd */
    position: absolute;
    top: 12px;
  }
  body.soshinTest #content #mainWide table.grayish td.examinationPaper .selectLine .textUpdate { /* お申込み確認画面各テストの行の問題部数が入るtd */
    position: absolute;
    bottom: -10px;
    font-size: 0.85em;
    right: 0;
    text-align: center;
    width: 98px;
    color: #FF0000;
  }
  body.soshinTest #content #mainWide table.grayish td.examinationPaper .selectLine .textUpdate input { /* お申込み確認画面各テストの行の問題部数が入るtd */
    text-decoration: underline;
    color: #3A7EC5;
    border: none;
    background-color: transparent;
  }
  body.soshinTest #content #mainWide table.grayish td.orderDelete { /* お申込み確認画面各テストの行の削除ボタンが入るtd */
    text-align: center;
    vertical-align: middle;
  }
  body.soshinTest #content #mainWide table.grayish td input.orderDeleteButton { /* お申込み確認画面各テストの行の削除ボタン */
    border: 3px double #FFF;
    background-color: #FB6549;
    color: #FFF;
    padding: 2px 10px;
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 3px;
    border-radius: 7px; /* CSS3草案 */
    -webkit-border-radius: 7px; /* Safari,Google Chrome用 */
    -moz-border-radius: 7px; /* Firefox用 */
  }
  #content #deliveryArrow { /*  */
    background-image: url(/images/common/backArrowRed.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 737px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    margin-top: 10px;
    padding-top: 6px;
  }
  /* 総進Ｓもぎオンライン申込み
		------------------------------------- */
  #personal.order .Explanation01 {
    border: solid #F00 2px;
    border-radius: 5px;
    background: #ffeaca;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 3px;
  }
#personal.order .Explanation01.icon{
    background-image: url("/images/order/personal/icon01.png");
    background-repeat: no-repeat;
    background-position: center left 10px;
        
    }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root #personal.order .Explanation01.icon p {
font-size: 15px;
        }
    }
    #personal.order .Explanation01.icon p{
        padding-left: 75px;
        font-language-override: 16px;
    } 
  #personal.order #content #mainWide .grayFrame {
    margin-top: 30px;
    padding: 20px 15px;
    width: auto;
    }
  #personal.order #content #mainWide .grayFrame h3.personalh3 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    background: #5fbe6e;
    border-radius: 25px;
    text-align: center;
    padding: 13px;
    height: auto;
      letter-spacing: .2px;
  }
  #personal.order #content #mainWide .grayFrame h3.personalh3 span {
    color: #ff0;
  }
    #personal.order #content #mainWide .grayFrame .redbtn00 input,    #personal.order #content #mainWide .grayFrame .redbtn00 button{
        cursor: pointer;
    } 
	
	  /* 会場受験を申込み後に、同じ実施区分の自宅受験を申込みされたい場合
		------------------------------------- */

	.smogi_change > h4{
		border: #3a7ec5 solid 1px;
		background: #e6f0ff;
		padding: 5px 15px;
		color: #333333;
		margin: 30px 0 15px 0; 
		font-weight: bold;
	}
		.smogi_change  p{
	font-size: 14px;
	}
  /* お問い合わせ
		------------------------------------- */
  #content #main .detail #leadInquiry {}
  #content #main .detail #leadInquiry ul {
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
    margin-bottom: 0;
  }
  #content #main .detail #leadInquiry ul li {
    list-style-type: none;
    width: 365px;
    height: 85px;
    float: left;
    display: block;
  }
  #content #main .detail #leadInquiry ul li a {
    width: 365px;
    height: 85px;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
  }
  #content #main .detail #leadInquiry ul li a > span {
    display: table-cell;
    vertical-align: middle;
    height: 85px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    width: 365px;
  }
  #content #main .detail #leadInquiry ul li#personalInquiry a {
    background-image: url(/images/inquiry/btn_personal.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadInquiry ul li#cramSchoolInquiry a {
    background-image: url(/images/inquiry/btn_cramSchool.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  /* お問い合わせ（入力・確認・完了、共通）
		------------------------------------- */
  #content #mainWide #backBlue p { /* 問合せページのPタグ */
    margin-bottom: 10px;
    line-height: 1.1em;
  }
  #content #mainWide #backBlue table { /* 問合せページのテーブル */
    line-height: 1.4em;
  }
  #content #mainWide #buttonBlock { /* お問い合わせページ下部のボタンブロック */
    width: 740px;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  #personal #content #mainWide { /* 個人会員用のページは、左マージンを削除 */
    margin-left: 0px;
  }
  /* 各種 入力フォーム
		------------------------------------- */
  #content #mainWide #backBlue #inputBlock table { /* 入力ページ(#backBlue #inputBlock)のテーブルはマージン削除 */
    margin-bottom: 0;
  }
  #content #mainWide #inputBlock table td .colorGreen { /* 「※半角英数字」などの緑色テキスト(フィールドの隣りに配置する場合) */
    color: #090;
    font-size: 0.85em;
    display: inline-block;
    margin-left: 5px;
  }
  #content #mainWide #inputBlock table td .colorGreenLeft { /* 「※半角英数字」などの緑色テキスト(tdの頭から1行で掲載する場合) */
    color: #090;
    font-size: 0.85em;
    display: inline-block;
    margin-left: 0;
  }
  #content #mainWide #backBlue #inputBlock table td .noticeRed { /* メールアドレス欄の注釈文 */
    color: #F00;
    display: inline-block;
    margin-left: 0;
    font-weight: bold;
    text-indent: 0;
  }
  #content #mainWide #inputBlock table label { /* 各種のラベル */
    display: inline-block;
  }
  #content #mainWide #inputBlock table label.newLine { /* 各種のラベル（inputなどの要素の隣に置かない、改行させるラベル用） */
    display: block;
  }
  #content #mainWide #inputBlock table input[type="radio"] { /* ラジオボタン */
    margin-top: 4px;
    display: inline-block;
    float: left;
  }
  #content #inputBlock table label.width2 { /* 「お名前」「フリガナ」専用のラベル */
    width: 2.2em;
    display: inline-block;
    text-align: right;
  }
  #content #mainWide #inputBlock table .sexLabel { /* 「性別」専用のラベル */
    width: 3em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #inputBlock table .gradeLabel { /* 「現在の学年」専用のラベル */
    width: 9em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth2 { /* ラベル幅2em */
    width: 2em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth3 { /* ラベル幅3em */
    width: 3em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth4 { /* ラベル幅4em */
    width: 4em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth5 { /* ラベル幅5em */
    width: 5em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth6 { /* ラベル幅6em */
    width: 6em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth8 { /* ラベル幅8em */
    width: 8em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth9 { /* ラベル幅9em */
    width: 9em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth10 { /* ラベル幅10em */
    width: 10em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth14 { /* ラベル幅14em */
    width: 14em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth16 { /* ラベル幅16em */
    width: 16em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #inputBlock table .labelWidth27 { /* ラベル幅27em */
    width: 27em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #inputBlock table #mailKindBlock { /* メールアドレスの種別選択ブロック */
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  #content #mainWide #inputBlock table #mailKindBlock input { /* メールアドレス種類選択のラジオボタン */
    display: block;
    clear: left;
  }
  #content #mainWide #inputBlock table select#mobile { /* 携帯電話会社を選択 */
    width: 9em;
    float: left;
  }
  #content #mainWide #inputBlock table .numberPeople { /* 各学年の生徒在籍数を選択 */
    width: 8.5em;
    float: left;
    text-align: right;
  }
  #content #mainWide #inputBlock table input[type="text"].widthName { /* 「お名前」「フリガナ」のテキストフィールド */
    width: 170px;
  }
  #content #mainWide #inputBlock table input[type="text"].widthZip1 { /* 「郵便番号」3桁のテキストフィールド */
    width: 50px;
  }
  #content #mainWide #inputBlock table input[type="text"].widthZip2 { /* 「郵便番号」4桁のテキストフィールド */
    width: 100px;
  }
  #content #mainWide #inputBlock table input[type="text"].widthAdd1 { /* 「住所」市区町村等のテキストフィールド */
    width: 510px;
  }
  #content #mainWide #inputBlock table input[type="text"].widthAdd2 { /* 「住所」マンション名等のテキストフィールド */
    width: 400px;
  }
  #content #mainWide #inputBlock table input[type="text"].widthTel { /* 「電話番号」「メールアドレス」のテキストフィールド */
    width: 350px;
  }
  #content #mainWide #inputBlock table #serchZip, #content #mainWide #inputBlock table #serchZipHeadOffice, #content #mainWide #inputBlock table #serchZipReceiver { /* 郵便番号検索ボタン */
    width: 100px;
    border: 4px double #FFF;
    background-color: #FB6549;
    padding: 2px 5px;
    color: #FFF;
    cursor: pointer;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
  }
  #content #inputBlock table .autoAddLine { /* 住所自動入力ボタンの行 */
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  #content #mainWide #inputBlock table #autoAddress, #content #mainWide #inputBlock table #autoAddressHeadOffice, #content #mainWide #inputBlock table #autoAddressReceiver { /* 住所自動入力ボタン */
    width: 110px;
    background-color: #3A7DC3;
    border: none;
    padding: 3px 5px;
    color: #FFF;
    font-size: 1.1em;
    display: block;
    margin-top: 5px;
    float: left;
    cursor: pointer;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
  }
  #content #mainWide #inputBlock table label.autoAddLabel, #content #mainWide #inputBlock table label.autoAddLabelHeadOffice, #content #mainWide #inputBlock table label.autoAddLabelDemand { /* 「住所自動入力」ボタン専用のラベル */
    width: 250px;
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 8px;
    font-size: 0.9em;
  }
  #content #mainWide #buttonBlock #comfirmButton { /* 「ご入力内容確認」ボタン */
    background-image: url(/images/form_button/btn_inputConf.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 177px;
    height: 35px;
    text-indent: -999em;
    border: none;
    display: block;
    margin: auto;
  }
  #content #mainWide #inputBlock table textarea#remarks { /* 各種フォーム「備考欄」(入力画面、#inputBlock) */
    width: 530px;
    height: 180px;
  }
  #content #mainWide #inputBlock table textarea#inquirySentence { /* 「問い合わせ内容」(入力画面、#backBlue #inputBlock) */
    width: 530px;
    height: 300px;
  }
  #content #mainWide #backBlue #inputBlock .headOfficeNotice { /* 「本部がある場合・・・」の文章 */
    width: 600px;
    background-color: #FB6549;
    border: none;
    padding: 3px;
    color: #FFF;
    font-size: 1.1em;
    display: block;
    margin: 5px auto;
    text-align: center;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
  }
  #content #mainWide #backBlue #inputBlock table.calendar { /* 塾登録ページの「年間採用予定」表 */
    border: 2px solid #CACACA;
    border-collapse: collapse;
  }
  #content #mainWide #backBlue #inputBlock table.calendar th { /* 塾登録ページの「年間採用予定」表 */
    border: 1px solid #CACACA;
    border-collapse: collapse;
    padding: 5px 3px;
    text-align: center;
    vertical-align: middle;
  }
  * + html #content #mainWide #backBlue #inputBlock table.calendar th { /* IE7ハック　塾登録ページの「年間採用予定」表 */
    font-size: 0.95em;
  }
  #content #mainWide #backBlue #inputBlock table.calendar td { /* 塾登録ページの「年間採用予定」表 */
    border: 1px solid #CACACA;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
  }
  #content #mainWide #backBlue #inputBlock table.calendar th.backYellow { /* 塾登録ページの「年間採用予定」表、左上の空白 */
    background-color: #FFDD33;
    width: auto;
  }
  #content #mainWide #backBlue #inputBlock table.calendar td.noSelect { /* 塾登録ページの「年間採用予定」表、選択できないセル */
    background-color: #E6E6E6;
  }
  #content #mainWide #backBlue #inputBlock table.calendar th.month { /* 塾登録ページの「年間採用予定」表、「月」 */
    width: 30px;
    background-color: #FFDD33;
  }
  #content #mainWide #backBlue #inputBlock table.calendar th.testName { /* 塾登録ページの「年間採用予定」表、「テスト名」 */
    width: 60px;
    background-color: #DCF0F0;
  }
  .foampadd td {
    padding: 7px;
  }
  /* 各種 確認画面
		------------------------------------- */
  #content #mainWide #backBlue #confirmBlock table { /* 問合せ確認ページ(#backBlue #confirmBlock)はマージン削除 */
    margin-bottom: 0;
  }
  #content #mainWide #backBlue #confirmBlock table td#inquirySentenceConf { /* 「問い合わせ内容」欄は高さ固定で。 */
    height: 200px;
    width: 537px;
    overflow: auto;
    display: block;
    border: none;
  }
  #content #mainWide #backBlue #confirmBlock table td#remarksConf { /* 「備考」欄は高さ固定で。 */
    height: 150px;
    overflow: auto;
    display: block;
    border: none;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth2 { /* ラベル幅2em(「生徒在籍数」などで使用) */
    width: 2em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth3 { /* ラベル幅3em(「生徒在籍数」などで使用) */
    width: 3em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth4 { /* ラベル幅4em(「生徒在籍数」などで使用) */
    width: 4em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth5 { /* ラベル幅5em(「生徒在籍数」などで使用) */
    width: 5em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth6 { /* ラベル幅6em(「生徒在籍数」などで使用) */
    width: 6em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth8 { /* ラベル幅8em(「生徒在籍数」などで使用) */
    width: 8em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth9 { /* ラベル幅9em(「生徒在籍数」などで使用) */
    width: 9em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth10 { /* ラベル幅10em(「生徒在籍数」などで使用) */
    width: 10em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth14 { /* ラベル幅14em(「生徒在籍数」などで使用) */
    width: 14em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock table .labelWidth27 { /* ラベル幅27em(「生徒在籍数」などで使用) */
    width: 27em;
    display: block;
    float: left;
    margin-left: 3px;
  }
  #content #mainWide #backBlue #confirmBlock .headOfficeNotice { /* 「本部がある場合・・・」の文章 */
    width: 600px;
    background-color: #FB6549;
    border: none;
    padding: 3px;
    color: #FFF;
    font-size: 1.1em;
    display: block;
    margin: 5px auto;
    text-align: center;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
  }
  #content #mainWide #backBlue #confirmBlock table.calendar { /* 塾登録確認ページの「年間採用予定」表 */
    border: 2px solid #CACACA;
    border-collapse: collapse;
  }
  #content #mainWide #backBlue #confirmBlock table.calendar th { /* 塾登録確認ページの「年間採用予定」表 */
    border: 1px solid #CACACA;
    border-collapse: collapse;
    padding: 5px 3px;
    text-align: center;
    vertical-align: middle;
  }
  * + html #content #mainWide #backBlue #confirmBlock table.calendar th { /* IE7ハック　塾登録確認ページの「年間採用予定」表 */
    font-size: 0.95em;
  }
  #content #mainWide #backBlue #confirmBlock table.calendar td { /* 塾登録確認ページの「年間採用予定」表 */
    border: 1px solid #CACACA;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
  }
  #content #mainWide #backBlue #confirmBlock table.calendar th.backYellow { /* 塾登録確認ページの「年間採用予定」表、左上の空白 */
    background-color: #FFDD33;
    width: auto;
  }
  #content #mainWide #backBlue #confirmBlock table.calendar td.noSelect { /* 塾登録確認ページの「年間採用予定」表、元々選択できないセル */
    background-color: #E6E6E6;
  }
  #content #mainWide #backBlue #confirmBlock table.calendar td.SelectOn { /* 塾登録確認ページの「年間採用予定」表、選択したセル */
    background-color: #FB6549;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
  }
  #content #mainWide #backBlue #confirmBlock table.calendar th.month { /* 塾登録確認ページの「年間採用予定」表、「月」 */
    width: 30px;
    background-color: #FFDD33;
  }
  #content #mainWide #backBlue #confirmBlock table.calendar th.testName { /* 塾登録確認ページの「年間採用予定」表、「テスト名」 */
    width: 60px;
    background-color: #DCF0F0;
  }
  #content #mainWide #buttonBlock #backButton { /* 「戻る」ボタン */
    background-image: url(/images/form_button/btn_back.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 107px;
    height: 35px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 190px;
  }
  #content #mainWide #buttonBlock #sentButton { /* 「送信」ボタン */
    background-image: url(/images/form_button/btn_sent.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 145px;
    height: 35px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 20px;
  }
  #content #mainWide #buttonBlock #registButton { /* 「登録」ボタン */
    background-image: url(/images/form_button/btn_regist.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 146px;
    height: 35px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 20px;
  }
  #content #mainWide #buttonBlock #mypageTopButton { /* 「マイページTOP」ボタン */
    background-image: url("/images/member/btn_myPageTop.png");
    background-position: left top;
    background-repeat: no-repeat;
    width: 217px;
    height: 36px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 230px;
  }
  #content #mainWide #buttonBlock #cancelButton { /* 「キャンセル」ボタン */
    background-image: url("/images/common/btnCancel01.png");
    background-position: left top;
    background-repeat: no-repeat;
    width: 177px;
    height: 36px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 190px;
  }
  /* 各種 完了画面
		------------------------------------- */
  #content #mainWide #compBlock { /*  */

  }
  #content #mainWide #compBlock h3 { /* 「お問い合わせありがとうございます」などのフレーム枠 */
    /*background-image: url(/images/common/h3Red613.png);*/
    background-image: none;
    border: 3px solid #ff4442;
    border-radius: 10px;
    padding: 10px 15px;
    width: 613px;
    /*	padding-top: 9px;*/
    margin: 0 auto 20px auto;
    text-align: center;
    font-size: 1.3em;
    color: #FF4442;
    letter-spacing: 0;
    font-weight: bold;
    height: auto;
		
    /*	padding-left: 0;*/
  }
  #content #mainWide #compBlock .ThankYou {
    text-align: left;
    font-size: .88em;
  }
  #content #mainWide #compBlock .ThankYou h4 {
    border-bottom: solid #999999 1px;
    border-top: solid #999999 1px;
    padding: 5px 0;
    margin-bottom: 9px;
  }
  #content #mainWide #compBlock p.alignRight { /* 総進様の電話番号を表示 */
    text-align: right;
    margin-right: 20px;
  }
  #content #mainWide #buttonBlock #bear { /* ボタン左のクマ画像 */
    margin-left: 240px;
    display: block;
    float: left;
  }
  #content #mainWide #buttonBlock #backTopButton { /* 「TOPへ」ボタン */
    background-image: url(/images/form_button/btn_top.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 107px;
    height: 35px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 7px;
    margin-top: 25px;
  }
  #wraper #content #mainWide #changecomp #buttonBlock #bear01 { /* ボタン右のクマ画像 */
    margin-left: 10px;
    display: block;
    float: left;
    margin-bottom: 300px;
  }
  #wraper #content #mainWide #changecomp #buttonBlock #backTopButton01 { /* 「TOPへ」ボタン */
    background-image: url(/images/common/btn_top01.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 107px;
    height: 35px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 240px;
    margin-top: 25px;
  }
  /* 総進Sもぎ会員(個人)登録フォーム
		------------------------------------- */
  #content #mainWide #bylawBlock { /* 「ご利用規約」ブロック */
    font-size: 0.9em;
    margin-top: 10px;
  }
  #content #mainWide #bylawBlock p { /* 「ご利用規約」の案内文 */
    font-size: 12px;
  }
  #content #mainWide #bylawBlock h3 { /* 「ご利用規約」のタイトル */
    font-size: 1em;
    font-weight: bold;
    background-image: none;
    color: inherit;
    padding: inherit;
    height: auto;
    display: inherit;
    letter-spacing: inherit;
    border: none;
  }
  #content #mainWide #bylawBlock div#bylawDetail { /* 「ご利用規約」の内容 */
    border: 1px solid #CACACA;
    height: 120px;
    overflow: auto;
    padding: 7px;
    font-size: 0.9em;
    margin-bottom: 5px;
  }
  #content #mainWide #bylawBlock div#bylawDetail .userAgreementBlock {
    margin-bottom: 1.5em;
  }
  #content #mainWide #bylawBlock div#bylawDetail .userAgreementBlock h4 {
    background-image: none;
    padding: 0;
    color: #4891CF;
    font-size: 1.1em;
    margin-bottom: 0;
    height: auto;
  }
  #content #mainWide #bylawBlock div#bylawDetail .userAgreementBlock p {
    margin: 0 0 0 1em;
    line-height: 1.3em;
  }
  #content #mainWide #bylawBlock div#bylawDetail .userAgreementBlock p.indent {
    text-indent: -3em;
    margin-left: 4em;
  }
  #content #mainWide #buttonBlock #agreeBlock { /* 「同意する・しない」のブロック */
    width: 14em;
    margin: 0 auto 10px auto;
    font-size: 0.9em;
    font-weight: bold;
  }
  #content #mainWide #buttonBlock #agreeBlock input[type="radio"] { /* 「同意する・しない」のブロック */
    margin-top: 4px;
  }
  #content #mainWide #buttonBlock #agreeBlock .labelWidth5 { /* 「同意する・しない」のブロック */
    width: 5em;
    display: inline-block;
  }
  #content #mainWide #buttonBlock p.error { /* 「同意する・しない」のエラーメッセージ */
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: -1em;
  }
  /* 総進図書会員（塾）登録完了
		------------------------------------- */
  #content #mainWide #leadRegister {
    background-color: #C8DCF0;
    padding: 10px 8px;
    width: 724px;
    margin-top: 20px;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
  }
  #content #mainWide #leadRegister ul {
    margin-bottom: 0;
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  }
  #content #mainWide #leadRegister ul li { /* 各塾生登録フォームへのボタンが入るブロック */
    display: block;
    float: left;
    list-style-type: none;
    margin: 6px;
    width: 350px;
  }
  #content #mainWide #leadRegister ul li#registNewPupil a { /* 新年度塾生新規登録フォームへのボタン */
    background-image: url(../images/member/btn_registNewPupil.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 347px;
    height: 84px;
    display: block;
    text-indent: -999em;
  }
  #content #mainWide #leadRegister ul li#registAddPupil a { /* 今年度の塾生　追加登録フォームへのボタン */
    background-image: url(../images/member/btn_registAddPupil.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 347px;
    height: 84px;
    display: block;
    text-indent: -999em;
  }
  #content #mainWide #leadRegister ul li#registPupilFuture { /* 後日でも塾生登録ができることをアナウンス */
    width: auto;
    float: none;
  }
  /* 無料パンフレット請求(個人)トップ
		------------------------------------- */
  #content #main #mainLoginBlock p.attention { /* ログインの枠内最下部にある、肌色背景の文章 */
    background-color: #FFCC99;
    padding: 4px 10px;
    font-weight: bold;
    text-align: left;
    width: auto;
  }
  #content #main .detail #leadPamphlet { /* 「総進Sもぎ会員(個人)でない方」以下のボタンブロック */
    background-color: #C8DCF0;
    width: 530px;
    padding: 10px 0;
  }
  #content #main .detail #leadPamphlet ul { /*  */
    overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
    position: relative; /*DWで正常にプレビューできるようになる*/
    zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
    margin-bottom: 0;
  }
  #content #main .detail #leadPamphlet ul li { /*  */
    margin: 6px;
    list-style-type: none;
    text-indent: -999em;
    width: 250px;
    height: 97px;
    float: left;
    display: block;
  }
  #content #main .detail #leadPamphlet ul li a { /*  */
    text-indent: -999em;
    width: 250px;
    height: 97px;
    display: block;
    background-color: #C8DCF0;
  }
  #content #main .detail #leadPamphlet ul li#pamphletPersonalRegist a { /* 「総進Sもぎ会員(個人)】登録(無料)を行って資料請求　のボタン */
    background-image: url(/images/pamphlet/btn_personalRegist.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadPamphlet ul li#pamphletPersonalRequest a { /* 「総進Sもぎ会員(個人)】登録(無料)を行わずに資料請求　のボタン */
    background-image: url(/images/pamphlet/btn_personalRequest.png);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    text-indent: -999em;
    width: 250px;
    height: 97px;
    display: block;
    background-color: #C8DCF0;
  }
  /* 無料パンフレット請求(個人)確認
		------------------------------------- */
  #content #mainWide #buttonBlock #pamphRequestButton { /* 「無料パンフレットを請求する」ボタン */
    background-image: url(/images/form_button/btn_pamphRequestButton.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 320px;
    height: 38px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 20px;
  }
    .prsnRegister{
        background: #3a7ec5;
        font-weight: bold;
        width: 535px;
        height: 75px;
        border-radius: 5px;
        margin: auto;
    }
    .prsnRegister a{
    background-image: url("/images/info/mark01.png");
    background-repeat: no-repeat;
    background-position: bottom 50% left 100px;
                color: #f2f2f2;
        font-size: 24px;
        text-indent: 2em;
        

    
    }
  /* 無料資料請求(塾)トップ
		------------------------------------- */
  #content #main .detail #leadPamphlet ul li#pamphletCramSchoolRegist a { /* 【総進図書会員(塾)】登録(無料)を行って資料請求　のボタン */
    background-image: url(/images/pamphlet/btn_cramSchoolRegist.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  #content #main .detail #leadPamphlet ul li#pamphletCramSchoolRequest a { /* 【総進図書会員(塾)】登録(無料)を行わずに資料請求　のボタン */
    background-image: url(/images/pamphlet/btn_cramSchoolRequest.png);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    text-indent: -999em;
    width: 250px;
    height: 97px;
    display: block;
    background-color: #C8DCF0;
  }
  /* 無料資料請求(塾)確認
		------------------------------------- */
  #content #mainWide #buttonBlock #materialsRequestButton { /* 「無料資料請求する」ボタン */
    background-image: url(/images/form_button/btn_materialsRequest.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 185px;
    height: 35px;
    text-indent: -999em;
    border: none;
    display: block;
    float: left;
    margin-left: 20px;
  }
  /* 千葉県入試制度
		------------------------------------- */
  /*#entranceSystem #content h3 {
  background-image: none;
  border-bottom: 1px solid #3A7EC5;
  height: auto;
  width: auto;
  padding-left: 0;
  letter-spacing: normal;
}*/
}
.school-district-table td{
  padding: 3px 2px;
  line-height: 0;
  font-size: 3rem;
}
#entranceSystem #content table.thSkyGreen {
  font-size: 0.8em;
}
#entranceSystem #content table.thSkyGreen th {
  background-color: #DCF0F0;
}
#entranceSystem #content table.thSkyGreen th.gray {
  background-color: #E6E6E6;
}
#entranceSystem #content table.thSkyGreen th.yellowGreen {
  background-color: #BEE6C8;
}
#entranceSystem #content table th.alignCenter, #entranceSystem #content table td.alignCenter {
  text-align: center;
}

.school-district-area-table th{
  width: 170px;
}

 .school-district-area-table th ,
 .school-district-area-table td {
  text-align: left !important;
  padding: 4px 10px;
  vertical-align: middle;
}

.school-district-table02 th{
  padding: 0 10px !important;
}

#entranceSystem #content table th.width60, #entranceSystem #content table td.width60 {
  width: 60px;
}
#entranceSystem #content table th.width70, #entranceSystem #content table td.width70 {
  width: 70px;
}
#entranceSystem #content table th.width80, #entranceSystem #content table td.width80 {
  width: 80px;
}
#entranceSystem #content table th.width90, #entranceSystem #content table td.width90 {
  width: 90px;
}
#entranceSystem #content table th.width100, #entranceSystem #content table td.width100 {
  width: 100px;
}
#entranceSystem #content table th.width110, #entranceSystem #content table td.width110 {
  width: 110px;
}
#entranceSystem  table th.width120, #entranceSystem  table td.width120 {
  width: 120px;
}
#entranceSystem #content table th.width140, #entranceSystem #content table td.width140 {
  width: 140px;
}
#entranceSystem #content table th.width150, #entranceSystem #content table td.width150 {
  width: 150px;
}
#entranceSystem #content table th.width200, #entranceSystem #content table td.width200 {
  width: 200px;
}
#entranceSystem #content table th.width210, #entranceSystem #content table td.width210 {
  width: 210px;
}
#entranceSystem #content table th.width220, #entranceSystem #content table td.width220 {
  width: 220px;
}
#entranceSystem #content table th.width23, #entranceSystem #content table td.width230 {
  width: 230px;
}
#entranceSystem #content table th.width240, #entranceSystem #content table td.width240 {
  width: 240px;
}
#entranceSystem #content table th.width250, #entranceSystem #content table td.width250 {
  width: 250px;
}
#entranceSystem #content table th.width290, #entranceSystem #content table td.width290 {
  width: 290px;
}
#entranceSystem #content table th.width300, #entranceSystem #content table td.width300 {
  width: 300px;
}
#entranceSystem #content table th.width310, #entranceSystem #content table td.width310 {
  width: 310px;
}
#entranceSystem #content table th.width320, #entranceSystem #content table td.width320 {
  width: 320px;
}

.publicSchoolArea .pdfDl {
  background: none ;
  display: flex;
  align-items: center;
  gap: 5px;
}

#entranceSystem #content #main #entranceSystemList { /* ページ下部のメニューリストブロック */
  border: 1px solid #3A7DC3;
  padding: 5px 10px;
  margin-bottom: 2em;
}
#entranceSystem  #main #entranceSystemList ul { /* ページ下部のメニューリストブロック */
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
#entranceSystem #main #entranceSystemList ul li { /* ページ下部のメニューリストブロック */
  background-image: url(/images/common/list_arrowSideWayOrange.png);
  background-position: left 7px;
  background-repeat: no-repeat;
  padding: 2px 0 2px 15px;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
}
#entranceSystem  #main #entranceSystemList ul li:hover { /* ページ下部のメニューリストブロック */
  background-color: #D8E6F4;
}
#entranceSystem  #main #entranceSystemList ul li a {
  display: block;
  text-align: center;
}
#entranceSystem  #main #entranceSystemList ul li a:hover {
  color: #3A7EC5;
  text-decoration: none;
}
#entranceSystem  #main #mainMenu { /* トップのメニューリストブロック */
}
#entranceSystem  #main #mainMenu ul { /* トップのメニューリストブロック */
  list-style-type: none;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;

}
#entranceSystem  #main #mainMenu .menu-list li { /* トップのメニューリストブロック */
  list-style-type: none;
  margin-top: 0;
  font-weight: bold;
box-sizing: border-box;
  display: block;
  font-size: 20px;
  border: solid 3px #3A7EC5;
  border-radius: 5px;
}

#entranceSystem  #main #mainMenu ul li:hover { /* トップのメニューリストブロック */
  background-color: #D8E6F4;
}
#entranceSystem #main #mainMenu ul li a {

}
#entranceSystem  #main #mainMenu ul li a span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 79px;

}
#entranceSystem  #main #mainMenu ul li a:hover {
  color: #3A7EC5;
  text-decoration: none;
}
#entranceSystem #content #main .examinationSchedule {
  background-color: #5FBE6E;
  padding: 2px;
  margin-bottom: 1em;
}
#entranceSystem #content #main .examinationSchedule h5 {
  color: #FFF;
  letter-spacing: 1.1em;
  text-align: center;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 4px;
}
#entranceSystem #content #main .examinationSchedule .titleDays { /* 『公立高等学校　選抜日程』の各項目行 */
  border: 2px solid #C0C0C0;
  background-color: #FFFFFF;
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
  overflow: hidden;
  zoom: 1;
}
#entranceSystem #content #main .examinationSchedule .title { /* 『公立高等学校　選抜日程』の各項目名 */
  width: 240px;
  height: 25px;
  padding-top: 5px;
  background-color: #D8E6F4;
  border-right: 1px solid #C0C0C0;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  float: left;
}
#entranceSystem #content #main .examinationSchedule .days { /* 『公立高等学校　選抜日程』の日にち */
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  font-size: 0.75em;
  padding-left: 5.7em;
  padding-top: 5px;
  height: 25px;
  float: left;
}
#entranceSystem #content #main .examinationSchedule .days .year { /* 『公立高等学校　選抜日程』の年度 */
  position: absolute;
  display: inline-block;
  width: 5em;
  left: 7px;
  top: 5px;
}
#entranceSystem #content #main .examinationSchedule img {
  margin-top: 3px;
  margin-bottom: 3px;
  display: block;
}
#entranceSystem #content #main .examinationSchedule .arrowBlock {
  position: relative;
}
#entranceSystem #content #main .examinationSchedule img.arrow {
  position: relative;
  left: 102px;
  display: inline-block;
  margin: 0;
}
#entranceSystem #content #main .examinationSchedule span.detailText {
  position: absolute;
  left: 250px;
  top: -5px;
  font-size: 0.7em;
}
#entranceSystem #content #main .grayFrame { /* 四角グレー色の枠(角丸ではなく直角、背景も薄グレー) */
  border: 1px solid #BFBFBF;
  background-color: #F2F2F2;
  padding: 10px;
  font-size: 0.8em;
  line-height: 1.3em;
}
#entranceSystem #content #main .grayFrame h4 { /* グレーフレームの中のh4は水色 */
  color: #4891CF;
  font-size: 1.2em;
}
#content #main table.borderNone, #content #main table.borderNone th, #content #main table.borderNone td {
  border: none;
  padding: 0;
}
#entranceSystem #content #main ul.summary {
  list-style-type: none;
  font-size: 0.8em;
  margin-left: 1em;
  padding-top: 0;
}
#entranceSystem #content #main ul.summary li {
  list-style-type: none;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0;
}
#entranceSystem #content #main ul.GreenButton { /* 「学区別／専門学校設置高等学校」ページ内の緑ボタン */
  list-style-type: none;
  padding-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
#entranceSystem #content #main ul.GreenButton li { /* 「学区別／専門学校設置高等学校」ページ内の緑ボタン */
  background-position: left top;
  background-repeat: no-repeat;
  list-style-type: none;
  width: 146px;
  height: 32px;
  text-indent: -999em;
  margin-right: 7px;
  margin-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-top: 0;
  float: left;
}
#entranceSystem #content #main ul.GreenButton li a { /* 「学区別／専門学校設置高等学校」ページ内の緑ボタン */
  display: block;
  width: 146px;
  height: 32px;
  text-indent: -999em;
  background-color: transparent;
}
#entranceSystem #content #main ul.GreenButton li.schoolDistrict01 a { /* 「学区別／専門学校設置高等学校」ページ内の緑ボタン */
  background-image: url(/images/entrance_system/btnSchoolDistrict01-05.png);
}
#entranceSystem #content #main ul.GreenButton li.schoolDistrict02 a { /* 「学区別／専門学校設置高等学校」ページ内の緑ボタン */
  background-image: url(/images/entrance_system/btnSchoolDistrict06-09.png);
}
#schoolDistrict01-05, #schoolDistrict06-09 {
  position: relative;
}
 #schoolDistrict06-09 p.kukuri {
  position: absolute;
  right: 5px;
  top: -1.7em;
}
#schoolDistrict01-05 p.kukuri span{
	margin-left: 3rem;
}
#entranceSystem #content table.schoolDistrictList {
  font-size: 0.7em;
  line-height: 1.3em;
  border: solid 1px #808080;
}

#entranceSystem .EvaluationCriteriapdf a  {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #f00;
}
#entranceSystem h2#schoolDistrictVocational {
  width: 950px;
  background: url("/images/entrance_system/h2_900.png")no-repeat;
}
#entranceSystem  table.schoolDistrictList th {
  background-color: #E6E6E6;
  text-align: center;
  width: auto;
  vertical-align: middle;
  padding: 4px 1px;
  border: solid 1px #808080;
  font-size: 14px;
  font-weight: normal;
}
#entranceSystem  table.schoolDistrictList th.thSkyGreen {
  background-color: #DCF0F0;
  font-weight: bold;
}
#entranceSystem  table.schoolDistrictList td {
  text-align: center;
  vertical-align: middle;
  padding: 4px 2px;
  border: solid 1px #808080;
  font-size: 13px;
  background-color: transparent;
}
#entranceSystem table.schoolDistrictList col.schoolDistrictList-kuStripe {
  background-color: #e6f0ff;
}
#entranceSystem  table td.tdPinkBack { /* 「県立学校改革推進プラン」の今年度実施項目を示すピンク色のtd */
  background-color: #FFE0DB;
}
#entranceSystem #content #main ul.GreenButton { /* 「千葉県私立高等学校入試結果(抜粋)」ページ内の緑ボタン */
  list-style-type: none;
  padding-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
#entranceSystem #content #main ul.GreenButton li { /* 「千葉県私立高等学校入試結果(抜粋)」ページ内の緑ボタン */
  background-position: left top;
  background-repeat: no-repeat;
  list-style-type: none;
  width: 146px;
  height: 32px;
  text-indent: -999em;
  margin-right: 7px;
  margin-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-top: 0;
  float: left;
}
#entranceSystem #content #main ul.GreenButton li a { /* 「千葉県私立高等学校入試結果(抜粋)」ページ内の緑ボタン */
  display: block;
  width: 146px;
  height: 32px;
  text-indent: -999em;
  background-color: transparent;
}
#entranceSystem #content #main ul.GreenButton li.precedingEntranceExamination a { /* 「千葉県私立高等学校入試結果(抜粋)」ページ内の緑ボタン */
  background-image: url(/images/entrance_system/btnPrecedingEntranceExamination.png);
}
#entranceSystem #content #main ul.GreenButton li.latterEntranceExamination a { /* 「千葉県私立高等学校入試結果(抜粋)」ページ内の緑ボタン */
  background-image: url(/images/entrance_system/btnLatterEntranceExamination.png);
}
#entranceSystem #content #main .schoolList { /* 「千葉県私立高等学校入試結果(抜粋)」ページ内の高校名リスト */
  border: 1px solid #CACACA;
  padding: 7px 12px;
  margin-bottom: 1.5em;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
#entranceSystem #content #main .schoolList ol { /* 「千葉県私立高等学校入試結果(抜粋)」ページ内の高校名リスト */
  list-style-type: decimal;
  font-size: 0.75em;
  margin-left: 25px;
  float: left;
}
#entranceSystem #content #main .schoolList ol li { /* 「千葉県私立高等学校入試結果(抜粋)」ページ内の高校名リスト */
  line-height: 1.5em;
}
#entranceSystem #MapPDF {
  width: 266px;
  height: 36px;
  color: #f00;
  border: solid 2px #f00;
  margin-bottom: 45px;
}
#entranceSystem #MapPDF a {
  background: url("/images/entrance_system/pdfIcon.png")no-repeat;
  background-position: center left 4px;
  width: 266px;
  height: 36px;
  display: block;
  color: #f00;
}
#entranceSystem #MapPDF a span {
  display: table-cell;
  width: 266px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
}
/* 共通パーツ*/
#entranceSystem #content #main530 .Breadcrumb {
  font-size: 13px;
  margin-bottom: 25px;
}
#entranceSystem #content #main .Breadcrumb {
  font-size: 13px;
  margin-bottom: 10px;
}
#entranceSystem .topLINK {
  font-size: 13px;
  margin-top: 15px;
}
#entranceSystem table th.gray {
  background: #e6e6e6 !important;
}
/* 公立高等学校　選抜日程 */
#entranceSystem .examinationSchedule {
  padding-bottom: 20px;
  border-bottom: dotted 1px #666;
  width: 740px;

  
}
.examinationSchedule > div{
  font-size: 16px;
}

#entranceSystem .examinationSchedule table.blue, #entranceSystem .examinationSchedule table.green {
  border: solid 1px #666;
  margin: 10px 0;
  padding: 0;
  margin-left: auto;
}
#entranceSystem .examinationSchedule table.blue th{
  background-color: #e6f0ff;
}
  #entranceSystem .examinationSchedule table.green th{
    background-color: #DCF0F0;
  }


#entranceSystem .examinationSchedule table.blue th, #entranceSystem .examinationSchedule table.green th {
  height: 58px;
  vertical-align: middle;
  padding: 0 10px;
  border: solid 1px #666;
  text-align: center;


}
#entranceSystem .examinationSchedule table.blue th{
  width: 240px;

}
#entranceSystem .examinationSchedule table.green th{
  width: 290px;

}

#entranceSystem .examinationSchedule table.blue th, #entranceSystem .examinationSchedule table.green th {
  width: 290px;
}

#entranceSystem .examinationSchedule table td {
  font-size: 14px;
  vertical-align: middle;
  line-height: 1.3em;
  background: #fff;
  width: 445px;
  box-sizing: border-box;
  padding: 0 ;
  padding-left: 1rem;
}
#entranceSystem .examinationSchedule table.arrowComment {
  border: none;
}
#entranceSystem .examinationSchedule th.arrowBlock {
  border: none;
  width: 270px;
  text-align: center;
}
#entranceSystem .examinationSchedule td.Comment {
  border: none;
  padding: 0 0 0 5px;
  vertical-align: top;
  font-size: 13px;
}
/* 旧選抜制度と新制度の相違点 */
#entranceSystem .redfream {
  background: #ffe5e1;
  padding: 15px;
  font-size: 13px;
  margin-bottom: 40px;
}
#entranceSystem .redfream ul li {
  padding-left: 3em;
  text-indent: -3em;
  letter-spacing: 0.2px;
}
#entranceSystem table#entransSystemSummary {
  border: solid 1px #666;
}
#entranceSystem table#entransSystemSummary th {
  border: solid 1px #666;
  height: 40px;
  width: 225px;
  vertical-align: middle;
  background: #e6f0ff;
  font-size: 14px;
  font-weight: bold;
}
#entranceSystem table#entransSystemSummary th:last-child {
  background: #ff4442;
  color: #fff;
  width: 416px;
}
#entranceSystem table#entransSystemSummary th.gray {
  width: 135px;
  height: auto;
  vertical-align: top;
  text-align: center;
  padding-left: 00px;
}
#entranceSystem table#entransSystemSummary td {
  font-size: 15px;
  border: solid 1px #666;
  padding: 10px;
  padding: 10px;
  vertical-align: top;
}
#entranceSystem table#entransSystemSummary td.time-td {
  text-align: center;
}
#entranceSystem table#entransSystemSummary td:last-child {
  background: #ffe5e1;
}

.entraSystemSummary
.entraSystemSummary
.page-navi > div:nth-child(1) > ul:nth-child(1) li {
  /* width: 31%; */
  width: 35%;
}

/*一般入学者選抜の検査内容と選抜方法*/

#senbatsu table.GeneralSelection td{
  vertical-align: top;
}

#entranceSystem .h4Green {
  color: #fff;
  background: #5fbe6e;
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
  margin-top: 40px;
  margin-bottom: 10px;
}
#entranceSystem table.GeneralSelection {
  border: solid 1px #666;
}
#entranceSystem table.GeneralSelection th.gray {
  width: 120px;
  height: 40px;
  vertical-align: top;
  padding-top: 5px;
}
#entranceSystem table.GeneralSelection th {
  width: 440px;
  border: solid 1px #666;
  background: #dcf0f0;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}
#entranceSystem table.GeneralSelection td ,#entranceSystem table.GeneralSelection02 td{
  border: solid 1px #666;
  width: 295px;
  font-size: 15px;
  padding: 10px;
}
#entranceSystem table.GeneralSelection02 th{
	background: #e6f0ff
}

#entranceSystem table.GeneralSelection.Method th ,#entranceSystem table.GeneralSelection02.Method th {
  height: 30px;
	font-weight: normal;
	vertical-align: middle;
	font-size: 15px;
	border: solid 1px #666;
  padding: 5px 0;
}
#entranceSystem table.GeneralSelection.Method td ,#entranceSystem table.GeneralSelection02.Method td  {
  width: auto;
  text-align: center;
  vertical-align: top;
	font-size: 15px;
	border-bottom: none;

}


#entranceSystem table.GeneralSelection.Method td  {
	font-size: 20px!important;
}

#entranceSystem table.GeneralSelection02.Method td  {
	font-size: 15px!important;
  width: 190px;
}
.Selectedschool-box{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  align-items: flex-start;
}
#entranceSystem table.Selectedschool{
	
}
#entranceSystem table.Selectedschool td{
	padding: 5px 10px;
				border: solid 1px #666666;
  border-bottom: 0px;



}
#entranceSystem table.Selectedschool tr:last-child{
  border-bottom: solid 1px #666666;

}
#entranceSystem table.Selectedschool th{
	text-align: left;
	font-weight: normal;
	padding: 5px 10px;
					border: solid 1px #666666;
	width: 100px;
  border-bottom: 0px;


}

#entranceSystem h5.h5Gray {
  font-size: 15px;
  font-weight: bold;
  background: #e6e6e6;
  padding: 5px 20px;
  border-radius: 15px;
  margin-bottom: 10px;
  margin-top: 35px;
}
#entranceSystem div.ybox {
	margin-top: 1.5em;
	border:1px solid #666666;
}
#entranceSystem div.ybox div {
	padding:1em;
}
#entranceSystem div.ybox div.title {
	background-color: #FFEBBE;
	font-weight: bold;
}
#entranceSystem div.ybox div ol {
	margin-top:1em;
}
#entranceSystem div.ybox div li {
	margin-top: 3px;
	padding-left: 3em;
	text-indent: -3em;
}
#entranceSystem .SelectionMethod {
  display: inline-block;
  margin: 10px 15px 30px 0;
  font-size: 14px;
  font-weight: bold;
}
#entranceSystem .exampleAB {
  display: block;
  margin: 15px 0 0 auto;
  width: 700px;
}
#entranceSystem .scoreTable {
  border: solid 1px #666;
  margin-top: 5px;
}
#entranceSystem .scoreTable th, #entranceSystem .scoreTable td {
  height: 40px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  border: solid 1px #666;
  text-align: left;
  padding-left: 10px;
}
#entranceSystem .scoreTable td {
  height: 26px;
}
#entranceSystem #AdditionalExam li {
  margin-bottom: 25px;
  font-size: 13px;
  padding-left: 1em;
  text-indent: -1em;
}
#entranceSystem table.prefecturalSchoolPlan {
  margin-top: 20px;
  border: solid 1px #808080;
}
#entranceSystem table.prefecturalSchoolPlan th.gray {
  text-align: left;
  height: 30px
}
#entranceSystem table.prefecturalSchoolPlan th {
  background: #dcf0f0;
  vertical-align: middle;
  text-align: left;
  font-size: 14px;
  padding-left: 10px;
  border: solid 1px #808080;
}
#entranceSystem table.prefecturalSchoolPlan td {
  font-size: 14px;
  vertical-align: middle;
  border: solid 1px #808080;
}
#entranceSystem .EvaluationCriteriapdf {
  border: solid 2px #f00;
  border-radius: 10px;
  height: 100px;
  width: 100%;
}

.Inspection li{
padding-left: 1.3em;
line-height: 1.8;
  position: relative;
  list-style: none;
}

.Inspection li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9em;
  transform: translateY(-50%);
  width: 0.7em;
  height: 0.7em;
  background: #222;
  border-radius: 50%;
  display: inline-block;
}
p.Selection{
	color: #5fbe6e;
	border-bottom: solid #5fbe6e 1px;
}

.Grades-table-box{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 10px;
}

.Grades-table-box > p:nth-child(3) {
  position: absolute;
  right: 0;
  bottom: 2.5rem;
}


.Grades-table-box {
  position: relative;
}

#entranceSystem .Grades-table-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;

}

	#entranceSystem .Grades-table{
		font-size: 15px;
    width: 100%;
	}	#entranceSystem .Grades-table tr:first-child th{
		padding: 10px;
  }
	
	#entranceSystem .Grades-table th{
		padding: 5px;
		font-weight: normal;
		background: #E6E6E6;
    width: 115px;
    vertical-align: middle;
    border: solid 1px #666;
  }
	#entranceSystem .Grades-table td{
padding: 5px;
		text-align: center;
    border: solid 1px #666;
    
	}
  #entranceSystem #content table.thSkyBlue {
    font-size: 0.8em;
  }
  #entranceSystem #content table.thSkyBlue th {
    background-color: #C8DCF0;
  }
  #entranceSystem #content table.thSkyBlue th.yellowGreen {
    background-color: #BEE6C8;
  }

/* safari */
_::-webkit-full-page-media, _:future, :root #entranceSystem .EvaluationCriteriapdf a {
  background-position: center left 145px;
}


.examinationContentsPreceding  table.Additionalx_test th {
  border: 1px solid #666666;
  padding: 5px;
  border-top: none;
	}


.examinationContentsPreceding  table.Additionalx_test th.time-th {
  width: 220px;
}
.examinationContentsPreceding  table.Additionalx_test th.test-th {
  width: 250px;
}
.examinationContentsPreceding  table.Additionalx_test {

  border: 1px solid #666;
  font-size: 1em;
}

.examinationContentsPreceding  table.Additionalx_test td {
  padding: 0px 8px;
  border: 1px solid #666;
  border-top: none;
  border-bottom: none;
}

.Entrance-schedule-table th ,
.Entrance-schedule-table td {
  font-size: 15px;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #666;

}
.Entrance-schedule-table tr th:first-child{
  background: #dcf0f0;
}
.Entrance-schedule-table tr:nth-child(2) th {
  padding: 20px 10px;
}
.Entrance-schedule-table td {
  width: 330px;
}

/* ご利用にあたって
		------------------------------------- */
.CramNewRegister {
  background-image: url("/images/common/btn350px.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 340px;
  height: 40px;
  font-weight: bold;
  font-size: 15px;
  padding-left: 10px;
}
.CramNewRegister a {
  color: #F00;
  width: 350px;
  height: 40px;
  display: block;
}
.CramNewRegister a span {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.arowList01 {
  background-image: url("/images/common/list_arrowSideWayBlue.png");
  background-repeat: no-repeat;
  background-position: left 1px bottom 4px;
  padding-left: 15px
}
.TestApplication {
  background-image: url("/images/common/btn320px.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 320px;
  height: 40px;
  display: block;
}
.TestApplication span {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px
}
.registFlow .blueNumList01 li {
  margin-bottom: 15px !important;
}
h4.Sub {
  padding: 10px 20px;
  background: #D2F0B4;
  border-radius: 18px;
  font-size: 17px;
}
.PDFicon {
  background-image: url("/images/common/icon_PDF.png");
  background-repeat: no-repeat;
  background-position: bottom 3px left;
  padding: 5px 0 0 27px;
}
h4#red {
  color: #f00;
  border-bottom: solid 3px;
  font-size: 26px;
  padding-bottom: 5px;
}
i.interLink {
  transform: rotateY(180deg) scale(1, 0.8);
  margin: 0px 7px 0 2px;
}
/*推奨環境
		------------------------------------- */
.browser_table th{
	width:  auto!important;
	text-align: left!important;
}
.browser_table .os{
	
	width: 120px!important;
	box-sizing: border-box;
font-weight: normal !important;
text-align: left !important;
vertical-align: top;
}
.browser_table .browser{
		width: 180px!important;
		box-sizing: border-box;

}
.JavaScript_attention{
	background: #ffe9e6;
	border: solid 1px #ff2600;
padding: 10px 20px;
	font-size: 14px;
	
}
.pdf_attention {
	border: solid 1px #ff2600;
  font-size: 14px;
  padding: 1em;
}
.pdf_attention ul {
  text-indent: -1em;
  padding-left: 1em;
  margin-left: 0em;
}
.browser_table{
	margin-bottom: 20px!important;
	
}
.browser_table th,.browser_table td{
	
	border: solid 1px #a7a7a7!important;
}
.pdfDl {
  font-size: 15px;
  font-weight: bold;
  color: #3a7ec5;
  border: solid 2px #3A7EC5;

  padding: 7px 1em 7px 2em;
  background-image: url("/images/common/num-icon01.png");
  background-repeat: no-repeat;
  background-position: center left 10px;
  background-color: #fff;
	display: inline-block;
margin: 0 0 0 auto;
}
/* よくあるご質問
		------------------------------------- */
#FAQ #content h3 {
  background-image: none;
  border-top: 1px solid #3A7EC5;
  border-bottom: 3px solid #3A7EC5;
  height: auto;
  padding-bottom: 5px;
  letter-spacing: normal;
}
#FAQ #content .BlockFAQ {
  margin-bottom: 10px;
}
#FAQ #content .BlockFAQ p.question {
  background-image: url(/images/profile/image_question.png);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding-left: 20px;
  border-bottom: 1px dotted #3A7EC5;
  color: #3A7EC5;
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 1px;
  margin-bottom: 5px;
}
#FAQ #content .BlockFAQ p.answer {
  background-image: url(/images/profile/image_answer.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 25px;
  padding-right: 10px;
  margin-left: 20px;
  padding-bottom: 3px;
  font-size: 13px;
}
#FAQ #content .BlockFAQ li.deltaBlue a {
  font-size: 13px;
  font-weight: bold;
}
#FAQ #content h3.H3QA {
  border-radius: 0;
  border-left: none;
  border-right: none;
  margin-bottom: 20px;
}
/* 入力フォーム等の各種ボタン
	------------------------------------- */
#buttonBlock #nextButton {
  background-image: url(/images/form_button/btn_next.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 146px;
  height: 35px;
  text-indent: -999em;
  border: none;
}
* + html #buttonBlock #nextButton { /* 次へボタンのIE7対策（ブロック化しないと、ボタンが見えない） */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#buttonBlock #yesButton {
  background-image: url(/images/form_button/btn_yes.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 146px;
  height: 35px;
  text-indent: -999em;
  border: none;
}
* + html #buttonBlock #yesButton { /* 次へボタンのIE7対策（ブロック化しないと、ボタンが見えない） */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#buttonBlock #noButton {
  background-image: url(/images/form_button/btn_no.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 146px;
  height: 35px;
  text-indent: -999em;
  border: none;
}
* + html #buttonBlock #noButton { /* 次へボタンのIE7対策（ブロック化しないと、ボタンが見えない） */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#buttonBlock #applicationButton {
  background-image: url("/images/form_button/btn_application.png");
  background-position: left top;
  background-repeat: no-repeat;
  width: 190px;
  height: 46px;
  text-indent: -999em;
  border: none;
}
#buttonBlock #applicationButton.cramInner {
  background-image: url("/images/form_button/btn_application_ci.png");
  width: 186px;
  height: 35px;
}

* + html #buttonBlock #applicationButton { /* 次へボタンのIE7対策（ブロック化しないと、ボタンが見えない） */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#buttonBlock #ConfirmButton {
  background-image: url("/images/form_button/btn_Confirm.png");
  background-position: left top;
  background-repeat: no-repeat;
  width: 206px;
  height: 39px;
  text-indent: -999em;
  border: none;
}
* + html #buttonBlock #ConfirmButton { /* 次へボタンのIE7対策（ブロック化しないと、ボタンが見えない） */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#buttonBlock #printButton {
  background-image: url("/images/form_button/btn_print.png");
  background-6osition: left top;
  background-repeat: no-repeat;
  width: 144px;
  height: 39px;
  text-indent: -999em;
  border: none;
}
* + html #buttonBlock #printButton { /* 次へボタンのIE7対策（ブロック化しないと、ボタンが見えない） */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* ペ
/* ページトップへのリンク
	------------------------------------- */
#container  .pageTopNavi {
  text-align: right;
  font-size: 0.8em;
  font-size: 13px;
}
#container  .pageTopNavi a {
  color: #3A7EC5;
  font-size: 15px;
}
#container  .pageTopNavi a:hover {
  color: #FF9933;
}
/* トップページなどでの右メニュー(right_navi.tpl.php)
	------------------------------------- */
#rightNavi {
  width: 200px;
  float: left;
  margin-left: 10px;
  display: block;
  font-size: 15px;
}
#rightNavi.personal li#linkMypage {
  background-color: #FFE5E1;
}
#rightNavi.personal li#linkMypage a {
  display: flex;
  align-items: center;
  background: url(/images/common/icon_mypage.png) no-repeat;
  background-position: left 10px top 50%;
  text-align: left;
  padding-left: 45px;
  color: #333333;
  line-height: 1.1em;
  height: 100%;
}
#rightNavi.personal li#linkMypage a p {
  flex: 1;
}
#rightNavi #meun01 li#siryo{
	height: auto!important;
}
	
	#rightNavi #meun01 li {
  padding-top: 5px;
  display: block;
  border: solid 1px#999999;
  background: #E6F0FF;
  width: auto;
	height: 70px;
  text-align: center;
  margin-bottom: 10px;
}

#rightNavi #meun01 li#PersonRegister{
	
height: 80px;
}
li#siryo > a, li#PersonRegister > a {
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  color: #333;
  width: 198px;
  text-align: center;
}
#rightNavi #meun01 li#SmogiOnline a span.fontblue {
  font-size: 18px;
  color: #3A7EC5;
  font-weight: bold;
}
#rightNavi #meun01 li#SmogiOnline {
  height: 125px;
}
#rightNavi #meun01 li#SmogiOnline a {
  height: 125px;
}
#rightNavi #meun01 li#SmogiOnline a span#online {
  background: #F00;
  width: 180px;
  display: table-cell;
  height: 35px;
  vertical-align: middle;
  color: #fff;
}
#rightNavi ul#favoriteCustomerBlock { /* 回数券・受験チケット(コンビニ払込受領証)をお持ちの方のみ対象のバナー */
  background-color: #4891cf;
}
    
#rightNavi div#favoriteCustomer { /* ブロックタイトル */
  text-indent: 0;
  height: 50px;
  background-color: #4891cf;
  color: #FFF;
  padding: 0 0 0 9px;
  width: 191px;
  line-height: 1.1em;
  border-radius: 0px; /* CSS3草案 */
  -webkit-border-radius: 0px; /* Safari,Google Chrome用 */
  -moz-border-radius: 0px; /* Firefox用 */
}
    
 #rightNavi div#favoriteCustomer span {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
    #rightNavi ul#favoriteCustomerBlock.cram li {
  margin-bottom: 0;
  background-color: #FFF;
  height: 70px;
      background-image: url("/images/top/top_right_icon05_cram.png");
  background-repeat: no-repeat;
  background-position: left 5px bottom 5px;
}
    #rightNavi ul#favoriteCustomerBlock.cram li a{
      height: 70px;
    }
    #rightNavi ul#favoriteCustomerBlock.cram li a > span{
      height: 70px;
    }
    #rightNavi ul#favoriteCustomerBlock.prsn li {
  margin-bottom: 0;
  background-color: #FFF;
  height: 50px;
      background-image: url("/images/top/top_right_icon05_prsn.png");
  background-repeat: no-repeat;
  background-position: left 5px bottom 5px;
}
    #rightNavi ul#favoriteCustomerBlock.prsn li a{
      height: 50px;
    }
    #rightNavi ul#favoriteCustomerBlock.prsn li a > span{
      height: 50px;
    }
#linkReservePersonal01 {
  border-bottom: #999 solid 1px;
}
#rightNavi ul#favoriteCustomerBlock li#linkReservePersonal a {
  background-image: url(/images/common/rMenuReserve.png);
  height: 69px;
}
#rightNavi ul#favoriteCustomerBlock li#linkChangeTestPersonal a {
  background-image: url(/images/common/rMenuChangeTest.png);
  height: 70px;
}
#rightNavi ul.nav {
  margin-bottom: 9px;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
}
#rightNavi ul.nav li {
  margin: 0 0 4px 0;
  display: block;
  height: 50px;
  width: auto;
  margin-bottom: 0;
  border-bottom: solid 1px #999;
}
#rightNavi ul.nav li a {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  height: 50px;
  color: #000;
  padding: 0 0 0 18px;
}
#rightNavi ul.nav li a:hover {
  text-decoration: none;
  color: #3A7EC5;
}
#rightNavi ul.nav li a > span, #rightNavi ul.nav li > span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
}
#rightNavi ul.nav li#linkOrderSMogi a {
  background-image: url(/images/common/rMenuOnlinOrder.png);
  height: 90px;
}
#linkChangeTestPersonal01{
  background-image: url("/images/top/top_right_icon05_cram.png");
  background-repeat: no-repeat;
  background-position: left 5px bottom 5px;
}
#rightNavi ul.nav li#linkTicketPersonal {
  background: #FB6666;
  color: #fff;
  line-height: 1.1em;
  width: auto;
  height: 50px;
  padding-left: 20px;
  margin-bottom: 0;
  /* background-image: url("/images/top/top_right_icon01.png"); */
  background-repeat: no-repeat;
  background-position: left 8px bottom 10px;
  font-size: 1.2em;
}
#rightNavi ul.nav li#TicketPersonal01 {
  background-image: url("/images/top/top_right_icon02.png");
  background-repeat: no-repeat;
  background-position: left 5px bottom 5px;
}
#rightNavi ul.nav li#event {
  background: #F93;
  color: #fff;
  text-indent: 6px;
  padding: 0px 0 0;
  width: auto;
  height: 50px;
}
#linkEvent01, #linkEvent02, #linkEventFair {
  background-image: url("/images/top/top_right_icon03.png");
  background-repeat: no-repeat;
  background-position: left 5px bottom 5px;
}
#rightNavi ul.nav .YellowBar {
  background-image: url("/images/top/top_right_icon03.png");
  background-repeat: no-repeat;
  background-position: left 5px bottom 5px;
}
#rightNavi ul.nav li#linkEvent01 a {
  padding: 0 0 0 18px;
  height: 50px;
}
#rightNavi ul.nav li#linkEvent02 a {}
#rightNavi ul.nav li#linkEventFair a {}
#rightNavi ul.nav li#linkFAQ a {}
#rightNavi ul.nav li#linkForGirl a {
  background-image: url(/images/common/rMenuForGirl.png);
  height: 60px;
}
#rightNavi ul.nav li#linkFair a {
  background-image: url(/images/common/rMenuFair.png);
  height: 113px;
}
#rightNavi ul.nav li#linkQR a {
  background-image: url(/images/common/rMenuQR_smogi.gif);
  width: 180px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}
#ChibaNyushiNews, #ChibaNyushiSeido {
  background-image: url("/images/top/top_right_icon04.png");
  background-repeat: no-repeat;
  background-position: left 5px bottom 5px;
}
#rightNavi ul.nav li#ChibaNewsSeido {
  background: #C8AA50;
  color: #fff;
  text-align: center;
  padding-top: 3px;
  height: 47px;
}
#Twitter a {
  /* background-image: url(/images/top/top_right06.png); */
  background-image: url(/images/top/top_right06.webp);
  background-size: contain;
  height: 87px;
  width: 200px;
  background-repeat: no-repeat;
}
#syutoken a {
  background-image: url("/images/top/top_right05.png");
  height: 120px !important;
  ;
  width: 200px;
  background-size: contain;

}
#recruit a {
  background-image: url("/images/top/top_right07.png");
  height: 71px !important;
  ;
  width: 200px;
  background-size: contain;
}
#rightNavi ul#banner li a {
  display: block;
  text-indent: -999em; /* バナー */
}
#rightNavi ul#banner li {
  margin-bottom: 10px;
  height: auto;
}
#rightNavi01 #RightNaviCram {
  border: solid 1px #ccc;
  width: 198px;
}
#rightNavi01 {
  width: 190px;
  float: left;
  margin-left: 10px;
  display: block;
  font-size: 15px;
}
#rightNavi01 #RightNaviCram a {
  color: #000;
}
#rightNavi01 #RightNaviCram a:hover {
  color: #3A7EC5;
}
#rightNavi01 #RightNaviCram li {
  border-bottom: solid 1px #ccc;
  height: 50px;
  padding-left: 10px;
}
#rightNavi01 #RightNaviCram li:last-child {
  border-bottom: none;
}
#rightNavi01 #RightNaviCram li#RightNaviSmogi {
  font-weight: bold;
  color: #FFF;
  font-size: 18px;
  padding: 0;
  height: 50px;
}
#rightNavi01 #RightNaviCram li#RightNaviSmogi span {
  text-align: center;
  width: 198px;
}
#rightNavi01 #RightNaviCram li span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  width: 198px;
}
/* フッター直前の会社情報など (foot_navi.tpl.php)
	------------------------------------- */
#footNavi {
  width: 950px;
  margin: 15px auto 0 auto;
  font-size: 0.8em;
  position: relative;
}
#footNavi a:hover {
  text-decoration: none;
  color: #3A7EC5;
}
#footNavi .detail {
  padding: 6px 0;
}
#footNavi .detailS {
  margin-bottom: 30px;
}
#footNavi .detailUnderNone {
  padding: 6px 0;
  border-bottom: none;
}
#footNavi h4 {
  font-weight: bold;
}
#footNavi h5 {
  font-weight: bold;
}
#footNavi p {}
#footNavi ul {
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
  margin-bottom: 4px;
  display: inline;
  list-style: square;
  list-style-position: inside;
}
#footNavi div.navi {
  display: inline-block;
  vertical-align: top;
}
#footNavi div.navi01 {
  display: block;
}
#footNavi ul li {
  width: 290px;
}
#footNavi .detailS ul li.wide {
  width: 420px;
}
#footNavi a {
  color: #333;
}
/* フッター(footer.tpl.php)
------------------------------------- */
fixed-footer-overlay-dsds01 {
  height: 70px;
  float: left;
}
#fixed-footer-overlay-dsds .tel {
  font-size: 25px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
#fixed-footer-overlay-dsds .attention {
  display: inline-block;
  font-size: 13px;
  line-height: 1.1;
}
#fixed-footer-overlay-dsds00 {
  background-color: #3A7EC5;
}
#fixed-footer-overlay-dsds {
  margin: 0 auto;
  width: 950px;
  bottom: 0;
  left: 0;
  height: 70px;
  z-index: 99;
  background-color: #3A7EC5;
  color: #fff; /*! background-color: #5096DC; */
}
#fixed-footer-overlay-dsds div {
  display: inline-block;
}
#fixed-footer-overlay-dsds ul li {
  display: inline-block;
  vertical-align: top;
  height: 70px;
  font-size: 16px;
  font-weight: bolder;
}
#fixed-footer-overlay-dsds ul li#MenuItem02 {
  background-image: url("/images/top/footer02.png");
  background-repeat: no-repeat;
  background-position: top 17px left 1px;
  padding-left: 58px;
  padding-top: 26px;
  margin-right: 28px;
}
#fixed-footer-overlay-dsds ul li#MenuItem03 {
  background-image: url("/images/top/footer01.png");
  background-repeat: no-repeat;
  background-position: top 9px left 1px;
  padding-left: 58px;
  padding-top: 26px;
}
#fixed-footer-overlay-dsds #footer-tel {
  padding-left: 60px;
  background-image: url("/images/top/footer03.png");
  background-repeat: no-repeat;
  background-position: top 20px left 10px;
  height: 70px;
  height: 60px;
  width: 400px;
  float: left;
  padding-top: 10px;
  margin-right: 35px;
}
#fixed-footer-overlay-dsds #footer-attention {
  line-height: 1.1;
  font-size: 13px;
}
#fixed-footer-overlay-dsds li a {
  color: #fff;
}
#fixed-footer-overlay-dsds div.widget_text {
  display: inline-block;
  width: 267px;
  height: 70px;
}
#fixed-footer-overlay-dsds div.widget_text span.tel {
  font-size: 20px;
}
#fixed-footer-overlay-dsds div.widget_text p {
  color: #fff !important;
  text-align: left;
  padding: 0.8em 0 0 1.4em;
}
#fixed-footer-overlay-dsds div.widget_text p span {
  color: #fff !important;
}
#fixed-footer-overlay-dsds div.nav_menu-6 {
  display: inline-block;
  width: auto;
  vertical-align: top;
  border-right: solid 1px #fff;
}
#fixed-footer-overlay-dsds div.nav_menu-6 li {
  display: inline-block; /*! border-left: solid 1px #fff; */ margin: 0;
}
#fixed-footer-overlay-dsds div.nav_menu-6 li a {
  display: block;
  width: 145px;
  height: 90px;
  color: #fff !important;
  padding-top: 58px;
}
#fixed-footer-overlay-dsds div.nav_menu-6 li.menu-item-1162 {
  background: url('/media/2019/09/footer_icon_01.png') no-repeat;
  background-position: center 10px;
}
#fixed-footer-overlay-dsds div.nav_menu-6 li.menu-item-1163 {
  background: url('/media/2019/09/footer_icon_02.png') no-repeat;
  background-position: center 10px;
}
#fixed-footer-overlay-dsds div.nav_menu-6 li.menu-item-1164 {
  background: url('/media/2019/09/footer_icon_03.png') no-repeat;
  background-position: center 10px;
}
#fixed-footer-overlay-dsds div.nav_menu-6 li.menu-item-738 {
  background: url('/media/2019/09/footer_icon_05.png') no-repeat;
  background-position: center 10px;
}
#fixed-footer-overlay-dsds div.nav_menu-6 li.menu-item-1165 {
  background: url('/media/2019/09/footer_icon_06.png') no-repeat;
  background-position: center 10px;
}
#fixed-footer-overlay-dsds .fixed-footer-top-button { /*! top: 14px; */ border: 0;
}
#menu-item-1165 a {
  padding-top: 45px !important;
  line-height: 17px !important;
}
/* フッターナビ */
#footer-widget-container {
  margin: 0;
  height: 590px;
}
#footer-widget-container ul.menu {
  display: block;
  width: 100%;
  height: 32em;
}
#footer-widget-container ul.menu > li {
  font-weight: bold;
  margin-bottom: 1em;
}
#footer-widget-container ul li {
  list-style: none;
}
#footer-widget-container ul li:before {
  content: '■ ';
}
#footer-widget-container ul.sub-menu li {
  display: block;
  flex-basis: 30%;
  list-style: none;
  font-weight: normal;
  margin: 0.1em 0;
}
#footer-widget-container ul.sub-menu li:before {
  content: '';
  font-weight: bold;
  color: #004B99;
  font-size: 0.8em;
}
#footer-widget-container .nav_menu-8 {
  flex: 0 1 auto !important;
  margin-right: 2em;
}
#footer {
  width: 100%;
  padding: 10px 0 0;
  position: relative;
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
#footerLink {
  font-size: 14px;
  background: #9BDCFF;
  text-align: center;
}
#footerLink a {
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
#footer #copyright {
  font-size: 0.8em;
  line-height: 1.2em;
}
#footer #footerNotice {
  font-size: 0.8em;
}
#footer #copyright00 {
  text-align: center;
  background: #3A7EC5;
  color: #fff;
  padding: 20px 0 15px 0;
}
.color_Cram {
  background: #3BA2A4 !important;
}
.color_Cram02 {
  background: #aadcd2 !important;
}
.NewsGreen {
  background: #aadcd2;
  background-image: url("/images/top/HotNews_03.png");
  background-repeat: no-repeat;
  background-position: left top;
}
/* そのほかの定義
------------------------------------- */
.imgCenter {
  margin: 0 auto;
  display: block;
}
.text-indent1-0em{
text-indent: -1em;
padding-left: 1em;
}

.btn02PastelBlue {
  display: block;
  background-color: #FFF;
  border: 2px solid #3A7EC5;
  color: #3A7EC5;
  padding: 10px 15px;
  margin: 10px 0 10px 0px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  height: 23px;
  width: 27em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.tel {
  font-size: 21px;
  color: #FF9933;
}
	/* 総進様専用css
	-------------------------------------*/
.width1em {
  width: 1em;
}
.width2em {
  width: 2em;
}
.width3em {
  width: 3em;
}
.width4em {
  width: 4em;
}
.width5em {
  width: 5em;
}
.width6em {
  width: 6em;
}
.width7em {
  width: 7em;
}
.width8em {
  width: 8em;
}
.width9em {
  width: 9em;
}
.width10em {
  width: 10em;
}

.pointer:hover{	/*ボタンタグの時指のマークとリンクカラを変える*/
	cursor: pointer;
	color: #FF9933!important;
}
.alpha { /*マウスオーバーで60%透過させるためのクラス(jQuery用)*/
}
/*a.alpha:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}*/
.trans {
  opacity: 0.6;
}
.colorBlack {
  color: #000;
}
.colorWhite {
  color: #FFF;
}
.colorRed {
  color: #F33;
}
.colorRed2{
    color: #f00;
}
.colorGreen {
  color: #090;
}
.colorSkyBlue {
  color: #4891CF;
}
/*バックカラー*/
.backRed{
    background: #f00;
}
.backGray {
  background-color: #6E6E6E;
}
.backLiteGray{
	background: #e6e6e6;
}
.backYellow {
  background-color: #FFDD33;
}
.backYellowGreen2 {
  background-color: #bee6c8;
}
.backLitepink{
	background: #ffe5e1;
}

/*会場受験バックカラー*/
.backTypeVenue{
	background: #dcf0f0;
}
/*塾内受験バックカラー*/

.backTypeCram{
	background: #ffebbe;<
}

/*リストスタイル*/
ul.list-inside{
	list-style: inside!important;
}
ul.list-outside{
	list-style: outside!important;
}
ul.list-ZEROdecima{
	list-style: decimal-leading-zero;
}
ul.list-decima{
	list-style: decimal-leading-zero;
}
/*ボーダー*/
.blockRed{
    border: solid 1px #f00;
}
.borderRed{
    border: solid 1px #f00;
}
.borderRed2{
    border: solid 2px #f00;
}
.borderBlue01 {
  border: 3px solid #99CCFF;
}
.borderSolid {
  border: 1px solid #999999;
}
.borderBottomSolid {
  border-bottom: 1px solid #999999;
}
.borderBottomSolid {
  border-top:1px solid #999999;
}
.borderleftSolid {
  border-left: 1px solid #999999;
}
.borderBottomDot {
  border-bottom: 1px dotted #999999;
}

.borderleftSolid666{
	  border: 1px solid #666;

}

.borderBlackSolid {
  border: 1px solid #333;
}
.borderBlacktopSolid {
  border-top: 1px solid #333;
}
.borderBlackBottomSolid {
  border-bottom: 1px solid #333;
}
.borderBlackleftSolid {
  border-left: 1px solid #333;
}
.bordeBlackrBottomDot {
  border-bottom: 1px dotted #333;
}
.bordertopSolidLiteGray{
    border: solid 1px #bfbfbf
}
.noticeNormal {
  text-indent: -1em;
  margin-left: 1em;
}

.attentionOrange {
  background-color: #FDE1AC;
  padding: 7px 10px;
}
.attentionYellow {
  background-color: #FFDD33;
  padding: 7px 10px;
}
.radiusBlockYellow {
  border: 1px solid #FF9933;
  background: #FFEBBE;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}
.radiusBlockGray {
  border: 3px solid #BFBFBF;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}
.grayBox {
	border: 1px solid #CACACA;
	margin: 0 0.5em;
	padding: 10px;
	text-align: right;
}
	/*-------------------------------------*/

/*角丸*/
.radius05{
	border-radius: 5px;
}
.radius10{
	border-radius: 10px;
}
.radius15{
	border-radius: 15px;
}
ol.listDecimal {}
ol.listDecimal li {
  list-style-type: decimal;
  padding-left: 5px;
}
div.grayish {
  background-color: #E6E6E6;
  padding: 7px;
}
.listDisc {
  margin-left: 1em;
  text-indent: -1em;
}
.listDisc2 {
  margin-left: 2em;
  text-indent: -1em;
}
.listDisc2-2 {
  margin-left: 2em;
  text-indent: -2em;
}
.listDisc3-3 {
  margin-left: 3em;
  text-indent: -3em;
}
.indent-1-0{
	text-indent: -1em;
}
.indent-2-0{
  text-indent: -2em;
}
.indent1-0{
	text-indent: 1em;
}
.indent2-0{
	text-indent: 2em;
}
.indent3-0{
	text-indent: 3em;
}
.indent4-0{
	text-indent: 4em;
}
p.listDisc {
  margin-left: 1em;
  text-indent: -1em;
}
.noticeRed {
  text-indent: -1em;
  margin-left: 1em;
  color: #f33;
}
.textIndent {
  text-indent: 1em;
}
.alignCenter {
  text-align: center;
}
.alignRight {
  text-align: right;
}
.alignLeft {
  text-align: left;
}
.weightNormal {
  font-weight: normal!important;
}
.weightBold {
  font-weight: bold;
}
.font12 {
  font-size: 12px;
}
.font13 {
  font-size: 13px!important;
}
.font14 {
  font-size: 14px;
}
.font15 {
  font-size: 15px;
}
.font16 {
  font-size: 16px!important;
}
.font17 {
  font-size: 17px;
}
.font18 {
  font-size: 18px;
}
.font19 {
  font-size: 19px;
}
.font24 {
  font-size: 24px;
}
.font21 {
  font-size: 21px!important;
}
.font22 {
  font-size: 22px;
}
.font23 {
  font-size: 23px;
}
.font25 {
  font-size: 25px;
}

.wavyLine {
  background-image: url(/images/common/wavyLine.png);
  background-position: left bottom;
  background-repeat: repeat-x;
}

.margT0 {
  margin-top: 0 !important;
}
.margT5 {
  margin-top: 5px;
}
.margT10 {
  margin-top: 10px;
}
.margT15 {
  margin-top: 15px;
}
.margT20 {
  margin-top: 20px !important;
}
.margT25 {
  margin-top: 25px;
}
.margT30 {
  margin-top: 30px;
}
.margT40 {
  margin-top: 40px;
}
.margT50 {
  margin-top: 50px;
}
.margT60 {
  margin-top: 60px;
}
.margT70 {
  margin-top: 70px;
}
.margT75 {
  margin-top: 75px;
}
.margB0 {
  margin-bottom: 0 !important;
}
.margB5 {
  margin-bottom: 5px;
}
.margB10 {
  margin-bottom: 10px !important;
}
.margB15 {
  margin-bottom: 15px !important;
}
.margB20 {
  margin-bottom: 20px !important;
}
.margB25 {
  margin-bottom: 25px !important;
}
.margB30 {
  margin-bottom: 30px;
}
.margB35 {
  margin-bottom: 35px;
}
.margB40 {
  margin-bottom: 40px;
}
.margB45 {
  margin-bottom: 45px;
}
.margB50 {
  margin-bottom: 50px;
}
.margB55 {
  margin-bottom: 55px;
}
.margB60 {
  margin-bottom: 60px;
}
.margB65 {
  margin-bottom: 65px;
}
.margB70 {
  margin-bottom: 70px;
}
.margB80 {
  margin-bottom: 80px;
}
.margB90 {
  margin-bottom: 90px !important;
}
.margL0 {
  margin-left: 0px!important;
}
.margL5 {
  margin-left: 5px;
}
.margL10 {
  margin-left: 10px;
}
.margL15 {
  margin-left: 15px;
}
.margL20 {
  margin-left: 20px;
}
.margL25 {
  margin-left: 30px;
}
.margL30 {
  margin-left: 25px;
}
.margL35 {
  margin-left: 35px;
}
.margL40 {
  margin-left: 40px;
}
.margL50 {
  margin-left: 50px;
}
.margL60 {
  margin-left: 60px;
}
.margL70 {
  margin-left: 70px;
}
.margL80 {
  margin-left: 80px;
}
.margL90 {
  margin-left: 90px;
}
.margL100 {
  margin-left: 100px;
}
.margR5 {
  margin-right: 5px;
}
.margR10 {
  margin-right: 10px;
}
.margR15 {
  margin-right: 15px;
}
.margR20 {
  margin-right: 20px;
}
.margR25 {
  margin-right: 25px;
}
.margR30 {
  margin-right: 30px;
}
.margR40 {
  margin-right: 40px;
}
.margR50 {
  margin-right: 50px;
}
.margR60 {
  margin-right: 60px;
}
.margR70 {
  margin-right: 70px;
}
.margR80 {
  margin-right: 80px;
}
.margR90 {
  margin-right: 90px;
}
.margR100 {
  margin-right: 60px;
}
.padi00 {
	padding: 0!important;
}
.padi03 {
	padding: 3px;
}
.padi05 {
	padding: 5px;
}
.padi06 {
	padding: 6px;
}
.padi07 {
	padding: 7px;
}
.padi08 {
	padding: 8px;
}
.padi09 {
	padding: 9px;
}
.padi10 {
	padding: 10px;
}
.padi15 {
	padding: 15px;
}
.padi20 {
	padding: 20px;
}
.padi30 {
	padding: 30px;
}
.padi40 {
	padding: 40px;
}
.padi50 {
	padding: 50px;
}
.padi05-10 {
	padding: 5px 10px;
}
.padi10-05 {
	padding: 10px 5px;
}
.padi10-15 {
	padding: 10px 15px;
}
.padiT00 {
	padding-top: 0px;
}
.padiT03 {
	padding-top: 3px;
}
.padiT05 {
	padding-top: 5px;
}
.padiT06 {
	padding-top: 6px;
}
.padiT07 {
	padding-top: 7px;
}
.padiT08 {
	padding-top: 8px;
}
.padiT09 {
	padding-top: 9px;
}
.padiT10 {
	padding-top: 10px;
}
.padiT15 {
	padding-top: 15px;
}
.padiT20 {
	padding-top: 20px;
}
.padiT25 {
	padding-top: 25px;
}
.padiT30 {
	padding-top: 30px;
}
.padiT35 {
	padding-top: 35px;
}
.padiT40 {
	padding-top: 40px;
}
.padiT50 {
	padding-top: 50px;
}
.padiR00 {
	padding-right: 0!important;
}
.padiR05 {
	padding-right: 5px;
}
.padiR06 {
	padding-right: 6px;
}
.padiR07 {
	padding-right: 7px;
}
.padiR08 {
	padding-right: 8px;
}
.padiR09 {
	padding-right: 9px;
}
.padiR10 {
	padding-right: 10px;
}
.padiR15 {
	padding-right: 15px;
}
.padiR20 {
	padding-right: 20px;
}
.padiR25 {
	padding-right: 25px;
}
.padiR30 {
	padding-right: 30px;
}
.padiR40 {
	padding-right: 40px;
}
.padiR50 {
	padding-right: 50px;
}
.padiB00 {
	padding-bottom: 0!important;
}
.padiB03 {
	padding-bottom: 3px;
}
.padiB05 {
	padding-bottom: 5px;
}
.padiB06 {
	padding-bottom: 6px;
}
.padiB07 {
	padding-bottom: 7px;
}
.padiB08 {
	padding-bottom: 8px;
}
.padiB09 {
	padding-bottom: 9px;
}
.padiB10 {
	padding-bottom: 10px;
}
.padiB15 {
	padding-bottom: 15px;
}
.padiB20 {
	padding-bottom: 20px;
}
.padiB30 {
	padding-bottom: 30px;
}
.padiB40 {
	padding-bottom: 40px;
}
.padiB50 {
	padding-bottom: 50px;
}
.padiB60 {
	padding-bottom: 60px;
}
.padiB70 {
	padding-bottom: 70px;
}
.padiB80 {
	padding-bottom: 80px;
}
.padiB90 {
	padding-bottom: 90px;
}
.padiB100 {
	padding-bottom: 100px;
}
.padiL00 {
	padding-left: 0px!important;
}
.padiL05 {
	padding-left: 5px;
}
.padiL06 {
	padding-left: 6px;
}
.padiL07 {
	padding-left: 7px;
}
.padiL08 {
	padding-left: 8px;
}
.padiL09 {
	padding-left: 9px;
}
.padiL10 {
	padding-left: 10px;
}
.padiL15 {
	padding-left: 15px;
}
.padiL20 {
	padding-left: 20px;
}
.padiL30 {
	padding-left: 30px;
}
.padiL40 {
	padding-left: 40px;
}
.padiL50 {
	padding-left: 50px;
}
.padiL60 {
	padding-left: 60px;
}
.padiL70 {
	padding-left: 70px;
}
.padiL80 {
	padding-left: 80px;
}
.padiL1-0{
    padding-left: 1em;
}
.padiL2-0{
    padding-left: 2em;
}
.padiL3-0{
    padding-left: 3em;
}
.padiL4-0{
    padding-left: 4em;
}
.padiL1-0{
    padding-left: 1em;
}
.padiT20 {
  padding-top: 20px;
}
.padiB0 {
  padding-bottom: 0px;
}
.padiB5 {
  padding-bottom: 5px;
}
.padiB10 {
  padding-bottom: 10px;
}
.padiB20 {
  padding-bottom: 20px;
}
.padiB25 {
  padding-bottom: 25px;
}
.padiB30 {
  padding-bottom: 30px;
}
.padiL10 {
  padding-left: 10px;
}
.padi3 {
  padding: 3px;
}
.padi10 {
  padding: 10px;
}
.padi15 {
  padding: 15px;
}
.padi20 {
  padding: 20px;
}

.flowL {
  float: left;
}
.flowR {
  float: right;
}
.clearL {
  clear: left;
}
.clear{
  clear: both
    }
td.tateChuuou {
  vertical-align: middle;
}
.height30 {
  height: 30px;
}
.height50 {
  height: 50px
}
.height02 {
  height: 2em;
}
.height03 {
  height: 3em;
}
.height04 {
  height: 4em;
}
.height05 {
  height: 5em;
}
.error {
  color: #F00;
}
.decoUnder {
  text-decoration: underline;
}
.fb{
    font-weight: bold;
}
.size0-5 {
	font-size: 0.5em;
}
.size0-6 {
	font-size: 0.6em;
}
.size0-7 {
	font-size: 0.7em;
}
.size0-75 {
	font-size: 0.75em;
}
.size0-8 {
	font-size: 0.8em;
}
.size0-85 {
	font-size: 0.85em;
}
.size0-9 {
	font-size: 0.9em;
}
.size0-95 {
	font-size: 0.95em;
}
.size1-0 {
	font-size: 1em;
}
.size1-1 {
	font-size: 1.1em;
}
.size1-2 {
	font-size: 1.2em;
}
.size1-3 {
	font-size: 1.3em;
}
.size1-4 {
	font-size: 1.4em;
}
.size1-5 {
	font-size: 1.5em;
}
.size1-6 {
	font-size: 1.6em!important;
}
.size1-7 {
	font-size: 1.7em;
}
.size1-8 {
	font-size: 1.8em;
}
.size1-9 {
	font-size: 1.9em;
}
.size2-0 {
	font-size: 2em;
}
.size2-5 {
	font-size: 2.5em;
}
.size3-0 {
	font-size: 3em;
}
.lineH0-7 {
	line-height: 0.7em;
}
.lineH0-8 {
	line-height: 0.8em;
}
.lineH0-9 {
	line-height: 0.9em;
}
.lineH1-0 {
	line-height: 1em;
}
.lineH1-1 {
	line-height: 1.1em;
}
.lineH1-2 {
	line-height: 1.2em;
}
.lineH1-3 {
	line-height: 1.3em;
}
.lineH1-4 {
	line-height: 1.4em;
}F
.lineH1-5 {
	line-height: 1.5em;
}
.lineH1-6 {
	line-height: 1.6em;
}
.lineH1-7 {
	line-height: 1.7em;
}
.lineH1-8 {
	line-height: 1.8em;
}
.lineH1-9 {
	line-height: 1.9em;
}
.flex{
	display: flex;
}
    .btnCenter{
    display: table;
}
.btnCenter a{
    display: table-cell;
text-align: center;
vertical-align: middle;
}
/*総進用クラス*/
.colblue{/*総進カラー青*/
	color: #3A7EC5;
}
.backOrange{/*塾Sもぎ塾内*/
	background: #ff8d6a
}
.backGreen{/*塾Sもぎ会場*/
	background: #3ba2a4
}
/* リンク無効時のスタイル */
.disable {
  opacity: 0.3;
  pointer-events: none;
}
a.arowList {
  background-image: url(/images/common/list_arrowSideWayOrange02.png);
  background-position: left 5px;
  background-repeat: no-repeat;
  padding-left: 15px;
}
#content .deltaBlue { /* テキストリンクの頭に右向き三角ボタンをつける */
  background-image: url(/images/common/listMarkDeltaBlue.png);
  background-position: left 5px top 5px;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-right: 20px;
  margin-left: 2px;
}
#content .deltaBlue02 { /* テキストリンクの頭に右向き三角ボタンをつける */
  background-image: url("/images/common/listMarkDeltaBlue02.png");
  background-position: left 5px top 5px;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-right: 20px;
  margin-left: 2px;
}
#content table table, #content table table th, #content table table td {
  border: none;
  font-size: 1em;
  padding: 0;
}
/* Sもぎや総進テストの申し込み(/order/、/reserve/）
------------------------------------- */
body.order #content table td.otherNotes, body.reserve #content table td.otherNotes { /* Sもぎ個人名入力画面や、確認画面で表示する管理画面で登録した注意事項の欄。 */
  padding: 0;
}
body.order #content table td.otherNotes div, body.reserve #content table td.otherNotes div { /* Sもぎ個人名入力画面や、確認画面で表示する管理画面で登録した注意事項の欄。 */
  background-color: #BEE6C8;
  padding: 7px;
  border-right: 1px solid #CACACA;
  float: left;
  margin-right: 7px;
  margin-left: -1px;
  font-weight: bold;
}
body.order #content table td.otherNotes p, body.reserve #content table td.otherNotes p { /* Sもぎ個人名入力画面や、確認画面で表示する管理画面で登録した注意事項の欄。 */
  background-color: #FFE0DB;
  padding: 7px;
}
/* プリントアウトボタンクリック時用（総進テストの申し込み確認ページで使用してます。2014.01.14）
------------------------------------- */
body.orderPrint .displayOff { /* プリントアウト時の非表示用 */
  display: none;
}
body.orderPrint #printOut {
  width: 740px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
body.orderPrint #printOut h2 {
  background-image: url(/images/common/h2Blue740.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 50px;
  padding-top: 10px;
  margin-bottom: 10px;
}
body.orderPrint #printOut .redRadiusFrame {
  background-color: #FFFFFF;
  border: 1px solid #FF4442;
  border-radius: 10px;
  padding: 5px;
  width: 700px;
}
body.orderPrint #printOut .orangeFrame {
  border: 3px solid #BFBFBF;
  background-color: #FEDDBC;
  text-align: center;
  width: 520px;
  padding: 10px 20px;
  margin-top: 15px;
  border-radius: 7px; /* CSS3草案 */
  -webkit-border-radius: 7px; /* Safari,Google Chrome用 */
  -moz-border-radius: 7px; /* Firefox用 */
}
body.orderPrint #printOut .orangeFrame p {
  text-align: left;
}
body.orderPrint #printOut h3.noDeco {
  background-image: none;
  color: #333333;
  font-size: 0.9em;
  font-weight: bold;
  height: auto;
  letter-spacing: normal;
  padding: 0;
}
body.orderPrint #printOut table {
  background-color: #FFFFFF;
  border: 2px solid #CACACA;
  border-collapse: collapse;
  font-size: 0.9em;
  margin-bottom: 1em;
  width: 705px;
}
body.orderPrint #printOut .attentionYellow {
  width: 705px;
}
/*body.orderPrint #printOut table.grayish {
	font-size: 0.8em;
}*/
body.orderPrint #printOut table th {
  background-color: #E6E6E6;
  border: 1px solid #CACACA;
  font-weight: bold;
  padding: 5px;
  text-align: left;
  width: auto;
}
body.orderPrint #printOut table.green th {
  width: auto;
  background-color: #DCF0F0;
}
body.orderPrint #printOut table.green th.pinkBack {
  width: auto;
  background-color: #FFE0DB;
}
body.orderPrint #printOut table td {
  width: 80%;
  border: 1px solid #CACACA;
  padding: 7px;
}
body.orderPrint #printOut table.green td {
  width: auto;
}
body.orderPrint #printOut table td table {
  border: none;
  padding: 0;
}
body.orderPrint #printOut table td table td {
  width: auto;
  border: none;
  padding: 0;
}
body.orderPrint #printOut table td table td.examinationPaper {
  width: 200px;
}
body.orderPrint #printOut table td td.examinationPaper input[type="text"] {
  display: inline-block;
  border: none;
  text-align: right;
}
body.orderPrint #printOut table td td.orderDelete {
  padding: 0;
  width: 0;
}
body.orderPrint #printOut table td.reserveDetail { /* 申し込み内容が入るtdは中にtableを入れるため、paddingを0にする。 */
  padding: 0;
  border-bottom: none;
}
body.orderPrint #printOut table td.reserveDetail table { /* 申し込み内容が入るtdは中にtableの幅は、100%に。 */
  width: 100%;
  margin-bottom: 0;
}
body.orderPrint #printOut table td.reserveDetail td { /* １学年内で複数回数(月)の申込みをした場合には、ボーダーが必要。 */
  border-bottom: 1px solid #CACACA;
  border-right: 1px solid #CACACA;
  padding: 7px;
}
body.orderPrint #printOut table td.reserveDetail td.orderDelete { /* 削除ボタンが入っているtdは、見せないようにするためpaddingを0にする。 */
  padding: 0;
  border: none;
}
body.orderPrint #printOut table td.reserveDetail td.examinationPaper { /* 削除ボタンが入っているtdは、見せないようにするためpaddingを0にする。 */
  border-right: none;
}
body.orderPrint #printOut table td td.examinationPaper input, body.orderPrint #printOut table td td.orderDelete input {
  display: none;
}
body.orderPrint #printOut #buttonBlock {
  display: none;
}
body.orderPrint #printOut .pageTopNavi {
  display: none;
}
/* プリントアウトボタンクリック時用（塾生登録確認ページで使用してます。2014.02.04）
------------------------------------- */
body.orderPrint {
  width: 190mm !IMPORTANT;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
body.orderPrint #printOutWide {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
body.orderPrint #printOutWide h2 {
  background-image: url(/images/common/h2Blue950.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 50px;
  padding-top: 10px;
  margin-bottom: 10px;
}
body.orderPrint #printOutWide #backBlue { /* 水色背景のブロック */
  background-color: #C8DCF0;
  padding: 5px;
  font-size: 12px;
  margin-top: 20px;
}
body.orderPrint #printOutWide .pinkBackFrame { /* 各種ページの角丸の背景ピンク色の枠 */
  border: 3px solid #CCCCCC;
  background-color: #FFE0DB;
  padding: 7px 10px;
  width: auto;
  margin: 5px auto;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
body.orderPrint #printOutWide #chargerBlock { /* 担当者入力欄のブロック */
  border: 3px solid #BFBFBF;
  background-color: #FFF;
  text-align: left;
  width: 280px;
  padding: 10px;
  margin-top: 20px;
  border-radius: 7px; /* CSS3草案 */
  -webkit-border-radius: 7px; /* Safari,Google Chrome用 */
  -moz-border-radius: 7px; /* Firefox用 */
}
body.orderPrint #printOutWide #message { /* 通信欄 */
  float: none;
  /*width: 98%;*/
  padding: 0 10px;
  line-height: 17px;
  height: 240px;
  margin-top: 5px;
  margin-bottom: 15px;
  overflow: auto;
  background-color: #FFF;
  border: 1px solid #CCC;
}
body.orderPrint #printOutWide .pupilYear { /* 年度を選択するブロック */
  float: left;
  width: 7em;
  background-color: #FFF;
  border: 3px solid #396;
  padding: 10px;
  text-align: center;
  border-radius: 7px; /* CSS3草案 */
  -webkit-border-radius: 7px; /* Safari,Google Chrome用 */
  -moz-border-radius: 7px; /* Firefox用 */
  overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
  position: relative; /*DWで正常にプレビューできるようになる*/
  zoom: 1; /*IE6でレイアウト崩れを防ぐため*/
}
body.orderPrint #printOutWide .orangeFrame {
  border: 3px solid #BFBFBF;
  background-color: #FEDDBC;
  text-align: center;
  width: 520px;
  padding: 10px 20px;
  margin-top: 15px;
  border-radius: 7px; /* CSS3草案 */
  -webkit-border-radius: 7px; /* Safari,Google Chrome用 */
  -moz-border-radius: 7px; /* Firefox用 */
}
body.orderPrint #printOutWide .orangeFrame p {
  text-align: left;
}
body.orderPrint #printOutWide table {
  background-color: #FFFFFF;
  border: 2px solid #CACACA;
  border-collapse: collapse;
  font-size: 11px;
  margin-bottom: 1em;
  width: 99%;
}
body.orderPrint #printOutWide table th {
  background-color: #E6E6E6;
  border: 1px solid #CACACA;
  font-weight: bold;
  padding: 5px;
  text-align: left;
  width: auto;
}
body.orderPrint #printOutWide table td {
  width: auto;
  border: 1px solid #CACACA;
  padding: 7px;
}
body.orderPrint #printOutWide th.backYellow { /* 塾生確認表の黄色背景<th> */
  background-color: #FFDD33;
  width: auto;
  text-align: left;
  padding-left: 3px;
  font-weight: bold;
}
body.orderPrint #printOutWide th.width3 { /* 塾生確認表の<th>3文字幅 */
  width: 3em;
}
body.orderPrint #printOutWide th.width4 { /* 塾生確認表の<th>4文字幅 */
  width: 4em;
}
body.orderPrint #printOutWide th.width5 { /* 塾生確認表の<th>5文字幅 */
  width: 5em;
}
body.orderPrint #printOutWide td { /* 塾生確認表の<td> */
  padding-left: 3px;
}
body.orderPrint #printOutWide #printoutButton {
  display: none;
}
body.orderPrint #printOutWide #buttonBlock {
  display: none;
}
body.orderPrint #printOutWide .pageTopNavi {
  display: none;
}
/* デバッグ用出力テーブルスタイル設定
------------------------------------- */
#bfDebug {
  line-height: 1em;
}
table#bfDebug {
  border: #363E7E 1px solid;
  border-collapse: collapse;
  width: 100%;
}
table#bfDebug th {
  background-color: #ADBAEB;
  font-size: 0.8em;
  border: #363E7E 1px solid;
  padding: 0.5em;
  vertical-align: middle;
}
table#bfDebug td {
  font-size: 0.8em;
  border: #363E7E 1px solid;
  padding: 0.5em;
}
/* 各種フォームの名前入力欄のエラー
------------------------------------- */
.errorName {
  width: 190px;
  float: left;
  margin-left: 30px;
  margin-top: 5px;
}
/* jQuery用のcss（2014.07　TOPで使用中）
------------------------------------- */
.hide {
  display: none;
}
/* 会員登録TOPの青背景(グラデも何もなし)h3 */
#content #main h3.h3BackBlue {
  background-color: #3A7EC5;
  background-image: none;
  color: #FFF;
}
/* 会員登録TOPのブルー背景枠の数字リスト */
#content #main ol.blueNumList {
  font-weight: bold;
  color: #3A7EC5;
  margin-left: 5px;
}
#content #main ol.blueNumList li {
  background-position: left 0.4em;
  background-repeat: no-repeat;
  line-height: 2em;
  padding-left: 2.2em;
}
#content #main ol.blueNumList li.num01 {
  background-image: url(/images/common/listNum01.png);
}
#content #main ol.blueNumList li.num02 {
  background-image: url(/images/common/listNum02.png);
}
#content #main ol.blueNumList li.num03 {
  background-image: url(/images/common/listNum03.png);
}
#content #main ol.blueNumList li.num04 {
  background-image: url(/images/common/listNum04.png);
}
#content #main ol.blueNumList li.num05 {
  background-image: url(/images/common/listNum05.png);
}
#content #main ol.blueNumList li.num06 {
  background-image: url(/images/common/listNum06.png);
}
#content #main ol.blueNumList li p {
  color: #333;
  font-weight: normal;
  line-height: 1.5em;
  letter-spacing: 0.5px;
}
/* 受験方法、試験当時のご案内、注意事項など
------------------------------------- */
#content .stepList table {
  border: 1px solid #3a7ec5;
  margin-bottom: 5px;
  margin-top: 5px;
}
#content .stepList table th {
  border: 1px solid #3a7ec5;
  border-right: none;
  background-color: #75a4d6;
  background-position: center;
  background-repeat: no-repeat;
  width: 75px;
  text-indent: -999em;
}
#content .stepList table th.step01 {
  background-image: url(../images/common/imageStep1.png);
}
#content .stepList table th.step02 {
  background-image: url(../images/common/imageStep2.png);
}
#content .stepList table th.step03 {
  background-image: url(../images/common/imageStep3.png);
}
#content .stepList table th.step04 {
  background-image: url(../images/common/imageStep4.png);
}
#content .stepList table td {
  border: 1px solid #3a7ec5;
  border-left: none;
  padding: 5px 10px;
}
#content #main .stepList ul, #content #main .stepList ul li {
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
}
h4.backGreen {
  background-color: #5fbe6e;
}
/* 塾会員　回数券購入
------------------------------------------ */
#content input#InvoiceButton {
  background-image: url(../images/order/cramSchool/btnIssueInvoice.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 184px;
  height: 55px;
  display: block;
  text-indent: -9999em;
  position: absolute;
  right: 15px;
  top: 15px;
  border: none;
}
/* マイページ　メールアドレス変更ダイアログ
------------------------------------------ */
.popupGrayBlock {
  width: 710px;
  height: auto;
  padding: 30px;
  border: 3px solid #B3B3B3;

}
#remodalChangeid_input{
max-width: max-content;
}
#remodalChangeid_input .remodal-cancel:hover{
background-image: url("/images/mypage/mypage_cancel.png");
background-color: #fff;
	background-repeat: no-repeat;
}
#remodalChangeid_input .sentButton{
	cursor:pointer;
}
.remodalChangeid .remodal-close00:hover{
	background-image: url("/images/mypage/mypage_close.png");
	background-repeat: no-repeat;
	background-color: #fff;
}
#remodalChangeid_input .remodal-cancel{
vertical-align: top;
}
/* 新規会員登録　登録の流れ
------------------------------------------ */
#content #main .registerFlowLink,
#content #main .registerLinkBox,
#content #main530 .registerLinkBox {
  margin-bottom: 2em;
}
#content #main530 .registerLinkBox {
  border: solid 1px #999999;
  padding: 14px;
}
#content #main .registerFlowLink h3,
#content #main530 .registerFlowLink h3 {
  background-image: none;
  margin: 5px auto 10px;
  padding: 0;
  height: 35px;
}
#content #main .registerFlowLink ul,
#content #main530 .registerFlowLink ul {
  padding: 0;
  overflow: hidden;
}
#content #main .registerFlowLink ul li,
#content #main530 .registerFlowLink ul li {
  list-style: none;
  float: left;
  width: 258px;
  height: 70px;
  margin: 0;
}
#content #main .registerFlowLink ul li a,
#content #main530 .registerFlowLink ul li a {
  width: 258px;
  height: 70px;
  display: block;
  text-indent: -999em;
}
#content #main .registerFlowLink ul li.personalRegisterFlow a,
#content #main530 .registerFlowLink ul li.personalRegisterFlow a {
  background-image: url(/images/member/btn_registPersonalFlow.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 258px;
  height: 70px;
}
#content #main .registerFlowLink ul li.cramSchoolRegisterFlow a,
#content #main530 .registerFlowLink ul li.cramSchoolRegisterFlow a {
  background-image: url(/images/member/btn_registCramSchoolFlow.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 258px;
  height: 70px;
}
.buleLline {
  border-left: 1px solid #3A7EC5;
}
/* ご登録までの流れ
------------------------------------------ */
#content #main ol.blueNumList li p.colorRedBold {
  font-weight: bold;
  color: #f33;
}
#content #main ol.blueNumList .flowCaution dt {}
#content #main ol.blueNumList .flowCaution dd {
  color: #333;
  margin-left: 1em;
  line-height: 1.5em;
}
#content #main ol.blueNumList .flowList {
  margin-bottom: 20px;
}
#content #main ol.blueNumList .flowList li {
  color: #333;
  padding-left: 0;
  line-height: 1.5em;
  font-weight: normal;
  font-size: 0.8em;
}
#content #main .detail .leadRegister ul li.personalRegister01 {
  float: none;
  width: 505px;
  height: 77px;
}
#content #main .detail .leadRegister ul li.personalRegister01 a { /* 個人会員登録フォームへのボタン1つver */
  background-image: url(/images/member/btn_registPersonal01.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 505px;
  height: 77px;
}
#content #main .detail .leadRegister ul li.cramSchoolRegister01 {
  float: none;
  width: 505px;
  height: 77px;
}
#content #main .detail .leadRegister ul li.cramSchoolRegister01 a { /* 塾会員登録フォームへのボタン1つver */
  background-image: url(/images/member/btn_registCramSchool01.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 505px;
  height: 77px;
}
/* メールが届かない場合
------------------------------------------ */
#content #main #MailFailed h3 {
  margin: 20px auto;
  padding: 0;
  background: none;
  height: 62px;
}
#MailFailed h4 {
  text-align: center;
  font-size: 18px;
  color: #F33;
  margin-bottom: 20px;
}
#MailFailed .flowTitle {
  border-bottom: 1px solid #f33;
  border-top: 1px solid #F33;
  color: #F33;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0;
  margin-bottom: 15px;
}
#content #main #MailFailed .size0-8 {
  font-size: 14px;
}
#content #main #MailFailed .redFrame {
  margin-bottom: 10px;
}
#content #main #MailFailed .linklist {
  overflow: hidden;
  margin-bottom: 5px;
}
#content #main #MailFailed .linklist li {
  float: left;
  margin-right: 50px;
  list-style: none;
}
#content #main #MailFailed .linklist li.cl {
  clear: left;
}
#content #main #MailFailed .graybox {
  border: 1px solid #999999;
  background-color: #F2F2F2;
  padding: 16px;
}
#content #main #MailFailed .graybox dl dt {
  font-weight: bold;
}
#content #main #MailFailed .graybox dl dd {
  padding-left: 1em;
  margin-bottom: 20px;
}
.GrayFrame {
  padding: 15px;
  background: #EEEEEE;
  border: solid 1px #969696;
  display: block;
}
/* メールが届かない場合
------------------------------------------ */
#content #main .redbox {
  background-color: #FFE0DB;
  padding: 5px;
}
#content #main #backBlue .redbox p {
  margin-bottom: 0;
}
#content #main .redbox .font16 {
  font-size: 16px;
}
#content #main .redbox dl dd {
  padding-left: 1em;
}
/* メール変更ダイアログ
------------------------------------------ */
#content #popupChangeEmai1 {
  width: 770px;
  margin: 0 auto;
}
#content #popupChangeEmai1 h4 {
  margin-bottom: 20px;
  font-size: 20px;
}
#content #popupChangeEmai1 ol {
  margin-bottom: 20px;
}
#content #popupChangeEmai1 img {
  margin-bottom: 20px;
}
#content #popupChangeEmai1 #completeFrame {
  border: none;
  padding: 0;
  width: auto;
}
#content #popupChangeEmai1 .btn_box {
  margin-left: 200px;
  overflow: hidden;
}
#content #popupChangeEmai1 .btn_box li {
  float: left;
  margin-right: 20px;
}
#content #popupChangeEmai1 .btn_cancel {
  width: 130px;
  height: 36px;
}
#content #popupChangeEmai1 .btn_sent {
  width: 146px;
  height: 36px;
}
#content #popupChangeEmai1 .btn_cancel a {
  background-image: url(/images/form_button/btn_cancel.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 130px;
  height: 36px;
  display: block;
  text-indent: -999em;
}
#content #popupChangeEmai1 .btn_sent a {
  background-image: url(/images/form_button/btn_sent02.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 146px;
  height: 36px;
  display: block;
  text-indent: -999em;
}
#content #popupChangeEmai2 {
  width: 770px;
  margin: 0 auto;
}
#content #popupChangeEmai2 h4 {
  margin-bottom: 20px;
  font-size: 20px;
}
#content #popupChangeEmai2 .redtitle p {
  color: #FFFFFF;
  background-color: #F33;
  text-align: center;
  font-size: 22px;
  padding: 10px 0;
  margin-bottom: 20px;
}
#content #popupChangeEmai2 h5 {
  color: #F33;
  margin-bottom: 0;
}
#content #popupChangeEmai2 .text15 {
  font-size: 15px;
  text-align: center;
  margin-bottom: 20px;
}
#content #popupChangeEmai2 .text14 {
  font-size: 14px;
  padding-left: 1em;
}
#content #popupChangeEmai2 .btn_cancel {
  width: 126px;
  height: 34px;
  margin: 0 auto;
}
#content #popupChangeEmai2 .btn_cancel a {
  background-image: url(/images/form_button/btn_close.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 126px;
  height: 34px;
  display: block;
  text-indent: -999em;
}
button.btn_close {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
button.btn_close {
  width: 126px;
  height: 34px;
  margin: 0 auto;
}
button.btn_close {
  background-image: url(/images/form_button/btn_close.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 126px;
  height: 34px;
  display: block;
  text-indent: -999em;
}
/*メール欄2個目を分割*/
#emailConfirm1 {
  width: 160px;
}
#emailConfirm2 {
  width: 160px;
}
.green01 {
  border: 1px solid #ccc;
  line-height: 1.4em;
  width: 100%;
}
.green01 th {
  border: 1px solid #CACACA;
  width: 168px;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
  background-color: #DCF0F0;
}
.green01 td {
  width: 70%;
  background-color: #F2F2F2;
  border: 1px solid #CACACA;
  padding: 15px;
}
.green01 .colorGreen {
  font-size: 12px;
}
.text14 {
  font-size: 14px;
}
.green01 #email {
  width: 308px;
}
.green01 #emailConfirm1 {
  width: 140px;
}
.green01 #emailConfirm2 {
  width: 140px;
}
.btn_box {
  overflow: hidden;
  width: 300px;
  margin: 20px auto;
}
.btn_cancel {
  float: left;
}
.btn_sent {
  float: right;
}
/*個人マイページ・登録内容変更　修正*/
.text20 {
  font-size: 20px;
}
.redFrame {
  border: 1px solid #FF0000;
  background-color: #FFE0DB;
  padding: 10px;
}
.redFrame dt {
  color: #FF0000;
}
.redFrame dd {
  margin-left: 1em;
}
.redtitle {
  background-color: #FF0000;
  line-height: 2;
  color: #fff;
  font-weight: bold;
  margin-bottom: 15px;
}
.redtitle p {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
}
.text15 {
  font-size: 15px;
}
.btn_close {
  background: url(../images/common/close_btn.gif) no-repeat left center;
  width: 128px;
  height: 37px;
  margin: 0 auto;
}
#changecomp {}
#myPage #content #mainWide #changecomp h2 { /* */
  background-image: none;
  color: #f00;
  padding: 10px 10px 0 10px;
  margin-bottom: 10px;
  border: 2px solid #f00;
  border-radius: 10px;
  line-height: 2.0;
  height: 40px;
}
#container #content ul#payMethod li {
  color: #3A7EC5;
  margin-bottom: 5px;
}
#container #content ul#payMethod li table {
  background: none;
  border: none;
  width: 340px;
  margin-bottom: 0;
}
#container #content ul#payMethod li table td {
  border: none;
  padding-bottom: 0;
  font-weight: normal;
}
#container #content #price p {
  font-size: 14px;
  margin-bottom: 10px;
}
#container #content #price dl {
  font-size: 13px;
}
#container #content #price dd {
  text-indent: -1em;
  margin-left: 1em;
}
#price table th {
  width: 314px;
  height: 68px;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  vertical-align: middle;
}
#price table td {
  border: none;
  vertical-align: middle;
}
#price table.blue {
  border: 1px solid #28549a;
}
#price table.red {
  border: 1px solid #ff4442;
}
#price table.blue th {
  background-color: #4891cf;
}
#price table.red th {
  background-color: #ff4442
}
#price table th .tit {
  font-size: 16px;
  color: #fff;
}
#price table td .pri {
  font-size: 18px;
  color: #ff0000;
  font-weight: bold;
  padding-left: 15px;
}
.mb10 {
  margin-bottom: 10px;
}
.borderTB {
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  padding: 10px 12px;
  margin: 10px 0;
}
.redbox {
  border: 1px solid #ff0000;
  padding: 10px 12px;
  background-color: #FFE0DB;
  margin-bottom: 10px
}
.redbox02 {
  border: 1px solid #ff0000;
  padding: 10px 12px;
  margin-bottom: 10px
}
.redbox03 {
  background-color: #ff0000;
  color: #fff;
  padding: 3px 1em;
}
.redbox .c-text dd {
  text-indent: -1em;
  margin-left: 1em;
}
.orangebox {
	background-color: #ff9933;
	padding: 0.5em;
	color: white;
}
body.order #content table.grayish_price {
  width: 370px;
}
body.order.personal2_ticket #container #content table th ,body.order.personal2 #container #content table th,body.order.personal2_home #container #content table th,body.order.SMogiTicket2 #container #content table th{
        width: 200px;
    padding: 7px;
    font-size: 12px;    
    text-align: left;
    vertical-align: middle;
    }
    SMogiTicket
    
body.order #content table.grayish_price .tb {
  border-top: 2px solid #CACACA;

    }
body.order #content table.grayish_price th {
  width: 150px;
  background-color: #E6E6E6;
  font-weight: normal;
}
body.order #content table.grayish_price td {
  text-align: right;
}
body.order #content table.grayish_price td.pink {
  background-color: #ffe0db;
}
body.order #content table.grayish_price th.pink {
  background-color: #ffe0db;
}
.colorGreen {
  color: #3da679;
  font-weight: bold;
}
.fb {
  font-weight: bold;
}
#content #main h3#orderMethod {
  margin-bottom: 20px;
}
ul#Payattention li {
  list-style: decimal !important;
  list-style-position: outside;
  margin-left: 20px;
  margin-bottom: 30px;
  padding-left: 5px;
  font-size: 14px;
}
.redTitleFrame {
  border: solid 2px #ff0000;
  font-size: 18px;
  border-radius: 19px;
  color: #ff0000;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}
.h3Tel {
  background-image: url("/images/common/tell_icon.png");
  background-repeat: no-repeat;
  background-position: bottom 3px left 1px !important;
}
.h3PC {
  background-image: url("/images/common/PC_icon01.png");
  background-repeat: no-repeat;
  background-position: bottom 3px left 1px !important;
}
.attentionYellow00 {
  background:
    #FFDD33;
  border: solid 2px #f00;
  border-radius: 30px;
  height: 18px;
  margin: auto;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  padding: 14px;
}
.linkMember {
  font-size: 15px;
  font-weight: bold;
  color: #3A7EC5;
  background: #FFDD33;
  border: solid 2px#3A7EC5;
  width: 321px;
  height: 21px;
  padding: 2px 0 2px 25px;
  background-image: url("/images/common/num-icon01.png");
  background-repeat: no-repeat;
  background-position: top 7px left 6px;
}

/*プレゼントにいかがですか？　総進Sもぎ回数券*/

.present-list {
	display: flex;
	justify-content: space-between;
	margin: 10px auto;
}
.present-list li{
	width: 368px;
	list-style: none;
  color: #3a7ec5;
  border: solid 3px;
  text-align: center;
  font-weight: bold;
  background: #e6f0ff;
  padding: 10px 5px;
  box-sizing: border-box;
  font-size: 16px;
	list-style-type: none !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root .linkMember {
    width: 342px;
  }
}
.linkMember a {
  color: #3A7EC5;
}
body#examinationProgram div#main900 #PAGELink01 {
  background-image: url(/images/common/examination01.png);
  background-repeat: no-repeat;
  height: 110px;
}
body#examinationProgram div#main900 #PAGELink02 {
  background-image: url("/images/common/examination02.png");
  background-repeat: no-repeat;
  height: 86px;
}
body#examinationProgram div#main900 #PAGELink03 {
  background-image: url("/images/common/examination03.png");
  background-repeat: no-repeat;
  height: 86px;
}
body#examinationProgram div#main900 div.PAGELink {
  width: 810px;
  padding-left: 140px;
}
body#examinationProgram div#main900 div.PAGELink a {
  font-size: 19px;
  font-weight: bold;
}

/* 無効にするブロックを指定 */
input[type="radio"]#deliveryTime8,
label[for="deliveryTime8"] {
  display: none !important;
  pointer-events: none !important;
}