@charset  "utf-8";


/* ==========================================
   index page style CSS
========================================== */


/*	catIndex bigin
========================================== */

.catIndex {
	text-align: left;
	clear: both;
	position: relative;
}
.catIndex ul {
	clear: both;
	float: left;
}
.catIndex li {
	border: 1px solid #C0C0C0;
	float: left;
	box-shadow: 0 0 4px #BFD8FF;
	-moz-box-shadow: 0 0 4px #BFD8FF;
	-webkit-box-shadow: 0 0 4px #BFD8FF;
	background: rgb(255, 255, 255); /* IE6-8 向け */  
	background/**/: rgba(255, 255, 255, 0.8);
}
.catIndex li h3 {
	display: block;
	height: 39px;
	padding: 0;
	line-height: 39px;
	background-color: #5f8ace;
	background-image: url(../../resources/bg_h3-normal.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.catIndex li h3 > span {
	margin: 0 6px 0 7px;
}
.catIndex li a {
	display: block;
	width: auto;
	height: auto;
	min-height: 39px;
	line-height: 39px;
	border-bottom: none;
	margin: 0 6px 0 7px;
	padding: 0;
	background-image: url(../../resources/arrow-list_off.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #404040;
}
.catIndex li h3 a {
	background-image: url(../../resources/arrow-list-white_off.png);
	color: #FFF;
}
.catIndex li p {
	width: 245px;
	margin: 8px 6px 0 7px;
	font-size: 92%;
	min-height: 43px;
}
.catIndex li a:hover {
	background-image: url(../../resources/arrow-list_on.png);
	text-decoration: none;
	color: #DC0000;
}
.catIndex li a.pdf, .catIndex li a.pdf:hover {
	background-image: url(../../resources/icon_pdf-s2.png);
}
.catIndex li a.nWin, .catIndex li a.nWin:hover, .catIndex li h3 a.nWin, .catIndex li h3 a.nWin:hover  {
	background-image: url(../../resources/icon_new-window.png);
}
.catIndex li ul {
	float: none;
	margin-top: 6px;
	margin-bottom: 1.5em;
}
.catIndex li li {
	border: none;
	float: none;
	box-shadow: none;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-image: none;
	min-height: 0;
	margin: 0 0 0 7px;
}
.catIndex li li a {
	display: block;
	width: auto;
	min-height: 0;
	line-height: 1.75;
	margin-left: 1em;
	padding: 4px 8px 3px 0;
	border-bottom: 1px dotted #999;
	zoom: 1;
}
/* Put a border around the newly clickable element */
.catIndex li.bl-hot {
	zoom: 1; /* Should be IE only */
}
/* rollover style for clickable element */
.catIndex li.bl-hover {
	border-color: #DC0000;
	cursor: pointer;
	color: #DC0000;
}

/* Simulate hover on contained link */
.catIndex li.bl-hover a:link {
	background-image: url(../../resources/arrow-list_on.png);

}
.catIndex li.bl-hover a.pdf:link {
	background-image: url(../../resources/icon_pdf-s2.png);

}
.catIndex li.bl-hover a.nWin:link {
	background-image: url(../../resources/icon_new-window.png);

}

/*	tier1 = 第一階層メニュー
========================================== */
.catIndex .tier1 { 
	width: 836px;
	padding: 0 0px 0 26px;
	_zoom: 1;

}
.catIndex .tier1 li {
	width: 258px;
	margin: 0 5px 10px 5px;
}
.catIndex .tier1 li , .catIndex .tier2 li {
	width: 258px;
	margin: 0 5px 10px 5px;
}
.catIndex .tier1 li li, .catIndex .tier2 li li {
	width: 251px;
	margin: 0 0 0 7px;
}

/*	tier2 = 第二階層メニュー
========================================== */
.catIndex .tier2 {
	width: 836px;
	padding: 0 0px 0 26px;
}
.catIndex .tier2 li h3 {
	background-color: #d7e1f1;
	background-image: url(../../resources/bg_h3-tier2.png);
}
.catIndex .tier2 li h3 a {
	background-image: url(../../resources/arrow-list_off.png);
	color: #404040;
}
.catIndex .tier2 li h3 a:hover {
	background-image: url(../../resources/arrow-list_on.png);
	color: #404040;
}

.catIndex .tier2 li a.nWin, .catIndex .tier2 li a.nWin:hover, .catIndex .tier2 li h3 a.nWin, .catIndex .tier2 li h3 a.nWin:hover  {
	background-image: url(../../resources/icon_new-window.png);
}
/*	tier3 = リンクメニュー
            (596px/3column margin10px)
========================================== */
.catIndex .tier3 { 
	width: auto;
	padding: 0 5px;
	float: left;
}
.catIndex .tier3 li {
	width: 184px;
	margin: 0 5px 10px 5px;
	padding: 0;
	border: 3px solid #9DB7E1;
	background-color: #F0F4FB;
	border-radius: .4em;
	-ms-border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
}
.catIndex .tier3 li a {
	min-height: 0;
	line-height: 1.75;
	padding: 9px 16px 8px 0;
	border-radius: .4em;
	-ms-border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
}

.catIndex .col-3 {
	width: 260px;
	margin: 0 0 0 31px;
	float: left;
}
.catIndex .col-3x2 {
	width: 540px;
	padding: 0 26px 0 0;
	margin: 0;
	float: right;
	clear: none;
}

/*	banner
========================================== */
.catIndex ul.banner { 
	width: 740px;
	margin: 0 61px;
	padding: 10px 0;
	_zoom: 1;
	text-align: center;
	background: rgb(255, 255, 255); /* IE6-8 向け */  
	background/**/: rgba(255, 255, 255, 0.8);

}
.catIndex ul.banner li {
	width: 165px;
	margin: 0 10px;
	float: left;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
}
.catIndex ul.banner li a {
	display: block;
	width: auto;
	height: auto;
	min-height: 39px;
	line-height: 39px;
	border-bottom: none;
	margin: 0;
	background-image: none;
}
.pageMenu {
	width: 594px;
	height: 36px;
	text-align: left;
	clear: both;
	margin: 0 10px 25px 10px;
	padding: 3px 0 0 0;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	background-color: #eee;
	background-image: url(/resources/bg_tab-area.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.cmbLv1 .pageMenu {
	margin: 0 0 25px 0;
}
.cmbWhole .pageMenu {
	width: 795px;
}
.pageMenu ul {
	display: inline-block;
	margin: 0 0 0 4px;
	zoom: 1;
}
.pageMenu li {
	width: 194px;
	float: left;
	display: inline-block;
	zoom: 1;
	text-align: center;
	margin-top: 5px;
	border-top: 1px solid #9DB7E1;
	border-right: 1px solid #9DB7E1;
	border-bottom: 1px solid #ccc;
	background-color: #F0F4FB;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F0F4FB 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F0F4FB)); /* webkit */
} .pageMenu li:first-child {
	border-left: 1px solid #9DB7E1;
}
.pageMenu li a {
	height: 28px;
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-image: url(/resources/arrow-list_off.png);
	background-repeat: no-repeat;
	background-position: 183px center;
	overflow: hidden;
} .pageMenu li a:hover { background-image: url(/resources/arrow-list_on.png); }


.pageMenu li.current {
	margin-top: 0px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #FFF;
} .pageMenu li:first-child.current {
	border-left: 1px solid #ccc;
}
.pageMenu li.current a {
	height: 33px;
	line-height: 33px;
	background-color: #FFF;
	background-image: none;
	color: #C0C0C0;
}
.pageMenu li a.nWin, .pageMenu li a.nWin:hover { background-position: 175px center; background-image: url(../../resources/icon_new-window.png); }


.pageMenu-b {
	margin: 0px 10px 0 10px;
	padding: 0 0 3px 0;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-top: 0px;
	background-color: #eee;
	background-image: url(/resources/bg_tab-area-b.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.pageMenu-b li {
	margin-top: 0px;
	margin-bottom: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #9DB7E1;
}
.pageMenu-b li.current {
	margin-bottom: 0px;
	border-top-color: #FFF;
	border-bottom-color: #CCC;
}
#catTop {
	background-repeat: no-repeat;
	background-position: 4px bottom;
	padding-bottom: 250px;
}

.catIndex .tier3 li {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
	box-shadow: none!important;
}
.catIndex .tier3 li a {
	font-weight: bold;
}
.catIndex .tier3 li:hover {
	background: rgb(222,239,255); /* Old browsers */
}
html:root .catIndex .tier3 li, html:root .catIndex .tier3 li:hover { filter: none; }