@charset "utf-8";
/*a*/

address {
	font-style: normal;
}

/*b bg*/

.bg-gray {
	background: #eee;
}

/*l*/

a.link-box {
	background: #48e;
	color: #fff;
	padding: 0.3em 0.8em;
	display: inline-block;
	margin: 0.3em;
	font-weight: bold;
	*display: inline;
	/*IE*/
	*zoom: 1;
	/*IE*/
}

a.link-box:link {
	color: #fff;
}

a.link-box:visited {
	color: #fff;
}

a.link-box:hover {
	background: #26c;
}

a.link-box：active {
	color: #aaa;
}

/*b br*/

@media screen and (min-width:720px) {
	.br-spon {
		display: none;
	}
}

@media screen and (max-width:720px) {
	.br-spoff {
		display: none;
	}
}

/*c clm2*/

.clm-two {
	float: left;
	width: 47%;
	padding: 0 0.5%;
	*width: 45.7%;
}

.clm-two-r {
	float: right;
	width: 47%;
	padding: 0 0.5%;
	*width: 45.7%;
}

.clm-two img, .clm-two-r img {
	width: 100%;
}

@media screen and (max-width:720px) {
	.clm-two, .clm-two-r {
		float: none;
		width: 100%;
		margin: 1% 0;
	}
	.clm-two img, .clm-two-r img {
		width: 100%;
		max-width: 500px;
	}
}

/*c clm3*/

.clm-three {
	float: left;
	width: 30%;
	margin-right: 3%;
}

@media screen and (max-width:720px) {
	.clm-three {
		width: 46%;
	}
}

@media screen and (max-width:479px) {
	.clm-three {
		width: 100%;
	}
}

/*c clm4*/

.clm-four {
	float: left;
	width: 21%;
	margin: auto 2%;
}

.clm-four img {
	width: 100%;
}

@media screen and (max-width:720px) {
	.clm-four {
		width: 46%;
	}
}

/*d*/

.doc p {
	margin: .5em auto;
	line-height: 1.75;
}

.doc li {
	margin: .5em auto;
}

.doc h1, .doc h2, .doc h3 {
	margin: 1.5em 0 .75em;
}

.doc h1 {
	border-bottom: 4px #888 double;
	font-weight: bold;
	font-size: 1.6em;
}

.doc h1 small {
	font-size: 60%;
	font-weight: normal;
	padding-left: .5em;
	color: #444;
}

.doc h2 {
	border-left: 2px #888 solid;
	font-size: 1.2em;
	font-weight: bold;
	padding: .8em 0 .8em 16px;
}

.doc h3 {
	font-weight: bold;
	border-bottom: thin #888 solid;
}

.doc th {
	color: #444;
	background: #fafafa;
}

/*h*/

hr {
	border: 1px #e5e5e5 solid;
	margin: 0 auto;
	width: 100%;
}

/*i inline*/

.inl {
	display: inline;
}

/*i intro 背景隙間なくし*/

#intro img {
	display: block;
}

/*l*/

.list {
	padding-left: 1.5em;
	line-height: 1.5;
}

.list-non {
	list-style-type: none;
}

/* m*/

.mes {
	margin: 0 auto;
	padding: .6em 0;
}

.mes h1, .mes h2, .mes h3, .mes h4, .mes img, .mes p, .mes small {
	margin: .6em auto;
	/*ulパターンが多いので除外,intro同時使用だとimgに隙間が出るので注意*/
}

.mes section, .mes article {
	margin: .6em auto;
	/*mes以下のｾｸｼｮﾝ余白、一部相殺*/
}

.mes h1, .mes h2 {
	color: #555;
	font-weight: normal;
}

.mes h3 {
	font-weight: bold;
	border-bottom: thin #888 solid;
}

.mes p {
	margin: .75em auto;
	line-height: 1.75;
}

/* 小ディスプレイで改行を解除 */

@media screen and (max-width:720px) {
	.mes br {
		display: none;
	}
}

.mes img {
	display: block;
}

.mes h1 {
	font-size: 2.4em;
}

.mes h2 {
	font-size: 1.8em;
}

.mes h3 {
	font-size: 1.2em;
}

.mes p {
	font-size: 1.1em;
}

/*p pdf*/

.pdf-icon {
	background: url('../img_common/i_cmn_pdficon.png') no-repeat 0 40%;
	padding-left: 1.5em;
}

/*p pankuzu*/

.pankuzu {
	font-size: 0.75em;
	margin: 0 auto;
}

.pankuzu ul {
	list-style-type: none;
	margin: 0.5em auto 1em auto;
}

.pankuzu li {
	float: left;
	padding: 0 .4em;
}

/*t*/

table {
	border-collapse: collapse;
	margin-bottom: .5%;
}

th, td {
	border: 1px solid #aaa;
	padding: .75em;
}

.table-l {
	text-align: left;
	padding: .4em 1em;
}