@charset "utf-8";

/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/

.mB0{ margin-bottom:  0px; display: block;}
.mB2{ margin-bottom:  2px; display: block;}
.mB5{ margin-bottom:  5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mT0{ margin-top: 0px; display: block;}
.mT2{ margin-top: 2px; display: block;}
.mT5{ margin-top: 5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mL5{ margin-left: 5px; display: block;}
.mL10{margin-left: 10px; display: block;}
.mL15{margin-left: 15px; display: block;}
.mL20{margin-left: 20px; display: block;}
.mL30{margin-left: 30px; display: block;}
.mR5{ margin-right: 5px;  display: block;}
.mR10{margin-right: 10px; display: block;}
.mR15{margin-right: 15px; display: block;}
.mR20{margin-right: 20px; display: block;}
.mR30{margin-right: 30px; display: block;}
.pB5{ padding-bottom: 5px;  display: block;}
.pB10{padding-bottom: 10px; display: block;}
.pB15{padding-bottom: 15px; display: block;}
.pB20{padding-bottom: 20px; display: block;}
.pB30{padding-bottom: 30px; display: block;}
.pT5{padding-top: 5px; display: block;}
.pT10{padding-top: 10px; display: block;}
.pT15{padding-top: 15px; display: block;}
.pT20{padding-top: 20px; display: block;}
.pT30{padding-top: 30px; display: block;}
.pR5{padding-right: 5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}


.p15{padding: 15px; display: block;}
/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/

/* float */
.fL { float : left; display: block;}
.fR { float : right; display: block;}

/* textAlign */
.tC{ text-align: center; display: block; margin:0 auto;}
.tR{ text-align: right; display: block; margin:0 auto;}
.tL{ text-align: left; display: block; margin:0 auto;}

/*-------------------------------------*/
/* 浮動コンテンツのクリア */
/*-------------------------------------*/
.clear{ display: block; clear:both; height:0;}

/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix{ display:block;} 
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
.clearfix:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜白＞
*/
/*-------------------------------------*/
.innerBorderWh a:hover img {
	margin: -1px;
	border: solid 1px #ccc;
}

/**//* for IE6 *//**/
* html .innerBorderWh a:hover {
	zoom: 1;
}
	* html .innerBorderWh a:hover img {
		/* for BackCompat mode
			margin-left: -2px;
			margin-right: -2px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜黄色＞
*/
/*-------------------------------------*/
.innerBorderYellow a:hover img {
	margin: -1px;
	border: solid 1px yellow;
}

/**//* for IE6 *//**/
* html .innerBorderYellow a:hover {
	zoom: 1;
}
	* html .innerBorderYellow a:hover img {
		/* for BackCompat mode
			margin-left: -2px;
			margin-right: -2px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜グレー＞
*/
/*-------------------------------------*/

.innerBorder a:hover img {
	margin: -1px;
	border: solid 1px #ccc;
}

/**//* for IE6 *//**/
* html .innerBorder a:hover {
	zoom: 1;
}
	* html .innerBorder a:hover img {
		/* for BackCompat mode
			margin-left: -6px;
			margin-right: -6px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/* 1pxの仕切り線を表示 */
/*-------------------------------------*/

/*//1px border//*/
div.border{
	width:100%;
	height:1px;
	background-color:#ccc;
	overflow:hidden;
}

/*-------------------------------------*/
/* icon */
/*-------------------------------------*/

a.icon_external{
padding-right:14px;
background-image:url(../img/icon_external.gif);
background-repeat:no-repeat;
background-position:right;
color:#0066FF!important;
text-decoration:underline !important;
border:none!important;
}

a.icon_pdf{
margin-right:10px;
padding-right:20px;
background-image:url(../img/icon_pdf.gif);
background-repeat:no-repeat;
background-position:right;
color:#0066FF!important;
}

a.icon_ppt{
margin-right:10px;
padding-right:20px;
background-image:url(../img/icon_ppt.gif);
background-repeat:no-repeat;
background-position:right;
color:#0066FF!important;
}

a.icon_xls{
margin-right:10px;
padding-right:20px;
background-image:url(../img/icon_xls.gif);
background-repeat:no-repeat;
background-position:right;
color:#0066FF!important;
}

a.icon_doc{
margin-right:10px;
padding-right:20px;
background-image:url(../img/icon_doc.gif);
background-repeat:no-repeat;
background-position:right;
color:#0066FF!important;
}

a.icon_zip{
margin-right:10px;
padding-right:20px;
background-image:url(../img/icon_zip.gif);
background-repeat:no-repeat;
background-position:right;
color:#0066FF!important;
}


a.icon_popup{
margin-left:14px;
padding-left:20px;
background-image:url(../img/icon_popup.gif);
background-repeat:no-repeat;
background-position:left;
}


a.icon_down{
margin-left:14px;
padding-left:20px;
background-image:url(../img/icon_down.gif);
background-repeat:no-repeat;
background-position:left;
}

a.icon_dl{
margin-left:14px;
padding-left:20px;
background-image:url(../img/icon_dl.gif);
background-repeat:no-repeat;
background-position:left;
}

/* newアイコン表示 */
.new{
background-image:url(../img/new.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:24px;
font-weight:bold;
}