@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :examination.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#exa #gnav li.gnav_exa a {
  background-position: bottom;
}

/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
  background: url(../images/header/bg_main.jpg) center bottom repeat-x;
}
.con_main .box_main {
  height: 250px;
  margin: 0 auto;
  background: url(../examination/images/bg_title.jpg) center 0 no-repeat;
}
.con_main .box_main h2 {
  padding-top: 100px;
  text-align: center;
}

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

	index.php   TOPページ用

-----------------------------------------------------------*/
#main {
  margin: 0 auto;
  width: 1000px;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
  padding: 0 0 40px 0;
}
.con_intro h3 {
  text-align: center;
  padding: 0 0 7px 0;
}
.con_intro .box_intro {
  background: url(../examination/images/bg_guidetxt.jpg) left 0;
}
.con_intro .box_intro .introarea {
  background: url(../examination/images/bg_guideimage.png) left bottom no-repeat;
}
.con_intro .box_intro .introarea p.txt {
  font-size: 115%;
  padding: 30px;
}
.con_intro .box_intro .introarea p.btnlink {
  text-align: center;
  padding: 0 0 30px 0;
}

/* -----------------------------------------------------------
	.nav
----------------------------------------------------------- */
.nav {
  padding: 0 0 40px 0;
}
.nav ul {
  border-bottom: 1px solid #c4bb88;
  padding: 0 0 0 116px;
  width: 884px;
  overflow: hidden;
}
.nav ul li {
  float: left;
}
.nav ul li a {
  height: 0;
  padding: 45px 0 0 0;
  display: block;
}
.nav ul li.exalist a {
  background: url(../examination/images/nav_list.jpg) left top no-repeat;
  width: 252px;
}
.nav ul li.time a {
  background: url(../examination/images/nav_time.jpg) left top no-repeat;
  width: 251px;
}
.nav ul li.type a {
  background: url(../examination/images/nav_type.jpg) left top no-repeat;
  width: 253px;
}
.nav ul li a:hover {
  background-position: left bottom;
}

/* -----------------------------------------------------------
	.con_exalist
----------------------------------------------------------- */
.con_exalist {
  padding: 0 0 40px 0;
}
.con_exalist .box_listarea {
  background: url(../examination/images/bg_line.png) left bottom repeat-x;
  padding: 0 0 30px 0;
}
.con_exalist ul {
  width: 880px;
  overflow: hidden;
  padding: 15px 60px 0 60px;
}
.con_exalist ul li {
  float: left;
  width: 251px;
  padding: 7px 20px 7px 10px;
  margin: 0 10px 0 0;
  font-size: 110%;
  border: 1px solid #ddc08d;
}
.con_exalist ul li a {
  background: url(../examination/images/ic_link.png) left 7px no-repeat;
  padding: 0 0 0 15px;
  margin: 0;
}
.con_exalist .box_other {
  width: 1000px;
  padding: 20px 0 0 0;
  overflow: hidden;
}
.con_exalist .box_other div.area {
  float: left;
  position: relative;
  z-index: 1;
  width: 280px;
  padding: 0 20px 0 30px;
}
.con_exalist .box_other div.area p.image {
  padding: 6px;
  width: 268px;
  position: relative;
}
.con_exalist .box_other div.area p.image a {
  display: block;
  width: 268px;
  height: 164px;
  overflow: hidden;
}
.con_exalist .box_other div.area p.image a img {
  width: 268px;
}
.con_exalist .box_other div.area p.area {
  position: absolute;
  left: 30px;
  top: 0;
  text-align: center;
  z-index: 10;
}
.con_exalist .box_other div.area p.txtlink {
  padding: 13px 2%;
  font-size: 130%;
  text-align: center;
}
.con_exalist .box_other div.area p.txtlink a {
  background: url(../examination/images/ic_link.png) left 5px no-repeat;
  padding: 0 0 0 20px;
}

/* -----------------------------------------------------------
	.con_time
----------------------------------------------------------- */
.con_time {
  padding: 0 0 40px 0;
}
.con_time h4 {
  padding: 0 0 25px 0;
}
.con_time table {
  margin: 0 30px 30px 30px;
  width: 940px;
}
.con_time table td {
  text-align: center;
}
.con_time .txtarea {
  padding: 0 30px 20px 30px;
}
.con_time .txtarea_s {
  border: 1px solid #d7ce9f;
  background: #f1e9d3;
  padding: 20px;
  margin: 0 30px 20px 30px;
}
.con_time p.txtlink {
  background: url(../images/common/ic_txtlink.png) 4px 4px no-repeat;
  padding: 0 0 5px 22px;
  margin: 0 0 0 30px;
}

/* -----------------------------------------------------------
	.con_type
----------------------------------------------------------- */
.con_type {
  padding: 0 0 40px 0;
  /* CMS変更後CSSここから */
  /* CMS変更後CSSここまで */
}
.con_type h4 {
  padding: 0 0 25px 0;
}
.con_type p.introtxt {
  padding: 0 50px 35px 50px;
}
.con_type p.receivedtxt {
  padding: 0 30px 35px 30px;
}
.con_type p.receivedtxt2 {
  border: 1px solid #d7ce9f;
  background: #f1e9d3;
  padding: 20px;
  margin: 0 30px 35px 30px;
}
.con_type .box_type {
  width: 900px;
  padding: 0 0 15px 0;
  margin: 0 auto;
  overflow: hidden;
}
.con_type .box_type .box_l, .con_type .box_type .box_r {
  float: left;
  width: 435px;
}
.con_type .box_type .box_l p.txt, .con_type .box_type .box_r p.txt {
  padding: 15px 0;
}
.con_type .box_type .box_l .info, .con_type .box_type .box_r .info {
  background: url(../examination/images/bg_rsv.jpg) left top;
  padding: 20px;
  text-align: center;
  border: 1px solid #e0d8b0;
}
.con_type .box_type .box_l .info strong, .con_type .box_type .box_r .info strong {
  color: #d80000;
}
.con_type .box_type .box_l .info h6, .con_type .box_type .box_r .info h6 {
  text-align: center;
}
.con_type .box_type .box_l .info p.txt, .con_type .box_type .box_r .info p.txt {
  padding: 0;
}
.con_type .box_type .box_l {
  padding: 0 30px 0 0;
}
.con_type .use {
  width: 900px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  overflow: hidden;
}
.con_type .use dt {
  float: left;
}
.con_type .use dd {
  float: right;
}

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

	detail.php   CMS詳細ページ用

-----------------------------------------------------------*/
/* -----------------------------------------------------------
	.con_st		タイトル
----------------------------------------------------------- */
.detail .con_st {
  width: 710px;
  padding: 0  0 20px 0;
}
.detail .con_st h3 {
  background: url(../images/common/bg_stline.png) center bottom no-repeat;
  padding: 0 0 5px 0;
  text-align: center;
}
.detail .con_st h3 span.left {
  display: inline-block;
  background: url(../images/common/st_guide_left.png) left center no-repeat;
}
.detail .con_st h3 span.right {
  display: inline-block;
  background: url(../images/common/st_guide_right.png) right center no-repeat;
  padding: 12px 60px;
  color: #714601;
  font-size: 150%;
}
.detail .st {
  width: 710px;
  margin: 0 0 25px 0;
  background: url(../images/common/bg_subst.png) center bottom no-repeat;
}
.detail .st h4 {
  background: url(../images/common/ic_subst.png) left 5px no-repeat;
  padding: 2px 0 9px 24px;
  font-size: 120%;
  color: #764d17;
}
.detail p.photo {
  padding: 0 0 20px 0;
}
.detail .txtarea {
  padding: 0 0 20px 0;
}
.detail .txtarea_s {
  border: 1px solid #d7ce9f;
  background: #f1e9d3;
  padding: 20px;
  margin: 0 0 20px 0;
  width: 668px;
}
.detail p.pdflink {
  background: url(../images/common/ic_pdf.png) left top no-repeat;
  padding: 3px 0 5px 22px;
}
.detail p.txtlink {
  background: url(../images/common/ic_txtlink.png) 4px 4px no-repeat;
  padding: 0 0 5px 22px;
}

/* -----------------------------------------------------------
	.con_layout		7セット共通記述
----------------------------------------------------------- */
.con_layout1,
.con_layout2,
.con_layout3,
.con_layout4,
.con_layout5,
.con_layout6,
.con_layout7 {
  margin: 0 0 30px 0;
}
.con_layout1 table,
.con_layout2 table,
.con_layout3 table,
.con_layout4 table,
.con_layout5 table,
.con_layout6 table,
.con_layout7 table {
  width: 100%;
  margin: 0 0 20px 0;
}

.con_layout6,
.con_layout7 {
  margin: 0;
  padding: 15px 0;
}

/* -----------------------------------------------------------
	.con_layout2
----------------------------------------------------------- */
.con_layout2 .twocolumnarea {
  width: 710px;
  overflow: hidden;
}
.con_layout2 .twocolumnarea .box_l {
  float: left;
  width: 380px;
  padding: 0 30px 0 0;
}
.con_layout2 .twocolumnarea .box_r {
  float: left;
  width: 300px;
}
.con_layout2 .twocolumnarea .box_r p.photo {
  padding: 0 0 10px 0;
}

/* -----------------------------------------------------------
	.con_layout3
----------------------------------------------------------- */
.con_layout3 .twocolumnarea {
  width: 710px;
  overflow: hidden;
}
.con_layout3 .twocolumnarea .box_l {
  float: left;
  width: 300px;
  padding: 0 30px 0 0;
}
.con_layout3 .twocolumnarea .box_l p.photo {
  padding: 0 0 10px 0;
}
.con_layout3 .twocolumnarea .box_r {
  float: left;
  width: 380px;
}

/* -----------------------------------------------------------
	.con_layout4
----------------------------------------------------------- */
.con_layout4 .slider {
  width: 710px;
  overflow: hidden;
  padding: 0 0 20px 0;
}
.con_layout4 .slider .bx-wrapper {
  float: left;
  width: 590px;
}
.con_layout4 .slider .sumb {
  float: left;
  width: 100px;
  padding: 0 0 0 20px;
}
.con_layout4 .slider .sumb a {
  display: block;
  border: 1px solid #d9cfa2;
  background: #f0ebe4;
  margin: 0 0 10px 0;
  padding: 1px;
}
.con_layout4 .slider .sumb a.active {
  border: 1px solid #b9761d;
}
.con_layout4 .slider .bx-controls {
  display: none;
}

/* -----------------------------------------------------------
	.con_layout6
----------------------------------------------------------- */
.con_layout6 p.photo {
  padding: 0;
}
.con_layout6 p.photo img {
  width: 710px;
}

/* -----------------------------------------------------------
	.con_layout7
----------------------------------------------------------- */
.con_layout7 {
  width: 710px;
  overflow: hidden;
}
.con_layout7 ul.bn {
  margin: 0 -19px 0 0;
  overflow: hidden;
}
.con_layout7 ul.bn li {
  float: left;
  padding: 0 18px 0 0;
}
.con_layout7 ul.bn li img {
  width: 225px;
}