/* ==================================================
   Basic Styles
================================================== */


/* 設定 */

/*body,td,tr*/
body
{

margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
/*height: 100%;*/
border: 0px;
padding: 0px;
/*overflow: hidden; */
color: #555555;
/*text-shadow: 0 1px 1px #a5987e;*/  
font-size: 12px;
font-family: sans-serif, Verdana, Arial, Helvetica;
line-height: 1.5em;
letter-spacing: 0.02em;
background-color: #FFFFFF;
/*background-image: url("http://abreuvoir.co.jp/_include/contact/soft-st3.jpg");
background-repeat:repeat;
background-position: center center;
background-repeat:no-repeat;
no-repeat fixed center center;
background-attachment: fixed;
text-shadow: 1px 1px 2px #adb6a9;*/


}

td,tr
{
color: #282828;
font-size: 12px;
line-height: 1.5em;
letter-spacing: 0.02em;
}




a:link {
/*background-color: #4E301F;*/
font-size: 12px;
color: #565656;
text-decoration: none;
/*font-weight:bold;*/
}
a:visited {
/*background-color: #4E301F;*/
font-size: 12px;
color: #565656;
text-decoration: none;
/*font-weight:bold;*/
}
a:hover {
/*background-color: #F2D046;*/
font-size: 12px;
color: #f2c846;
/*font-weight:bold;*/
text-decoration: none;
}
a:active {
text-decoration: none;
/*font-weight:bold;*/
font-size: 12px;
color: #f2c846;
}




/* ==================================================
   SUBMIT--CSS
================================================== */

/*↓↓↓↓↓ここから、各サンプルのCSS↓↓↓↓↓*/



/*sample1*/
.smp1 {
	cursor:pointer;/*カーソルを指先型にします*/
	font-size:130%;
	font-weight: bold;
	width:150px;
	padding: 5px 0;
	margin:0.5em 0.5em 0 0;
	border-style:none;/*デフォルトのボーダーを消す。ボーダーの指定を上書きしてもOK*/
	color: #fff;
	background:#90E733;/*背景色を指定*/
/*↓ボックスの角丸の指定です*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*↓ボックスのシャドウの指定です*/
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	box-shadow: 2px 2px 3px 1px #666;
/*↓テキストシャドウの指定です*/
	text-shadow: 1px 1px 2px #000; 
}
/*↓「:hover」で、ロールオーバー時に変えたい指定をします。ここでは背景色だけ変更*/
.smp1:hover {
	background-color: #54980C;
}




/*sample1-gradation*/
.smp1gra {
	cursor:pointer;
	font-size:130%;
	font-weight: bold;
	width:150px;
	padding: 5px 0;
	margin:0.5em 0.5em 0 0;
	border-style:none;
	color: #fff;
/*↓背景グラデーションの指定です*/
	background: -moz-linear-gradient(top, #90E733, #428000 50%, #90E733);
	background: -webkit-gradient(linear, left top, left bottom, from(#90E733), color-stop(0.5, #428000), to(#90E733));
	background: -o-linear-gradient(top, #90E733, #428000 50%, #90E733);
	background: linear-gradient(top, #90E733, #428000 50%, #90E733);
/*↓以下、ボックスの角丸、シャドウ、テキストシャドウの指定（サンプル1と同じです）*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	box-shadow: 2px 2px 3px 1px #666;
	text-shadow: 1px 1px 2px #000; 
}

.smp1gra:hover {
/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/
	opacity: 0.8;
}





/*sample2画像アイコン-送信*/
.smp2 {
	cursor:pointer;
	font-size:0;
	line-height:0;
	border-style:none;
	padding:0;
/*↓背景に画像ファイルを指定。続いて画像サイズに合わせて幅と高さも指定*/
	background-image:url(http://www.abreuvoir.co.jp/_include/img/submit.jpg);
	width:162px;
	height:46px;
}
.smp2:hover {
/*↓ロールオーバー時の背景画像を指定*/
	background-image:url(http://www.abreuvoir.co.jp/_include/img/submit2.jpg);
}

/*sample3画像アイコン-リセット*/
.smp3 {
	cursor:pointer;
	font-size:0;
	line-height:0;
	border-style:none;
	padding:0;
/*↓背景に画像ファイルを指定。続いて画像サイズに合わせて幅と高さも指定*/
	background-image:url(http://www.abreuvoir.co.jp/_include/img/reset.jpg);
	width:162px;
	height:46px;
}
.smp3:hover {
/*↓ロールオーバー時の背景画像を指定*/
	background-image:url(http://www.abreuvoir.co.jp/_include/img/reset2.jpg);
}