@charset "utf-8"; 

/* =========================================================
 main
========================================================= */
/* h2
--------------------------------------------------------- */
h2.ttl {
	width: 695px;
	height: 45px;
	padding: 15px 0 0 25px;
	background: url(../images/personal/h2_back01.jpg) no-repeat 0 0;
	color: #3A5428;
	font-size: 140%;
}

/* h6
--------------------------------------------------------- */
h6.ttl {
	width: 660px;
	height: 26px;
	padding: 4px 0 0 20px;
	background: url(../images/personal/h6_back01.jpg) no-repeat 0 0;
	color: #3A5428;
	font-size: 120%;
}

/* cBox
--------------------------------------------------------- */
#headingTopmenu {
	background: url(../images/personal/top/bg_menu.gif) repeat-x 0 0;
	margin-bottom: 1.5em;
}
	#headingTopmenu li {
		float: left;
		padding: 10px 4px;
		width: 111px;
		text-align: center;
	}
	#headingTopmenu li.first {
		padding-left: 7px;
	}
		#headingTopmenu li a {
			display: block;
			margin-bottom: 5px;
		}
			#headingTopmenu li a:hover img{
				opacity: 0.5;
				filter: alpha(opacity=50);        /* ie lt 8 */
				-ms-filter: "alpha(opacity=50)";  /* ie 8 */
				-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
				-khtml-opacity: 0.5;              /* Safari 1.x */
				zoom:1;
			}


/* cBox
--------------------------------------------------------- */
div#menuBox div.cBox {
	width: 680px;
	margin: 0 auto 20px;
}
	div#menuBox div.cBox p.clear {
		margin: 0;
	}

	div#menuBox div.cBox ul {
		margin-bottom: 0;
		margin-top: 0;
	}
	/*
	div#menuBox div.cBox p {
		margin-top: 0;
	}
	*/


	div#menuBox div.w180 {
		background: #EEEEEE;
		border: 1px solid #C6C6C6;
		width: 180px;
		float: left;
		text-align: center;
		margin-top: 1em;
	}
		div#menuBox div.w180 h5 {
			float: left;
			color: #1F3F0C;
			font-size: 90%;
			font-weight: normal;
			text-align: center;
			margin: 0.5em 0;
			width: 180px;
		}
		div#menuBox div.w180 p.img {
			margin: 0;
		}
		
	/*
	div#menuBox h5#counseling {
		width: 180px;
		height: 399px;
		background: url(../images/personal/top/bg_menu02.gif) 0 0 no-repeat;
	}
		div#menuBox h5#counseling span {
			position: relative;
			top: 145px;
			color: #333;
		}
		div#menuBox h5#counseling p {
			position: relative;
			top: 323px;
		}
			div#menuBox .btn01 {
				top: 0;
				color: #fff;
				font-weight: normal;
			}
	*/
		div#menuBox #btnBox {
			border: 1px solid #CCCCCC;
			background: #fff;
			padding: 0.5em;
		}

		div#menuBox h5 span {
			font-weight: bold;
		}
/*
	div#menuBox h5#diagnosis {
		width: 180px;
		height: 177px;
		background: url(../images/personal/top/bg_menu03.gif) 0 0 no-repeat;
	}
		*/
		div#menuBox #diagnosis span {
			font-weight: bold;
			color: #0992C8;
		}
		

	div#menuBox div.w115 {
		background: #EEEEEE;
		border: 1px solid #C6C6C6;
		width: 115px;
		float: left;
		text-align: center;
		margin-top: 1em;
	}
		div#menuBox div.w115 h5 {
			float: left;
			color: #1F3F0C;
			font-size: 90%;
			font-weight: normal;
			text-align: left;
			margin: 0.5em 0;
			width: 105px;
			padding: 0 0.5em;
		}
		div#menuBox div.w115 p.img {
			margin: 0;
			padding: 0;
		}

/*		
	div#menuBox h5#lecture {
		width: 107px;
		height: 167px;
		background: url(../images/personal/top/bg_menu04.gif) 0 0 no-repeat;
		font-size: 90%;
		padding: 0.5em 4px;
		text-align: left;
	}
	div#menuBox h5#publications {
		width: 107px;
		height: 167px;
		background: url(../images/personal/top/bg_menu05.gif) 0 0 no-repeat;
		font-size: 90%;
		padding: 0.5em 4px;
		text-align: left;
	}
	div#menuBox h5#malicious {
		width: 107px;
		height: 167px;
		background: url(../images/personal/top/bg_menu06.gif) 0 0 no-repeat;
		font-size: 90%;
		padding: 0.5em 4px;
		text-align: left;
	}
	div#menuBox h5#damage {
		width: 107px;
		height: 167px;
		background: url(../images/personal/top/bg_menu07.gif) 0 0 no-repeat;
		font-size: 90%;
		padding: 0.5em 4px;
		text-align: left;
	}
	*/
	/*
	div#menuBox h5#faq {
		width: 180px;
		height: 177px;
		background: url(../images/personal/top/bg_menu08.gif) 0 0 no-repeat;
	}
	div#menuBox h5#link {
		width: 180px;
		height: 177px;
		background: url(../images/personal/top/bg_menu09.gif) 0 0 no-repeat;
	}
	div#menuBox h5#statistics {
		width: 180px;
		height: 177px;
		background: url(../images/personal/top/bg_menu10.gif) 0 0 no-repeat;
	}
	*/


	div#menuBox div.rBoxwide {
		float: right;
		width: 470px;
		padding: 10px;
	}
		div#menuBox div.rBoxwide h6 {
			border: none;
			background: #7FAC09;
			color: #fff;
			padding: 2px 5px;
		}
		div#menuBox div.rBoxwide dt {
			color: #333;
		}
		div.rBoxwide #lBox {
			float: left;
			width: 220px;
		}
		div.rBoxwide #rBox {
			float: right;
			width: 220px;
		}
/*		
	div#counselingBox #ex {
		background: url(../images/personal/top/img02.gif) 0 0 no-repeat;
		width: 426px;
		height: 253px;
		padding-left: 10px;
		margin: 0 auto;
	}
		div#counselingBox #ex p {
			margin-top: 0;
			padding-top: 7px;
		}
		div#counselingBox li {
			background: none;
			padding: 0;
		}
	div#counselingBox #trouble {
		background: url(../images/personal/top/img03.gif) 0 0 no-repeat;
		width: 426px;
		height: 323px;
		padding-left: 10px;
		margin: 0 auto;
	}
		div#counselingBox #trouble p {
			margin-top: 0;
			padding-top: 7px;
		}
*/
	div#counselingBox #helpBox {
		background: #fff;
		border: 1px solid #ccc;
	}
		div#counselingBox #helpBox #btn {
			float: right;
			/*
			background: url(../images/personal/top/btn02.gif) 0 0 no-repeat;
			width: 180px;
			height: 28px;
			padding: 7px 0 0 40px;
			margin-top: 0;
			*/
		}
		
	div#menuBox .grayBox {
		background: #EEEEEE;
	}
	
		div#menuBox li p {
			border: 1px solid #ccc;
			padding: 5px;
			margin-left: 0;
			width: 45%;
		}
div#menuBox .btn01 {
	/*
	background: url(../images/personal/top/btn01.gif) 0 0 no-repeat;
	width: 38px;
	height: 23px;
	display: inline-block;
	color: #fff;
	padding-left: 27px;
	padding-top: 2px;
	margin-left: 1em;
	*/
	padding-left: 0.5em;
}

div#menuBox h3.ttl {
	background: url(../images/personal/top/h3_back01.jpg) 0 0 no-repeat;
	width: 285px;
	height: 27px;
	color: #203F0C;
	font-size: 110%;
	padding: 3px 0 0 40px;
}
div#menuBox h3.ttlW {
	background: url(../images/personal/top/h3_back02.jpg) 0 0 no-repeat;
	width: 285px;
	height: 47px;
	color: #203F0C;
	font-size: 110%;
	padding: 3px 0 0 40px;
	line-height: 1.3;
	/*
	display: table-cell;
	vertical-align: middle;
	*/
}
	div#menuBox .listBox {
		float: right;
		width: 210px;
	}

/* fillBox
--------------------------------------------------------- */
div.fillBox {
	padding: 10px;
	color: #4D6637;
	background: #EDEDED;
}
	div.fillBox p {
		margin: 0;
	}
	div.fillBox li {
		list-style: outside disc;
		margin-left: 2em;
	}

/* borderBox
--------------------------------------------------------- */
div.borderBox {
	padding: 10px;
	width: 658px;
	text-align: left;
}
	div.borderBox p {
		font-size: 90%;
	}
	div.borderBox dl.caption {
		color: #435E2C;
	}
		div.borderBox dl.caption dt {
			float: left;
			width: 2em;
		}
		div.borderBox dl.caption dd {
			margin-left: 2em;
		}
		
/* exampleBox
--------------------------------------------------------- */
div.exampleBox {
	background: #EDEDED;
	padding: 10px 30px;
	width: 620px;
}
	div.exampleBox li {
		float: left;
		width: 130px;
		text-align: center;
		margin: 0 10px 10px;
	}
	div.exampleBox p {
		margin: 0;
		line-height: 1.8em;
	}


/* contactik๛j
--------------------------------------------------------- */
	table.contact td {
		text-align: center;
	}
	table.contact a {
		display: block;
	}

/* searchBoxiNCbN๕j
--------------------------------------------------------- */
dl#searchBox {
	width: 500px;
	margin: 0 auto;
}
	dl#searchBox dt {
		float: left;
		clear: both;
		width: 150px;
		padding: 0.3em 0 0.1em 1em;
		text-align: right;
	}
	dl#searchBox dd {
		padding: 0.3em 1em;
	}

/* search
--------------------------------------------------------- */
input#search {
    width: 159px;
    height: 30px;
    border: 0px;
	margin-top: 10px;
    background: url(../images/personal/malicious/btn01.jpg) left top no-repeat;
	cursor: pointer;
}

/* cautionBox
--------------------------------------------------------- */
.cautionBox {
	background: #CC0000;
	color: #fff;
	padding: 0.3em;
	margin-bottom: 10px;
}

/* resultBox
--------------------------------------------------------- */
table.resultBox {
}
	table.resultBox th {
		background: #EFEFEF;
		font-size: 80%;
	}
	
/* ภั๑ฺื
--------------------------------------------------------- */
h6 {
	font-size: 110%;
	border-bottom: 1px solid #999;
}
div.reportBox {
	padding: 0 20px;
}
	div.reportBox div.lBox {
		width: 400px;
		float: left;
	}
	div.reportBox div.rBox {
		width: 280px;
		float: left;
		text-align: right;
	}
		div.reportBox div.rBox p {
			margin: 0;
		}

/* faqBox
--------------------------------------------------------- */
dl.faqBox {
	padding-bottom: 1em;
	border-bottom: 1px solid #3A5428;
}
dl.faqBox dt {
	background: url(../images/common/icon13.jpg) no-repeat;
	font-size: 110%;
	line-height: 30px;
	padding-left: 50px;
	margin-top: 10px;
	cursor: pointer;
}
dl.faqBox dd {
	padding-left: 10px;
	line-height: 20px;
	margin-left: 40px;
}
dl.faqBox p {
	background: #F1F4F6;
	padding: 8px;
	display: none;
}
/* NEW}[N */
div.new {
	background-image: url(../images/common/icon19.gif);
	background-repeat: no-repeat;
	background-position: 1px;
}


/* =========================================================
 sub
========================================================= */
/* subBox
--------------------------------------------------------- */
div.subBox {
	background: #E3E3E3;
	border: 1px solid #CCC;
	padding: 5px;
	margin-bottom: 20px;
}

/* subMenu
--------------------------------------------------------- */
ul.subMenu {
}
	ul.subMenu li {
		margin-bottom: 5px;
	}
	ul.subMenu li.end {
		margin-bottom: 0;
	}
	ul.subMenu a {
		display: block;
		width: 178px;
		height: 60px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	/* ----- ม๏sฎff ฦvวff ----- */
	ul.subMenu a#diagnosis {
		background: url(../images/top/btn01.gif) no-repeat 0 -180px;
	}
	ul.subMenu a#diagnosis:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -180px;
	}

/* consult (k๛)
--------------------------------------------------------- */
p#consult {
	margin-bottom: 10px;
}
/*
p#consult a {
	display: block;
	width: 178px;
	height: 209px;
	background: url(../images/top/btn02.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
p#consult a:hover {
	background: url(../images/top/btn02.gif) no-repeat -180px 0;
}
*/
p#consult a {
	display: block;
	width: 178px;
	height: 290px;
	background: url(../images/top/btn02.jpg) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
p#consult a:hover {
	background: url(../images/top/btn02.jpg) no-repeat -180px 0;
}
