/* start-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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tfoot,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}

.clear{
	clear:both;
}
/* end-reset */


/* start-globalsetting */

html {
	overflow: auto;
	font-size: 62.5%; /* 10px */
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #ffffff;
	color: #333;
	line-height: 1.41;
	min-width: 1000px;
	border-top: 7px solid #027251
}

h1, h2, h3, h4, h5 {
	font-weight: 300;
}

a {
	color: #027251;
}

a:hover {
	color: #DB340E;
}

a:hover img {
	border: 2px #dc1753 solid;
}

a:focus, input:focus {
	outline: 2px #dc1753 solid !important;
}

div, p, h1, h2, h3, h4, h5, h6, tr, th, td, dl, dt, dd, a {
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.141em;
	line-height: 1.41;
}

p {
	margin-bottom: 8px;
	font-size: 1.5em;
}

ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.min {
	font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","MS P明朝","MS PMincho",sans-serif;
}

.goth {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cl:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.bold {
	font-weight: bold;
}

.fr {
	float: right;
}

.fl {
	float: left;
}
/*
.bt {
	font-size: 1.7rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #43a3cb;
	width: 240px;
	text-align: center;
	margin: 24px auto 0;
	border-radius: 4px;
	 -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow: hidden;
}

.bt a {
	color: #F2F0EC;
	display: block;
	padding: 12px 8px;
}

.bt:hover {
	background: #ee836f;
}
*/

.wid {
	width: 1000px;
	margin: auto;
}

th.posL, td.posL {
	text-align: left;
}

th.posC, td.posC {
	text-align: center;
}

th.posR, td.posR {
	text-align: right;
}

/* end-globalsetting */

.header {
	margin: 16px auto;
	height: 80px;
}

.headerRight {
	height: 80px;
}

.hrTop {
	height: 32px;
	margin-bottom: 16px;
	text-align: right;
	display: block;
}

.skip {
	display: inline-block;
	margin: 10px 0 0 0;
	vertical-align: top;
}

.hrTop img {
	height: 32px;
	width: auto;
	margin-left: 8px;
}

.hrBottom {
	text-align: right;
	display: table;
}

.mojiArea {
	padding-right: 16px;
	display: table;
	vertical-align: middle;
	letter-spacing: -40px;
}

.moji {
	font-size: 1.3em;
	color: #027251;
	letter-spacing: 0;
	display: table-cell;
	vertical-align: middle;
	margin-right: 8px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.mojiBox {
	overflow: hidden;
	width: 32px;
	height: 32px;
	text-align: center;
	margin-left: 4px;
	display: table-cell;
	vertical-align: middle;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.mojiBox span {
	color: #fff;
	font-weight: bold;
	width: 32px;
	height: 32px;
	background: #137c88;
	display: block;
	line-height: 32px;
	text-decoration: none;
	cursor: pointer;
}

.mb1 span {
	font-size: 1.3em;
}

.mb2 span {
	font-size: 1.5em;
}

.mb3 span {
	font-size: 1.8em;
}

.mojiBox span:hover {
	background: #48830a;
}

.searchArea {
	width: 280px;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
}

.searchArea input {
	width: 208px;
	color: #fff;
	height: 20px;
	padding: 6px 16px;
	font-size: 1.6em;
	background: #ccc;
	border: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow: hidden;
}

.searchArea input.button {
	width: 40px;
	color: #000;
	height: 32px;
	padding: 4px 0;
	background: url('../images/icn_search.png') no-repeat;
	background-position: center;
	background-color: #ccc;
	border: none;
	overflow: hidden;
	text-indent: 120%;
	white-space: nowrap;
}

.searchArea input.button:hover {
	background-color: #999;
	color: #fff;
}

.gmenu > ul {
	width: 1000px;
	height: 80px;
}

.gmenu > ul > li {
	width: 142.857142px;
	height: 80px;
	font-size: 1.4em;
	float: left;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #efefef;
	padding: 0 8px;
	box-sizing: border-box;
	position: relative;
}

.gm1 {
	border-left: 1px solid #efefef;
}

.gmenu > ul > li > a {
	width: 140.85714px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 0;
}

.gmenu > ul > li.gm1 > a {
	border-bottom: 3px solid #b6d333;
}

.gmenu > ul > li.gm2 > a {
	border-bottom: 3px solid #57bebd;
}

.gmenu > ul > li.gm3 > a {
	border-bottom: 3px solid #3fc14f;
}

.gmenu > ul > li.gm4 > a {
	border-bottom: 3px solid #b6d333;
}

.gmenu > ul > li.gm5 > a {
	border-bottom: 3px solid #57bebd;
}

.gmenu > ul > li.gm6 > a {
	border-bottom: 3px solid #3fc14f;
}

.gmenu > ul > li.gm7 > a {
	border-bottom: 3px solid #b6d333;
}

.gmenu > ul > li.gm1 > a:hover, .gmenu > ul > li.gm1 > a.active {
	border-bottom: 3px solid #ed846c;
}

.gmenu > ul > li.gm2 > a:hover, .gmenu > ul > li.gm2 > a.active {
	border-bottom: 3px solid #ed846c;
}

.gmenu > ul > li.gm3 > a:hover, .gmenu > ul > li.gm3 > a.active {
	border-bottom: 3px solid #ed846c;
}

.gmenu > ul > li.gm4 > a:hover, .gmenu > ul > li.gm4 > a.active {
	border-bottom: 3px solid #ed846c;
}

.gmenu > ul > li.gm5 > a:hover, .gmenu > ul > li.gm5 > a.active {
	border-bottom: 3px solid #ed846c;
}

.gmenu > ul > li.gm6 > a:hover, .gmenu > ul > li.gm6 > a.active {
	border-bottom: 3px solid #ed846c;
}

.gmenu > ul > li.gm7 > a:hover, .gmenu > ul > li.gm7 > a.active {
	border-bottom: 3px solid #ed846c;
}


.gmenu > ul > li > ul {
	display: none;
}


.gmenu > ul > li:hover ul, .gmenu > ul > li:focus ul, .gmenu > ul > li:active ul{
	display: block;
}

.gmenu > ul > li > ul {
	width: 152px;
	font-size: 10px;
	z-index: 100;
	position: absolute;
	background-color: #137c88;
	background-image: none;
	padding: 32px 24px 16px;
	left: 0;
	top: 83px;
}

.gmenu > ul > li.gm7 > ul {
	left: auto;
	right: 0;
}

.gmenu > ul > li > ul > li {
	font-size: 1.4em;
	width: auto;
	height: auto;
	text-align: left;
	margin-bottom: 16px;
	padding-left: 16px;
	position: relative;
}

.gmenu > ul > li > ul > li:before {
	content: "";
	background: url('../images/icn_tri-gm-side.png') no-repeat;
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
}

.gmenu > ul > li > ul > li > a {
	font-weight: bold;
	color: #fff;
}

.gmenu > ul > li > ul > li > a:hover {
	opacity: 0.8;
}

.gmenu > ul > li > ul > li > ul {
	margin-bottom: 16px;
}

.gmenu > ul > li > ul > li > ul > li {
	display: inline-block;
	margin: 4px 8px;
}

.breadArea {
	background: #F8F8F8;
	margin-top: 16px;
}

.bread {
	padding: 16px 0;
	font-size: 1.2em;
	letter-spacing: 0;
}

.bread ul.flex {
	display: table;
}

.bread li {
	position: relative;
	padding-right: 32px;
	color: #666;
	display: table-cell;
	letter-spacing: 0;
	vertical-align: middle;
}

.bread li a {
	font-size: 1.0em;
	letter-spacing: 0;
}

.bread li:before {
	content: "";
	position: absolute;
	background: url('../images/icn_tri.png') no-repeat;
	height: 12px;
	width: 12px;
	top: 25%;
	right: 10px;
}

.bread li.brLast:before {
	background: none;
}

.kanban {
	background: #def191;
	/* background: #eaf6ba; */
}

.kanban h2 {
	margin: 0 auto;
}

.content {
	margin: 48px auto;
}

.news {
	width: 560px;
	border: 1px solid #027251;
}

.news h2 {
	background: #027251;
	color: #fff;
	font-size: 1.8em;
	padding: 10px 32px 8px;
	font-weight: bold;
	border: 1px solid #027251;
}
/*
.news dl dt {
	background: #027251;
	color: #fff;
	font-size: 1.8em;
	padding: 10px 32px 8px;
	font-weight: bold;
	border: 1px solid #027251;
}
*/
.news dl dd {
	padding: 30px 32px 37px;
}

.news dl dd li {
	margin-top: 28px;
	letter-spacing: -40em;
	display: table;
}

.news dl dd li:first-child {
	position: relative;
}

.news dl dd li:first-child:before {
	content: "";
	background: url('../images/icn_new.png') no-repeat;
	width: 72px;
	height: 26px;
	position: absolute;
	top: -24px;
	left: 0;
}

.news dl dd li p {
	margin: 0;
	display: inline-block;
	width: 382px;
	vertical-align: top;
}

.news dl dd li p.date {
	width: 100px;
	letter-spacing: 0.0141em;
	font-size: 1.6em;
	font-weight: bold;
	padding-right: 12px;
}

.info {
	width: 1000px;
	margin-bottom: 32px;
	border: 1px solid #cf4400;
}

.info h2 {
	background: #cf4400;
	border: 1px solid #cf4400;
}
/*
.info dl dt {
	background: #cf4400;
	border: 1px solid #cf4400;
}
*/
.info dl dd li {
	width: 912px;
	position: relative;
	padding-left: 24px;
}

.info dl dd li:before, .info dl dd li:first-child:before {
	content: "";
	background: url('../images/icn_arrow-info.png') no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
}

.info dl dd li:first-child {
	margin-top: 0;
}

.info dl dd li p {
	width: 912px;
}

.topRight {
	width: 400px;
}

.gaiyoBnr {
	width: 400px;
	height: 112px;
	margin-bottom: 32px;
	background: #137c88;
}

.gaiyoBnr:hover {
	background: #DB340E;
}

.gaiyoBnr:hover a img {
	border: none;
}

.faqBnr {
	width: 400px;
	height: 180px;
	margin-bottom: 32px;
	border: 1px solid #027251;
}

.faqBnr a {
	width: 100%;
	height: 100%;
	background: #def191;
	display: block;
}

.faqBnr a:hover {
	background: #fee2dc;
}

.lawBnr {
	width: 400px;
	height: 112px;
	margin-bottom: 32px;
	background: #137c88;
}

.lawBnr:hover {
	background: #DB340E;
}

.lawBnr:hover a img {
	border: none;
}

.sitemapArea {
	background: #f6f6f6;
}

.sitemapBox {
	padding: 40px 0;
	letter-spacing: -40em;
	display: table;
}

.sitemapBox div {
	width: 250px;
	display: inline-block;
	font-size: 10px;
	vertical-align: top;
}

.sitemapBox div dl {
	margin-top: 32px;
	padding: 0 20px;
}

.sitemapBox div dl:first-child {
	margin-top: 0;
}
.sitemapBox div dl dt {
	font-size: 1.3em;
	font-weight: bold;
	color: #027251;
}

.sitemapBox div dl dd a {
	font-size: 1.2em;
}

.sitemapBox div dl dd ul li {
	margin-top: 8px;
}

.footer {
	background: #dddddd;
	padding: 48px 0;
	color: #333;
	text-align: center;
}

.footer a {
	color: #333;
}

.fTop {
	display: table;
}

.ftLeft {
	width: 148px;
	display: table-cell;
	padding-right: 48px;
	vertical-align: top !important;
}

.ftRight {
	width: 876px;
	display: table-cell;
	vertical-align: top !important;
}

.fLink {
	margin-top: 16px !important;
}

.fLink ul li {
	float: left;
	padding: 0 16px;
	border-left: 1px solid #fff;
}

.fLink ul li:first-child {
	border: none;
	padding-left: 0;
}

.fLink a {
	text-decoration: underline;
	font-size: 1.4em;
}

.fLink a:hover {
	color: #777;
}

.fName {
	text-align: left;
}

.fName p {
	font-size: 1.5em;
}

.fName p a {
	margin-left: 8px;
}

.fName p a:hover {
	color: #777;
}

.fcopy {
	font-size: 1.4em;
	margin-top: 32px;
}


/* start-subpage */

.sub .headerLeft p {
	margin-bottom: 0;
}

.main {
	width: 700px;
}

.side {
	width: 260px;
}

.sideMenu {
	position: relative;
	margin-bottom: 56px;
}

.sideMenu:before {
	content: "";
	display: block;
	background: url('../images/line_sideTtl.png') no-repeat;
	width: 260px;
	height: 3px;
	position: absolute;
	top: 0;
}

.sideMenu dl dt {
	font-size: 1.5em;
	padding: 24px 8px 16px;
	text-align: center;
	font-weight: bold;
	color: #027251;
	border-bottom: 1px solid #c2dd4c;
	letter-spacing: 0.0141em;
}

.sideMenu dl dd > ul > li {
	border-bottom: 1px solid #ddd;
}

.sideMenu dl dd > ul > li > a {
	padding: 16px 16px 16px 56px;
	font-size: 1.4em;
	display: block;
	position: relative;
}

.sideMenu dl dd > ul > li > a:before {
	content: "";
	background: url('../images/icn_tri-side.png') no-repeat;
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 32px;
	top: 0; bottom: 0;
	margin: auto;
}

.sideMenu dl dd ul li a:hover {
	background: #f6f6f6;
}

.sideMenu dl dd > ul > li > ul {
	margin-bottom: 16px;
}

.sideMenu dl dd > ul > li > ul > li > a {
	font-size: 1.3em;
	padding: 6px 16px 6px 80px;
	display: block;
	position: relative;
}

.sideMenu dl dd > ul > li > ul > li > a:before {
	content: "";
	background: url('../images/icn_tri-side-sec.png') no-repeat;
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 56px;
	top: 0; bottom: 0;
	margin: auto;
}

.sideMenu div {
	margin-top: 15px;
	padding: 10px;
	display: block;
	border: 1px #c2dd4c solid;
	font-size: 1.3em;
}

.sideBnr .gaiyoBnr {
	width: 260px;
	height: 72.8px;
	margin-bottom: 16px;
}

.sideBnr .gaiyoBnr img {
	width: 100%;
	height: auto;
}

.sideBnr .faqBnr {
	width: 260px;
	height: 117px;
	margin-bottom: 16px;
}

.sideBnr .faqBnr a img {
	width: 100%;
	height: auto;
}

/*
.sideBnr .faqBnr a {
	display: block;
	width: 100%;
	height: 100%;
}

.sideBnr .faqBnr a:hover {
	background-position: 0 -117px;
}
*/

.sideBnr .lawBnr {
	width: 260px;
	height: 72.8px;
	margin-bottom: 16px;
}

.sideBnr .lawBnr img {
	width: 100%;
	height: auto;
}

.sideBnr .faqBox {
	width: 260px;
	height: auto;
	margin-bottom: 16px;
	border: solid 1px #ccc;
}

.sideBnr .faqBox p {
	margin: 10px;
}

.pageHead {
	background: #def191;
}

.pageHead h1 {
	color: #027251;
	font-weight: bold;
	padding: 24px 0;
	background: #e9f6b2;
	font-size: 2.4em;
	text-align: center;
}

.main h2 {
	color: #027251;
	font-size: 1.8em;
	padding: 16px 32px 14px;
	border-left: 3px solid #57bebd;
	font-weight: bold;
	margin: 48px 0 40px;
	border-bottom: 2px solid #efefef;
}

.main h2:first-child {
	margin-top: 0;
}

.main h3 {
	font-weight: bold;
	font-size: 1.6em;
	margin: 40px 0 24px;
	border-bottom: 1px solid #3fc14f;
	padding-bottom: 9px;
	color: #027251;
}

.main h3 span {
	border-bottom: 2px solid #3fc14f;
	padding: 10px 16px 8px;
}

.main h4 {
	font-weight: bold;
	font-size: 1.5em;
	margin: 24px 0 16px;
	padding: 8px 16px 6px;
	border-bottom: 1px solid #b6d333;
	border-left: 3px solid #b6d333;
}

.main h5 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 24px 0 16px;
	padding: 4px 16px 2px;
	border-bottom: 1px solid #b6d333;
	border-left: 2px solid #b6d333;
}

.main ul {
	margin: 16px;
}

.main ul li {
	font-size: 1.5em;
	padding-left: 1.41em;
	position: relative;
	margin-bottom: 8px;
}

.main ul li:before {
	content: "●";
	font-size: 0.7em;
	color: #def191;
	display: block;
	position: absolute;
	margin: auto;
	top: 0; bottom: 0; left:0;
	padding-top: 0.2em;
}

.main ul li > ul > li {
	font-size: 1em;
}

.main ul.pale li:before {
	color: #e9f6b2;
}

.main ul.listnone > li:before {
	content: none;
}

.pdf, .word, .excel, .zip, .csv, .link, .mp4 {
	font-size: 0.8em;
	color: #767676;
	padding-left: 8px;
}

.imgBox {
	text-align: center;
	margin: 24px 0;
}

.imgBox img {
	max-width: 640px;
	height: auto;
}

.sankoBox {
	margin-top: 48px;
}

.sankoBox dl {
	border: 1px solid #137c88;
	overflow: hidden;
	display: table;
}

.sankoBox dl dt {
	background: #137c88;
	width: 100px;
	display: table-cell;
	border-right: 1px solid #137c88;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 16px 0;
	vertical-align: middle;
}

.sankoBox dl dd {
	width: 597px;
	display: table-cell;
	padding: 16px 24px 0;
}

.sankoBox dl dd p {
	font-size: 1.4em;
	margin-bottom: 16px;
}

.example {
	margin: 1em;
	padding: 10px;
	background-color: #e1fff1;
	border: 1px #c2dd4c solid;
}

.yoshikiTb, .conTb, .kaijiTb, .provideTb {
	font-size: 1.4em;
	border-collapse: collapse;
	width: 100%;
}

.t12 {
	width: 12%;
}

.t14 {
	width: 14%;
}

.t15 {
	width: 15%;
}

.t16 {
	width: 16%;
}

.t17 {
	width: 17%;
}

.t20 {
	width: 20%;
}

.t21 {
	width: 21%;
}

.t25 {
	width: 25%;
}

.t26 {
	width: 26%;
}

.t27 {
	width: 27%;
}

.t30 {
	width: 30%;
}

.t35 {
	width: 35%;
}

.t38 {
	width: 38%;
}

.t44 {
	width: 44%;
}

.t46 {
	width: 46%;
}

.t50 {
	width: 50%;
}

.yoshikiTb {
	margin-top: 24px;
}

.kaijiTb {
	margin: 24px 0;
}

.provideTb {
	margin: 24px 0;
}

.yoshikiTb th, .yoshikiTb td, .kaijiTb th, .kaijiTb td, .provideTb th, .provideTb td {
	padding: 8px 16px;
}

.conTb th, .conTb td {
	padding: 8px;
}

.yoshikiTb thead tr th, .conTb thead tr th, .kaijiTb tr th, .provideTb tr th {
	background: #e9f6b2;
	color: #027251;
	border: 1px solid #fff;
}

.yoshikiTb tbody tr th, .yoshikiTb tbody tr td, .conTb tbody tr th, .conTb tbody tr td, .kaijiTb tbody tr th, .kaijiTb tbody tr td, .provideTb tbody tr th, .provideTb tbody tr td {
	border: 1px solid #ddd;
}

.opeDl {
	font-size: 1.4em;
	width: 640px;
	margin: 24px auto;
}

.opeDl dt {
	display: inline-block;
	width: 160px;
	position: relative;
	margin: 4px 0;
	font-weight: bold;
	padding-right: 24px;
	vertical-align: middle;
}

.opeDl dt:after {
	content: "：";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.opeDl dd {
	display: inline-block;
	width: 432px;
	font-size: 0.9em;
	padding-left: 24px;
	margin: 4px 0;
	vertical-align: middle;
}


.index-box {
	margin-top: 20px;
	border: 1px solid #a9aaaa;
	border-radius: 10px;
	overflow: hidden;
}

.index-box .headline {
	padding: 15px 0 15px 25px;
	background-color: #f6f3f3;
	font-weight: bold;
	color: #058474;
}

.index-box .headline span {
	padding-left: 18px;
	background: url("../images/icn_tri.png") no-repeat left center;
}

.index-box .inner {
	/* For modern browsers */
	/* For IE 6/7 (trigger hasLayout) */
	padding: 20px 20px 20px 40px;
	font-size: 93.33333%;
}

.index-box .inner:before, .index-box .inner:after {
	content: "";
	display: table;
}

.index-box .inner:after {
	clear: both;
}

.index-box .inner {
	zoom: 1;
}

.index-box .inner ul {
	margin: 0px 15px 0px 15px;
}

.index-box .inner ul.indent1 {
	padding-left: 20px;
}

.index-box .inner ul.indent1 > li {
	display: inline-block;
}

.index-box .inner ul.indent2 {
	padding-left: 40px;
}


.faqArea dl {
	margin-bottom: 24px;
}

.faqArea dt {
	display: table;
	background: #f5f9e5;
	width: 100%;
	cursor: pointer;
}

.faqArea dt > span {
	font-size: 2.2em;
	display: table-cell;
	vertical-align: middle;
	background: #e9f6b2;
	color: #027251;
	width: 64px;
	text-align: center;
}

.faqArea dt > span > span {
	font-size: 0.7em;
	letter-spacing: -1.4px;
}

.faqArea dt strong {
	padding: 16px 24px;
	display: block;
	color: #027251;
	font-size: 1.5em;
}

.faqArea dd {
	display: table;
	width: 100%;
}

.faqArea dd > span {
	font-size: 2.2em;
	display: table-cell;
	vertical-align: middle;
	background: #57bebd;
	color: #fff;
	width: 64px;
	text-align: center;
}

.faqArea dd > span > span {
	font-size: 0.7em;
	letter-spacing: -1.4px;
}

.faqArea dd div {
	padding: 16px 24px;
	word-break: break-all;
}

.qaTopArea {
	text-align: right;
}

.qaTopArea a {
	font-size: 1.3em;
}

.qaTopArea a:before {
	content: url('../images/icn_arrow-qatop.png');
	background-color: #b6d333;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}

.cap {
	font-size: 1.3em;
	color: #666;
	margin: 16px 0 0;
}

.conTb p {
	font-size: 1.0em;
}

.tel {
	font-size: 0.8em;
	letter-spacing: 0;
	margin-right: 4px;
	color: #666;
}

.naisen {
	display: block;
	text-align: right;
	font-size: 0.8em;
	color: #666;
	letter-spacing: 0;
}

.opeTb dl {
	display: table;
	font-size: 1.4em;
	width: 640px;
	margin: 24px auto;
}

.opeTb dt, .opeTb dd {
	display: table-cell;
}

.opeTb dt {
	width: 100px;
	font-weight: bold;
	padding-right: 24px;
	vertical-align: top;
	position: relative;
}

.opeTb dt:after {
	content: "：";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.opeTb dd {
	width: 492px;
	padding-left: 24px;
	vertical-align: top;
}

.opeTb dd p {
	font-size: 1em;
}

.opeBox {
	margin-bottom: 24px;
}

.opeBox p {
	padding-left: 2.82em;
}

.opeBox p.bold {
	padding-left: 1.41em;
}

.note {
	font-size: 0.8em;
	color: #666;
}

.caution {
	border:solid 2px red;
	padding:5px;
	color: red;
}

.alert {
	color: red;
}

/* end-subpage */