@charset "utf-8";

#contents {
	width: 100%;
	max-width: 1200px;
	margin: 120px auto 50px;
}

#global_footer {
	border-top: 1px solid #ccc;
}
#informaiton_section h2 {
	text-align: center;
	margin-bottom: 25px;
}

#informaiton_section .box {
	width: 100%;
	padding: 20px 20px 40px 20px;
	border-bottom: 1px solid #fff;
	background: #eee ;
	display: block;
}
#informaiton_section .box h3 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;

	padding-bottom: 15px;
	margin-bottom: 25px;
	color: #1f50a1;
	font-weight: bold;
	border-bottom: 2px solid #1f50a1;


}
#informaiton_section .box .date:after {
	content:' : '
}


#informaiton_section .box a {
	position:relative;
	border-bottom: 1px dotted #1f50a1;
	color: #1f50a1;
}


#informaiton_section .box .btn {
	margin-top: 25px;
}
	
#informaiton_section .box .btn a {
	padding:10px 20px 10px 25px;
	position:relative;
	color: #1f50a1;
	font-weight: bold;
	border: 1px solid #1f50a1;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	background: #fff;
}

#informaiton_section .box .btn a:before {
content: "";
	position: absolute;
	top: 43%;
	left: 10px;
	border: 3px solid transparent;
	border-left: 4px solid #1f50a1;
}
#informaiton_section .box .btn a:hover{
	color: #fff;
	background: #1f50a1;
}

#informaiton_section .box .btn a:hover:before {
	content: "";
	border-left: 4px solid #fff;
}



.history {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	zoom:1;
}

.history div {
	margin: 5px;
	float: left;
}
.history div a {
	padding: 5px 10px 5px 20px;
	color: #555;
	border: 2px solid #ccc;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	display: block;
}
.history div a:before {
content: "";
	position: absolute;
	top: 40%;
	left: 8px;
	border: 3px solid transparent;
	border-left: 4px solid #ccc;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}


@media screen and (max-width: 680px) {
#contents {
	margin: 100px auto 40px;
}

#informaiton_section li a .date {
	display: block;
}
#informaiton_section li a .date:after {
	content:' '
}	
.history div {
	margin: 5px 0;
	float: none;
	text-align: center;
}
.history div a {
	width: 100%;
}
}

/*===================================================
information_detail
===================================================*/

.information_detail {
}
#informaiton_section .box.information_detail h3 {
	padding-bottom: 15px;
	margin-bottom: 25px;
	color: #1f50a1;
	font-weight: bold;
	border-bottom: 2px solid #1f50a1;
}

.information_detail h4 {
	padding: 8px 0;
	margin: 15px 0;
	font-size: 14px;
	font-weight: bold;
	color: #1f50a1;
	border-top: 1px solid #1f50a1; 
	border-bottom: 1px dotted #1f50a1; 
}
.information_detail h5 {
	font-weight: bold;
	color: #1f50a1;
}

.information_detail li {
	margin-left: 20px;
	list-style: disc;
}

#informaiton_section .information_detail.box a.nodeco {
	padding: 0;
	position:relative;
	border-bottom: none;
}

#informaiton_section .information_detail.box a.nodeco:before {
	display: none;
}
#informaiton_section .box a:hover{
	border-bottom: 1px dotted #ccc;
}

/*===================================================
調整用
===================================================*/


/*box*/

.white_box {
	padding: 20px;
	width: 100%;
	background: #fff;
	border: 2px solid #ccc;
}

.border-top_box {
	padding: 20px 0;
	border-top: 1px dashed #aaa;
}


/**/
.d_block { display: block;}

/*float*/
.f_left { float: left;}
.f_right { float: right;}
.f_none { float: none;}

/*text decoration*/
.txt_pink { color:#ff58ae; }
.txt_scarlet { color:#ff4419; }
.txt_orange { color: #ff9c00;}
.txt_lyellow { color: #fffea5;}
.txt_gray { color: #555;}
.txt_bold { font-weight: bolder;}
.txt_r { text-align: right;}
.txt_l { text-align: left;}
.txt_c { text-align: center;}
.caption { font-size: 11px; }

/*font size*/

.fs_15 { font-size: 15px; }

/*padding bottom*/
.pb_5  { padding-bottom: 5px;}
.pb_10 { padding-bottom: 10px;}
.pb_15 { padding-bottom: 15px;}
.pb_20 { padding-bottom: 20px;}
.pb_25 { padding-bottom: 25px;}
.pb_30 { padding-bottom: 30px;}
/*padding top*/
.pt_5  { padding-top: 5px;}
.pt_10 { padding-top: 10px;}
.pt_15 { padding-top: 15px;}
.pt_20 { padding-top: 20px;}
.pt_25 { padding-top: 25px;}
.pt_30 { padding-top: 30px;}
/*padding right*/
.pr_5  { padding-right: 5px;}
.pr_10 { padding-right: 10px;}
.pr_15 { padding-right: 15px;}
.pr_20 { padding-right: 20px;}
.pr_25 { padding-right: 25px;}
.pr_30 { padding-right: 30px;}
/*padding left*/
.pl_5  { padding-left: 5px;}
.pl_10 { padding-left: 10px;}
.pl_15 { padding-left: 15px;}
.pl_20 { padding-left: 20px;}
.pl_25 { padding-left: 25px;}
.pl_30 { padding-left: 30px;}



/*margin bottom*/
.mb_5  { margin-bottom: 5px;}
.mb_10 { margin-bottom: 10px;}
.mb_15 { margin-bottom: 15px;}
.mb_20 { margin-bottom: 20px;}
.mb_25 { margin-bottom: 25px;}
.mb_30 { margin-bottom: 30px;}
/*margin top*/
.mt_5  { margin-top: 5px;}
.mt_10 { margin-top: 10px;}
.mt_15 { margin-top: 15px;}
.mt_20 { margin-top: 20px;}
.mt_25 { margin-top: 25px;}
.mt_30 { margin-top: 30px;}


.mt_n5  { margin-top: -5px;}
.mt_n10 { margin-top: -10px;}
.mt_n15 { margin-top: -15px;}
.mt_n20 { margin-top: -20px;}
.mt_n25 { margin-top: -25px;}
.mt_n30 { margin-top: -30px;}


/*margin right*/
.mr_5  { margin-right: 5px;}
.mr_10 { margin-right: 10px;}
.mr_15 { margin-right: 15px;}
.mr_20 { margin-right: 20px;}
.mr_25 { margin-right: 25px;}
.mr_30 { margin-right: 30px;}
/*margin left*/
.ml_5  { margin-left: 5px;}
.ml_10 { margin-left: 10px;}
.ml_15 { margin-left: 15px;}
.ml_20 { margin-left: 20px;}
.ml_25 { margin-left: 25px;}
.ml_30 { margin-left: 30px;}