@charset "utf-8";
/* =======================================

	manual CSS

 -----------------------------------------
	INDEX
 -----------------------------------------

	=01.ttl
	=02.Explanation
	=03.btn
	=04.Adobe
	=05.dw_List
	=06.Numserch

========================================== */






/* ====================================================================================

	=01.ttl
------------------------------------------------------------------------------------ */

#manual-search h2{
	min-width: 768px;
	margin: 0 0 15px;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #0070B6;
}
#manual-search h2:before{
	font-family: fontAwesome;
	content: "\f0c8";
	margin-right: 5px;
}


#manual-search h3{
	width:960px;
	background:#D6EEFB;
	padding:5px 10px;
	margin-bottom:12px;
	font-size:13px;
	color:#0068B5;
}

#manual-search h3 span{
	float:right;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}


#manual-search .tools-price {
    margin: 0 auto 10px;
    overflow: hidden;
}
#manual-search .tools-price ul li{
	width:176px;
	float:left;
	font-size:0.75em;
	padding:7px 20px;
	border:1px solid #A7A8A8;
	margin:0 26px 10px 0;
}
#manual-search .tools-price ul li.last{margin-right:0;}
#manual-search .tools-price ul li a{
	line-height:1.4;
	text-align:left;
	margin-bottom:10px;
	display:block;
}
#manual-search .tools-price ul li a.pdf{
	/*background: url(../images/icon/pdf.png) no-repeat right center;*/
}
#manual-search .tools-price ul li span{ display:block; text-align:left;}
@media only screen and (max-width: 640px){
	#manual-search{overflow-x: scroll;}
	#manual-search table,
	#manual-search #Pager{
		width: 768px!important;
	}
	#manual-search .tools-price ul li{
		float: none;
		margin: 0 auto 10px;
	}
}

#manual-search p.Search-id{
	height:60px;
	line-height:60px;
	margin-bottom:15px;
	padding-left:35px;
	font-size:13px;
	background: url(../../manual/images/search_bg.png) no-repeat left top;
}


#manual-search p.flow{width:100%;text-align:center;padding-bottom:30px;}
#manual-search p.txt{font-size:13px;margin-bottom:15px;}

#manual-search p.btn{width:100%;text-align:center;}



#manual-search #tool-kind{
	/*width:938px;
	border:1px solid #868686;
	padding:20px;*/
}

#manual-search div.Explan{
	text-align:right;
}


#manual-search div.Explan ul{
	float:right;
	overflow:hidden;
}

#manual-search div.Explan ul li{
	float:left;
}

#manual-search div.Explan ul li a{
	background:#0075C1;
	font-size:12px;
	padding:5px 10px;
	display:block;
	border-left:1px solid #fff;
}

#manual-search div.Explan a:link,
#manual-search div.Explan a:visited{color:#fff;text-decoration:none;}
#manual-search div.Explan a:hover{color:#fff;text-decoration:underline;}


#manual-search table{
	border-top: 1px solid #868686;
    border-left: 1px solid #868686;
    border-collapse: separate;
    border-spacing: 0;
	width:100%;
	margin-bottom:30px;
}

#manual-search table th,
#manual-search table td{
	border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
	padding:8px 5px;
	font-size:12px;
	text-align:center;
}

#manual-search table th{
	background:#E6E6E6;
	font-size:13px;
	font-weight:normal;
	color:#000;
}


#manual-search #result{
	text-align:left;
	margin-bottom:30px;
	padding-bottom:30px;
	overflow:hidden;
}

#manual-search #result p.tool{
	width:300px;
	float:left;
}

#manual-search #result div{
	width:680px;
	float:right;
	text-align:left;
}

#manual-search #result div p.no-name{
	margin: 0 0 15px;
	padding-left: 5px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #0070B6;
	border-left: 4px solid #0070B6;
}

#manual-search #result div dl{
	margin:0 auto 5px;
	padding-bottom:5px;
	text-align:left;
	overflow:hidden;
	font-size:15px;
	border-bottom: 1px dotted #c8c8c8;
}

#manual-search #result div dl dt{
	float:left;
	clear:both;
	width:95px;
	margin-right:5px;
	color:#0075C1;
}

#manual-search #result div dl dd{
	float:left;
	width:440px;
}

#manual-search #result div dl dt,
#manual-search #result div dl dd{padding-bottom:10px;}

#manual-search #result div p.pemarks{
	width:670px;
	margin:0 auto;
	font-size:13px;
	line-height:1.4;
}

#manual-search p.caution{
	font-size:13px;
	line-height:1.4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 5px;
}

#manual-search #result div p.pemarks span{
	display:block;
}
@media only screen and (max-width: 980px){
	#manual-search #result div{
		width: auto;
	}
	#manual-search #result p.tool{
		width:auto;
		float:none;
		margin: 0 0 20px;
		text-align: center;
	}

	#manual-search #result div{
		float:none;
		text-align:left;
	}
	#manual-search #result div dl{
		margin:0 auto 5px;
		padding-bottom:5px;
		text-align:left;
		overflow:hidden;
		font-size:15px;
		/*background: url(../images/dot_01.gif) repeat-x left bottom;*/
	}

	#manual-search #result div dl dt{
		float:left;
		width:95px;
	}

	#manual-search #result div dl dd{
		padding: 5px 0 5px 110px;
	}
	#manual-search #result div p.pemarks{
		width:auto;
	}
}
@media only screen and (max-width: 640px){
	#manual-search #result div dl dt{
		float:none;
		width:auto;
		padding: 0;
	}
	#manual-search #result div dl dd{
		padding: 5px 0 20px;
	}
}
#manual-search #contact{
	padding: 40px 10px;
	border-top: 1px solid #0070B6;
	border-bottom: 1px solid #0070B6;
	background: #e3e3e3;
}
#manual-search #contact h4{
	margin: 0 0 10px;
	color: #0070B6;
	font-weight: bold;
	text-align: center;
}
#manual-search #contact ul{
	text-align: center;
	letter-spacing: -0.5em;
}
#manual-search #contact ul.bd{
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #0070B6;
}
#manual-search #contact ul li{
	display: inline-block;
	padding: 0 10px;
	letter-spacing: normal;
}
#manual-search #contact ul li span{
	display: inline-block;
	min-width: 240px;
	padding: 13px 10px 10px;
	font-size: 16px;
	text-align: center;
	border: 1px solid #0070B6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
@media only screen and (max-width: 640px){
	#manual-search #contact ul li{
		display: block;
		margin: 0 0 10px;
		text-align: center;
	}
}

/* ====================================================================================

	=06.Numserch
------------------------------------------------------------------------------------ */


#manual-search #Numserch-att{
	padding-bottom:15px;
	/*border:1px solid #868686;*/
	margin:0 auto 0;
}

#manual-search #Numserch-att dl{
	text-align:left;
}

#manual-search #Numserch-att dl dt{
	color:#0075C1;
	font-size:15px;
	margin-bottom:4px;
}

#manual-search #Numserch-att dl dd{
	color:#666;
	font-size:13px;
}

#manual-search #Code-input{
	margin:0 auto 50px;
	padding:10px 0px;
	text-align:center;
	background:#F2F2F2;
    border:1px solid #868686;
}

#manual-search #Code-input div{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:13px;
}

#manual-search #Code-input div input{width:150px;}

#manual-search #Code-input div.code-L{ width:400px;}
#manual-search #Code-input div.code-R{ width:300px;}

* html #manual-search #Code-input div{/* IE 6 */
	display:inline;
	zoom:1;
}

*:first-child+html div.sample1 div{/* IE 7 */
	display:inline;
	zoom:1;
}
@media only screen and (max-width: 640px){
	#manual-search #Code-input div{
		display: block;
	}
	#manual-search #Code-input div.code-L,
	#manual-search #Code-input div.code-R{ width:auto;}
	#manual-search #Code-input div.code-L{margin: 0 0 10px;}
}