@charset "UTF-8";
/* CSS Document */


/* #アンカーリンクで、本文が上部メニューに隠れないように設定 */

#dti_sim a[id^="attention_"] {
	display: block;
}

.dti_sim_container dl.dti_sim_attention dt[id^="attention_"],#dti_sim a[id^="attention_"] {
	margin-top: -140px;
    padding-top: 140px;
}

.dti_sim_attention_table {
	width: 400px;
	border: 0;
	border-collapse: collapse;
}

.dti_sim_attention_table th.th_r_border {
	border-right: #FFF 1px solid;
}
.dti_sim_attention_table th {
	padding: 10px;
	background: #000;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.dti_sim_attention_table td {
	padding: 10px;
	text-align: center;
	border:1px solid #ccc;
}

@media screen and (max-width: 481px){
html, body{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}

body{
	/*display: -webkit-box;*/
	-moz-box-align: center;
	-webkit-box-align: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
}

	a.menu {
		text-decoration: none;
	}
#wrapper{
     width: 100%;
     margin: 0 auto;
}
div.dti_sim_container {
	max-width: 94%;
}


div.dti_sim_container img {
	width: 100%;
	margin-top: 4%;
}
#contents_navi li {
	float: none;
}

#dti_sim h2 {
    width: 93%;
    margin: 40px auto;
    height: auto;
    font-size: 24px;
}

#dti_sim h4 {
	width: 100%;
	margin: 0 0 15px 0;
}
.dti_sim_container ul.dti_sim_faq_right,.dti_sim_container ul.dti_sim_faq_left {
	float: none;
	width: 100%;
}
#dti_sim .dti_sim_container {
	width: 100%;
	margin-top: 3%;
	padding-left: 2%;
}
a#lead {
	font-size: 14px;
}
p.lead {
	margin-top: 0.8em;
}
dd#outline {
	margin: 0 1em 1em 1em;
}
.dti_sim_container dl.dti_sim_attention dd {
margin: 0 1em 2.5em 1em;
}

.dti_sim_attention_table {
	width: 100%;
}

/* #アンカーリンクで、本文が上部メニューに隠れないように設定のスマホ対応 */
.dti_sim_container dl.dti_sim_attention dt[id^="attention_"],#dti_sim a[id^="attention_"] {
	margin-top: 0;
    padding-top: 0;
}

}