/* CSS Document */

@import url(navi.css);
@import url(common.css);


#main {
	width:100%;
	height:111px;
	background-color:#7A5288;
	background-repeat:no-repeat;
	background-position:center top;
	clear:both;
	padding:50px 0 0 0;
}



#mainin {
	width:980px;
	margin:0 auto;
	height:111px;
}

	#main h1 {
		width:478px;
		height:63px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		margin:0 0 0 251px;
	}
	
	#main h1#h1it {background:url(../img/item/title.png) no-repeat;}
	#main h1#h1qt {background:url(../img/test/title.png) no-repeat;}
	#main h1#h1cm {background:url(../img/company/title.png) no-repeat;}
	#main h1#h1knr {background:url(../img/kanri/title.png) no-repeat;}
	#main h1#h1flw {background:url(../img/flow/title.png) no-repeat;}
	#main h1#h1brd {background:url(../img/bird/title.png) no-repeat;}
	#main h1#h1inf {background:url(../img/info/title.png) no-repeat;}
	#main h1#h1ctc {background:url(../img/contact/title.png) no-repeat;}
	#main h1#h1pp {background:url(../img/pp/title.png) no-repeat;}
	#main h1#h1cust {background:url(../img/cust/title.png) no-repeat;}


#main2 {
	width:100%;
	height:40px;
	line-height:13px;
	font-size:10px;
	clear:both;
}



#container {
	width:980px;
	margin:0 auto;
}

	#main.img1 {background-image:url(../img/main1.jpg);}
	#main2.img1 {background:url(../img/main2.jpg) no-repeat top center;}
	
	#main.img2 {background-image:url(../img/main21.jpg);}
	#main2.img2 {background:url(../img/main22.jpg) no-repeat top center;}
	
	#main.img3 {background-image:url(../img/main31.jpg);}
	#main2.img3 {background:url(../img/main32.jpg) no-repeat top center;}
	
	#main.img4 {background-image:url(../img/main41.jpg);}
	#main2.img4 {background:url(../img/main42.jpg) no-repeat top center;}

@media screen and (max-width: 650px) {
#main {
	width:100%;
	height:111px;
	background-color:#7A5288;
	background-repeat:no-repeat;
	background-position:center top;
	clear:both;
	padding:50px 0 0 0;
}	

#mainin {
	width:100%;
	margin:0 auto;
	height:111px;
}

#main h1 {
		width:100%;
		height:63px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		margin:0 0 0 0px;
	}
	
	#main h1#h1it,
	#main h1#h1qt,
	#main h1#h1cm,
	#main h1#h1knr,
	#main h1#h1flw,
	#main h1#h1brd,
	#main h1#h1inf,
	#main h1#h1ctc,
	#main h1#h1pp,
	#main h1#h1cust  {width:100%;height:63px;background-size:contain;}
	
	#main2 {display:none;}
	
#container {
	width:100%;
	height:auto;
}

	#main.img1,
	#main.img2 {background-position:right;}
	#main.img3,
	#main.img4 {background-position:left;}
	
}



/* 管理画面 ----------------------------------------------------*/

#knr {
	width:714px;
	padding:20px 0 0 0;
}

#knr table {
	width:100%;
}

	#knr table td {vertical-align:top;}

	.a1 {
		box-shadow:inset 1px 1px 1px #666;
		-webkit-box-shadow:inset 1px 1px 1px #666;
		-moz-box-shadow:inset 1px 1px 1px #666;
		padding:5px;
		border:1px solid #d6d6d6;
		background-color:#f6f6f6;
		font-size:12px;
		font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
	}


/* 基本段組み ----------------------------------------------------*/

#contr {
	width:714px;
	float:right;
	padding:0;
}

#contl {
	width:200px;
	float:left;
	padding:0;
}

@media screen and (max-width: 650px) {
	#contr {
	width:100%;
	float:none;
	padding:0;
	margin:0;
}

#contl {
	width:100%;
	float:none;
	padding:0;
	margin:0;
}
}

/* 主要お取引先 ----------------------------------------------------*/

#custmer {
	width:714px;
	padding:20px 0 0 0;
}

	#custmer h1 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/cust/st1.gif) no-repeat;
		margin-bottom:20px;
	}


	#custmer .waku {
		width:681px;
		background:url(../img/cust/b1.gif) no-repeat;
		margin-bottom:15px;
	}
	
	#custmer .wakuin {
		width:681px;
		background:url(../img/cust/b2.gif) no-repeat bottom;
	}
	
		#custmer p.name {
			padding:20px 30px 5px 30px;
			margin:0;
			font-size:14px;
			font-weight:bold;
			color:#206CC7;
		}
		
		#custmer p.name a {
			color:#206CC7;
		}
		
		#custmer p.cust {
			margin:0;
			padding:0 30px 20px 30px;
			font-size:12px;
		}

	#custmer table {
		width:661px;
		border-spacing:1px;
		background-color:#d6d6d6;
	}
	
	#custmer table td {
		padding:5px 8px;
		background-color:#FFF;
		vertical-align:top;
	}
	
	#custmer table th {
		padding:5px 8px;
		background-color:#f6f6f6;
		text-align:left;
		font-weight:normal;
	}
		
@media screen and (max-width: 650px) {

#custmer {
	width:100%;
	padding:0;
}

	#custmer h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:20px;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}


	#custmer .waku {
		width:90%;
		background:none;
		margin:0 auto 15px auto;
		border:1px solid #d6d6d6;
		padding:2%;
	}
	
	#custmer .wakuin {
		width:100%;
		background:none;
	}
	
		#custmer p.name {
			padding:0 2%;
			margin:0;
			font-size:1em;
			color:#7A5288;
			background-color:#f6f6f6;
		}
		
		#custmer p.name a {
			color:#7A5288;
		}
		
		#custmer p.cust {
			margin:0;
			padding:0 2%;
			font-size:1em;
		}

	#custmer table {
		width:96%;
		border-spacing:1px;
		background-color:#d6d6d6;
	}
	
	#custmer table td {
		padding:5px 8px;
		background-color:#FFF;
		vertical-align:top;
	}
	
	#custmer table th {
		padding:5px 8px;
		background-color:#f6f6f6;
		text-align:left;
		font-weight:normal;
	}
	
}


/* 個人情報保護方針 ----------------------------------------------------*/

#pp {
	width:714px;
	padding:20px 0 0 0;
}

	#pp p {
		margin:0;
		padding:10px 40px 10px 5px;
	}
	
	#pp p strong {
		color:#069;
		font-size:14px;
		line-height:200%;
	}

	#pp h1 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/pp/st1.gif) no-repeat;
		margin-bottom:20px;
	}

@media screen and (max-width: 650px) {
	#pp {
	width:100%;
	padding:0;
}

#pp p {
		margin:0 auto;
		width:90%;
		padding:10px 0;
	}
	
	#pp p strong {
		color:#069;
		font-size:14px;
		line-height:140%;
	}

	#pp h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:0;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}
}



/* お問合せ ----------------------------------------------------*/

#ctc {
	width:714px;
	padding:20px 0 0 0;
}

	#ctc p {
		margin:0;
		padding:10px 40px 10px 5px;
	}

	#ctc h1 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/contact/st1.gif) no-repeat;
		margin-bottom:20px;
	}

	#ctc .frm {
		width:620px;
		margin:0 auto 0 5px;
		padding:65px 33px 30px 33px;
		border:1px solid #d6d6d6;
		box-shadow: 0px 0px 4px #d6d6d6;
		-webkit-box-shadow: 0px 0px 4px #d6d6d6;
		-moz-box-shadow: 0px 0px 4px #d6d6d6;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
		background:url(../img/contact/st2.jpg) no-repeat center top;
	}
	
	#ctc .frm table {
		width:580px;
		margin:20px auto;
		border-top:1px dotted #666;
		border-spacing:0;
	}
	
		#ctc .frm table td {
			padding:5px 10px;
			border-bottom:1px dotted #666;
		}
		
		#ctc .frm table th {
			padding:5px 10px;
			background-color:#f6f6f6;
			border-bottom:1px dotted #666;
			white-space:nowrap;
		}
		
		
	
		#ctc .frm p {
			padding:0 20px;
			margin:10px 0;
		}
		
		#ctc .pp {
			width:580px;
		height:150px;
		overflow:scroll;
		overflow-x:hidden;
		border:1px solid #d6d6d6;
		margin:20px auto;
		}
		
		#ctc .pp p {
			padding:20px;
			margin:0;
		}
		
		
		.ctr {text-align:center;}
		.pink {color:#F66;}

@media screen and (max-width: 650px) {
	
#ctc {
	width:100%;
	padding:0;
}

	#ctc p {
		margin:0 auto;
		padding:0 5%;;
	}
	
	#ctc img {width:100%; height:auto;}

	#ctc h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:0;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}

	#ctc .frm {
		width:100%;
		margin:0 auto;
		padding:0;
		border:none;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0; 
		background:none;
	}
	
	#ctc .frm table {
		width:100%;
		margin:20px auto;
	}
		
		#ctc .frm table th {
			padding:5px 10px;
			white-space:pre-wrap;
			min-width:50px;
			text-align:left;
		}

		#ctc .frm p {
			padding:0 20px;
			margin:10px 0;
		}
		
		#ctc .pp {
			width:90%;
		height:150px;
		border:1px solid #d6d6d6;
		margin:20px auto;
		}
		
		#ctc .pp p {
			padding:20px;
			margin:0;
		}
		
	
}



/* 鳥の性別判断 ----------------------------------------------------*/

#brd {
	width:714px;
	padding:20px 0 0 0;
}

	#brd p {
		margin:0;
		padding:10px 40px 10px 5px;
	}

	#brd h1 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/bird/st1.gif) no-repeat;
		margin-bottom:20px;
	}
	
	#brd h2 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/bird/st2.gif) no-repeat;
	}
	

#brd2 {
	width:714px;
	padding:20px 0 0 0;
}

	#brd2 p {
		margin:0;
		padding:10px 40px 10px 5px;
	}
	
	.imgl {float:left; margin:0 10px 5px 0;}

	#brd2 h1 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/bird/st3.gif) no-repeat;
		margin-bottom:20px;
	}
	
@media screen and (max-width: 650px) {	

#brd {width:100%;	padding:0;}
	#brd p {margin:0; padding:10px 5%;}
	#brd img {width:100%; height:auto;}

	#brd h1,
	#brd2 h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:0;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}
	
	#brd h2 {
		width:90%;
		height:auto;
		background-image:none;
		text-indent:0;
		white-space:nowrap;
		font-weight:normal;
	    color:#000;
		padding:10px 0 5px 0;margin:0 auto 10px auto;
		border:1px solid #d6d6d6;
		background-color:#f6f6f6;
		text-align:center;
		box-sizing:border-box;
		font-size:1.2em;
	}
	

#brd2 {width:100%; padding:20px 0 0 0;}
	#brd2 p {margin:0; padding:0 5%;}
	.imgl {float:none; width:100%; height:auto; margin:10px 0 0 0;}
}
	

/* ご依頼方法・流れ ----------------------------------------------------*/

#flow {
	width:714px;
	padding:20px 0 0 0;
}

	#flow p.ftxt {
		margin:0;
		padding:5px 40px 20px 30px;
	}

	#flow h1 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/flow/st1.gif) no-repeat;
		margin-bottom:20px;
	}
	
	#flow .fl1 {
		width:630px;
		border-bottom:1px dotted #999999;
		background:url(../img/flow/s1.jpg) no-repeat left;
		margin:0 0 0 30px;
	}
	
	#flow .fl2{
		width:630px;
		border-bottom:1px dotted #999999;
		background:url(../img/flow/s2.jpg) no-repeat left;
		margin:0 0 0 30px;
	}
	
	#flow .fl3{
		width:630px;
		background:url(../img/flow/s3.jpg) no-repeat left;
		margin:0 0 30px 30px;
	}
	
		#flow .fl1 p,
		#flow .fl2 p {
			margin:0;
			padding:10px 0 10px 350px;
		}
		
		#flow .fl3 p {
			margin:0;
			padding:10px 0 10px 200px;
		}
		
	
	#flow .fl4{
		width:630px;
		background:url(../img/flow/sample.gif) no-repeat left top;
		margin:0 0 30px 20px;
	}
	
		#flow .fl4 p.ctn {
			margin:0;
			padding:10px 0 10px 270px;
		}
		
		#flow .fl4 p.adr {
			margin:0 0 0 255px;
			border:1px solid #d6d6d6;
			padding:10px 15px;
		}
		
	#flow .fl5{
		width:680px;
		background:url(../img/flow/report.gif) no-repeat left top;
		margin:0 0 30px 10px;
		height:213px;
	}
		#flow .fl5 p {
			margin:0 0 0 290px;
			padding:10px 15px;
		}

@media screen and (max-width: 650px) {	

#flow {width:100%; padding:0;}
	#flow p.ftxt {margin:0; padding:0 5%;}
	
	#flow img {width:100%; height:auto; margin:10px 0 0 0;}

	#flow h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:0;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}
	
	#flow .fl1 {
		width:90%;
		border-bottom:1px dotted #999999;
		background-position:top left;
		background-size:contain;
		margin:0 auto;
		padding:70px 0 10px 0;
	}
	
	#flow .fl2 {
		width:90%;
		border-bottom:1px dotted #999999;
		background-position:top left;
		background-size:contain;
		margin:0 auto;
		padding:110px 0 10px 0;
	}
	

	#flow .fl3{
		width:90%;
		background-position:top left;
		margin:0 auto;
		padding:30px 0 10px 0;
	}
	
		#flow .fl1 p,
		#flow .fl2 p,
		#flow .fl3 p  {
			margin:0;
			padding:0;
		}
		
		#flow .fl3 p {
			margin:0;
			padding:0;
		}
		
	
	#flow .fl4{
		width:90%;
		background-position:top center;
		margin:0 auto;
		padding:150px 0 10px 0;
	}
	
		#flow .fl4 p.ctn {
			margin:0;
			padding:0;
		}
		
		#flow .fl4 p.adr {
			margin:0;
			border:1px solid #d6d6d6;
			padding:10px 15px;
		}
		
	#flow .fl5{
		width:90%;
		height:auto;
		background-position:top center;
		margin:0 auto;
		padding:210px 0 10px 0;
	}
		#flow .fl5 p {
			margin:0;
			padding:10px 15px;
		}
}



/* 高精度なDNA分析 ----------------------------------------------------*/

#anl {
	width:714px;
	padding:20px 0 0 0;
}

	#anl p {
		margin:0;
		padding:10px 40px 0 20px;
	}

	#anl h1 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/test/st1.gif) no-repeat;
		margin-bottom:20px;
	}
	
#ptc {
	width:714px;
	padding:50px 0 0 0;
}

	#ptc p {
		margin:0;
		padding:10px 40px 0 20px;
	}

	#ptc h1 {
		width:690px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/test/st2.gif) no-repeat;
		margin-bottom:20px;
	}
	
@media screen and (max-width: 650px) {	


#anl {
	width:100%;
	padding:0;
}

	#anl p {
		margin:0;
		padding:0 5%;
	}

	#anl h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:0;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}
	
#ptc {
	width:100%;
	padding:30px 0 0 0;
}

	#ptc p {
		margin:0;
		padding:0 5% 20px 5%;
	}

	#ptc h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:20px;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}
	
#ptc img,
#anl img {
	width:100%;
	height:auto;
}

}
	
	

/* 会社概要 ----------------------------------------------------*/

#jigyo {
	width:714px;
	padding:20px 0 0 0;
}

	#jigyo p {
		margin:0;
		padding:0 40px 0 20px;
	}

	#jigyo h1 {
		width:689px;
		height:78px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/company/st1.gif) no-repeat;
		margin-bottom:20px;
	}
	
	#jigyo h2 {
		width:689px;
		height:40px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/company/st3.gif) no-repeat;
		margin-bottom:20px;
	}
	
	#jigyo table {
		width:661px;
		border-spacing:1px;
		background-color:#d6d6d6;
		margin:30px 0 0 20px;
	}
	
	#jigyo table td {
		padding:5px 8px;
		background-color:#FFF;
	}
	
	#jigyo table th {
		padding:5px 15px;
		background-color:#EFF1EC;
		text-align:left;
		font-weight:normal;
		white-space:nowrap;
	}
	
	#jigyo table td dl {
		width:500px;
		margin:0px 0 10px 0;
		border-spacing:0;
	}
	
		#jigyo table td dt {
			width:180px;
			float:left;
			padding:3px 5px 3px 0;
			border-bottom:1px dotted #999999;
		}
		
		#jigyo table td dd {
			padding:3px 5px 3px 0;
			border-bottom:1px dotted #999999;
			margin-left:186px;
		}

#map {
	width:694px;
	padding:50px 0 0 20px;
}

	#map h2 {
		width:156px;
		height:30px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/company/st2.gif) no-repeat;
	}

#map_canvas {
	width:670px;
	height:500px;
	margin:20px 0 30px 0;
}

@media screen and (max-width: 650px) {
	
#jigyo {
	width:100%;
	padding:0;
}

	#jigyo p {
		margin:0;
		padding:0 5%;
	}

	#jigyo h1,
	#jigyo h2 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:20px;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}
		
	#jigyo table {
		width:96%;
		margin:30px auto 0 auto;
	}
	
	#jigyo table td {
		padding:5px 8px;
		background-color:#FFF;
	}
	
	#jigyo table th {
		padding:5px 10px;
		white-space:nowrap;
		vertical-align:top;
	}
	
	#jigyo table td dl {
		width:100%;
		margin:0px 0 10px 0;
		border-spacing:0;
		border-bottom:1px dotted #999999;
	}
	
		#jigyo table td dt {
			width:100%;
			float:none;
			padding:3px 0;
			border-bottom:none;
			font-weight:bold;
			
		}
		
		#jigyo table td dd {
			padding:3px 0 3px 0;
			border-bottom:none;
			margin-left:0;
		}

#map {
	width:96%;
	margin:0 auto;
	padding:20px 0 0 0;
}

	#map h2 {
		width:96%;
		height:auto;
		background-image:none;
		text-indent:0;
		white-space:nowrap;
		font-weight:normal;
	    color:#000;
		padding:10px 0 5px 0;margin:0 auto 10px auto;
		border:1px solid #d6d6d6;
		background-color:#f6f6f6;
		text-align:center;
		box-sizing:border-box;
	}

#map_canvas {
	width:96%;
	height:200px;
	margin:20px auto 30px auto;
}


}

/* 分析項目詳細 ----------------------------------------------------*/

#blist {
	width:661px;
	margin:0 0 0 30px;
	padding:20px 0 0 0;
}

	#blist h1 {
		width:641px;
		height:83px;
		margin-bottom:20px;
		border:1px solid #d6d6d6;
		box-shadow: 0px 0px 4px #d6d6d6;
		-webkit-box-shadow: 0px 0px 4px #d6d6d6;
		-moz-box-shadow: 0px 0px 4px #d6d6d6;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
		background:url(../img/item/btitle.jpg) no-repeat right;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:24px;
		padding:70px 0 0 20px;
	}
	
	#blist h1.b1 {background:url(../img/item/b1.jpg) no-repeat right;}
	#blist h1.b2 {background:url(../img/item/b2.jpg) no-repeat right;}
	#blist h1.b3 {background:url(../img/item/b3.jpg) no-repeat right;}
	#blist h1.dc1 {background:url(../img/item/dc1.jpg) no-repeat right;}
	#blist h1.dc2 {background:url(../img/item/dc2.jpg) no-repeat right;}
	#blist h1.o1 {background:url(../img/item/o1.jpg) no-repeat right;}
	#blist h1.o2 {background:url(../img/item/o2.jpg) no-repeat right;}
	
	#blist table {
		width:661px;
		border-spacing:1px;
		background-color:#d6d6d6;
	}
	
	#blist table td {
		padding:5px 8px;
		background-color:#FFF;
		vertical-align:top;
	}
	
	#blist table th {
		padding:5px 8px;
		background-color:#f6f6f6;
		text-align:left;
		font-weight:normal;
		white-space:nowrap;
		vertical-align:top;
	}
		

@media screen and (max-width: 650px) {	

#blist {
	width:100%;
	margin:0;
	padding:20px 0 0 0;
	text-align:center;
}

	#blist h1 {
		width:96%;
		height:auto;
		border:1px solid #d6d6d6;
		box-shadow: 0px 0px 4px #d6d6d6;
		-webkit-box-shadow: 0px 0px 4px #d6d6d6;
		-moz-box-shadow: 0px 0px 4px #d6d6d6;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background-size:30%;
		font-size:1.4em;
		padding:10px 5%;
		margin:0 auto 20px auto;
		box-sizing:border-box;
		text-align:left;
	}
	
	#blist h1.b1,
	#blist h1.b2, 
	#blist h1.b3, 
	#blist h1.dc1, 
	#blist h1.dc2, 
	#blist h1.o1, 
	#blist h1.o2 {background-size:30%;}
	
	#blist table {
		width:98%;
		margin:0 auto;
	}
	
	#blist table td {
		padding:5px 8px;
		background-color:#FFF;
		vertical-align:top;
		text-align:left;
	}
	
	#blist table th {
		padding:5px 8px;
		text-align:left;
		background-color:#f6f6f6;
		text-align:left;
		font-weight:normal;
		white-space:pre-wrap;
		vertical-align:top;
		min-width:60px;
	}


}


/* 分析項目 ----------------------------------------------------*/

#msg {
	width:714px;
	background:url(../img/item/sst1.gif) no-repeat right top;
	padding:20px 0 0 0;
}

	.msgw {
		width:640px;
		margin:0 auto;
		padding:40px 33px 30px 33px;
		border:1px solid #d6d6d6;
		box-shadow: 0px 0px 4px #d6d6d6;
		-webkit-box-shadow: 0px 0px 4px #d6d6d6;
		-moz-box-shadow: 0px 0px 4px #d6d6d6;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
		background:url(../img/item/needs.gif) no-repeat left top;
	}
	
	.msgw h2 {
		width:473px;
		height:33px;
		margin:30px 0 5px 0;
		line-height:20px;
		font-size:13px;
		padding:0;
		color:#006699;
	}
	
		.msgw p {margin:0; padding:0;}


@media screen and (max-width: 650px) {	

#msg {
	width:100%;
	background:none;
	padding:20px 0 0 0;
}

	.msgw {
		width:90%;
		margin:0 auto;
		padding:10px 3%;
		border:1px solid #d6d6d6;
		box-shadow: 0px 0px 4px #d6d6d6;
		-webkit-box-shadow: 0px 0px 4px #d6d6d6;
		-moz-box-shadow: 0px 0px 4px #d6d6d6;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background-image:none;
		box-sizing:border-box;
	}
	
	.msgw h2 {
		width:96%;
		height:auto;
		background-image:none;
		text-indent:0;
		white-space:nowrap;
		font-weight:normal;
	    color:#000;
		padding:10px 0 5px 0;margin:0 auto 10px auto;
		border:1px solid #d6d6d6;
		background-color:#f6f6f6;
		text-align:center;
		box-sizing:border-box;
	}
	
		.msgw p {margin:0; padding:0 3%;}

}

#plist {
	width:661px;
	margin:0 0 0 30px;
	padding:20px 0 0 0;
}

	#plist h1 {
		width:661px;
		height:44px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		margin-bottom:10px;
		background:url(../img/item/st1.gif) no-repeat;
	}
	
	#plist table {
		width:661px;
		border-spacing:1px;
		background-color:#d6d6d6;
	}
	
	#plist table td {
		padding:5px 8px;
		background-color:#FFF;
		vertical-align:top;
	}
	
	#plist table th {
		padding:5px 8px;
		background-color:#f6f6f6;
		text-align:left;
		font-weight:normal;
	}
		


@media screen and (max-width: 650px) {	

#plist {
	width:100%; margin:0 auto;
}

	#plist h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:20px;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
	}
	
	#plist table {
		width:98%;
		margin:0 auto;
	}
	
	#plist table td {
		padding:5px 8px;
		background-color:#FFF;
		vertical-align:top;
	}
	
	#plist table th {
		padding:5px 8px;
		background-color:#f6f6f6;
		text-align:left;
		font-weight:normal;
	}
		


}

/*　左側　*/

#contl #klist {
	width:200px;
}

	#contl #klist h1 {
		width:200px;
		height:30px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
	
		#contl #klist h1#lh11 {background:url(../img/item/lst1.gif) no-repeat;}
		
		#contl .waku {
			width:178px;
			border:1px solid #d6d6d6;
			padding:0 10px 10px 10px;
			margin:0 0 20px 0;
		}
		
			#contl .waku p.sample {
				width:158px;
				background-color:#f1f1f1;
				padding:10px;
				text-align:center;
				border-top:3px solid #000;
				margin:0;
			}
			
			#contl .waku p.kind,
			#contl .waku p.kinds {
				width:178px;
				height:auto;
				
				border-bottom:1px dotted #666;
				margin:0;
			}
			
			#contl .waku p.kind a {
				width:152px;
				height:auto;
				padding:5px 8px 5px 18px;
				display:block;
				text-decoration:none;
				background:url(../img/item/yaji.png) no-repeat left;
			}
			
			
			#contl .waku p.kind a:hover {
				background-color:#333333;
				color:#FFFFFF;
				text-decoration:none;
			}
			
			
			#contl .waku p.kinds a {
				width:152px;
				height:auto;
				padding:5px 8px 5px 18px;
				display:block;
				text-decoration:none;
				background:url(../img/item/yaji.png) no-repeat left;
				background-color:#CCC;
			}


#contl #kdna {
	width:200px;
}

	#contl #kdna h1 {
		width:200px;
		height:30px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/item/lst2.gif) no-repeat;
	}
	
	#contl #kdna p {
		margin:0;
		padding:5px;
	}
	
	
@media screen and (max-width: 650px) {

#contl #klist {width:100%; padding:20px 0 0 0;}

	#contl #klist h1 {
		width:100%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		overflow:hidden;
		text-align:center;
	}
	
		#contl #klist h1#lh11 {background:none;}
		
		#contl .waku {
			width:90%;
			border:none;
			padding:0;
			margin:5px 5% 20px 5%;
			clear:both;
		}
		
			#contl .waku p.sample {
				width:100%;
				background-color:#f1f1f1;
				padding:10px 0;
				text-align:center;
				border-top:3px solid #000;
				margin:0;
			}
			
			#contl .waku p.kind,
			#contl .waku p.kinds {
				width:50%;
				height:auto;
				float:left;	
				margin:0;
				border-top:1px dotted #d6d6d6;
				border-bottom:none;
			}
			
			#contl .waku p.kind a {
				width:auto;
				height:auto;
				padding:5px 8px 5px 18px;
				display:block;
				text-decoration:none;
			}
			
			
			#contl .waku p.kind a:hover {
				background-color:none;
				text-decoration:none;
			}
			
			
			#contl .waku p.kinds a {
				width:auto;
				height:auto;
			}


#contl #kdna {
	width:100%; margin:0 auto; clear:both; padding:30px 0 0 0; text-align:center;
}

	#contl #kdna h1 {
		width:90%;
		padding:8px 5% 5px 5%;
		height:auto;
		text-indent:0;
		white-space:pre-wrap;
		background-image:none;
		margin-bottom:20px;
		font-weight:normal;
		background-color:#EFF1EC;
		border-top:1px dotted #d6d6d6;
		border-bottom:1px dotted #d6d6d6;
		font-size:1.2em;
		text-align:left;
	}
	
	#contl #kdna .waku img {float:right; margin:0 5% 5px 20px;}
	#contl #kdna p {
		margin:0;
		padding:0 5%;
		text-align:left;
	}
	
	
}	
	


/* ボタン ----------------------------------------------------*/

.graybtn {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83526;
	padding:3px 8px;
	white-space:nowrap;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	box-shadow:inset 1px 1px 0px 0px #fab3ad;
}.graybtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}.graybtn:active {
	position:relative;
	top:1px;
}




.bluebtn {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #3866a3;
	padding:9px 18px;
	font-size:14px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
	background-color:#63b8ee;
	color:#fff;
	display:inline-block;
	text-shadow:1px 1px 0px #7cacde;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bee2f9;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bee2f9;
 	box-shadow:inset 1px 1px 0px 0px #bee2f9;
}.bluebtn:hover {
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	background:-ms-linear-gradient( top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #468ccf), color-stop(100%, #63b8ee) );
	background-color:#468ccf;
}.bluebtn:active {
	position:relative;
	top:1px;
}

/* ピンク大ボタン ----------------------------------------------------*/

.pinkbtn {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
	font-size:18px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83526;
	padding:13px 15px;
	width:640px;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	box-shadow:inset 1px 1px 0px 0px #fab3ad;
}.pinkbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}.pinkbtn:active {
	position:relative;
	top:1px;
}


/* グレイボタン ----------------------------------------------------*/



.gbtn {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #cccacc;
	padding:3px 15px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffffff 5%, #e6e3e6 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #e6e3e6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e3e6');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #e6e3e6) );
	background-color:#ffffff;
	color:#141114;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	margin:5px 0 0 0;
}.gbtn:hover {
	background:-moz-linear-gradient( center top, #e6e3e6 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #e6e3e6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e3e6', endColorstr='#ffffff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e6e3e6), color-stop(100%, #ffffff) );
	background-color:#e6e3e6;
}.gbtn:active {
	position:relative;
	top:1px;
}




.wbtn {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d02718;
	padding:3px 15px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #810e05;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	box-shadow:inset 1px 1px 0px 0px #f5978e;
	margin:5px 0 0 0;
}.wbtn:hover {
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
}.wbtn:active {
	position:relative;
	top:1px;
}