@charset "UTF-8";

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

 コンテンツ

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


	

/* ============
 見出し
===============*/
#contents h1.type1 {
	font-size:150%;
	font-weight: bold;
	margin-top: 6px;
	margin-left:4px;
	background-image: url(../material/template/img_page/h1_type1_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
}
#contents h1.type1 .bg {
	background-image: url(../material/template/img_page/h1_type1_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 25px;
	display:block;
}





#contents h1.type2 {
	font-size:150%;
	font-weight: bold;
	margin-top: 6px;
	margin-left:4px;
	background-image: url(../material/template/img_page/h1_type2_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
}
#contents h1.type2 .bg {
	background-image: url(../material/template/img_page/h1_type2_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 50px;
	display:block;
}








#contents h2 {
	font-size:110%;
	font-weight: bold;
	margin-top:30px;
	border: 1px solid #bcbcbc;
	background-image: url(../material/template/img_page/h2_type1_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #eaeaea;
	padding-top:9px;
	padding-bottom:9px;
	padding-right:4px;
	color: #4d4d4d;
	margin-left:14px;
	margin-right:14px;
	padding-left: 23px;
	
}


#contents h2.type1 {
	background-image: url(../material/template/img_page/h2_type1_2_box.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #fcfcfc;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left: 0px;
}
#contents h2.type1 .bg {
	display: block;
	background-image: url(../material/template/img_page/h2_type1_2_bg.gif);
	background-repeat: repeat-y;
	background-position: 4px top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 23px;
}







#contents h2.type2 {
	background-image: url(../material/template/img_page/h2_type2_box.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #fcfcfc;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left: 0px;
}
#contents h2.type2 .bg {
	display: block;
	background-image: url(../material/template/img_page/h2_type2_bg.gif);
	background-repeat: no-repeat;
	background-position: 6px top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 42px;
}






#contents h2.type3 {




	background-image: url(../material/template/img_page/h2_type3_box.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #fcfcfc;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left: 0px;
	margin-top:20px;






}
#contents h2.type3 .bg {
	display: block;
	background-image: url(../material/template/img_page/h2_type3_bg.gif);
	background-repeat: repeat-y;
	background-position: 4px top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 23px;
}
#contents h2.type3 .set {
	width:638px;
	display: block;
	overflow:hidden;
}

#contents h2.type3 .title {
	width:500px;
	display: block;
	float:left;
	padding-top:5px;
}
#contents h2.type3 .nav {
	width:135px;
	display: block;
	float:right;
	overflow:hidden;
}

#contents h2.type3 .back {
	width:65px;
	display: block;
	float:left;
}
#contents h2.type3 .next {
	width:65px;
	display: block;
	float:right;
}








#contents .wyswyg h2 {
	margin-left:0px !important;
	margin-right:0px !important;
}




#contents h3 {
	margin-left:14px;
	margin-right:14px;
	
	font-size:110%;
	font-weight: bold;
	margin-top:30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #bcbcbc;
	padding-top: 5px;
	padding-bottom: 8px;
	color: #4d4d4d;
	background-image: url(../material/template/img_page/h3_type1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 10px;
}

#contents h3.type1 {
	padding-bottom: 3px;
	padding-top: 0px;
	padding-left: 0px;
	background-image:none;
}
#contents h3.type1 .bg {
	background-image: url(../material/template/img_page/h3_type1_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

#contents .wyswyg h3 {
	margin-left:0px !important;
	margin-right:0px !important;
}



#contents h4 {
	padding-bottom:5px;
	font-size:100%;
	font-weight: bold;
	margin-top:20px;
	background-image: url(../material/template/img_page/h4_type1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	padding-top: 5px;
	color: #4d4c4c;
}


/* ============
 wyswyg
===============*/
#contents .wyswyg ul {
	margin-left: 20px;
	list-style: disc;
	margin-top:10px;
}
#contents .wyswyg ol {
	margin-left: 30px;
	list-style: decimal;
	margin-top:10px;
}
#contents .wyswyg p{
	margin-top:10px;
}
#contents .wyswyg table {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-top: 10px;
}
#contents .wyswyg table td, #contents .wyswyg table th {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#contents .wyswyg table th {
	background-color: #e0fbe4;
}
#contents .wyswyg div {
	line-height: 150%;
	margin-top:10px;
}




/* ============
 目次（1階層）
===============*/
#contents ul.pageList {
	margin-top:10px;
	padding-right: 19px;
	padding-left: 19px;
}
/* --------------------------------------- */
/* 2階層表示の場合、同階層のページはこっち */
#contents ul.directory {
	padding-left:39px;
}
/* --------------------------------------- */
#contents ul.pageList li{
	border-bottom:#cac8c8 1px dotted;
	padding-left: 22px;
	background-image: url(../material/template/img_page/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 19px;
}
#contents ul.pageList li a{
	display: inline-block;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
}


/* ============
 目次（2階層）
===============*/
/*
#contents ul.pageList2 {
	margin-top:10px;
	padding-right: 20px;
	padding-left: 20px;
}
#contents ul.pageList2 li{
	border-bottom:#cac8c8 1px dotted;
	padding-left: 26px;
	background-image: url(../img_page/icon_arrow2.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
}
#contents ul.pageList2 li a{
	display: inline-block;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
}
*/


/* ============
 アイコンリンク
===============*/
.pageLink {
	margin-top:20px;
}
.pageLink a{
	background-repeat:no-repeat;
	background-position:0px 50%;
}
.pageLink a.arrow-self{
	background-image:url(../material/template/img_page/icon_arrow.gif);
	padding: 12px 10px 8px 40px;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: 20px 15px;
}
.pageLink a.arrow-blank{
	background-image:url(../material/template/img_page/icon_arrow3.gif);
	padding: 12px 10px 8px 40px;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: 10px 12px;
}
.pageLink a.pdf{	background-image:url(../material/template/img_page/icon_pdf.gif); padding: 12px 10px 8px 40px;	display:inline-block;}
.pageLink a.word{	background-image:url(../material/template/img_page/icon_word.gif); padding: 12px 10px 8px 40px; display:inline-block;	}
.pageLink a.excel{	background-image:url(../material/template/img_page/icon_excel.gif); padding: 12px 10px 8px 40px; display:inline-block;	}
.pageLink a.power{	background-image:url(../material/template/img_page/icon_power.gif); padding: 12px 10px 8px 40px; display:inline-block;	}
.pageLink a.audio{	background-image:url(../material/template/img_page/icon_audio.gif); padding: 12px 10px 8px 40px; display:inline-block;	}
.pageLink a.txt{	background-image:url(../material/template/img_page/icon_txt.gif); padding: 12px 10px 8px 40px; display:inline-block;	}
.pageLink a.zip{	background-image:url(../material/template/img_page/icon_zip.gif); padding: 12px 10px 8px 40px; display:inline-block;	}
.pageLink a.csv{	background-image:url(../material/template/img_page/icon_csv.gif); padding: 12px 10px 8px 40px; display:inline-block;	}
.pageLink a.edit{	background-image:url(../material/template/img_page/icon_edit.gif); padding: 12px 10px 8px 40px; display:inline-block;	}
.pageLink span.mail {	background-image:url(../material/template/img_page/icon_mail.gif);background-repeat:no-repeat;background-position:0px 50%;display:inline-block;		}
.pageLink span.mail a{	padding: 12px 10px 8px 40px; display:inline-block;	}


/* ============
 ページトップ
===============*/
#contents .pagetop{
	text-align:right;
}


/* ============
 section
===============*/
/*20px余白あり*/
#contents .section {
	margin-top: 20px;
	width:670px;
	padding-right: 14px;
	padding-left: 14px;
}
/*上余白なし*/
#contents .section2 {
	width:670px;
	padding-right: 14px;
	padding-left: 14px;
}
/*10px余白あり*/
#contents .section3 {
	margin-top: 10px;
	width:670px;
	padding-right: 14px;
	padding-left: 14px;
}





/* ============
 Adobe Reader
===============*/
#contents #pdfDownload{
	margin-top:20px;
	background-color:#EFEFEF;
	padding:10px;
	width: 650px;
	margin-left:14px;
}
#contents #pdfDownload img{
	float:left;
	display:inline;
	margin-right:10px;
}







/* ============
 画像回り込み
===============*/
#contents .imgLft {
	bottom:auto;
	float:left;
	padding-bottom:10px;
	padding-right:10px;
	position:relative;
	top:auto;
}
#contents .imgRgt {
	bottom:auto;
	float:right;
	padding-bottom:10px;
	padding-left:10px;
	position:relative;
	top:auto;
}

/* ============
 2段組
===============*/
#contents .col2Box .L {
	float:left;
}
#contents .col2Box .R {
	float:left;
	margin-left: 20px;
}



/* ============
 お問い合わせ先
===============*/
.toiawaseBox dd {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #b1b1b1;
	float: right;
	width: 520px;
	padding: 10px;
}
.toiawaseBox dt {
	float: left;
	padding: 10px;
}
.toiawaseBox {
	margin-top: 20px;
	border: 1px solid #b1b1b1;
	overflow: hidden;
	width: 668px;
	margin-left:14px;
}
.toiawaseBox .mail {
	background-image: url(../material/template/img_page/toiawasebox_mail.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	display: inline-block;
	padding-left: 23px;
}
.toiawaseBox .link {
	margin-top:10px;
}



/* ============
 各課トップのお問い合わせ
===============*/
.toiawase2Box {
	margin-top:10px;
	width:670px;
	padding-left:14px;
	padding-right:14px;
}
.toiawase2Box .pic {
	float:left;
	width:300px;
}
.toiawase2Box .info {
	float:right;
	width:350px;
}
.toiawase2Box .info2 {
	float:none !important;
	width:670px !important;
}
.toiawase2Box p {
	font-size: 90%;
}
#contents .toiawase2Box h2.title {
	background-image: url(../material/template/img_page/h2_type4_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #fdfbfa;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left: 10px;
	border: 1px solid #d3b59f;
	margin:0px;
}





.kyushokuBox .calendar {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	margin-left:1px;
	margin-top:20px;
	width:669px;
	background-color: #FFFFFF;
	
}
.kyushokuBox .calendar td, .kyushokuBox .calendar th {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:5px;
}
.kyushokuBox .calendar th {
	background-color: #fde0bd;
	font-weight: bold;
}
.kyushokuBox .calendar .date {
	font-weight:bold;
	text-align:center;
	width:40px;
}
.kyushokuBox .calendar .day {
	font-weight:bold;
	text-align:center;
	width:40px;
}
.kyushokuBox .calendar tr.sun {
	background-color:#FFF8F8;
	color:#E02729;
}
.kyushokuBox .calendar tr.sat {
	background-color:#EFF9FF;
	color:#008CD2;
}
.kyushokuBox .calendar em {
	font-style:italic;
	font-weight:bold;
	padding-right:15px;
}
.kyushokuBox .calendar .pageLink {
	margin-top:5px;
}






.jimuBox .set {
	border-bottom:1px dotted #CAC8C8;
	width: 670px;
	margin-right: 14px;
	margin-left: 14px;
	padding-bottom: 15px;
}
.jimuBox .pageLink {
	margin-top:5px;
}



.galleryBox {
	width:670px;
	overflow:hidden;
}
.galleryBox .set {
	float: left;
	margin-left: 20px;
	width: 190px;
	border: 1px solid #ecd1bc;
	background-color: #fff3ea;
	margin-top: 20px;
	padding: 9px;
}
.galleryBox .lft {
	margin-left: 0px !important;
}
.galleryBox .pic {
	background-color: #FFFFFF;
	width: 180px;
	padding: 4px;
	border: 1px solid #E8E8E8;
}
.galleryBox .txt {
	width: 190px;
	margin-top:5px;
	font-size:90%;
}








/* ============
 カレンダー
===============*/
#calendar {
	width: 670px;
	padding-left:14px;
	padding-right:14px;
}
#calendar .months {
	height: 44px;
	width: 670px;
	position:relative;
	margin-top:10px;
}
#calendar .months li {
	position:absolute;
	height:44px;
}
#calendar .month1 {
	left:0px;
	width: 58px;
}
#calendar .month2 {
	left:58px;
	width: 58px;
}
#calendar .month3 {
	left:116px;
	width: 58px;
}
#calendar .month4 {
	left:174px;
	width: 58px;
}
#calendar .month5 {
	left:232px;
	width: 58px;
}
#calendar .month6 {
	left:290px;
	width: 58px;
}
#calendar .month7 {
	left:348px;
	width: 58px;
}
#calendar .month8 {
	left:406px;
	width: 58px;
}
#calendar .month9 {
	left:464px;
	width: 58px;
}
#calendar .month10 {
	left:522px;
	width: 59px;
}
#calendar .month11 {
	left:581px;
	width: 59px;
}
#calendar .month12 {
	left:640px;
	width: 60px;
}
#calendar .calendar {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;

	margin-left:1px;
	width: 669px;
	margin-top:20px;
}
#calendar .calendar td, #calendar .calendar th {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	padding:5px;
}
#calendar .calendar .date {
	width: 40px;
	text-align:center;
	font-weight: bold;
}
#calendar .calendar .day {
	width: 40px;
	text-align:center;
	font-weight: bold;
}
#calendar .calendar tr.sun {
	background-color:#FFF8F8;
	color:#E02729;
}
#calendar .calendar tr.sat {
	background-color:#EFF9FF;
	color:#008CD2;
}
#calendar .calendar em {
	font-weight: bold;
	font-style:italic;
	padding-right:15px;
}




.topCatBox {
	border-top:0px solid #FFFFFF;
	margin-top:0px;
	width:670px;
	padding-right: 14px;
	padding-left: 14px;
}
.topCatBox .col2 {
	margin-top:20px;
	overflow:hidden;
	width:670px;
}
.topCatBox .col {
	width:330px;
}
#contents .topCatBox .col h2.title {
	background-color:#FFFFFF;
	background-image:url(../img_page/topcatbox_h2_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:100%;
	line-height:150%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.topCatBox .L {
	float:left;
}
.topCatBox .R {
	float:right;
}
.topCatBox .col h2.title a {
	background-image:url(../img_page/topcatbox_h2_box.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	display:inline-block;
	padding-bottom:6px;
	padding-left:12px;
	padding-top:10px;
}
.topCatBox .desc {
	padding-right: 10px;
	margin-top: 10px;
	padding-left: 10px;
}
.topCatBox .detail {
	margin-top: 10px;
	text-align:center;
}




















.renewBox {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	font-size:110%;
}
.renewBox .title {
	font-weight: bold;
}