@charset "UTF-8";
/* CSS INDEX for TOP page */

hr.blue {
	 border-top: 1px solid #009FE8;
	margin: 0 auto 5px auto;
}

#contents_navi ul li{
	display:block;
	float:left;
	margin:0 2em 1em 0;
}

.sim_container{
	padding: 1em 3em;
}
.sim_call_table{
	width:100%;
	border:0;
	border-collapse:collapse;
}
.sim_call_table.wordcount th:first-of-type{
	width: 70%;
}
.sim_call_table.wordcount th:nth-child(2),.sim_call_table th:nth-child(3){
	width: 15%;
}

.sim_call_table th{
	padding:10px;
	background:var(--primary);
	color:#FFF;
	font-weight:bold;
	text-align:center;
}

.sim_call_table th.th_r_border{
	border-right:#FFF 1px solid;
}

.sim_call_table th.th_r_b_border{
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}

.sim_call_table td{
	padding:10px;
	border-bottom:#CCC 1px solid;
}

.sim_call_table td.beginning_line{
	background:#f2f2f2;
	text-align:center;
	color:#808080;
}

.sim_call_table td.d_charge{
	text-align:right;
}

.sim_call_table caption{
	text-align:right;
}


.page_up{
	margin:30px 3em 30px 30px;;
	padding:0;
	float:right;
}

.page_up a,.page_up a:link,.page_up a:visited{
	width:38px;
	font-size:10px;
	line-height:10px;
	height:10px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#FFF;
	color:#666;
	border:#666 1px solid;
	-webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

.page_up a:hover,.page_up a:active{
	width:38px;
	font-size:10px;
	line-height:10px;
	height:10px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#c7314e;
	color:#FFF;
	border:#c7314e 1px solid;
	-webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

.contents_title span {
	padding-right: 5px;
}
.contents_title p {
	margin-top: 13px;
}
@media (min-width: 320px) and (max-width: 839px) {
.contents_title span {
	float:none;
}
.contents_title p {
	margin-top: 0px;
}
.sim_call_table.wordcount th:first-of-type{
	width: 30%;
}
}
@media (min-width: 641px) and (max-width: 974px) {
.contents_title span {
	padding-left: 10px;
}
.contents_title p {
	padding-left: 10px;
}
.breadcrumbs {
	padding-left: 10px;
}
}

@media (max-width: 500px){
.sim_container{
	padding: 1em;
}
}