/* CSS Document */
/*==============================	
info/index.html
==============================*/
/*----------------------------------------
h1
----------------------------------------*/
h1 {
	background:url(../../info/img/info_ttl.png) center center no-repeat, url(../img/h1_ttl_bg.png) center top repeat-x;
	height:188px;
	text-indent:-10000px;
}


/*----------------------------------------
infoArea
----------------------------------------*/
#infoArea {
	width:980px;
	margin:80px auto 80px auto;
}

/*----------------------------------------
h2
----------------------------------------*/
#infoArea h2 {
	margin:110px auto 0 auto;
	font-size:24px;
	font-weight:normal;
	letter-spacing:1px;
	color:#baa977;
	background:url(../img/h2_ttl_bg_col01.png) 0 0 no-repeat, url(../img/h2_ttl_bg_col02.png) 0 0 no-repeat;
	background-size:107px 1px, 100% 1px;
	padding-top:10px;
}
#infoArea h2:first-child {
	margin-top:0;
}

/*----------------------------------------
dl
----------------------------------------*/
#infoArea dl{
	margin-top:35px;
	line-height:1.6;
	letter-spacing:2.5px;
}
#infoArea dl dt {
	float:left;
	color:#214454;
}
#infoArea dl dd {
	padding-left:190px;
	margin-bottom:15px;
}
#infoArea dl dd.jisseki {
	line-height:2.5;
}
/*small*/
#infoArea dl small {
	font-size:70%;
	letter-spacing:1px;
}
/*table*/
#infoArea dl table {
	border-collapse:collapse;
	border-top:1px #999 solid;
	width:100%;
	margin:10px 0 45px 0;
}
#infoArea dl table tr:first-child {
	background:url(../img/h1_ttl_bg.png);
}
#infoArea dl table th {
	color:#214454;
}
#infoArea dl table th,
#infoArea dl table td {
	border-bottom:1px #999 solid;
	border-right:1px #999 dotted;
	text-align:center;
	vertical-align:middle;
	padding:16px 0 16px 0;
}
#infoArea dl table tr td:last-child {
	border-right:0px;
}
#infoArea dl table tr td:nth-child(2),
#infoArea dl table tr td:nth-child(3),
#infoArea dl table tr td:nth-child(4) {
	width:28%;
}



/*==========================================================================================	
for SMARTPHONE
==========================================================================================*/

@media screen and (max-width: 480px) {

/*==============================	
info/index.html
==============================*/
/*----------------------------------------
h1
----------------------------------------*/
h1 {
	height:81px;
	background-size:auto 70px, 70px auto;
}


/*----------------------------------------
infoArea
----------------------------------------*/
#infoArea {
	width:90%;
	margin:55px auto 55px auto;
}

/*----------------------------------------
h2
----------------------------------------*/
#infoArea h2 {
	margin:55px auto 0 auto;
	font-size:17px;
	font-weight:normal;
	letter-spacing:1px;
	color:#baa977;
	background:url(../img/h2_ttl_bg_col01.png) 0 0 no-repeat, url(../img/h2_ttl_bg_col02.png) 0 0 no-repeat;
	background-size:75px 1px, 100% 1px;
	padding-top:5px;
}
#infoArea h2:first-child {
	margin-top:0;
}

/*----------------------------------------
dl
----------------------------------------*/
#infoArea dl{
	margin-top:20px;
	line-height:1.6;
	letter-spacing:2.5px;
	font-size:14px;
}
#infoArea dl dt {
	float:none;
	color:#214454;
}
#infoArea dl dd {
	padding-left:1em;
	margin-bottom:10px;
}
#infoArea dl dd.jisseki {
	line-height:inherit;
}
/*small*/
#infoArea dl small {
	font-size:70%;
}
/*table*/
#infoArea dl table {
	border-collapse:collapse;
	border-top:1px #999 solid;
	width:100%;
	margin:10px 0 45px 0;
}
#infoArea dl table tr:first-child {
	background:url(../img/h1_ttl_bg.png);
}
#infoArea dl table th {
	color:#214454;
}
#infoArea dl table th,
#infoArea dl table td {
	border-bottom:1px #999 solid;
	border-right:1px #999 dotted;
	text-align:center;
	vertical-align:middle;
	padding:10px 0 10px 0;
}
#infoArea dl table tr td:last-child {
	border-right:0px;
}
#infoArea dl table tr td:nth-child(2),
#infoArea dl table tr td:nth-child(3),
#infoArea dl table tr td:nth-child(4) {
	width:auto;
}


}