@import "other.css";

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

  SUBPAGE

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

#subpage {
	clear:both;
	padding:10px 0 0;
	border-top:1px solid #E1E1E1;
}

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

#subpage .catch {
	padding:15px 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	font-size: 180%;
	line-height:120%;
	color:#000000;
}
#subpage .catch b {
	font-size: 80%;
	color:#7A726B;
}
#subpage .catch2 {
	padding:15px 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	font-size: 150%;
	line-height:120%;
	color:#000000;
}


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

#subpage h2 {
	display:block;
	margin: 5px 0 0;
	padding: 28px 20px 0;
	height:53px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	font-size: 170%;
	line-height:80%;
	color:#403936;
	background:url(../image/tit-background.jpg) no-repeat;
}
#subpage h2 b {
	display:block;
	font-size: 40%;
	color:#7A726B;
}

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

#subpage h3.midashi1-1 {
	clear:both;
	margin:40px 0 10px;
	padding:5px 0 8px 20px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	font-size: 130%;
	color:#403936;
	background:url(../image/midashi1-1.gif) no-repeat left bottom;
	border-bottom:3px solid #E1E1E1;
}
#subpage h3.midashi2-1 {
	clear:both;
	margin:40px 0 10px;
	padding:5px 0;
	font-weight:bold;
	font-size: 120%;
	color:#403936;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	color:#000000;
}

/*---------------------------------------------------------------------------
  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;
	list-style:none;
}
#subpage ul.list-ul li {
	padding: 2px 0 2px 20px;
	background: url(../image/list-arrow.jpg) no-repeat left 4px;
	list-style:none;
}
#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 0 25px;
	background: url(../image/link-arrow.gif) no-repeat 1px 3px;
	list-style:none;
}
#subpage .pdf-list {
	margin:0 5px;
	padding: 5px 0 5px 25px;
	background: url(../image/icon-pdf.jpg) no-repeat left 4px;
	list-style:none;
}
#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;
	list-style:none;
}

/*---------------------------------------------------------------------------
  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:#F4F4F4;
	font-weight:bold;
	text-align:center;
}
#subpage .hyou2 {
	margin:20px 0 10px;
	border-right:1px solid #002B71;
	border-bottom:1px solid #002B71;
}
#subpage .hyou2 td {
	border-top:1px solid #002B71;
	border-left:1px solid #002B71;
}
#subpage .hyou2 .item1 {
	background:#002B71;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

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

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

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

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

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

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

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

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

/* COLUMN2 */
#subpage .column2 {
	float:left;
	width:470px;
	padding:0 20px 30px 0;
}

/* COLUMN3 */
#subpage .column3 {
	float:left;
	width:300px;
	padding:0 30px 30px 0;
}

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

#subpage .lb_dotted {
	border-bottom:1px dotted #999999;
}
#subpage .lt_dotted {
	border-top:1px dotted #999999;
}


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

  EXCEPTION

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

/* last */
#subpage .last {
	margin-right:0;
	padding-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-10, #subpage h3.mt-10, #subpage table.mt-10 {
	margin-top:10px;
}
#subpage .mt-30, #subpage h3.mt-30, #subpage table.mt-30 {
	margin-top:30px;
}
#subpage .mt-50, #subpage h3.mt-50, #subpage table.mt-50 {
	margin-top:50px;
}
#subpage .mb-30, #subpage h3.mb-30, #subpage table.mb-30 {
	margin-bottom:30px;
}
#subpage .mr-30, #subpage h3.mr-30, #subpage table.mr-30 {
	margin-right: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-10, #subpage h3.pt-10, #subpage table.pt-10 {
	padding-top:10px;
}
#subpage .pt-30, #subpage h3.pt-30, #subpage table.pt-30 {
	padding-top:30px;
}
#subpage .pt-50, #subpage h3.pt-50, #subpage table.pt-50 {
	padding-top:50px;
}
#subpage .pb-30, #subpage h3.pb-30, #subpage table.pb-30 {
	padding-bottom:30px;
}
#subpage .pr-30, #subpage h3.pr-30, #subpage table.pr-30 {
	padding-right:30px;
}

/* clear */
#subpage .clear_none, #subpage h3.clear_none, #subpage table.clear_none {
	clear:none;
}

/* width */
#subpage .w120 {
	width:120px;
}
#subpage .w145 {
	width:145px;
}
#subpage .w200 {
	width:200px;
}
#subpage .w250 {
	width:250px;
}
#subpage .w300 {
	width:300px;
}
#subpage .w310 {
	width:310px;
}
#subpage .w400 {
	width:400px;
}
#subpage .w450 {
	width:450px;
}
#subpage .w500 {
	width:500px;
}
#subpage .w510 {
	width:510px;
}
#subpage .w550 {
	width:550px;
}