@charset "utf-8";

/*************************************************
			association/reference用
**********************************2011.12*********/
@import "../../css/common.css";
@import "../../../common/css/common.css";


/*contents------------------------------------*/
	
	/*#mainContents_b h1-------------------------------------*/
	div.wrapper div#mainContents_b h1 {
		background:url(../images/title_toiawase.gif) no-repeat;
		}
		
	/*contents01 02--------------------------*/
	div.wrapper div#mainContents_b div#contents01 {
		margin:0 40px 20px;
		padding:20px 0 0;
		}
	div.wrapper div#mainContents_b div#contents02 {
		margin:20px 40px;
		}

	/*h2-------------------------------------*/
	div.wrapper div#mainContents_b h2 {
		color:#069;
		font-size:120%;
		}
		
	/*table---------------------------------*/
	*+html div.wrapper div#mainContents_b div#contents01 table {
		border-top:1px solid #aaa38f;
		border-right:none;
		border-bottom:1px solid #aaa38f;
		border-left:1px solid #aaa38f;
		}
	div.wrapper div#mainContents_b div#contents01 table,
	div.wrapper div#mainContents_b div#contents02 table {
		border:1px solid #aaa38f;
		width:100%;
		margin:10px auto;
		}
		/*contents01---------------------------------*/
		/*contents02---------------------------------*/
		div.wrapper div#mainContents_b div#contents01 table colgroup.rightCol,
		div.wrapper div#mainContents_b div#contents02 table colgroup.rightCol {
			width:150px;
			}
			
		/*contents01---------------------------------*/
		*+html div.wrapper div#mainContents_b div#contents01 table th {
			border-right:1px solid #aaa38f;
			}
		div.wrapper div#mainContents_b div#contents01 table th {
			height:30px;
			line-height:30px;
			background:#f3eee4;
			}
		div.wrapper div#mainContents_b div#contents01 table td{
			border:1px solid #aaa38f;
			height:2em;
			line-height:2.2em;
			padding:0;
			vertical-align:middle;
			}
		div.wrapper div#mainContents_b div#contents01 table td.tel{
			padding:5px;
			}
		*+html div.wrapper div#mainContents_b div#contents01 table td a{
			background-position:658px 3px;
			}
		div.wrapper div#mainContents_b div#contents01 table td a{
			display:block;
			padding:0 0 0 10px;
			width:780px;
			height:2.2em;
			line-height:2.2em;
			vertical-align:middle;
			background-image:url(../images/btn_toiawase_off.gif);
			background-repeat:no-repeat;
			background-position:663px 4px;
			}
		div.wrapper div#mainContents_b div#contents01 table td a:hover{
			background-color:#eee;
			background-image:url(../images/btn_toiawase_on.gif);
			}
		div.wrapper div#mainContents_b div#contents01 table td.shibu a{
			background-image:url(../images/btn_shibu_off.gif);
			background-position:603px 4px;
			}
		div.wrapper div#mainContents_b div#contents01 table td.shibu a:hover{
			background-color:#eee;
			background-image:url(../images/btn_shibu_on.gif);
			background-position:603px 4px;
			}
		div.wrapper div#mainContents_b div#contents01 table td.comp a{
			background-image:url(../images/btn_siryo_off.gif);
			}
		div.wrapper div#mainContents_b div#contents01 table td.comp a:hover{
			background-color:#eee;
			background-image:url(../images/btn_siryo_on.gif);
			}
		*+html div.wrapper div#mainContents_b div#contents01 table td a span{
			margin:-2.2em 0 0;
			padding-left:162px;
			}
		div.wrapper div#mainContents_b div#contents01 table td span{
			display:block;
			float:right;
			padding-left:152px;
			border-left:1px solid #aaa38f;
			width:0;
			height:2.2em;
			line-height:2.2em;
			overflow:hidden;
			}
		div.wrapper div#mainContents_b div#contents01 table td.shibu span{
			padding-left:212px;
			}

		/*contents02---------------------------------*/
		div.wrapper div#mainContents_b div#contents02 table td {
			border:1px solid #aaa38f;
			height:2.2em;
			line-height:2.2em;
			padding:0 0 0 10px;
			vertical-align:middle;
			}
			
		div.wrapper div#mainContents_b div#contents02 table td.telno {
			border:1px solid #aaa38f;
			height:2.2em;
			line-height:2.2em;
			text-align:center;
			vertical-align:middle;
			}

/*text color---事務局問い合わせ種別---------*/
.btn-square-little-rich {
  position: relative;
  display: inline-block;
  padding: 5px;
  text-decoration: none;
  color: #FFF !important;
  background: #03A9F4;/*色*/
  border: solid 1px #0f9ada;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	margin: 10px;
	font-weight: bold;
	width: 160px;
}

.btn-square-little-rich:active {
  /*押したとき*/
  border: solid 1px #03A9F4;
  box-shadow: none;
  text-shadow: none;
}
span.jimutxt {
    padding: 0px 0px 0 10px;
    color: #fff !important;
}
dl.j_title dt {
 float: left;
 clear: both;
 width: 200px;
 height: 50px;
}
dl.j_title dd {
    margin-left: 200px;
    width: 600px;
    height: 20px;
    line-height: 20px;
    padding-top: 10px;
}
	
/*text color---オレンジ（以前の電話問い合わせ対応時間帯）---------*/
.orgTxt {
	color:#f60;
	}

.note-area {
	position: relative;
	margin: 0 0 20px 30px;
}

.note-header {
	margin-top: 18px;
	font-size: 96%;
	font-weight: bold;
}

.note-text {
	font-size: 90%;
}

.note-list {
	margin: 18px 2px;
}

.list-disc {
	list-style: disc inside;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

/*レスポンシブ対応-----------------------------------------------------------------------*/

.sp {
	display: none !important;
}
@media all and (min-width: 0px) and (max-width: 736px) {
	* {
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
	}
	body {
		-webkit-text-size-adjust: none;
		width: 100%;
		overflow-x: hidden;
	}
	div.wrapper {
		width: 100%;
		border-top: none;
		background: none;
	}
	div#Contents {
		width: 100%;
		overflow-x: hidden;
	}
	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	table {
		max-width: 100%;
	}
	#Header_bg {
		display: none;
	}
	#footerBgPopup2 {
		display: none;
	}
	div#pageTop {
		display: none;
	}
	div.wrapper div#mainContents_b div#contents01 {
		margin: 0 0px 20px;
		padding: 20px 0 0;
	}

	div.wrapper div#mainContents_b div#contents01 table,
	div.wrapper div#mainContents_b div#contents02 table {
		table-layout: fixed;
	}

	div.wrapper div#mainContents_b div#contents01 table td a {
		width: 100%;
		height: auto;
		background-image: none;
	}
	div.wrapper div#mainContents_b div#contents01 table td a:hover {
		background-color:#eee;
		background-image: none;
	}
	div.wrapper div#mainContents_b div#contents01 table td span {
		display: none;
	}
	.note-area {
		margin: 20px 0 20px 0;
	}
	div.wrapper div#mainContents_b div#contents02 {
		margin: 20px 0;
	}
/*text color---事務局問い合わせ種別---------*/
dl.j_title dt {
 float: none;
 clear: both;
 width: 200px;
 height: 40px;
}
dl.j_title dd {
    margin-left: 0;
    width: 100%;
    height: auto;
    line-height: 20px;
    padding-top: 10px;
}
p.shikaku {
height: auto !important;
}
}
/*ここまで　レスポンシブ対応-----------------------------------------------------------------*/



a.mail_link {text-decoration:underline;color:#009fe8;font-weight:bold;}
a:hover.mail_link {text-decoration:none;opacity:0.7;}

p.shikaku {
border: 1px solid #aaa38f;
height: auto;
line-height: 2.2em;
padding:0 0 0 10px;
vertical-align: middle;
margin:0px 0 -1px;
}

.linkArea {
  background-color: #fff !important;
  margin-top: 0 !important;
  padding: 30px 0  0 !important; }

.linkArea ul {
  width: 858px;
  margin: 0 auto;
  font-size: 0; }

.linkArea ul li {
  display: inline-block;
  vertical-align: top;
  width: 240px !important;
  border: 2px solid #cccccc;
  text-align: center;
  box-sizing: border-box;
  margin-right: 24px;
  margin-bottom: 15px !important;
  background-image: url(/assets-before/association/reference/images/26053165_s.jpg); }

.linkArea ul li:nth-child(3n) {
  margin-right: 0; }

.linkArea ul li a {
  display: block; }

.linkArea ul li a .img {
  height: 90px; }

.linkArea ul li a .img::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.linkArea ul li a .img img {
  vertical-align: middle; }

.linkArea ul li a .txt {
  background-color: #fff;
  border-top: 1px solid #ccc;
  font-weight: bold;
  padding: 11px 0;
  display: table;
  width: 100%;
  box-sizing: border-box; }

.linkArea ul li a .txt > span {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.3rem !important; }

.linkArea ul li a .txt > span span.blank {
  background: url(../images/examination-ic/icon/ico_06.png) no-repeat center right;
  background-size: 12px;
  padding-right: 22px; }

.linkArea2 {
  background-color: #fff !important;
  margin-top: 0;
  padding: 30px 0 25px; }

.linkArea2 ul {
  width: 858px;
  margin: 0 auto;
  font-size: 0; }

.linkArea2 ul li {
  display: inline-block !important;
  vertical-align: top;
  width: 378px !important;
  border: 2px solid #cccccc;
  text-align: center;
  box-sizing: border-box;
  margin-right: 24px;
  margin-bottom: 25px; }

.linkArea2 ul li:nth-child(3n) {
  margin-right: 0; }

.linkArea2 ul li a {
  display: block; }

.linkArea2 ul li a .img {
  height: 90px; }

.linkArea2 ul li a .img::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.linkArea2 ul li a .img img {
  vertical-align: middle; }

.linkArea2 ul li a .txt {
  background-color: #fff;
  border-top: 1px solid #ccc;
  font-weight: bold;
  padding: 11px 0;
  display: table;
  width: 100%;
  box-sizing: border-box; }

.linkArea2 ul li a .txt > span {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.6rem !important; }

.linkArea2 ul li a .txt > span span.blank {
  background: url(../images/examination-ic/icon/ico_06.png) no-repeat center right;
  background-size: 12px;
  padding-right: 22px; }

@media only screen and (max-width: 480px) {
.linkArea ul li {
  width: 100% !important;
}
.linkArea2 ul li {
  display: block !important;
}
}