/* テンプレートデフォルト設定 */
body {
  background-color:#ffffff;
  margin:0;
}

/*td {
  text-align: left;
  vertical-align: top;
  font-family:Tahoma;
  font-size:11px;
  color:#494949;
}*/

form
{
  margin:0px;
}
a {
  text-decoration: underline;
  color:#427BB1;
}
a.n {

  text-decoration: none;
  color:#427BB1;
}
a.dark
{
  text-decoration: underline;
  color:#32639F;
}
.dark
{

  color:#32639F;
}
.b
{
  color:#427BB1;
}
.menu
{
  color:#494949;
}
a.menu
{
  color:#494949;
  text-decoration:none;
}
a.copy
{
  color:#7A7A7A;
  text-decoration:none;
}
.t9
{
  font-size:9px;
}

/* layout */

td,tr{empty-cells:show;}

table.main-layout {
  width:766px;
  border-collapse:collapse;
  border:0px;
}

table.main-layout tr td {
  padding:0px;
}

table.wide-content {
  width:745px;
  height:100%;
  border-collapse:collapse;
  border-spacing:0;
  border:0px;
}

table.wide-content tr td {
  padding:0px;
}



/* 2012.05.09 */

body {
	font-size: 80%;
	text-align: center;/* box centering */
	font-weight: normal;
	line-height:1.3;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	background-color: #ffffff;
}
* html body {	/* for IF6 */
	line-height:1.8;
}

.clearfix:after {   
  content: ".";    
  display: block;    
  height: 0;    
  clear: both;    
  visibility: hidden;   
}   
  
.clearfix { display: inline-table; }   
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   
/* End hide from IE-mac */  

.clearBoth{clear:both;}
.txtcenter{text-align:center;}
.txtright{text-align:right;}
.txtleft{text-align:left;}

.small{ font-size:90%;}
.caution{color:#990000;}
.breadcrumbs { margin-bottom: 18px; text-align:left; }
tr.mesh td{	background-image: url(../images/mesh.gif);}
tr.noborder td{	border-top:none !important;
	border-left:none !important;
	background-color:#FFFFFF !important;
}

/* HEADER START */

#pageHeader {
	height:50px;
	_height:65px;
	padding:15px 0 0 30px;
	_padding:20px 0 0 30px;
	background-image: url(../images/headerback.gif);
	margin:0;
}

#pageHeader h1{
	float:left;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	height: 32px;
	padding-left:200px;
	padding-top:5px;
	_padding-top:3px;
	font-size:100%;
	margin:8px 0 0 0;
	_margin:0;
}

#pageHeader p{text-align:right;margin:5px 30px 0 0;line-height:1.1;}

#pageHeader p a{font-size:8px;}
#pageHeader p a:hover{	text-decoration:none;}

/* HEADER END */

/* CONTENTS START */
#content{
	clear:both;
	margin:0;
	}

#gNavi{
	border:1px solid #bbbbbb;
	padding:1px;
	margin:0;
	}
	
#gNavi ul{
	border:2px solid #f0f0f0;
	padding:15px 18px;
	margin:0;
	padding:0;
	height: 41px;
	line-height:41px;
	}
	
#gNavi li{
	float:left;
	list-style-type: none;
	background-image: url(../images/gnaviline.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	width: 200px;
	}

#gNavi li a{
	color:#494949;
	text-decoration:none;
	font-weight:bold;
	}

#gNavi li a:hover{
	color:#427bb1;
	text-decoration:none;
	font-weight:bold;
	}

#gNavi li a.on{
	color:#427bb1;
	text-decoration:none;
	font-weight:bold;
	}

.h2Waku{
	clear:both;
	border:1px solid #97c5d5;
	margin:6px 0 6px 0; 
	}

h2{
	text-align:left;
	margin:0;
	font-size: 100%;
	line-height: 28px;
	color: #427bb1;
	background-image: url(../images/h2_back.gif);
	background-repeat: repeat-x;
	border: 1px solid #b9e4eb;
	padding-left:15px;
	}

.h3Waku{
	clear:both;
	border:1px solid #bbbbbb;
	margin:15px 0; 
	}

h3{
	text-align:left;
	margin:0;
	font-size: 100%;
	line-height: 28px;
	border: 1px solid #f0f0f0;
	padding-left:15px;
	}

.mainContentsWaku{
	border:1px solid #bbbbbb;
	padding:1px;
	}

.mainContents{
	min-height:300px;
	_height:300px;
	border:2px solid #f0f0f0;
	padding:15px 18px;
	} 

.mainContents p{
	text-align:left;
}

/* TABLE */

.mainContents table{
	_font-size:90%;
	width:100%;
	border-bottom:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	}

.mainContents table th{
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	padding:5px;
	background-color:#eaf4f6;
	}

.mainContents table td{
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	padding:5px;
	}
	

/* result coloring */
.mainContents table td.rank-1{ background-color: #F0BCFF; }
.mainContents table td.rank-2{ background-color: #FEFB88; }
.mainContents table td.rank-3{ background-color: #C1FAC1; }
.mainContents table td.rank-4{ background-color: #89BFFB; }
.mainContents table td.rank-5{ background-color: #2A84FA; }

.mainContents table.alternate tr:nth-child(odd){
	background-color:#f6f6f6;
	}

/* DL */

.mainContents dl {
	margin: 0;
	padding: 0;
	border: 1px solid #bbb;
	border-top: none; 
	background-color:#eaf4f6;
	}
		
.mainContents dl dt {
	margin: 0;
	float: left;
	padding: 5px 0 5px 5px;
	font-weight: bold;
	border-top: 1px #bbbbbb solid;
	clear: left;
	}

.mainContents dl dd {
	background-color: #FFF;
	padding: 5px;
	border-top: 1px #bbbbbb solid;
	border-left: 1px #bbbbbb solid;
	}	
	
.mainContents .btn199{
	float:right;
	overflow:hidden;
	margin-left:15px;
	}

.mainContents .btnLeft{
	float:left;
	margin-left:0px;
	}

.mainContents .btn199 a{
	line-height: 32px;
	text-decoration: none;
	background-image: url(../images/3.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 199px;
	display:block;
	text-align:center;
	margin:15px 0;
	color:#000000 !important;
	}

.mainContents .btn199 a:hover{
	background-image: url(../images/3_on.jpg);
	}

.mainContents .btn199 .btn,.mainContents #login-element #login{
	line-height: 32px;
	text-decoration: none;
	background-image: url(../images/3.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 199px;
	display:block;
	text-align:center;
	margin:15px 0;
	}

.mainContents .btn199 .btn:hover,.mainContents #login-element #login:hover{
	background-image: url(../images/3_on.jpg);
	}

.mainContents .btn199 button,.mainContents #login-element button{
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    overflow:visible;
    cursor:pointer;
	}

.btn199 input{
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    overflow:visible;
    cursor:pointer;
	}

.mainContents .btnComment p{
	color:#990000;
}



.mainContents .PagingBox{
	clear:both;
	position:relative;
	height:45px;
	}

.mainContents p.pagingp	{
	position:absolute;
	top:0;
	_top:10px;
	left:0;
	}

.mainContents ul.paging {
	position:absolute;
	top:0;
	_top:10px;
	left:150px;
	text-align:left;
	margin-left:0;
	padding-left:0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	}

.mainContents ul.paging li {
	display:inline;
	margin:0;
	padding:0 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	}

.mainContents ul.paging li:last-child {
	border-right-style: none;
	}


	/* login */
	.mainContents .signin dl {
		margin:  0 auto;
		padding: 0;
		border: none;
		border-top: none; 
		background-color:#ffffff;
		width:500px;
		}
		
	.mainContents .signin dl dt {
		margin: 0;
		float: left;
		padding: 5px 0 5px 5px;
		font-weight: bold;
		border-top: none;
		width: 10em;
		clear: left;
		}
		
	.mainContents .signin dl dd {
		background-color: #FFF;
		padding: 5px;
		border-top: none;
		border-left: none;
		margin: 0 0 0 12em;
		text-align:left;
		}	

	.mainContents .signin dl dd ul{
		margin:5px 0 0 15px;
		padding:0;
		}
	
	/* index */
	.index .mainContents{
		text-align:left;
		}

	.index .mainContents .inputTable{
		/* width:500px; */
		}
		
	.index .mainContents table{
		/* width:500px; */
		}

	.index .mainContents table th{
		text-align:left;
		}

	.index .mainContents table td{
		text-align:center;
		}

	.index .mainContents table tr:nth-child(odd){
		background-color:#ffffff;
		}


	/* register */
	.register .mainContents {
		text-align:left;
		}

  	dl,dt,dd {  margin: 0;  padding: 0; } 
  
  	.register .mainContents dl {
		width:700px;
		}
		
	.register .mainContents dl dt {
		width: 33em;
		}
		
	.register .mainContents dl dd {
		margin: 0 0 0 33em;
		}
			
	.register .mainContents dl dd textarea {
		width:280px;
		}
		

	/* assessment */
	.assessment .mainContents{
		text-align:left;
		}
		
	.assessment .borderdot{
		clear:both;
		margin:15px 0 0 0;
		border-top:1px dotted #cccccc;
		}

  	.assessment .mainContents dl {
		width:50em;
		}
		
	.assessment .mainContents dl dt {
		width: 18em;
		}
		
	.assessment .mainContents dl dd {
		margin: 0 0 0 18em;
		}	


	/* score */
	.score .mainContents{
		text-align:left;
		}
		
	.score .borderdot{
		clear:both;
		margin:15px 0 0 0;
		border-top:1px dotted #cccccc;
		}

  	.score .mainContents dl {
		width:50em;
		}
		
	.score .mainContents dl dt {
		width: 12em;
		}
		
	.score .mainContents dl dd {
		margin: 0 0 0 12em;
		}	


	/* person-category */
	.person-category .mainContents{
		text-align:left;
		}
		
	.person-category .borderdot{
		clear:both;
		margin:15px 0 0 0;
		border-top:1px dotted #cccccc;
		}

  	.person-category .mainContents dl {
		width:50em;
		}
		
	.person-category .mainContents dl dt {
		width: 18em;
		}
		
	.person-category .mainContents dl dd {
		margin: 0 0 0 18em;
		}	

		
	/* user */
	.user .mainContents{
		text-align:left;
		}
		
	.user .borderdot{
		clear:both;
		margin:15px 0 0 0;
		border-top:1px dotted #cccccc;
		}

  	.user .mainContents dl {
		width:50em;
		}
		
	.user .mainContents dl dt {
		width: 18em;
		}
		
	.user .mainContents dl dd {
		margin: 0 0 0 18em;
		}

			
	/* effect */
	.effect .mainContents{
		text-align:left;
		}
		
  	.effect .mainContents dl {
		width:50em;
		}
		
	.effect .mainContents dl dt {
		width: 25em;
		}
		
	.effect .mainContents dl dd {
		margin: 0 0 0 25em;
		}


	/* effector */
	.effector .mainContents{
		text-align:left;
		}
		
	.effector .borderdot{
		clear:both;
		margin:15px 0 0 0;
		border-top:1px dotted #cccccc;
		}

  	.effector .mainContents dl {
		width:50em;
		}
		
	.effector .mainContents dl dt {
		width: 15em;
		}
		
	.effector .mainContents dl dd {
		margin: 0 0 0 15em;
		}

		
	/* scorer */
	.scorer .mainContents{
		text-align:left;
		}
		
	.scorer .borderdot{
		clear:both;
		margin:15px 0 0 0;
		border-top:1px dotted #cccccc;
		}

  	.scorer .mainContents dl {
		width:50em;
		}
		
	.scorer .mainContents dl dt {
		width: 15em;
		}
		
	.scorer .mainContents dl dd {
		margin: 0 0 0 15em;
		}	


	/* result */
	.result .mainContents{
		text-align:left;
		}

	.result .borderdot{
		clear:both;
		margin:15px 0 0 0;
		border-top:1px dotted #cccccc;
		}

	.result .mainContents table.indexTable{
		width:80%;
		}

  	.result .mainContents dl {
		width:50em;
		}
		
	.result .mainContents dl dt {
		width: 18em;
		}
		
	.result .mainContents dl dd {
		margin: 0 0 0 18em;
		}	

	/* auth */
	.auth .mainContents{
		text-align:left;
		}

  	.auth .mainContents dl {
		width:50em;
		}
		
	.auth .mainContents dl dt {
		width: 12em;
		}
		
	.auth .mainContents dl dd {
		margin: 0 0 0 12em;
		}	


.indispensable {
	color:#FF3333;
	font-size:80%;
	}

.textRight{
	text-align:right;
	}

.required:after {
	color:#FF3333;
	font-size:80%;
	content:' *';
	}

.Profile{line-height:1.8;}

.UpLoader{
	border:1px solid #cccccc;
	background-color:#FFFFF4;
	padding:15px;
	margin:15px 0 0 0;
	width:50%;
	}
	
.UpLoader h4{
	margin:0 0 10px 0;
	padding:5px;
	border-bottom:2px solid #cccccc;
	}


/* CONTENTS END */

/* FOOTER START */
#pageFooter{
	background-image: url(../images/footerback.gif);
	background-repeat: repeat-x;
	text-align:center;
	background-position: left top;
	padding: 30px 0;
	font-size:90%;
	}

#pageFooter #fNavi{
	text-align:center;	
	}
	
#pageFooter #fNavi ul{
	}
	
#pageFooter #fNavi li{
	display:inline; 
	list-style-type: none;
    padding: 0 5px;   
	margin-bottom:15px;
    border-right: 1px solid #999;   
	}
	
#pageFooter #fNavi li:last-child{
    border-right: none;   
	}


#pageFooter #fNavi li a{
  color:#494949;
  text-decoration:none;
	}

#pageFooter p{
	clear:both;
	}

#pageFooter p a{
  color:#7A7A7A;
  text-decoration:none;
	}

#pageFooter #fNavi li a:hover,#pageFooter p a:hover{
	text-decoration:underline;
	}

#pageFooter p small{
  font-size:100%;
	}

/* FOOTER END */

tr.selected {
  background-image: url(../images/mesh.gif);
}

/* 20170120 */
p#confirm-message {
  color: red;
}

/* 20240627 */
p#confirm-message-hidden {
    display: none;
}

p#confirm-message-allsamevalue {
    display: none;
}