@import url("exam.css");

/* 84.5% for !IE, keywords for IE   
 * Percents could work for IE, but for backCompat purposes, we are using keywords.   
 * x-small is for IE < 6 and IE6 quirks mode.   
 */ 
body {font:13px "MS PGOTHIC","Osaka","Hiragino Kaku Gothic Pro";
*font-size:small;
*font:x-small;
color: #555555;}
table {font-size:inherit;font:100%;}

/* 99% for safari; 100% is too large */   
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/*Bump up !IE to get to 13px equivalent*/   
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

form {margin: 0px;padding: 0px;}
a {color: #3366CC;}
em {font-style: normal;}
	
/**********  TEXT-ALIGN、VERTICAL-ALIGN **********/
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.va-top{vertical-align:top;}
.va-middle{vertical-align:middle;}
.va-bottom{vertical-align:bottom;}

/**********  line-height **********/
.lh13{line-height:1.3em;}
.lh14{line-height:1.4em;}
.lh15{line-height:1.5em;}
.lh16{line-height:1.6em;}
.lh20{line-height:2em;}
/*********** Hタグ ***********/
h1 {
	margin: 0px;
	padding: 3px 0px 3px 15px;
	font-size: 110%;
	font-weight: bold;
	color: #666666;
}
h2 {
	font-size: 100%;
	color: #666666;
	margin: 1px 0px;
	padding: 0px;
	line-height: 140%;
}


/*========== font ==========*/

.font8 {
	font-size: 85%;
	line-height: 130%;
}
.font9 {
	font-size: 92%;
	line-height: 130%;
}
.font10 {
	font-size: 100%;
	line-height: 130%;
}


.font11 {
	font-size: 110%;
	line-height: 140%;
}
.font12 {
	font-size: 122%;
	line-height: 130%;
}
.font13 {
	font-size: 133%;
	line-height: 130%;
}
.font14 {
	font-size: 143%;
	line-height: 130%;
}

.font15 {
	font-size: 153%;
	line-height: 130%;
}


/*========== color ==========*/

.red{color: #FF0000;}
.dred{color: #993333;}
.navy{color: #003399;}
.white{color: #ffffff;}
.blue{color:#0033CC;} 
.gray {color: #666666;}
.darkbk {color: #333333;}
.glay-AA {color: #AAAAAA;}

/********** n) MARGIN **********/
.mt00{margin-top:0px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt75{margin-top:75px;}
.mt110{margin-top:110px;}
.mt150{margin-top:150px;}

.mr2{margin-right:2px;}
.mr02{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr60{margin-right:60px;}
.mr75{margin-right:75px;}
.mr110{margin-right:110px;}
.mr150{margin-right:150px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb75{margin-bottom:75px;}
.mb110{margin-bottom:110px;}
.mb150{margin-bottom:150px;}

.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml7{margin-left:7px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml75{margin-left:75px;}
.ml110{margin-left:110px;}
.ml120{margin-left:120px;}
.ml150{margin-left:150px;}

/********** o) PADDING **********/
.pt5{padding-top:5px;}
.pt05{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}

.pr2{padding-right:2px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}

.pb5{padding-bottom:5px;}
.pb6{padding-bottom:6px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.pl2{padding-left:2px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl200{padding-left:200px;}




a:link{
	color: #3366cc;/*色はブルーでアンダーラインなし*/
	text-decoration:none;
}
a:visited {
	color: #3366cc;/*色はブルーでアンダーラインなし*/
	text-decoration: none;
}
a:hover {
	color: #EA8712;/*色はブルーでアンダーラインがつく*/
	text-decoration: underline;
}

**********  リスト　インデント設定 **********/

.ul_10{
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	}
.ul_20{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	}
	
.ul_30{
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
	}
	
.ul_40{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 20px;
	}
	
	ul li {
	margin: 5px;
}