@charset "utf-8";
/*!
 * sub CSS
 * ---------------------------------------------
 * 下層ページのcss
 * 
 */

/* @import 'base_eng.css'; */

/*  PIE ！パス確認ください！
---------------------------------*/

.pdfico,
.newico,
input.submitBtn,
input.txt,
input.button,
select {
	position: relative;
	behavior: url(/resources/js/PIE.php);
}
 
 /*===================================
	font	
=====================================*/

input.button,
select {
	color: #555;
}
.essential {
	color: #ff0000;
}
.topicspath {
	font-size: 12px;
}
.moreArrow,
.moveLink,
.pager {
	font-size: 14px;
}
input.button {
	font-size: 15px;
}
.subTtl {
	font-size: 16px;
}
.blkTtl,
.error .content h1 {
	font-size: 24px;
}
.pager,
.error .content {
	text-align: center;
}
th {
	text-align: left;
}
th,
.contentMenu li li a {
	font-weight: normal;
}
.contentMenu li a {
	font-weight: bold;
}
.topicspath a:hover,
.contentMenu li a,
.moreArrow a:hover,
.moveLink a,
.pager .prv a,.pager .nxt a,.pager .current a,.pager .totop a {
	text-decoration: none;
}
.topicspath a,
.moreArrow a,
.pager .prv a:hover,.pager .nxt a:hover,.pager .totop a:hover {
	text-decoration: underline;
}

/*===================================
	layout	
=====================================*/

.sub .wrapper,
tr,
.moreArrow,
.headNavi ul,
.imgList {
	overflow: hidden;
	zoom: 1;
}
.contentsHead {
	float: left;
	width: 259px;
}
.sub .content {
	float: right;
	width: 681px;
	padding: 30px 30px 50px 29px;
	border-left: solid 1px #ccc;
}
.subSingle .content {
	float: none;
	width: auto;
	padding: 30px;
	border: none;
}
section.block {
	margin-bottom: 15px;
}
hr {
	height: 2px;
	margin: 0 0 20px;
	padding: 0;
	border: none;
	background: #ccc;
}

/*===================================
	background	
=====================================*/

.subTop .wrapper,
.sub .contentTtl,
.contentMenu li.current {
	background-color: #ffff00;
}

/*  sprite
---------------------------------*/

.pdfico,
.newico,
table a.btn,
.more.btn a,
.moreArrow a,
.moveLink a,
.headNavi a,
.sideNavi a,
.toContact dt,.toContact .btn a,
.pager .prv a,.pager .nxt a,
.error .totop a,
.linkTxt a {
	background-image: url(../images/base/sprite_eng.png);
	background-repeat: no-repeat;
}
.newico,
a.btn,
.more.btn a,
.moreArrow a,
input.submitBtn,.formComplete .btn a,
.moveLink a,
.headNavi a,
.sideNavi a,
.toContact .btn a,
.pager .prv a,.pager .nxt a,
.error .totop a,
.linkTxt a {
	display: block;
}
.pdfico,
.newico,
table a.btn,
a.btn,
.more.btn a,
input.submitBtn,.formComplete .btn a,
.headNavi a,
.sideNavi a,
.toContact dt,.toContact .btn a {
	text-indent: -999em;
}
.sub .contentTtl:hover,
a .pdfico:hover,
table a.btn:hover,
.more.btn a:hover,
.contentsHead .ban li a:hover,
input.submitBtn:hover,.formComplete .btn a:hover {
	opacity: .7;
}
.contentsHead .ban li a.ylw:hover {
	opacity: 1;
}

/*===================================
	ぱんくず	
=====================================*/

.topicspath {
	height: 32px;
	line-height: 33px;
}
.topicspath li {
	display: inline;
}
.topicspath li:after {
	content: " ＞ ";
	font-size: 10px;
}
.topicspath li.end:after {
	content: "";
}

/*===================================
	contentMenu
=====================================*/

.contentMenu {
	border-bottom: solid 1px #ccc;
}
.contentMenu li {
	border-top: solid 1px #ccc;
}
.contentMenu li a {
	display: block;
	height: 43px;
	padding-left: 32px;
	border-top: solid 1px #fff;
	background-color: #f4f4f4;
	line-height: 44px;
}
.contentMenu li a.lg {
	height: 38px;
	padding-top: 5px;
	line-height: 1.2;
}
.contentMenu li li a {
	padding-left: 45px;
	background-color: #fff;
}
/*.contentMenu li li a:before {
	content: "・";
}*/
.contentMenu li.current a {
	border-top-color: #ffff00;
	background-color: #ffff00;
}
.contentMenu li a:hover {
	background-color: #dfdfdf;
}
.contentMenu li.current a:hover {
	border-top-color: #dfdfdf;
}

/*===================================
	contentsHead banner
=====================================*/

.contentsHead .ban {
	margin: 22px 21px 0 20px;
}
.contentsHead .ban li {
	margin-bottom: 15px;
}

/*===================================
	見出し	
=====================================*/

/*  ページタイトル
---------------------------------*/

.subTop .contentTtl {
	padding: 134px 0 0 72px;
	background-position: 0 0;
}
.sub .contentTtl a {
	display: block;
	height: 157px;
	padding: 112px 0 0 30px;
}

/*  タイトル
---------------------------------*/

.blkTtl {
	margin-bottom: 29px;
	padding-top: 19px;
	border-top: solid 5px #ffff00;
}
.subTtl {
	height: 45px;
	margin-bottom: 20px;
	padding-left: 17px;
	background: #ecebeb;
	line-height: 46px;
}
.subTtl.lg {
	height: auto;
	padding-top: 14px;
	padding-bottom: 14px;
	line-height: 1.2;
}
/*===================================
	共通項目
=====================================*/

/*  p
---------------------------------*/

.block p {
	margin-bottom: 1.4em;
}
.linkTxt a {
	padding-left: 14px;
	background-position: -992px 5px;
}
/*  img
---------------------------------*/

.imgList li {
	float: left;
}

/*  table
---------------------------------*/

table {
	width: 100%;
	margin-right: -2px;
	border-collapse: collapse;
	line-height: 1.6;
}
tr,td {
	vertical-align: top;
}
th,td {
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
}
th {
	padding: 18px 0 18px 21px;
	background: #ececec;
}
td {
	padding: 18px;
	background: #f8f8f8;
}
.twoColumn th {
	width: 192px;
}
.twoColumn td {
	width: 432px;
}
.alternation thead th {
	background: #dcdcdc;
}
.alternation tbody th,.alternation tbody td {
	background: #ececec;
}
.alternation tbody tr:nth-child(even) th,.alternation tbody tr:nth-child(even) td {
	background: #f8f8f8;
}

/*  btn
---------------------------------*/

table a.btn {
	display: inline-block;
	background-color: #f4c300;
	box-shadow: -1px -1px 0 0 #b28e00 inset;
}
.more.btn a {
	width: 113px;
	height: 28px;
	background-color: #666;
	background-position: -387px -135px;
	box-shadow: -1px -1px 2px 0 #424242 inset;
}
a.btn.ylw {
	background-color: #ffff00;
	box-shadow: -1px -1px 0 0 #baba00 inset;
}
a.btn.ylw:hover {
	background-color: #ffcc00;
	box-shadow: -1px -1px 0 0 #d8ad00 inset;
}
.moveLink a {
	display: inline-block;
	height: 39px;
	padding: 0 15px 0 39px;
	border: solid 2px #ececec;
	background-color: #fff;
	background-position: -982px 14px;
	line-height: 40px;
}
.moveLink a:hover {
	background-color: #f4f4f4;
}
.headNavi {
	position: absolute;
	top: 57px;
	right: 30px;
}
.headNavi li {
	float: left;
	margin-left: 10px;
}
.headNavi a {
	width: 138px;
	height: 31px;
	background-color: #ffff00;
	box-shadow: -1px -1px 0 0 #d8d800 inset;
}
.headNavi .st a {
	background-position: -577px -134px;
}
.headNavi .wt a {
	background-position: -577px -166px;
}
.sideNavi li {
	margin: 0 0 9px 15px;
}
.sideNavi a {
	width: 151px;
	height: 41px;
	background-color: #ffff00;
	box-shadow: -1px -1px 0 0 #d8d800 inset;
}
.sideNavi .st a {
	background-position: -574px -130px;
}
.sideNavi .wt a {
	background-position: -574px -162px;
}
.headNavi a:hover,
.sideNavi a:hover {
	background-color: #ffcc00;
	box-shadow: -1px -1px 0 0 #d8ad00 inset;
}

/*  アイコン
---------------------------------*/

.pdfico {
	display: inline-block;
	width: 51px;
	height: 14px;
	margin-left: 7px;
	border: solid 1px #bbb;
	background-color: #fff;
	background-position: -948px -119px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
}
.newico {
	width: 46px;
	height: 46px;
	background-color: #ffae00;
	background-position: -241px -109px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	-ms-border-radius: 23px;
	-o-border-radius: 23px;
	border-radius: 23px;
	box-shadow: 3px 3px 3px 0 rgba(0,0,0,.25);
}
.moreArrow a {
	float: right;
	padding-right: 23px;
	background-position: 76px -218px;
	line-height: 13px;
}
a.outsite {
	padding-right: 23px;
	background: url(../images/base/ico_outsite.png) no-repeat 100% 50%;
}

/*  form
---------------------------------*/

input.txt,
input.button,
select,
textarea {
	border: none;
	background: none;
	border: solid 1px #e5e5e5;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 5px 4px 4px 0 #fdfdfd inset;
}
input.txt {
	height: 40px;
	text-indent: 10px;
}
input.submitBtn {
	background: none;
	border: none;
	cursor: pointer;
}
input.submitBtn,
.formComplete .btn a,
.complete .block .btn a {
	background-color: #f4c300;
	box-shadow: -1px -1px 0 0 #b28e00 inset;
}
select,
input.button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -moz-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -ms-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -o-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: linear-gradient(top, #fbfbfb, #f0f0f0);
	-pie-background: linear-gradient(top, #fbfbfb, #f0f0f0);
	box-shadow: none;
}
textarea {
	padding: 5px 10px;
}

/*  お問い合わせフォームへ
---------------------------------*/

.toContact {
	background-color: #ffff00;
}
.toContact dt {
	margin: 0 auto;
}
.toContact .btn a  {
	width: 334px;
	height: 51px;
	margin: 0 auto;
	background-color: #666;
	background-position: -318px -197px;
	box-shadow: -1px -1px 2px 0 #424242 inset;
}
.toContact .btn a:hover {
	background-color: #949494;
	box-shadow: #6c6c6c;
}

/*  pager
---------------------------------*/

.pager {
	height: 53px;
	margin: 0 -30px -15px -29px;
	background: #f4f4f4;
	line-height: 55px;
}
.pager li {
	display: inline-block;
	width: 40px;
}
.pager li.prv,.pager li.nxt {
	width: auto;
}
.pager li.prv {
	float: left;
	border-right: solid 1px #fff;
}
.pager li.nxt {
	float: right;
	border-left: solid 1px #ccc;
}
.pager .prv a,.pager .nxt a {
	width: 148px;
	height: 53px;
}
.pager .prv a {
	padding-left: 7px;
	border-right: solid 1px #ccc;
	background-position: -977px -197px;
}
.pager .nxt a {
	padding-right: 7px;
	border-left: solid 1px #fff;
	background-position: 117px -197px;
}
.single .pager {
	margin-bottom: 0;
}
.single .pager li {
	display: block;
	width: auto;
}
.single .pager li,
.single .pager .nxt {
	float: left;
	width: 245px;
}
.single .pager .totop a,
.single .pager .prv a,
.single .pager .nxt a {
	width: 245px;
	height: 53px;
}
.single .pager .totop a {
	width: 245px;
}
.single .pager .prv a {
	padding-left: 0;
	background-position: -935px -197px;
}
.single .pager .nxt a {
	padding-right: 0;
	background-position: 167px -197px;
}

/*  errorページ
---------------------------------*/

.error .content h1 {
	margin-bottom: 1.4em;
	padding-top: 220px;
}
.error .content p {
	margin-bottom: 3em;
	line-height: 1.4;
}
.error .totop a {
	width: 7em;
	margin: 0 auto 210px;
	padding-left: 18px;
	background-position: -992px 6px;
}

/*  利用規約 / 公益通報制度
---------------------------------*/

.terms .block,
.koueki .block {
	padding-top: 1em;
}
.terms .subTtl,
.koueki .subTtl {
	margin: 50px 0 30px;
}
.terms .disc {
	margin: -0.5em 0 0 2.5em;
}
.terms .disc li {
	margin-bottom: 1em;
	padding-left: 1em;
}
.terms .disc li:before {
	display: inline-block;
	content: "・";
	text-indent: -1em;
}
.terms .linkTxt a {
	margin-top: -1em;
}
.koueki .cp {
	margin: 2em 0;
	line-height: 1.6;
}




