﻿@charset "UTF-8";

/* 文字の色、種類
-----------------------------------------*/

.bold {
	font-weight : bold;
}

.red {
	color : #ff0000;
}

.blue {
	color : #008bfc;
}

.blue02 {
	color : #0091fc;
}


/* 文字のサイズ
-----------------------------------------*/

.f70 {font-size:70%!important;}
.f75 {font-size:75%!important;}	
.f80 {font-size:80%!important;}
.f85 {font-size:85%!important;}
.f90 {font-size:90%!important;}
.f95 {font-size:95%!important;}
.f100 {font-size:100%!important;}
.f110 {font-size:110%!important;}
.f120 {font-size:120%!important;}
.f130 {font-size:130%!important;}
.f140 {font-size:140%!important;}
.f150 {font-size:150%!important;}


/* 文字の行間
-----------------------------------------*/

.lh11 {
	line-height : 1.1!important;
}
.lh12 {
	line-height : 1.2!important;
}
.lh13 {
	line-height : 1.3!important;
}
.lh14 {
	line-height : 1.4!important;
}
.lh15 {
	line-height : 1.5!important;
}
.lh16 {
	line-height : 1.6!important;
}
.lh17 {
	line-height : 1.7!important;
}
.lh18 {
	line-height : 1.8!important;
}
.lh19 {
	line-height : 1.9!important;
}
.lh20 {	line-height : 2!important;
}


/*-----------------------------------------------------
ALIGN
-------------------------------------------------------*/

.alleft{
	text-align : left!important;
}

.alcenter {
	text-align : center!important;
}

.alright {
	text-align : right!important;
}


/*-----------------------------------------------------
VALIGN
-------------------------------------------------------*/

.vtop{
	vertical-align : top!important;
}

.vmiddle {
	vertical-align : middle!important;
}

.vbottom {
	vertical-align : bottom!important;
}


/*-----------------------------------------------------
DISPLAY
-------------------------------------------------------*/

.block {
	display : block!important;
}

.inline li {
	display : inline!important;
}


/*-----------------------------------------------------
FLOAT & CLEAR 
-------------------------------------------------------*/

.fl {
	float : left;
	display : inline;
}

.fr {
	float : right;
	display : inline;
}

.clear {
	clear : both;
}


/*-----------------------------------------------------
MARGIN
-------------------------------------------------------*/

/* MARGIN */
.ma00 { margin:0px!important; }
.ma05 { margin:5px!important; }
.ma10 { margin:10px!important; }
.ma15 { margin:15px!important; }
.ma20 { margin:20px!important; }
.ma25 { margin:25px!important; }
.ma30 { margin:30px!important; }
.ma35 { margin:35px!important; }

/* MARGIN-TOP */
.mt00 { margin-top:0px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }

/* MARGIN-RIGHT */
.mr00 { margin-right:0px!important; }
.mr05 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }

/* MARGIN-BOTTOM */
.mb00 { margin-bottom:0!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb100 { margin-bottom:100px!important; }
.mb150 { margin-bottom:150px!important; }

/* MARGIN-LEFT */
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml70 { margin-left:70px!important; }
.ml80 { margin-left:80px!important; }
.ml90 { margin-left:90px!important; }
.ml100 { margin-left:100px!important; }
.ml140 { margin-left:140px!important; }
.ml150 { margin-left:150px!important; }
.ml200 { margin-left:200px!important; }

/* MARGIN-TOP & MARGIN-BOTTOM */
.mtb05 { margin-top:5px!important; margin-bottom:5px!important; }
.mtb10 { margin-top:10px!important; margin-bottom:10px!important; }
.mtb15 { margin-top:15px!important; margin-bottom:15px!important; }
.mtb20 { margin-top:20px!important; margin-bottom:20px!important; }
.mtb25 { margin-top:25px!important; margin-bottom:25px!important; }
.mtb30 { margin-top:30px!important; margin-bottom:30px!important; }
.mtb35 { margin-top:35px!important; margin-bottom:35px!important; }
.mtb40 { margin-top:40px!important; margin-bottom:40px!important; }
.mtb45 { margin-top:45px!important; margin-bottom:45px!important; }
.mtb50 { margin-top:50px!important; margin-bottom:50px!important; }

/* MARGIN-LEFT & MARGIN-RIGHT */
.mlr05 { margin-left:5px!important; margin-right:5px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr35 { margin-left:35px!important; margin-right:35px!important; }
.mlr40 { margin-left:40px!important; margin-right:35px!important; }
.mlr45 { margin-left:45px!important; margin-right:35px!important; }
.mlr50 { margin-left:50px!important; margin-right:35px!important; }


/*-----------------------------------------------------
PADDING
-------------------------------------------------------*/

/* PADDING-TOP */
.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt45 { padding-top:45px!important; }
.pt50 { padding-top:50px!important; }

/* PADDING-BOTTOM */
.pb05 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }

/* PADDING-LEFT */
.pl05 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl45 { padding-left:45px!important; }
.pl50 { padding-left:50px!important; }

/* PADDING-RIGHT */
.pr05 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }
.pr50 { padding-right:50px!important; }

/* PADDING-ALL */
.pa02 { padding:2px!important; }
.pa05 { padding:5px!important; }
.pa10 { padding:10px!important; }
.pa15 { padding:15px!important; }
.pa20 { padding:20px!important; }
.pa25 { padding:25px!important; }
.pa30 { padding:30px!important; }
.pa35 { padding:35px!important; }

/* PADDING-TOP & PADDING-BOTTOM */
.ptb05 { padding-top:5px!important; padding-bottom:5px!important; }
.ptb10 { padding-top:10px!important; padding-bottom:10px!important; }
.ptb15 { padding-top:15px!important; padding-bottom:15px!important; }
.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.ptb25 { padding-top:25px!important; padding-bottom:25px!important; }
.ptb30 { padding-top:30px!important; padding-bottom:30px!important; }
.ptb35 { padding-top:350px!important; padding-bottom:35px!important; }

/* PADDING-LEFT & PADDING-RIGHT */
.plr05 { padding-left:5px!important; padding-right:5px!important; }
.plr10 { padding-left:10px!important; padding-right:10px!important; }
.plr15 { padding-left:15px!important; padding-right:15px!important; }
.plr20 { padding-left:20px!important; padding-right:20px!important; }
.plr25 { padding-left:25px!important; padding-right:25px!important; }
.plr30 { padding-left:30px!important; padding-right:30px!important; }
.plr35 { padding-left:35px!important; padding-right:35px!important; }
.plr40 { padding-left:40px!important; padding-right:35px!important; }
.plr45 { padding-left:45px!important; padding-right:35px!important; }
.plr50 { padding-left:50px!important; padding-right:35px!important; }


/*-----------------------------------------------------
WIDTH
-------------------------------------------------------*/
.w025 { width : 25px; }
.w030 { width : 30px; }
.w050 { width : 50px; }
.w060 { width : 60px; }
.w070 { width : 70px; }
.w080 { width : 80px; }
.w090 { width : 90px; }
.w100 { width : 100px; }
.w120 { width : 120px; }
.w125 { width : 125px; }
.w140 { width : 140px; }
.w150 { width : 150px; }
.w160 { width : 160px; }
.w175 { width : 175px; }
.w200 { width : 200px; }
.w210 { width : 210px; }
.w225 { width : 225px; }
.w230 { width : 230px; }
.w240 { width : 240px; }
.w250 { width : 250px; }
.w275 { width : 275px; }
.w280 { width : 280px; }
.w290 { width : 290px; }
.w300 { width : 300px; }
.w310 { width : 310px; }
.w325 { width : 325px; }
.w350 { width : 350px; }
.w360 { width : 360px; }
.w375 { width : 375px; }
.w380 { width : 380px; }
.w400 { width : 400px; }
.w420 { width : 420px; }
.w425 { width : 425px; }
.w450 { width : 450px; }
.w465 { width : 465px; }
.w475 { width : 475px; }
.w490 { width : 490px; }
.w500 { width : 500px; }
.w525 { width : 525px; }
.w530 { width : 530px; }
.w540 { width : 540px; }
.w550 { width : 550px; }
.w575 { width : 575px; }
.w600 { width : 600px; }
.w620 { width : 620px; }
.w625 { width : 625px; }
.w630 { width : 630px; }
.w635 { width : 635px; }
.w650 { width : 650px; }
.w010p { width : 10%; }
.w020p { width : 20%; }
.w030p { width : 30%; }
.w040p { width : 40%; }
.w045p { width : 45%; }
.w050p { width : 50%; }
.w060p { width : 60%; }
.w070p { width : 70%; }
.w080p { width : 80%; }
.w090p { width : 90%; }
.w100p { width : 100%; }

/*-----------------------------------------------------
TABLE
-------------------------------------------------------*/

.tStyle1 {
	font-size : 100%;
	border-top : solid 1px #ccc;
	border-right : solid 1px #ccc;
	line-height : 1.4;
	border-collapse : collapse;	
}

.tStyle1 td, .tStyle1 th {
	border-left : solid 1px #ccc;
	border-bottom : solid 1px #ccc;
	font-weight : normal;
}

.tStyle1 th {
	background:#edf8fe;
}	



/*-----------------------------------------------------
TABLE padding
-------------------------------------------------------*/

.tablePa05 td, .tablePa05 th {
	padding : 5px;
}	

.tablePa10 td, .tablePa10 th {
	padding : 10px;
}


/*--------------------------------------
INDENT
--------------------------------------*/

.indent {
	text-indent : 1em;
}

.indent1em {
	text-indent : -1em;
	padding-left : 1em;
}

.indent2em {
	text-indent : -2em;
	padding-left : 2em;
}

.indent3em {
	text-indent : -3em;
	padding-left : 3em;	
}


/*--------------------------------------
リスト
--------------------------------------*/

li {
	list-style-type : none;
}


/*--------------------------------------
リスト1 左側アイコン画像用
--------------------------------------*/

.liicon01 {
	font-size : 100%;
	color : #333333;
}

.liicon01 li {
	background:url(../img/li-icon1.gif) no-repeat;
	background-position : 0 0.4em;
	line-height : 1.4;
	padding-left : 25px;
	margin : 0 0 5px 0;
}

/*--------------------------------------
リスト2 左側アイコン画像用
--------------------------------------*/

.liicon02 {
	font-size : 100%;
	color : #333333;
}

.liicon02 li {
	background:url(../img/li-icon1.gif) no-repeat;
	background-position : 0 0;
	line-height : 1.4;
	padding-left : 20px;
	margin : 0 0 5px 0;
}

.liicon02 li img{
	vertical-align:middle;
	margin-left:2px;
}

/*--------------------------------------
リスト3(リスト内階層下げリスト) 左側アイコン画像用
--------------------------------------*/

.liicon03 {
	font-size : 100%;
	color : #333333;
}

.liicon03 li {
	background:url(../img/li-icon2.gif) no-repeat;
	background-position : 0 0;
	line-height : 1.4;
	padding-left : 20px;
	margin : 0 0 5px 0;
}

.liicon03 li img{
	vertical-align:middle;
	margin-left:2px;
}

/*--------------------------------------
リストPDF
--------------------------------------*/

.liiconPdf {
	font-size : 100%;
	color : #333333;
}

.liiconPdf li {
	background:url(../img/pdflist.gif) no-repeat;
	background-position:1px 2px;
	line-height : 1.4;
	padding-left : 20px;
	margin : 0 0 5px 0;
}


/*--------------------------------------
リスト1 左側アイコンふりかえり画像用
--------------------------------------*/

.liReicon {
	font-size : 100%;
	color : #333333;
}

.liReicon li .reMan {
	background:url(../img/li-icon1.gif) no-repeat;
	background-position : 0 0.4em;
	line-height : 1.4;
	padding-left : 25px;
	margin : 0 0 5px 0;
}


/*--------------------------------------
リスト 黒丸付きリスト
--------------------------------------*/

.lidisc01 {
	font-size : 100%;
	color : #333333;
}

.lidisc01 li {
	list-style-type : disc;
	line-height : 1.4;
	margin : 0 0 5px 25px;
}


/*--------------------------------------
リスト 順番付きリスト
--------------------------------------*/

.linum01 {
	font-size:100%;
	color:#333333;
}

.linum01 li {
	list-style-type : decimal;
	line-height:1.4;
	margin : 0 0 5px 25px;
}


/*-----------------------------------------------------
DLリスト
-------------------------------------------------------*/
.dlexp01 {
	font-size:100%;
	line-height:1.5;
	color:#333333;
}

.dlexp01 dt {
	margin-bottom:0px;
}	

.dlexp01 dd {
	margin-left:33px;
}



/*-----------------------------------------------------
研究報告dl制御
-------------------------------------------------------*/
.resarchDl {
	line-height:1.5;
}

.resarchDl dt {
	background:url(../img/menu-li-icon.gif) no-repeat;
	padding:0 20px;
}	


.resarchDl dd {
	margin-bottom:10px;
	padding:0 20px 10px 20px;
	border-bottom:dotted 1px #ccc;
}

.resarchDl dt img {
	vertical-align:middle;
	margin-left:3px;
}

.resarchDl dd img {
	vertical-align:middle;
	margin-left:3px;
}	

/*-----------------------------------------------------
NOWRAP
-------------------------------------------------------*/

.nowrap {
	white-space : nowrap;
}	


/*-----------------------------------------------------
border
-------------------------------------------------------*/

.border1px {
	border : 1px solid #cccccc;
}

.noborder {
	border-style : none!important;
}

/*-----------------------------------------------------
blank,pdf,word等各種アイコン用
-------------------------------------------------------*/

.bicon {
	vertical-align : middle;
}

.biconml {
	margin-left : 5px;
	vertical-align : middle;
}

.biconmr {
	margin-right : 5px;
	vertical-align : middle;
}


/*-----------------------------------------------------
background各種
-------------------------------------------------------*/
.bgGreyLow {
	background:#efefef;
}

.bgGreyMid {
	background:#e8e8e8;
}

.bgBlueLow {
	background:#eef2fd;
}

.bgBlueMid {
	background:#e1f5ff;
}


/*-----------------------------------------------------
テキストアイコン付きリンク
-------------------------------------------------------*/
.textlink {
	background:url(../img/arrow.gif) 0 4px no-repeat;
	padding:0 0 0 20px;
}
