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

 File Name  : contents.css
 Author     : MIYA
 Style Info : コンテンツ内のスタイル
=================================================================== */

.main dl	{
	margin-bottom: 30px;
}
.main dt	{
	font-weight: bold;
	margin-bottom: 5px;
}
/* サンプル 1
----------------------------------------------------------- */
#searchform1 {
	position: relative;
}
#keywords1	{
	width: 160px;
	height: 16px;
	background: url(../image/search.png) no-repeat 8px 3px;
	border: 1px solid #CCC;
	padding: 2px 2px 2px 26px;
}
#searchBtn1	{
	position: absolute;
	top: 0;
	left: 195px;
}

/* サンプル 2
----------------------------------------------------------- */
#searchform2 {
	position: relative;	
}
#keywords2	{
	width: 182px;
	height: 16px;
	background: #999;
	border: none;
	padding: 4px;
	color: #FFF;
}
#searchBtn2	{
	position: absolute;
	top: 0;
	_top: 1px;
	left: 190px;
}
*:first-child + html #searchBtn2	{
	top: 1px;
}

/* サンプル 3
----------------------------------------------------------- */
#searchform3 {
	position: relative;
}
#keywords3	{
	width: 170px;
	height: 16px;
	background: url(../image/input3.gif) no-repeat;
	border: none;
	padding: 3px 5px;
	color: #444;
}
#searchBtn3	{
	position: absolute;
	top: -1px;
	left: 178px;
}

/* サンプル 4
----------------------------------------------------------- */
#searchform4 {
	width: 200px;
	background: url(../images/input4.gif) left top no-repeat; 
	display: block;
	height: 24px;
	position: relative;
}
#keywords4	{
	width: 156px;
	position: absolute;
	top: 3px;
	left: 12px;
	border: 1px solid #FFF;
}
#searchBtn4	{
	position: absolute;
	top: 3px;
	left: 174px;
}