@charset "UTF-8";


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, /*font, img,*/ ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	vertical-align: baseline;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ol, ul {
	list-style: none
}

img {
	border: 0;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/* Clearfix */
.clearfix:after, #contents:after, #newsTab:after,
#breadcrumb:after, #mainCont:after, .textCatList ul:after,
#shSearchCode div:after, .courceList:after, #examTopInfo ul:after,
#supportTool dl:after, .shTab:after, #topTopics ul:after {
	content: "";
	display: table;
	clear: both;
}
/* 古い clearfrix
.clearfix:after, #contents:after, #newsTab:after,
#breadcrumb:after, #mainCont:after, .textCatList ul:after,
#shSearchCode div:after, .courceList:after, #examTopInfo ul:after,
#supportTool dl:after, .shTab:after, #topTopics ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
	font-size: 0
}
.clearfix {
	display: inline-block
}
*/

.clear {
	display: block;
	visibility: hidden;
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0
}
.clearboth {
	display: block;
	clear: both
}

.err_msg {
	background:url(../../common/images/error_icon.gif) no-repeat left center;
	color: #D70257;
	font-weight: bold;
	margin-bottom: 5px;
	padding:2px 0 2px 18px;
}


area{
	border:none;
	outline:none;
}

/* -------------------------------------------------------
   Basic Style   
---------------------------------------------------------- */

.sm,
.bx-wrapper img.sm,
.topOfficeBtn
{ display:none; }  

body {
	color: #333;
	font: 12px/1.5 "MS ゴシック","MS Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
body, html {	
	height: 100%;
}
#container {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/*
img {
	vertical-align: bottom
}
*/
img.imgFrame {
	padding:5px;
	border:1px solid #CCC;
}
img.imgL { float:left; margin-right:10px; }
img.imgR { float:right; margin-left:10px; }

.alL { text-align:left; }
.alC { text-align:center; }
.alR { text-align:right; }

strong, em {
	font-weight: bold
}
.italic {
	font-style: italic
}
.small, .smaller {
	font-size: 90%
}
.big {
	font-size: 125%
}
.bigger {
	font-size: 150%
}
.biggest {
	font-size: 200%
}
sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	font-size: 90%
     
} 
sup {
    bottom: 0.5ex;
} 
sub {
    top: 0.5ex;
}
.red {
	color:#C00;
}
.orange {
	color: #F08203;
}
.purple {
	color: #654FB3;
}
.green {
	color: #006600;
}
.blue {
	color: #005FB6;
}
.strongPnt {
	background-color:#FF6;
 padding:0 5px;
}
hr {
	clear:both;
	display: block;
	margin: 15px 0;
	height: 2px;
	border: 0;
	background: url(../../common/images/bdr01.gif) repeat-x 0 0;
}
.hrBdr {
	display: block;
	margin: 15px 0;
	height: 2px;
	border: 0;
	background: url(../../common/images/bdr01.gif) repeat-x 0 0;
}

a, a:visited {
	color: #265BFF;
	text-decoration:underline;
	outline: none;
	border:0;
}
a:hover, a:active {
	color: #4DBDE2;
	outline: none;
}
a:active, a:focus {
	outline: none;
	border:0;
}
a.no, a.fancybox {
	border: 0
}

h1 {
	margin-bottom: 10px;
}

h2.sbTtl {
	padding: 12px 0 10px 28px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

h3 {
	border-top: 3px solid #97D084;
	padding:8px 5px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:15px;
	background:url(../../common/images/bdr02.gif) repeat-x bottom;
}

h3 img { vertical-align:bottom; }

h4 {
	padding:7px 10px;
	font-weight:bold;
	font-size:14px;
	margin:15px 0;
	border-radius:4px;
	background:url(../../common/images/oblique_img.png);
}

h4.bgBlue { background-color: #58BCE7; }
h4.bgRBlue { background-color: #AFD9E4; }
h4.bgYlw { background-color: #E3CA17; }
h4.bgRYlw { background-color: #FEF08B; }
h4.bgRPpl { background-color: #D1D3ED; }
h4.bgGrn { background-color: #48C15A; }
h4.bgRGrn { background-color: #A1D722; }
h4.bgPnk { background-color: #F5AFC5; }
h4.bgRPnk { background-color: #F7A4B9; }
h4 span {
	font-weight:normal;
	font-size:12px;
	margin-left:15px;	
}

h5 {
	font-size:14px;
	font-weight:bold;
	border-left:5px solid #14AB2F;
	padding:0 7px;
	margin:15px 0 10px 0;
}

h6 {
	font-weight: bold;
	background: url(../../common/images/arrow_grn01.gif) no-repeat 5px 11px #EFEFEF;
	padding: 5px 14px;
	margin: 15px 15px 10px 15px;
}

.hd7 {
	font-size:12px;
	font-weight: bold;
	background: url(../../common/images/arrow_pnk01.gif) no-repeat 5px 7px;
	padding: 2px 14px;
	margin: 10px 0 5px 0;
}

.editorArea {
	margin-bottom:30px;
	padding:0 10px;
}

.editorArea table {
	border-collapse: separate;
	border:1px solid #AAA;
}

.editorArea th, .editorArea td {
	border:1px solid #AAA;
	vertical-align:middle;
	padding:5px;
}

.contBoxBlue {
	background-color: #E7EFF8;
	border: 1px solid #7DACD7;
	padding: 10px;
	margin-bottom:20px;
}

.contBoxGrey {
	border: 1px dashed #BBB;
	padding: 10px;
	margin-bottom:20px;
}

.contBoxOrange {
  background-color: #FCF9E2;
  border: 1px solid #FC0;
  padding: 10px;
}

.contBoxRGreen {
  background-color: #E6F1CD;
  border: 1px solid #90C223;
  padding: 10px;
}

.contBoxPurple {
	 background-color:#F1EAF4;
	 border:1px solid #C09CD1;
	 padding:10px;
}

.contBoxPink {
  background-color: #FCE2EB;
  border: 1px solid #DD4280;
  padding: 10px;
}

ul.cmnLt li {
	list-style:disc;
	margin-left:20px;
	margin-bottom:10px;
}

ol.cmnLt {
 margin:20px 0 40px 10px;
}

ol.cmnLt li {
	list-style:decimal;
	margin-left:20px;
	margin-bottom:10px;
}

#sideNav .newIcon {
 background-color:#F06;
 color:#FFF;
 font-size:10px;
 padding:2px 8px;
 margin-left:5px;
 border-radius:3px;
}


/* -------------------------------------------------------
   From
   
---------------------------------------------------------- */

.w300 { width:300px; }
.w400 { width:400px; }
.w480 { width:480px; }

.exTx { color:#13AB2C; margin-top:5px; }
.sendBtn { text-align:center; padding:15px 0; }



/* -------------------------------------------------------
   Header
   
---------------------------------------------------------- */

#header {
	background: url(../../common/images/head_bg.png) repeat-x;
}
#header .hWrap {
	width: 990px;
	margin: 0 auto;
	position: relative;
}
#header ul.tNav {
	position: absolute;	
	right: 0;
	top: 14px;
}
#header ul.tNav li {
	float: left;
	height: 16px;
	margin-right: 20px;
}

#breadcrumb {
	background:url(../../common/images/bsbg_cont.jpg) repeat-x;
	padding:7px 0;
 position:relative;
}

#breadcrumb ul {
	width:990px;
	margin:0 auto;
}

#breadcrumb li {
	float:left;
	background:url(../../common/images/bread_arw.gif) no-repeat 0 5px;
	margin-left:10px;
	padding-left:15px;
}

#breadcrumb li.home {
	background:url(../../common/images/bread_top.gif) no-repeat 0 0;
	padding-left:20px;
}

#sdbnr {
	position:fixed;
 	top:171px;
	right:0;
	width:52px;
  z-index:9;
}

#goToTokusetsuWeb {
    position: absolute;
    top: 452px;
    left: 0;
    height: 239px;
    width: 70px;
    z-index: 9;
}
@media screen and (max-width: 768px) {
	#goToTokusetsuWeb {display:none;}
}

#sdbnr img:hover,#goToTokusetsuWeb img:hover { opacity:0.8; }


/* グローバルナビ
-----------------------------------------------*/

.mainNav span { display:none; }

#gNav01, #gNav02, #gNav03, #gNav04, #gNav05 {
	float: left;
}
.ddNav ul li {
	position: relative;
}
.ddNav div.dropNav {
	position: absolute;
	top: 50px;
	display: none;
 z-index:9989;
}
.ddNav div.dropNav p {
	padding-left: 90px;
}
.ddNav div.dropNav ul {
	border: 4px solid #14AB2F;
	background: #FFF;
	padding: 5px;
	width: 180px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	-o-box-shadow: 0 0 5px #666;
	-ms-box-shadow: 0 0 5px #666;
}
.ddNav div.dropNav ul.wd {
	width: 200px;
}
.ddNav div.dropNav ul li {
	margin-left: 0;
	width: auto;
	height: auto;
	background: #FFF;
	border-top:1px dotted #14AB2F;
}
.ddNav div.dropNav ul li a {
	display:block;
	padding:7px 5px 7px 12px;
	color:#333;
	text-decoration:none;
	background:url(../../common/images/arrow_pnk01.gif) no-repeat 3px center;
}
.ddNav div.dropNav ul li a:hover {
	background-color:#EAF6E6;
}
.ddNav div.dropNav ul li.btm {
	border-bottom:1px dotted #14AB2F;
}
* html .ddNav {
	height: 1%;
}



/* -------------------------------------------------------
   Footer
   
---------------------------------------------------------- */

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 90px;
	background: url(../../common/images/footer_bg.jpg) repeat-x #97D084;
}

#footer .fwrap {
	width: 990px;
	margin: 0 auto;
	padding-top:15px;
	position: relative;
}

#footer .fwrap .goTop {
	position:absolute;
	top:0;
	right:0;
}

#footer .fwrap .copyright {
	position:absolute;
	top:60px;
	right:0;
}

#footer ul li {
	font-size:10px;
	background:url(../../common/images/arrow_pnk01.gif) no-repeat left center;
	float:left;
	padding-left:10px;
	margin-right:15px;
}

#footer ul li a { color:#333; }
#footer ul li a:hover { color:#999; }



/* -------------------------------------------------------
   Main Contents
   
---------------------------------------------------------- */

#contents {
	padding-bottom: 120px;
	width:990px;
	margin:0 auto;
    padding-top: 30px;
}

#sideCont {
	width:209px;
	float:left;
}

#mainCont {
	width:760px;
	float:right;
	/*margin-left:230px;*/
}

#mainCont .cmnCont { margin-bottom:30px; }

#mainCont p, .topicsPd p { margin:0 15px 15px 15px; }
.noMgn { margin-bottom:0; }
.mgnB10 { margin-bottom:10px; }
.mgnB20 { margin-bottom:20px; }
.mgnB30 { margin-bottom:30px; }
.mgnB40 { margin-bottom:40px; }
.mgnB60 { margin-bottom:60px; }
.mgnB120 { margin-bottom:120px; }
.mgnT10 { margin-top:10px; }
.mgnT10 { margin-top:15px; }
.mgnT20 { margin-top:20px; }
.mgnT30 { margin-top:30px; }
.mgnT35 { margin-top:35px; }
.mgnT40 { margin-top:40px; }
.mgnT60 { margin-top:60px; }
.mgnT120 { margin-top:120px; }
.mgnT20B10 { margin:20px 0 10px 0; }
.mgnT40B10 { margin:40px 0 10px 0; }
.mgnTB20 { margin:20px 0; }
.mgnL10 { margin-left:10px; }
.mgnL20 { margin-left:20px; }
.mgnL30 { margin-left:30px; }
.mgnL40 { margin-left:40px; }
.mgnL50 { margin-left:50px; }
.mgnL55 { margin-left:55px; }
.mgnL60 { margin-left:60px; }
.mgnL80 { margin-left:80px; }
.mgnL100 { margin-left:100px; }
.mgnL120 { margin-left:120px; }
.mgnL160 { margin-left:160px; }
.txtPd { margin:0 15px; }

#mainCont div.backPage {
	text-align:right;
	margin-bottom:10px;
}


/* サイドナビ
-----------------------------------------------*/

#sideCont .btm {
	background:url(../../common/images/sidenav_btm.png) no-repeat;
	height:10px;
}

#sideNav ul {
	background:url(../../common/images/sidenav_bg.png) repeat-y;
	padding: 0 2px;
}

#sideNav li a {
	display:block;
	padding:10px 0 10px 21px;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #DDD;
	background:url(../../common/images/arrow_contnav.png) no-repeat 9px 12px;
}

#sideNav li:last-child a { border-bottom:none; }


/* 3階層目のメニュー */

#sideNav ul.pdMenu {
	background:none;
	padding:0;
}

#sideNav ul.pdMenu li a {
	display:block;
	padding:3px 0 3px 18px;
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #DDD;
	background:url(../../common/images/arrow_grn01.gif) no-repeat 10px center;
}

#sideNav ul.pdMenu li:last-child a { border-bottom:1px solid #DDD; }


#sideNav li a:hover {
	background-color: #EAF6E6;
}

#sideNav li a.now {
	background-color:#EFEFEF;
}

#sideNav ul.pdMenu li a:hover {
	color:#999;
}


/* -------------------------------------------------------
   表組スタイル
   
---------------------------------------------------------- */

table.baseTbl {
	width:760px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

table.baseTbl th, table.baseTbl td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px;
}

table.schoolTbl th, table.schoolTbl td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px;
}

table.schoolTbl {
	font-family:monospace;
	white-space:pre-wrap;
}
table.schoolTbl br {
    display:none;
}

table.typeResult thead th {
	background-color:#2CB444;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

table.typeResult tbody th {
	background-color:#ECF7E8;
	width:225px;
	text-align:left;
}

table.typeResult tbody td {
	text-align:center;
}

table.typeResult tbody td img {
	margin-right:5px;
}

table.typeResult .grade { width:140px; }	
table.typeResult .subject { width:100px; }
table.typeResult .states,
table.typeResult .sex { width:50px; }

table.typeSchool, table.typeCource { width:708px; }

table.typeSchool tbody th {
	background-color:#ECF7E8;
	width:100px;
	text-align:left;
}

table.typeCource tbody th {
	background-color:#EFEFEF;
	width:100px;
	text-align:left;
}

table.typeSchool tbody strong.tel { font-size:16px; }

table.compProfile { width:530px; }
table.compProfile tbody th {
	background-color:#EFEFEF;
	width:120px;
	text-align:left;
}

table.topicstextDtl { width:530px; }
table.topicstextDtl thead th {
	background-color:#EFEFEF;
}
table.topicstextDtl tbody th {
	font-weight:bold;
}
table.topicstextDtl tbody td {
	text-align:center;
}
table.topicstextDtl tbody td.bookttl {
	text-align:left;
}

table.topicstextDtl .bgBlue {
	background-color:#D6EFFC;
}
table.topicstextDtl .bgPink {
	background-color: #FAE4EC;
}
table.topicstextDtl .bgGren {
	background-color: #CAF0CC;
}
table.topicstextDtl .bgYlw {
	background-color: #FAF7D8;
}
table.topicstextDtl .bgPupl {
 	background-color: #EED5FD; 
}
table.topicstextDtl .bgGry {
	background-color: #EFEFEF;
}
table.topicstextDtl tbody td span {
	background-color: #C9FABA;
	padding: 0 5px;
}

table.branchList { margin-bottom:15px; }

table.branchList thead th {
	background-color: #C5EBCC;
	text-align: left;
	font-size: 14px;
	font-weight: bold;	
}

table.branchList td.adrs { width:52%; }
table.branchList td.telT { width:6%; background-color:#EFEFEF; text-align:center; vertical-align:middle; }
table.branchList td.telD { width:18%; text-align:center; vertical-align:middle;  }

table.shuppanSpec th, table.shuppanSpec td {
	padding:2px 3px;
}

table.shuppanSpec thead th, table.shuppanSpec tfoot th {
	background-color: #239236;
	vertical-align: middle;
	color:#FFF;
}

table.shuppanSpec thead th.dtl, table.shuppanSpec tfoot th.dtl {
	background-color: #2CB444;
	width:18px;
}

table.shuppanSpec thead th.dtl02, table.shuppanSpec tfoot th.dtl02 {
	background-color: #2CB444;
	width:20px;
}

table.shuppanSpec .txtname {
	width:150px;
}

table.shuppanSpec .spec {
	width:60px;
}

table.shuppanSpec .addon {
	width:100px;
}

table.shuppanSpec .dtl {
	width:18px;
}

table.shuppanSpec tbody th {
	background-color:#EEE;
	vertical-align:middle;
}

table.shuppanSpec tbody td {
	text-align:center;
	vertical-align:middle;
}

table.shuppanSpec tbody td.textbookN {
	text-align:left;
}

table.shuppanSpec sup {
	font-size:10px;
	vertical-align:top;
}

table.shuppanSpec .sub01 {
	background-color: #FCD8D8;
}

table.shuppanSpec .sub02 {
	background-color: #E8D5EA;
}

table.shuppanSpec .sub03 {
	background-color: #E2EED0;
}

table.shuppanSpec .sub04 {
	background-color: #CEDCF0;
}

table.shuppanSpec .sub05 {
	background-color: #FFE2BF;
}

table.shuppanSpec tbody td.subLv {
	background:url(../../shuppan/images/sublevel.gif) repeat-x left center;
}

table.textChoice {
	font-size:14px;
}

table.textChoice th {
	background-color: #CFE4EF;
	font-weight: bold;
	text-align: left;
	padding-left:10px;
}

table.textChoice td {
	text-align:center;
	width:14%
}

table.textChoice td.noPref {
	background-color: #EFEFEF;
}

table.toolDL thead th {
	background-color: #FFCB2F;
	font-weight: bold;
}

table.toolDL tbody th, table.toolDL tbody td {
	font-size:14px;
	vertical-align:middle;
	text-align:center;
}

table.toolDL tbody th {
	background-color: #EFEFEF;
	font-weight:bold;	
}

table.toolDL tbody td {
	width:17%;
}

table.toolDL tbody td.ln6 {
	width:14%;
}

table.toolDL tbody td.bs6 {
	width:15%;
}

table.toolDL tbody td.noW {
	width:auto;
}

table.toolDL tbody td a {
	background:url(../../common/images/pdf_icon.jpg) no-repeat left center;
	padding:3px 0 3px 20px;
}

table.toolDL tbody td a.excel {
	background:url(../../common/images/icon_excel.gif) no-repeat left center;
	padding:3px 0 3px 20px;
}

table.toolDL tbody td a.noIcon {
	background:none;
	padding:3px 0;
}

table.recruit { margin:0 0 40px 0; }

table.recruit th {
	width:25%;
	background-color:#CFE4EF;
	vertical-align:middle;
}

table.douga_item { width:740px; font-size:10px; }
table.douga_item thead th {
	background-color:#EFEFEF;
}
table.douga_item thead th.shurui {
	width:;
}
table.douga_item thead th, table.douga_item tbody td {
	vertical-align:middle;
	text-align:center;
}

table.recruit .groupN {
	background-color:#EFEFEF;
	text-align:center;
	vertical-align:middle;
}

#pageNav ul {
	margin: 15px 0;
	text-align: center;
}

#pageNav ul li {
	display: inline;
	margin: 0 5px;
	font-size:14px;
}

#pageNav ul li span,
#pageNav ul li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 10px;
	background: #14AB2F;
	border:1px solid #0B601A;
	text-decoration: none;
	color:#FFF;
	vertical-align: middle;
}

#pageNav ul li a {
	background: #EEE;
	border:1px solid #DDD;
	color:#000;
}

#pageNav ul li a:hover {
	background: #CCC;
	border-color: #BBB;
}


/* -------------------------------------------------------
   更新情報
   
---------------------------------------------------------- */

#mainCont .newsLt {
	padding:15px 15px 0 15px;
}

#mainCont .newsLt li {
	padding:10px 0;
	border-bottom:1px dotted #CCC;
}

#mainCont .newsLt span { display:block; }
#mainCont .newsLt .nDate { width:70px; color:#686868; float:left; }
#mainCont .newsLt .nIcon { width:80px; float:left; }
#mainCont .newsLt .nTtl { width:580px; margin-left:150px; }

h5.newsTitle {
	border-left:5px solid #14AB2F;
	margin:20px 0 5px 0;
	font-size:18px;
	font-weight:bold;
	padding: 3px 5px 3px 10px;
	background:url(../../common/images/bdr02.gif) repeat-x left bottom;
}

div.newsDate {
	text-align:right;
	margin-bottom:15px;
}


/* -------------------------------------------------------
   会社案内
   
---------------------------------------------------------- */

.infoPd { margin:30px 0 20px 0; }

.greetingTxt {
	background-color:#EFEFEF;
	padding:20px 20px 5px 20px;
	border-radius:7px;
	width:435px;
	float:right;
}

#gMap {
	width:758px;
	height:250px;
	margin:20px 0 40px 0;
	border:1px solid #CCC;
}

#history dt, #history dd {
	margin-bottom:8px;
	padding-bottom:8px;
}

#history dt {
	width:60px;
	float:left;
	text-align:left;
	padding-left:20px;
	background:url(../../common/images/arrow_pnk01.gif) no-repeat 10px 5px;
	
}

#history dd {
	width:440px;
	margin-left:80px;
	border-bottom:1px dotted #CCC;
}


/* -------------------------------------------------------
   その他のインフォメーション
   
---------------------------------------------------------- */

ol.policyLt {
	list-style:decimal;
	margin:20px 15px;
	padding:10px 10px 10px 30px;
	background-color:#EFEFEF;
	border-radius:7px;
}

ol.policyLt li {
	margin:15px 10px;
}

ol.policyLt li span {
	display:block;
	font-weight:bold;
	font-size:14px;
}

ol.policyLt li div {
 margin:15px  0 10px 0;
 background-color:#DDD;
 padding:8px 5px;
}

ul.policyLt {
	list-style:decimal;
	margin:0 10px;
	padding:0 0 0 10px;
}

ul.policyLt li {
	margin:10px 0 10px 10px;
}


dl.howtoLt {
	margin: 0 20px;
}

dl.howtoLt dt {
	clear: left;
	float:left;
	width: 25px;
	padding: 3px 0;
	margin: 0 14px 3px 0;
	background-color: #217AD3;
	border: 1px solid #06C;
	font-weight: bold;	
	color: #FFF;
	text-align: center;	
}

dl.howtoLt dd {
	border: 1px solid #FFF;
	background-color:#EFEFEF;
	width:690px;
	margin: 0 0 3px 35px;
	padding: 3px 5px;
}

ul.pageInLink {
	margin:20px 15px 40px 15px;
}

ul.pageInLink li {
	width:48%;
	float:left;
	margin-bottom:5px;
	background:url(../../common/images/arrow_pnk01.gif) no-repeat left center;
	padding-left:10px;
}

.contactTel {
	font-size: 22px;
	font-weight: bold;
	width: 330px;
	text-align: center;
	border: 1px solid #090;
	padding: 8px 0;
	background:url(../../info/images/contact_tel.gif) no-repeat 138px center #EAF5E5;
}

#sitemapL, #sitemapR {
	width:350px;
	margin-bottom:20px;
}

#sitemapL h5, #sitemapR h5 {
	background-color:#EFEFEF;
	padding:5px 10px;
}

#sitemapL {
	float:left;
	margin-left:20px;
}

#sitemapR {
	float:right;
	margin-left:20px;
}

#sitemapL li, #sitemapR li {
	background:url(../../common/images/arrow_pnk01.gif) no-repeat left center;
	font-size:14px;
	margin-bottom:7px;
	padding-left:10px;
}



/* -------------------------------------------------------
   教材案内＆学校情報
   
---------------------------------------------------------- */

.textCatList {
	border:5px solid #CAECD0;
	padding:20px 15px 10px 30px;
	margin-top:2px;
}

.textCatList li {
	float:left;
	margin-bottom:10px;
}

.textCatList li.even {
	margin-left:45px;
}

#serchBox {
	position:relative;
	background-color:#F2F2F2;
	border-radius:5px;
	padding:10px 0 10px 12px;
	margin-bottom:20px;
}

#serchBox .inForm {
	background:url(../../common/images/searchbox_bg.jpg) repeat-y;
	width:702px;
	padding:8px 17px 0 17px;
}

#serchBox .btm {
	background:url(../../common/images/searchbox_btm.jpg) no-repeat;
	height:10px;
}

#serchBox .serchBtn {
	position: absolute;
	right: 55px;
	top: 65px;
}

#serchBox table.condition {
	width:100%;
	border-top: 1px solid #14AB2F;
}

#serchBox table.condition th,
#serchBox table.condition td {
	padding:7px 10px 0 10px;
	border-bottom: 1px solid #14AB2F;
	vertical-align:top;
	
}
#serchBox table.condition th {
	background-color:#EFEFEF;
	font-weight:bold;
	width:85px;
}
#serchBox table.condition td {
	border-left:3px solid #14AB2F;
}
#serchBox table.condition td.chBox li { float:left; width:33%; margin-bottom:7px; }
#serchBox table.condition td.chBox02 li { float:left; width:20%; margin-bottom:7px;  }
#serchBox table.condition td.chBox03 { padding-bottom:7px;  }

#serchBox ul.list01, #serchBox ul.list02, #serchBox ul.list03 { width:545px; }
#serchBox ul.list01 li {
	width:20%;
	margin-bottom:5px;
	float:left;
}
#serchBox ul.list02,#serchBox ul.list03 { margin-left:15px; }
#serchBox ul.list02 li {
	width:33%;
	margin-bottom:5px;
	float:left;
}
#serchBox ul.list03 li {
	width:15%;
	margin-bottom:5px;
	float:left;
}

.disNo { display:none; }

.jhTab {
	background:url(../../school/images/schoolsearch_tab01.jpg) no-repeat center top;
}
.hsTab {
	background:url(../../school/images/schoolsearch_tab02.jpg) no-repeat center top;
}
#shSearchTab p { margin-left:25px; }
#shSearchTab .shTab { margin:30px 0; }
#shSearchTab .shTab li a {
	width:50%;
	height:45px;
	display:block;
	float:left;
	text-indent:-9999px;
}

#shSearchCode {
	margin-top:30px;
	background-color:#EDF2EC;
	padding:5px;	
}

#shSearchCode div {
	border:1px solid #C8E6BF;
	background: url(../../school/images/for_testuser.gif) no-repeat 0 0 #FFF;
	padding:13px 0 10px 150px;
	min-height:45px;
	position:relative;
}

#shSearchCode div .serchBtn {
	position: absolute;
	right: 50px;
	top: 20px;
}

#textDetail {
	background:url(../../shuppan/images/detail_bg.jpg) no-repeat;
	padding:35px 15px 30px 15px; 
}

#textDetail .textCat {
	width:155px;
	margin-left:580px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}
#textDetail h2 {
	font-weight:bold;
	font-size:18px;
	padding:16px 10px 10px 10px;
	margin-bottom:20px;
}

#textDetail .textPh {
	float:left;
	width:355px;
	text-align:center;
}

#textDetail .doBookBtn {
  margin:40px 0 20px 0;
  text-align:center;
}

#textDetail .textInfo {
	width:360px;
	margin-left:370px;
}

#textDetail .textInfo table {
	width:100%;
	margin-bottom:10px;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
}

#textDetail .textInfo th, #textDetail .textInfo td {
	padding:5px;
	text-align:center;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	background-color:#FFF;
}

#textDetail .textInfo .baseInfo th {
	font-size:14px;
	background-color:#C9C9C9;
}

#textDetail .textInfo .baseInfo td {
	font-size:14px;
	font-weight:bold;
}

#textDetail .textInfo th {
	width:125px;
	font-weight:bold;
	background-color:#EFEFEF;
}

ul.webbook li {
	width:355px;
	margin:5px 12px;
	float:left;
}

ul.webbook li a {
	display:block;
	width:355px;
	height:38px;
	background:url(../../shuppan/images/btn_webbook.jpg) no-repeat;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	padding:18px 0 0 15px
}

ul.webbook li a:hover {
	opacity:0.8;
}

.noteSchool {
	margin:15px 0;
	font-size:90%;
	border:2px solid #EFEFEF;
	padding:10px;
}


/* -------------------------------------------------------
   学校情報
   
---------------------------------------------------------- */

#schoolInfo div.schname {
	background:url(../../school/images/schoolinfo_bg.jpg) no-repeat;
	padding:65px 0 30px 45px ;
}

#schoolInfo div.schname h2 {
	font-size:28px;
	font-weight:bold;
	margin-top:2px;
}
#schoolInfo div.schname h2 span { font-size:12px; }

#schoolInfo div.schCont {
	background-color: #F8F7F4;
	border : 1px solid #B7A988;
	border-top: none;
	padding: 0 9px 8px 9px;
}

#schoolInfo div.schCont .infoTab {
	border : 1px solid #E0D9C9;
	background-color:#FFF;
	border-top: none;
	padding:15px;
}

#schoolInfo ul.courceList {
	margin:20px 5px 30px 5px;
}

#schoolInfo ul.courceList li {
	width:336px;
	float:left;
	margin-bottom:15px;
}
#schoolInfo ul.courceList li.even {
	margin-left:26px;
}

#schoolInfo ul.courceList li a {
	display:block;
	background:url(../../school/images/btn_cource.jpg) no-repeat;
	padding:14px 0 14px 12px;
	color:#333;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

#schoolInfo ul.courceList li a:hover {
	opacity:0.8;
}


/* -------------------------------------------------------
   入試情報
   
---------------------------------------------------------- */

#examTopNews dl {
	background:url(../../school/images/examnews_bg.jpg) repeat-y;
	padding-left:45px;
}

#examTopNews dt {
	width:100px;
	float:left;
	padding-bottom:10px;
}

#examTopNews dd {
	margin-left:100px;
	padding-bottom:10px;
	width:570px;
}

#examTopNews .more {
	background:url(../../school/images/examnews_bg.jpg) repeat-y;
	text-align:right;
	padding:0 45px 10px 0;
}

#examTopNews div.btm {
	background:url(../../school/images/examnews_btm.jpg) no-repeat;
	height:20px;
}

#examTopInfo { margin-top:30px; }

#examTopInfo ul {
	background:url(../../school/images/examinfo_bg.jpg) repeat-y;
	padding: 20px 60px 0 80px;
}

#examTopInfo li {
	float:left;
	width:50%;
	padding-bottom:15px;
}

#examTopInfo li span.new {
	margin-left:5px;
	background:url(../../school/images/icon_new.gif) no-repeat;
	width:31px;
	height:11px;
	display:inline;
}

#examTopInfo div.btm {
	background:url(../../school/images/examinfo_btm.jpg) no-repeat;
	height:16px;
}

#examData {
	position:relative;
	height:733px;
}

#examData div.mapImg {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
}

#examData div.mapTtl {
	position: absolute;
	z-index: 2;
	font-size:24px;
	font-weight:bold;
	text-shadow:#666 1px 1px;
	width:760px;
	color:#FFF;
	top:40px;
	left:0;
	text-align:center;
}

#examData div.prep {
	position: absolute;
	z-index: 1;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #AAA;
	left: 106px;
	top: 653px;
}

#examData div.prep a, #examData div.prep li {
	font-weight:bold;
}

#examData div.prep li {
	line-height:175%;
}

#examData div.area01 {
	top: 138px;
	left: 482px;
}

#examData div.area02 {
	top: 287px;
	left: 643px;
}

#examData div.area03 {
	top: 462px;
	left: 577px;
}

#examData div.area04 {
	top: 215px;
	left: 341px;
}

#examData div.area05 {
	top: 532px;
	left: 463px;
}

#examData div.area06 {
	top: 546px;
	left: 333px;
}

#examData div.area07 {
	top: 282px;
	left: 220px;
}

#examData div.area08 {
	top: 580px;
	left: 220px;
}

#examData div.area09 {
	top: 280px;
	left: 90px;
}

#examData div.area10 {
	top: 653px;
	left: 95px;
}

div.flowBox {
	border: 1px solid #654FB3;
	padding-top:15px;
}


ul#faq, ul#qList { margin:20px 0; }

ul#faq li {
	margin-bottom:5px;
	padding:7px 10px 7px 35px;
}

ul#faq li.q {
	background: url(../../common/images/icon_q.gif) no-repeat 5px center;
	background-color: #EFEFEF;
	font-size:14px;
}

ul#faq li.a {
	background:url(../../common/images/icon_a.gif) no-repeat 5px 5px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #DDD;
}

ul#qList li {
	margin-bottom:5px;
	padding:4px 10px 4px 35px;
}

ul#qList li.q {
	background: url(../../common/images/icon_q.gif) no-repeat 5px center;
}

ul#qList li.q span {
	cursor:pointer;
	color: #265BFF;
	text-decoration:underline;
}

ul#qList li.q span:hover {
	color: #4DBDE2;
}

ul#qList li.a {
	background:url(../../common/images/icon_a.gif) no-repeat 5px 5px;
	padding-bottom:10px;
	margin-bottom:20px;
	background-color: #EFEFEF;
}

ul#qList table {
	width:100%;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

ul#qList th, ul#qList td {
	padding:3px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	text-align:center;
	background-color:#FFF;
}
ul#qList thead th { background-color: #88A8D9; }
ul#qList thead td {
	width: 70px;
	background-color: #88A8D9;
}

ul#qList tbody th {
	background-color: #CFDCEF;
}


/* -------------------------------------------------------
   学力テスト情報
   
---------------------------------------------------------- */

ol.pointLt {
	list-style: decimal;
	margin: 15px;
	padding: 10px 10px 10px 30px;
	background-color: #FDFAD7;
	border-radius: 7px;
	font-size: 14px;
}

ol.pointLt li {
	margin:15px 10px;
}

ol.pointLt li span {
	display:block;
	font-weight:bold;
	color:#F60;
	font-size:16px;
}

ol.pointLt table { width:100%; }
ol.pointLt table td {
	vertical-align:middle;
	width:50%;
}

table#reportSample, table#testsGrade, table#topicsDtl {
	width:100%;
	margin-bottom:40px;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
}

table#reportSample { margin-bottom:10px; }

table#reportSample th, table#reportSample td,
table#testsGrade th, table#testsGrade td,
table#topicsDtl th, table#topicsDtl td {
	border-bottom:1px solid #AAA;
	border-left:1px solid #AAA;
	padding:5px 4px;
	font-family: Osaka,"ＭＳ ゴシック","MS Gothic",Sans-Serif;
}

table#reportSample td,
table#testsGrade td,
table#topicsDtl td {
	text-align:center;
	vertical-align:middle;
}

table#reportSample thead td,
table#testsGrade thead td,
table#topicsDtl thead th {
	background-color:#2CB444;
	color:#FFF;
}

table#testsGrade thead td.month {
	background-color: #239236;
	width: 35px;
}

table#testsGrade thead td.grade {
	width: 55px;
}

table#testsGrade thead td.subj {
	width: 60px;
}

table#testsGrade tbody td.subj {
	background-color: #F4F4F4;
}

table#testsGrade tbody td.exp {
	text-align:left;
}


table#reportSample tbody td.type01,
table#testsGrade tbody td.type01 {
	background-color: #FFCC00;
}
table#reportSample tbody td.type02,
table#testsGrade tbody td.type02 {
	background-color: #DFEA15;
}
table#reportSample tbody td.type03,
table#testsGrade tbody td.type03 {
	background-color: #A6DF20;
}

p.txtBgBlu {
	padding: 5px;
	background-color: #C8E7F7;
	font-weight:bold;
}

p.txtBgGrn {
	padding: 5px;
	background-color: #C0E9C8;
	font-weight:bold;
}

p.txtBgPnk {
	padding: 5px;
	background-color: #F8C7D5;
	font-weight:bold;
}

p.txtBgOrg {
	padding: 5px;
	background-color: #FFD9AA;
	font-weight:bold;
}


/* -------------------------------------------------------
   ダウンロードサービス
   
---------------------------------------------------------- */

ul.supportTop {
	margin:30px 0;
}

ul.supportTop li {
	width:48%;
	margin-left:2%;
	margin-bottom:25px;
	float:left;
}

#supportTool dl {
	border:1px solid #DDD;
	margin-bottom:15px;
	background:url(../../support/images/supporttext_bg.jpg) left bottom repeat-x;
}

#supportTool dt, #supportTool dd {
	font-size:18px;
	font-weight:bold;	
}

#supportTool dt {
	width:510px;
	float:left;
	padding:20px 10px;
}

#supportTool dt .subTtl {
  font-size:12px;
}

#supportTool dt span.new {
	background-color:#C36;
	padding:3px 8px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
}

#supportTool dt span.subttl {
	font-size:14px;
	font-weight:bold;
}

#supportTool dd {
	width:225px;
	text-align:center;
	margin-left:530px;
	padding:6px 0;
}

.pdfList, .excelList {
	margin:20px 0 30px 20px;
	font-size:14px;
}

.pdfList li {
	margin-bottom:10px;
	background:url(../../common/images/pdf_icon.jpg) left center no-repeat;
	padding-left:20px;
}

.excelList li {
	margin-bottom:10px;
	background:url(../../common/images/icon_excel.gif) left center no-repeat;
	padding-left:20px;
}

.pdfList li a span, .excelList li a span {
	margin: 0 0.5em 0 0;
	text-align: center;
	width: 5.5em;
	display: inline-block;
	font-weight: bold;
	padding: 0.05em 0.1em 0 0;
	border: 2px solid #2CA2E0;
	color: #2CA2E0;
	border-radius: 0.3em;
}

.howtoDL {
	margin:15px 0;
	border:2px dotted #CCC;
	padding:0 10px 10px 15px;
}

.optionDL {
	margin:15px 0 40px 0;
	border:2px dotted #CCC;
	padding:10px 10px 10px 15px;
}

ul.atntLt {
	list-style:disc;
	margin:0 10px 0 15px;
	padding:0 10px;
}

ul.atntLt li {
	margin:5px;
}



/* -------------------------------------------------------
   トピックス独立ページ
   
---------------------------------------------------------- */
.bookImgL {
	float:left;
	width:290px;
	margin-left:20px;
}

.bookDtlR {
	margin-left:310px;
	width:640px;
  position:relative;
}

.bookDtlR dl {
  position: absolute;
  left: 12px;
  top: 160px;
  width: 340px;
  border:1px solid #E64A7B;
  background-color:#FCEDF5;
  padding:5px;  
}

.bookDtlR dt {
  background-color: #E64A7B;
  color: #FFF;
  font-weight:bold;
  width: 50px;
  text-align: center;
}

.topicsPd {
	padding:10px 20px;
}

.topicsMImg {
	margin-bottom:40px;
}

.topicscontL {
	width:465px;
	float:left;
	vertical-align:top;
}

.topicscontR {
	width:465px;
	margin-left:485px;
	vertical-align:top;
}

.topicscont02L {
	width:405px;
	float:left;
	vertical-align:top;
}

.topicscont02R {
	width:525px;
	margin-left:425px;
	vertical-align:top;
}

.topicscont3clmL {
	width:300px;
	float:left;
	vertical-align:top;
}

.bookDtl {
  margin:5px 0;
  background-color:#EFEFEF;
  padding:5px;
}

.topicscont3clmC {
	width:300px;
	float:left;
	margin-left:20px;
	vertical-align:top;
}

.topicscont3clmR {
	width:300px;
	margin-left:640px;
	vertical-align:top;
}

.topicsFeat {
	background-color: #EAF7E6;
	padding:10px;
	margin:20px 0 40px 0;
	font-size:14px;
	border:1px solid #97D084;
}

.topicsFeat > .ttl {
	background-color: #97D084;
	padding:5px 10px;
	margin-bottom:10px;
	font-weight:bold;
}

.topicsFeatBl {
	background-color: #E4F3F8;
	padding: 10px;
	margin: 20px 0;
	font-size: 14px;
	border: 1px solid #83B0D1;
}

.topicsFeatBl > .ttl {
	background-color: #83B0D1;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.topicsFeatPnk {
	background-color: #FBEFF3;
	padding: 10px;
	margin: 20px 0;
	font-size: 14px;
	border: 1px solid #E5839C;
}

.topicsFeatPnk > .ttl {
	background-color: #EDA7B9;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.topicsFeatYlw {
	background-color: #FFFAEA;
	padding: 10px;
	margin: 20px 0;
	font-size: 14px;
	border: 1px solid #F8BE03;
}

.topicsFeatYlw > .ttl {
	background-color: #F8BE03;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.topicsFeat > ul li {
 list-style:decimal;
 margin-left:40px;
 margin-bottom:5px;
}

#topicsTbl {
	display:table;
	width:950px;
	margin:0 0 15px 0;
}

#topicsTblHlf {
	display:table;
	width:465px;
	margin:0 0 15px 0;
}

#topicsTbl .cap, #topicsTblHlf .cap {
	 display: table-caption;
	 text-align: center; 
}

#topicsTbl .row, #topicsTblHlf .row {
	display:table-row;
}

#topicsTbl .dtlInfo, #topicsTblHlf .dtlInfo {
	display:table-cell;
	vertical-align:top;
	border: 5px solid #FFF;
}

/* コンテンツの幅設定 */

#topicsTbl .type01, #topicsTblHlf .type01 { width:auto; }
#topicsTbl .type02, #topicsTblHlf .type02  { width:100px; }
#topicsTbl .type03, #topicsTblHlf .type03  { width:140px; padding-right:10px; }
#topicsTbl .type04, #topicsTblHlf .type04  { width:455px; padding-right:5px; }
#topicsTbl .type05, #topicsTblHlf .type05  { width:220px; padding-right:5px; }
#topicsTbl .type06, #topicsTblHlf .type06  { width:295px; padding-right:10px; }

/* コンテンツの背景色設定（教科別） */

#topicsTbl .kokugo, #topicsTblHlf .kokugo { background-color: #FADBE5; padding:5px; }
#topicsTbl .sugaku, #topicsTblHlf .sugaku { background-color: #E0D9EA; padding:5px; }
#topicsTbl .eigo, #topicsTblHlf .eigo { background-color: #CCECD6; padding:5px; }
#topicsTbl .rika, #topicsTblHlf .rika { background-color: #D4DDEC; padding:5px; }
#topicsTbl .syakai, #topicsTblHlf .syakai { background-color: #FCE6CD; padding:5px; }


/* 表組設定 */

table#topicsDtl { margin-bottom:20px; }
table#topicsDtl thead td { color:#FFF; }

.kokugoTxt {
	color: #E84A7B;
}
.sugakuTxt {
	color: #634195;
}
.eigoTxt {
	color: #019F31;
}
.rikaTxt {
	color: #2A53A2;
}
.syakaiTxt {
	color: #EF8203;
}

table#topicsDtl .kokugo, table.baseTbl .kokugo {
	background-color: #EB6C7D;
}
table#topicsDtl .kokugoA, table.baseTbl .kokugoA {
	background-color: #FBE3EB;
}
table#topicsDtl .kokugoB, table.baseTbl .kokugoB {
	background-color: #F2A2BC;
}
table#topicsDtl .sugaku, table.baseTbl .sugaku {
	background-color: #615AA8;
}
table#topicsDtl .sugakuA, table.baseTbl .sugakuA {
	background-color: #D1C4E6;
}
table#topicsDtl .sugakuB, table.baseTbl .sugakuB {
	background-color: #A489CB;
}
table#topicsDtl .eigo, table.baseTbl .eigo {
	background-color: #23A77C;
}
table#topicsDtl .eigoA, table.baseTbl .eigoA {
	background-color: #AEE6B6;
}
table#topicsDtl .eigoB, table.baseTbl .eigoB {
	background-color: #69D176;
}
table#topicsDtl .rika, table.baseTbl .rika {
	background-color: #036FDC;
}
table#topicsDtl .rikaA, table.baseTbl .rikaA {
	background-color: #D5E0F4;
}
table#topicsDtl .rikaB, table.baseTbl .rikaB {
	background-color: #9AB5E4;
}
table#topicsDtl .syakai, table.baseTbl .syakai {
	background-color: #F9AA06;
}
table#topicsDtl .syakaiA, table.baseTbl .syakaiA {
	background-color: #FDCC97;
}
table#topicsDtl .syakaiB, table.baseTbl .syakaiB {
	background-color: #FCAE58;
}
/* 教科以外の色 */

table#topicsDtl .ltblue {
	background-color: #0774D3;
}
table#topicsDtl .ltblueA {
	background-color: #75D9FF;
}
table#topicsDtl .ltblueB {
	background-color: #BFEEFF;
}


table#topicsDtl .step01, table#topicsDtl .step02,
table#topicsDtl .step03 {
	color:#333;
	font-weight:bold;
}
table#topicsDtl .step01 {
	background-color: #FBE084;
}
table#topicsDtl .step02 {
	background-color: #AAD7EE;
}
table#topicsDtl .step03 {
	background-color: #F28C8C;
}
table#topicsDtl .noInfo {
	background-color: #EFEFEF;
}
table#topicsDtl .info01 {
	background-color: #FBE084;
	width:80px;
	text-align:center;
  vertical-align:middle;
}
table#topicsDtl .info02 {
	background-color: #FEF4D6;
	width: 65px;
	text-align: center;
	vertical-align:middle;
}
table#topicsDtl .info03 {
	background-color: #EFEFEF;
	width: 75px;
	text-align: center;
	vertical-align:middle;
}
table#topicsDtl .info04 {
	width: 85px;
	text-align: center;
	vertical-align:middle;
}
table#topicsDtl .info05 {
	width: 210px;
	vertical-align:middle;
}
table#topicsDtl .info06 {
	vertical-align:middle;
}
table#topicsDtl .web {
	background-color: #CEE8EE;
}
table#topicsDtl tbody td { text-align:left; vertical-align:top; }

ol.topicsPointLt {
	list-style:decimal;
	margin:10px 0 30px 0;
	padding:8px 0 8px 30px;
	background-color:#EFEFEF;
	border-radius:7px;
}

html,body {
	height: 100%;
}
* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 9999;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	margin: 50px 0px 0px -285px;
	
	text-align: center;
	z-index: 9999;
}
.btn_close img {
	margin-top: 30px;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.img-responsive { width: 70% !important; height: auto !important;}
.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	margin: 50px 0px 0px -185px;
	
	text-align: center;
	z-index: 9999;
}
}

/* -------------------------------------------------------
   HOPE ROOMお問い合わせフォーム
---------------------------------------------------------- */
.regist { position:relative; }

.regist table {
  width:820px;
  margin:20px auto;
  border-top:1px solid #999BA6;
  border-left:1px solid #999BA6;
}

.regist th, .regist td {
  border-right:1px solid #999BA6;
  border-bottom:1px solid #999BA6;
  padding:10px;
}

.regist th {
  background-color:#EFF0F3;
  width:200px;
  text-align:left;
  vertical-align:middle;
}

.regist input[type=text], .regist input[type=password], .regist textarea {
  padding:5px 7px;
  border:1px solid #CCC;
  -webkit-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2);
  box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2);
}

.regist select {
	padding:5px 7px;
	border:1px solid #CCC;
}

.regist input[type=radio],
.regist input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
.regist input[type=radio] + label,
.regist input[type=checkbox] + label {
	position: relative;	
	display: inline-block;
	margin-right: 25px;	
	line-height: 30px;	
	cursor: pointer;
}

@media (min-width: 1px) {
	.regist input[type=radio],
	.regist input[type=checkbox] {
		display: none;
		margin: 0;
	}
	.regist input[type=radio] + label,
	.regist input[type=checkbox] + label {
		padding: 0 0 0 24px;
	}
	.regist input[type=radio] + label::before,
	.regist input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;		
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;		
		background: #FFF;
	}
	.regist input[type=radio] + label::before {
		border: 2px solid #ccc;
		border-radius: 30px;
	}
	.regist input[type=checkbox] + label::before {
		border: 2px solid #ccc;
	}
	.regist input[type=checkbox].invalid + label::before {
		background: #ccc;
	}
	.regist input[type=radio]:checked + label::after,
	.regist input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;
		
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	.regist input[type=radio]:checked + label::after {
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background-color: #14AB2F;
	border-radius: 8px;
	}
	.regist input[type=checkbox]:checked + label::after {
		left: 3px;		
		width: 16px;
		height: 8px;
		margin-top: -8px;		
		border-left: 3px solid #E71063;
		border-bottom: 3px solid #E71063;		
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

.w100 { width:100px; }
.w150 { width:150px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }

.errMsg {
  color:#C00;
  text-align:left;
  line-height:1.0;
  margin-bottom:5px;
  font-size:12px;
}

.errMsg span {
  background-color:#C00;
  font-weight:bold;
  color:#FFF;
  padding:0 2px;
  border-radius:2px;
  margin-right:5px;
}

.sndBtn {
  text-align:center;
  margin:20px auto;
}

/* -------------------------------------------------------
   印刷用PDF　ヘッダ、フッタ等を表示しない
   
---------------------------------------------------------- */
/*
@media print {
	#header, #breadcrumb, #footer, #sideCont, h1 {
		display:none;
	}
}
*/

/* -------------------------------------------------------
   Cookie使用同意ポップアップ
   
---------------------------------------------------------- */
.cookie-consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, .85);
    padding: 25px;
    box-sizing: border-box;
    visibility: hidden;
    z-index: 10000;
}
@media only screen and (min-width: 600px) {
    .cookie-inner {
        width: 600px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
}
.cookie-consent.is-show {
    visibility: visible;
}
.cookie-consent a {
    color: #fff !important;
}
.cookie-agree {
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: dodgerblue;
    padding: 7px 25px;
}
.cookie-agree:hover {
    cursor: pointer;
}
.cookie-close {
    position: absolute;
    top: -32px;
    right: 0;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, .70);
    padding: 4px 15px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
}
.cookie-close:hover {
    cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
    display: none;
}
/* ゆっくり消える */
.cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
}
@keyframes hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}
@media screen and (max-width: 600px) {
    .cookie-consent {
        flex-direction: column;
    }
    .cookie-text {
        margin-bottom: 1em;
    }
}