@import "other.css";

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

  SUBPAGE

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

#subpage {
	clear:both;
	padding:0;
}

/*---------------------------------------------------------------------------
  CATCH COPY
---------------------------------------------------------------------------*/

#subpage .catch {
	padding:15px 0;
	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;
	font-weight:bold;
	font-size: 180%;
	line-height:120%;
	color:#000000;
}
#subpage .catch b {
	font-size: 80%;
	color:#7A726B;
}

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

/*001*/
#subpage h3.midashi1-1 {
	clear:both;
	margin:40px 0 10px;
	padding:5px 0 8px 0;
	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;
	font-weight:bold;
	font-size: 130%;
	border-bottom:3px solid #E1E1E1;
}

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

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

/*sub*/
#subpage .sb-comment1_1 {
	clear:both;
	margin:10px 0 30px;
	padding: 10px;
	background:#EEEEEE;
}
#subpage .sb-comment1_2 {
	clear:both;
	margin:0 0 30px;
	padding: 10px;
	margin:10px 0 30px;
	background:#ECE9D7;
}
#subpage .sb-comment1_3 {
	clear:both;
	margin:0 0 30px;
	padding: 10px;
	margin:10px 0 30px;
	background:#C4E1EE;
}

/*attention*/
#subpage .attention {
	clear:both;
	margin:0 0 30px;
	padding: 10px;
	margin:10px 0 30px;
	background:#FFDFDF;
	border:5px solid #FF7575;
}


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

#subpage ul.list-ul {
	clear:both;
	padding: 15px 10px 15px;
}
#subpage ul.list-ul li {
	padding: 2px 0 2px 20px;
	background: url(../image/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 5px 25px;
	background: url(../image/link-arrow.gif) no-repeat 1px 3px;
}
#subpage .link-list2 {
	margin:5px;
	padding: 10px 10px 10px 30px;
	background:#F4F4F4 url(../image/link-arrow.gif) no-repeat 10px 12px;
	border:1px solid #D7D7D7;
	border-radius: 5px;/* CSS3‘ˆΔ */
	-webkit-border-radius: 5px;/* Safari,Google Chrome—p */
	-moz-border-radius: 5px;/* Firefox—p */
}
#subpage .pdf-list {
	margin:0 5px;
	padding: 5px 0 5px 25px;
	background: url(../image/icon-pdf.jpg) no-repeat left 4px;
}
#subpage .word-list {
	margin:0 5px;
	padding: 5px 0 5px 25px;
	background: url(../image/icon-word.jpg) no-repeat left 4px;
	list-style:none;
}
#subpage .excel-list {
	margin:0 5px;
	padding: 5px 0 5px 25px;
	background: url(../image/icon-excel.jpg) no-repeat left 4px;
}

/* LINK COLUMN--------------------*/
#subpage .link-column2, #subpage .link-column3, #subpage .link-column4 {
	clear:both;
	float:left;
	width:100%;
	padding:10px 0 30px;
}
/* LINK COLUMN2 */
#subpage .link-column2 p {
	float:left;
	width:42%;
	margin-right:20px;
}
/* LINK COLUMN3 */
#subpage .link-column3 p {
	float:left;
	width:26%;
	margin-right:20px;
}
/* LINK COLUMN4 */
#subpage .link-column4 p {
	float:left;
	width:18%;
	padding-right:20px;
}


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

#subpage .hyou {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#subpage .hyou td {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
#subpage .hyou .item1 {
	background:#EEEEEE;
	font-weight:bold;
	text-align:center;
}
#subpage .hyou .item2 {
	background:#F4F4F4;
	font-weight:bold;
	text-align:center;
}

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

#subpage .photo-l, #subpage .photo-l2 {
	float:left;
}
#subpage .photo-r, #subpage .photo-r2 {
	float:right;
}
#subpage .photo-c {
	text-align:center;
}
#subpage .photo-l p, #subpage .photo-r p, #subpage .photo-c {
	padding: 0 0 5px;
} 
#subpage .photo-l img {
	padding: 0 20px 0 0;
} 
#subpage .photo-r img {
	padding: 0 0 0 20px;
} 
#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;
}

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

/* BOX1 */
#subpage .box1 {
	clear:both;
	float:left;
	width:100%;
	padding:10px 0 30px;
}
#subpage .box1 h4 {
	display:block;
	margin:5px 0 5px;
	padding:0;
	font-size:110%;
}
#subpage .box1 .comment {
	padding:0;
}

/* BOX2 */
#subpage .box2 {
	clear:both;
	float:left;
	width:97%;
	margin: 10px 0 10px;
	padding:15px;
	border:1px solid #DFDFDF;
}
#subpage .box2 h4 {
	display:block;
	margin:5px 0 5px;
	padding:0;
	font-size:110%;
}
#subpage .box2 .comment {
	padding:0;
}

/* BOX3 */
#subpage .box3 {
	float:left;
	width:47%;
	margin:20px 40px 30px 0;
}
#subpage .box3 h4 {
	display:block;
	margin:0 0 5px;
	padding:0;
	font-size:110%;
	color:#000000;
}
#subpage .box3 .comment {
	padding:0;
	line-height:120%;
}

/* BOX4 */
#subpage .box4 {
	float:left;
	width:44%;
	margin:20px 40px 30px 0;
	padding:15px;
	border:1px solid #DFDFDF;
}
#subpage .box4 h4 {
	display:block;
	margin:5px 0 5px;
	padding:0;
	font-size:110%;
	color:#000000;
}
#subpage .box4 .comment {
	padding:0;
	line-height:120%;
}

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

/* COLUMN2 */
#subpage .column2 {
	float:left;
	width:48%;
	margin-right:30px;
	padding:10px 0 30px;
}

/* COLUMN3 */
#subpage .column3 {
	float:left;
	width:31%;
	margin-right:30px;
	padding:10px 0 30px;
}

/* COLUMN4 */
#subpage .column4 {
	float:left;
	width:22%;
	margin-right:30px;
	padding:10px 0 30px;
}

/*---------------------------------------------------------------------------
  LINE
---------------------------------------------------------------------------*/


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

  EXCEPTION

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

/* last and first */
#subpage .first {
	margin-left:0;
}
#subpage .last {
	margin-right:0;
}

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

/* padding */
#subpage .pt-0, #subpage h3.pt-0, #subpage table.pt-0 {
	padding-top:0;
}
#subpage .pb-0 {
	padding-bottom:0;
}
#subpage .pl-0 {
	padding-left:0;
}
#subpage .pr-0 {
	padding-right:0;
}
#subpage .pt-30, #subpage h3.pt-30, #subpage table.pt-30 {
	padding-top:30px;
}
#subpage .pb-30, #subpage h3.pb-30, #subpage table.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;
}

/* width */
#subpage .w100 {
	width:120px;
}
#subpage .w120 {
	width:140px;
}
#subpage .w150 {
	width:170px;
}
#subpage .w200 {
	width:220px;
}
#subpage .w250 {
	width:270px;
}
#subpage .w300 {
	width:320px;
}
#subpage .w400 {
	width:420px;
}