/*====================================================================================================
  SUBPAGE
====================================================================================================*/
#subpage { margin:0 auto;}

/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/

.pan {
	clear:both;
	margin: auto;
	padding:1% 0;
	max-width: 1000px;
	font-size: 90%;
	color:#666;
}
.pan a {color:#666; text-decoration:none;}
.pan a:hover {color:#333;}

/*---------------------------------------------------------------------------
  PAGE TITLE
---------------------------------------------------------------------------*/

h1.sb_tit {
	display:block;
	padding:45px 0;
	font-size:200%;
	color:#FFF;
	text-align:center;
	line-height:100%;
	background:linear-gradient(-90deg,#1D2087,#009FE8);
}

/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/

#subpage .list {
	clear:both;
	margin:15px 0;
	border-top: 1px solid #DDD;
}
#subpage .list p {
	position:relative;
	border-bottom: 1px solid #DDD;
}
#subpage .list p a {
	display:block;
	padding:25px 25px 25px 45px;
	font-size:120%;
	font-weight:bold;
	color:#1D2087;
	text-decoration:none;
	background: url(../img/link_arrow.png) no-repeat 20px center;
}
#subpage .list p a:hover { background-color:rgba(29,32,135,0.05);}


/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/

#subpage h2 {
	clear:both;
	margin:40px 2% 20px;
	padding:15px;
	font-size:130%;
	color:#FFF;
	background:linear-gradient(-90deg,#1D2087,#009FE8);
}
#subpage h3 {
	clear:both;
	margin:40px 2% 20px;
	font-size:120%;
	color:#1D2087;
}
#subpage h4 {
	margin:20px 2% 0;
	font-size:110%;
}
#subpage h5 {
	margin:20px 2% 0;
	font-size:100%;
}

/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/

#subpage .comment { margin:0 2% 40px;}

/*---------------------------------------------------------------------------
  PHOTO
---------------------------------------------------------------------------*/

#subpage .photo-l { float:left; margin-left:2%; margin-right:20px;}
#subpage .photo-r { float:right; margin-left:20px; margin-right:2%; }
#subpage .photo-c { clear:both; text-align:center;}
#subpage .photo-l p,
#subpage .photo-r p,
#subpage .photo-c p { padding: 0 0 5px;} 
#subpage .photo-l2 { float:left;}
#subpage .photo-r2 { float:right;}
#subpage .photo-l2 p { float:left; margin-right:20px;}
#subpage .photo-r2 p { float:left; margin-left:20px;}
#subpage .caption { font-size:80%; text-align:center;}

#subpage .getadobereader { float:left; margin-left:0; margin-right:20px;}

/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/

#subpage ul {
	clear:both;
	margin:15px 2%;
}
#subpage ul li {
	padding: 2px 0 2px 20px;
	background: url(../img/list_arrow.png) no-repeat left 12px;
}
#subpage ol {
	clear:both;
	margin:15px 2%;
	padding:0 2%;
	list-style-type: decimal;
}
#subpage ol li {
	padding: 2px 0 2px;
	list-style-type: decimal;
}

/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/

#subpage table {
	margin:20px 2%;
	width:96%;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background: #fff;
}
#subpage table th, #subpage table td {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#subpage table th {
	background:#EEE;
	font-weight:bold;
	text-align:center;
}

/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/

#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link { margin:0 2%; padding: 5px 0 5px 25px;}
#subpage .icon-pdf {background: url(../img/icon-pdf.jpg) no-repeat left 4px;}
#subpage .icon-word { background: url(../img/icon-word.jpg) no-repeat left 4px;}
#subpage .icon-excel { background: url(../img/icon-excel.jpg) no-repeat left 4px;}
#subpage .icon-link { background: url(../img/link_arrow.png) no-repeat 0 10px;}

/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/

/* BOX1 */
#subpage .box1 { clear:both; margin:0 2% 40px;}
#subpage .box1::after { /*clearfix*/ display:block; clear:both; content:"";}
#subpage .box1 .comment { margin:0; /*overflow:hidden; �ޤ�E֤�̵*/}

/* BOX2 */
#subpage .box2 {
	clear:both;
	margin:0 2% 40px;
	padding:20px;
	border:1px solid #DFDFDF;
}
#subpage .box2::after { /*clearfix*/ display:block; clear:both; content:"";}
#subpage .box2 h3 { margin:15px 0; font-size:140%; color:#1D2087;}
#subpage .box2 .comment { margin:0; /*overflow:hidden; �ޤ�E֤�̵*/}

/* BOX3 */
#subpage .box3 {
	clear:both;
	margin:0 2% 40px;
	padding:20px;
	border:1px solid #DFDFDF;
}
#subpage .box3::after { /*clearfix*/ display:block; clear:both; content:"";}
#subpage .box3 .comment { margin:0; /*overflow:hidden; �ޤ�E֤�̵*/}

/* BOX4 */
#subpage .box4 {}
#subpage .box4::after { /*clearfix*/ display:block; clear:both; content:"";}
#subpage .box4 .box {
	float:left;
	width:46%;
	margin:0 2% 40px;
	padding:20px;
	border:1px solid #DFDFDF;
}
#subpage .box4 h4 { padding:0 0 15px; color:#1D2087; font-size:120%; border-bottom:2px solid #1D2087;}
#subpage .box4 p { padding:10px 0 0 !important; }
#subpage .box4 .comment {/*overflow:hidden; �ޤ�E֤�̵*/}
#subpage .box4 .bo {}
#subpage .box4 .bo a {
	display:block;
	padding:10px;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	background:#1D2087;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
	transition:.3s;
}
#subpage .box4 .bo a:hover { opacity: 0.5;}