/*====================================================================================================

  SUBPAGE

====================================================================================================*/

#subpage { padding:15px;}

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

.pan {
	clear:both;
	font-size: 90%;
	color: #666666;
}
.pan a {color: #666666; text-decoration:none;}
.pan a:hover {color: #333333;}

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

h2 {
	margin: 0;
	padding: 20px 10px;
	color: #4665AC;
	border-top: 2px solid #4665AC;
	border-bottom: 1px solid #EEEEEE;
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒ�ƒCƒŠƒI','Meiryo','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
}

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

#subpage h3 {
	clear:both;
	margin:40px 0 10px;
	padding:10px;
	font-size: 130%;
	color:#FFF;
	background:#4665AC;
}

#subpage h4 {
	clear:both;
	margin:40px 0 10px;
	padding:0 0 0 10px;
	font-size: 120%;
	color:#4665AC;
	border-left:5px solid #4665AC;
}

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

#subpage .event-list {
	padding:10px 0;
	width: 570px;
	height: 175px;
	overflow: auto;
}
#subpage .event-list dl {
	clear:both;
	margin: 0 auto;
	padding:10px 0;
	width:100%;
}
#subpage .event-list dt {
	float: left;
	width: 18%;
	padding: 0;
}
#subpage .event-list dd {
	float: right;
	width: 77%;
	padding: 0 0 0 4%;
	background: url(../img/arrow.jpg) no-repeat left 2px;
}

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

#subpage .comment1 {padding: 10px 0 30px;}
#subpage .comment2 {padding: 10px 0 10px;}
#subpage .comment3 {padding: 20px 0 20px;}

/*sub*/
#subpage .sb-comment1_1 {
	clear:both;
	margin:10px 0 30px;
	padding: 10px;
	background:#EEE;
	border: 1px solid #DDD;
}

/*attention*/
#subpage .attention {
	clear: both;
	margin: 0 0 30px;
	padding: 10px;
	margin: 10px 0 30px;
	border: 1px solid #FF7575;
	color: #FF4646;
	background-color: #FFEAEA;
}

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

#subpage table {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#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;
}

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

#subpage ul.list-ul {
	clear:both;
	padding: 15px 10px 15px;
}
#subpage ul.list-ul li {
	padding: 2px 0 2px 20px;
	background: url(../img/list-arrow.jpg) no-repeat left 4px;
}
#subpage ol.list-ol {
	clear:both;
	padding: 15px 15px 15px 30px;
	list-style-type: decimal;
}
#subpage ol.list-ol li {
	padding: 2px 0 2px;
	list-style-type: decimal;
}

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

#subpage .link-list {
	margin:0 5px;
	padding: 0 0 10px 25px;
	background: url(../img/link-arrow.jpg) no-repeat 1px 1px;
}
#subpage .pdf-list {
	margin:0 5px;
	padding: 5px 0 10px 25px;
	background: url(../img/icon-pdf.jpg) no-repeat left 4px;
}
#subpage .word-list {
	margin:0 5px;
	padding: 5px 0 10px 25px;
	background: url(../img/icon-word.jpg) no-repeat left 4px;
	list-style:none;
}
#subpage .excel-list {
	margin:0 5px;
	padding: 5px 0 10px 25px;
	background: url(../img/icon-excel.jpg) no-repeat left 4px;
}

/* LINK BOX�@*************************/

#subpage .link-box1 {
	margin:50px 0 0;
	border-top:1px solid #EEE;
}
#subpage .link-box1 p {
	padding:20px 0 20px 40px;
	background: url(../img/link-arrow.jpg) no-repeat 10px center;
	border-bottom:1px solid #EEE;
}
#subpage .link-box1 p a {
	display:block;
}

#subpage .link-box2, #subpage .link-box3, #subpage .link-box4 {
	clear:both;
	float:left;
	width:100%;
	padding:10px 0 30px;
}
#subpage .link-box2 p,
#subpage .link-box3 p,
#subpage .link-box4 p {
	float:left;
	margin:1%;
}
#subpage .link-box2 p a,
#subpage .link-box3 p a,
#subpage .link-box4 p a {
	display:block;
	padding: 10px 10px 10px 30px;
	background:#F4F4F4 url(../img/link-arrow.jpg) no-repeat 10px 10px;
	border-radius: 5px;/* CSS3 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}

/* LINK BOX2 */
#subpage .link-box2 p {width:48%;}

/* LINK BOX3 */
#subpage .link-box3 p {width:31.3%;}

/* LINK BOX4 */
#subpage .link-box4 p {width:23%;}


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

#subpage .photo-l, #subpage .photo-l2 {
	float:left;
	padding:0 20px 0 0;
}
#subpage .photo-r, #subpage .photo-r2 {
	float:right;
	padding:0 0 0 20px;
}
#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 p {
	float:left;
	padding: 0 10px 0 0;
}
#subpage .photo-r2 p {
	float:right;
	padding: 0 0 0 10px;
}
#subpage .caption {
	font-size:80%;
	text-align:center;
}

/* PHOTO BOX�@*************************/
#subpage .photo-box {
	clear:both;
	float:left;
	width:100%;
	padding:15px 0;
}
#subpage .photo-box ul {
	float:left;
	margin:1%;
}
#subpage .photo-box li {
	margin: 0 0 5px;
	font-size:80%;
	text-align:center;
}

/* PHOTO BOX2 */
#subpage .g2 ul {width:48%;}

/* PHOTO BOX3 */
#subpage .g3 ul {width:31.3%;}

/* PHOTO BOX4 */
#subpage .g4 ul {width:23%;}

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

#subpage .box1 h3, #subpage .box2 h3, #subpage .box3 h3, #subpage .box4 h3,
#subpage .box1 h4, #subpage .box2 h4, #subpage .box3 h4, #subpage .box4 h4 {
	clear:none;
	border:none;
	margin:5px 0 10px;
	padding:0;
	font-size:115%;
	color:#4665AC;
	background:none;
}

/* BOX1 */
#subpage .box1 {
	clear:both;
	float:left;
	width:100%;
	margin: 10px 0 10px;
}
#subpage .box1 h4 {}
#subpage .box1 .comment {/*overflow:hidden; �Ü‚è•Ô‚µ–³*/}

/* BOX2 */
#subpage .box2 {
	clear:both;
	float:left;
	width:95.5%;
	margin: 10px 0 10px;
	padding:2%;
	border:1px solid #DFDFDF;
}
#subpage .box2 h4 {}
#subpage .box2 .comment {/*overflow:hidden; �Ü‚è•Ô‚µ–³*/}

/* BOX3 */
#subpage .box3 {
	float:left;
	width:46%;
	margin: 10px 0 10px;
	padding:2%;
}
#subpage .box3 h4 {}
#subpage .box3 .comment {/*overflow:hidden; �Ü‚è•Ô‚µ–³*/}

/* BOX4 */
#subpage .box4 {
	float:left;
	width:43.2%;
	margin: 10px 1% 10px;
	padding:2%;
	border:1px solid #DFDFDF;
}
#subpage .box4 h4 {}
#subpage .box4 .comment {/*overflow:hidden; �Ü‚è•Ô‚µ–³*/}

/*---------------------------------------------------------------------------
  COLUMN
---------------------------------------------------------------------------*/

#subpage .column2, #subpage .column3, #subpage .column4 {
	float:left;
	padding:1%;
}

/* COLUMN2 */
#subpage .column2 {width:48%;}

/* COLUMN3 */
#subpage .column3 {width:31.3%;}

/* COLUMN4 */
#subpage .column4 {width:23%;}


/****************************************************************************

  EXCEPTION

****************************************************************************/

/* margin */
#subpage .mt-0, #subpage h3.mt-0, #subpage h4.mt-0, #subpage table.mt-0, #subpage ul.mt-0 {margin-top:0;}
#subpage .mb-0, #subpage h3.mb-0, #subpage h4.mb-0, #subpage table.mb-0, #subpage ul.mb-0 {margin-bottom:0;}
#subpage .ml-0, #subpage h3.ml-0, #subpage h4.ml-0, #subpage table.ml-0, #subpage ul.ml-0 {margin-left:0;}
#subpage .mr-0, #subpage h3.mr-0, #subpage h4.mr-0, #subpage table.mr-0, #subpage ul.mr-0 {margin-right:0;}
#subpage .mt-10, #subpage h3.mt-10, #subpage h4.mt-10, #subpage table.mt-10, #subpage ul.mt-10 {margin-top:10px;}
#subpage .mt-30, #subpage h3.mt-30, #subpage h4.mt-30, #subpage table.mt-30, #subpage ul.mt-30 {margin-top:30px;}
#subpage .mb-10, #subpage h3.mb-10, #subpage h4.mb-10, #subpage table.mb-10, #subpage ul.mb-10 {margin-bottom:10px;}
#subpage .mb-30, #subpage h3.mb-30, #subpage h4.mb-30, #subpage table.mb-30, #subpage ul.mb-30 {margin-bottom:30px;}

/* padding */
#subpage .pt-0, #subpage h3.pt-0, #subpage h4.pt-0, #subpage table.pt-0, #subpage ul.pt-0 {padding-top:0;}
#subpage .pb-0, #subpage h3.pb-0, #subpage h4.pb-0, #subpage table.pb-0, #subpage ul.pb-0 {padding-bottom:0;}
#subpage .pl-0, #subpage h3.pl-0, #subpage h4.pl-0, #subpage table.pl-0, #subpage ul.pl-0 {padding-left:0;}
#subpage .pr-0, #subpage h3.pr-0, #subpage h4.pr-0, #subpage table.pr-0, #subpage ul.pr-0 {padding-right:0;}
#subpage .pt-30, #subpage h3.pt-30, #subpage h4.pt-30, #subpage table.pt-30, #subpage ul.pt-30 {padding-top:30px;}
#subpage .pb-30, #subpage h3.pb-30, #subpage h4.pb-30, #subpage table.pb-30, #subpage ul.pb-30 {padding-bottom:30px;}

/* clear */
#subpage .clear_no, #subpage h3.clear_no, #subpage table.clear_no {clear:none;}
#subpage .clear_on, #subpage h3.clear_on, #subpage table.clear_on {clear:both;}

/* clear */
#subpage .float_l, #subpage h3.float_l, #subpage table.float_l {float:left;}
#subpage .float_r, #subpage h3.float_r, #subpage table.float_r {float:right;}

/* width */
#subpage .w100 {width:100px;}
#subpage .w120 {width:120px;}
#subpage .w150 {width:150px;}
#subpage .w200 {width:200px;}
#subpage .w250 {width:250px;}
#subpage .w300 {width:300px;}
#subpage .w350 {width:350px;}
#subpage .w400 {width:400px;}
#subpage .w450 {width:450px;}