@charset "utf-8";


@import url("../commom/css/hover.css");



/* Web Cas Document

  Basic
  
  hover.css

----------------------------------------------------------------------- */


/*top image
----------------------------*/

a.case {
	display: block; background: url(../images/main_img_f2.jpg) no-repeat left top; overflow: hidden; width: 645px; position: relative; height: 209px;
}
a.case:hover {
	background-color: #eee;
}
a.case img {
	background-color: #fff;
	vertical-align: top;
}
a.case:hover img {
	position: relative; top: -209px;
}

/*2010_5_29サイト停止お知らせ用バナー
----------------------------*/

a.stop {
	display: block; background: url(../images/bn_stop001_on.jpg) no-repeat left top; overflow: hidden; width: 645px; position: relative; height: 73px;
}
a.stop:hover {
	background-color: #eee;
}
a.stop img {
	background-color: #fff;
	vertical-align: top;
}
a.stop:hover img {
	position: relative; top: -73px;
}

/*share No.1
----------------------------*/

ul.share{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.share li{
	margin: 0;
	padding: 14px 0;
	float: left;
}
ul.share li.crmshare {
	margin-right: 5px;
}
ul.share li.crmshare a {
	display: block; background: url(../share/images/banner_share2_2.jpg) no-repeat left top; overflow: hidden; width: 320px; position: relative; height: 140px;
}
ul.share li.mailshare a {
	display: block; background: url(../share/images/banner_share2_3.jpg) no-repeat right top; overflow: hidden; width: 320px; position: relative; height: 140px;
}
ul.share li a:hover {
	background-color: #eee;
}
ul.share li a img {
	background-color: #fff;
	vertical-align: top;
}
ul.share li a:hover img{
	position: relative; top: -140px
}

/*ASP
----------------------------*/
.look {
	position: absolute;
	top: 39px;
	right: 15px;
	clear: both;
}
a.aspb {
	display: block; background: url(../images/bt_more_f2.gif) no-repeat left top; overflow: hidden; width: 67px; position: relative; height: 16px;
}
a.aspb:hover {
	background-color: #eee;
}
a.aspb img {
	background-color: #fff;
	vertical-align: top;
}
a.aspb:hover img {
	position: relative; top: -16px
}
a.email {
	display: block; background: url(../images/asp1_o.gif) no-repeat left top; overflow: hidden; width: 155px; position: relative; height: 30px;
}
a.mailcenter {
	display: block; background: url(../images/asp2_o.gif) no-repeat left top; overflow: hidden; width: 155px; position: relative; height: 30px;
}
a.formulator {
	display: block; background: url(../images/asp3_o.gif) no-repeat left top; overflow: hidden; width: 155px; position: relative; height: 30px;
}
a.creator {
	display: block; background: url(../images/asp4_o.gif) no-repeat left top; overflow: hidden; width: 155px; position: relative; height: 30px;
}

.aspcrm a:hover {
	background-color: #eee;
}
.aspcrm a img {
	background-color: #fff;
	vertical-align: top;
}
.aspcrm a:hover img {
	position: relative; top: -30px
}