@charset "utf-8";


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


/* Web Cas Document

  Basic
  
  hover.css

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


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

ul.share{
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}
ul.share li{
	margin: 0;
	padding: 0;
	float: left;
}
ul.share li.crmshare {
	margin-right: 1px;
}
ul.share li.crmshare a {
	display: block; background: url(../../share/images/bn_share_s2.jpg) no-repeat left top; overflow: hidden; width: 322px; position: relative; height: 50px;
}
ul.share li.mailshare a {
	display: block; background: url(../../share/images/bn_share_s3.jpg) no-repeat right top; overflow: hidden; width: 322px; position: relative; height: 50px;
}
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: -50px
}


/*mainNavi index only
----------------------------*/
#eConNavi a.emm {
	display: block; background: url(../images/right_on.jpg) no-repeat left top; overflow: hidden; width: 322px; position: relative; height: 158px;
}

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

ul.mainNavi a.results {
	display: block; background: url(../images/navi1_f2.gif) no-repeat left top; overflow: hidden; width: 323px; position: relative; height: 47px;
}
ul.mainNavi a.marketing {
	display: block; background: url(../images/navi3_f2.gif) no-repeat left top; overflow: hidden; width: 323px; position: relative; height: 61px;
}
ul.mainNavi a.speed {
	display: block; background: url(../images/navi2_f2.gif) no-repeat left top; overflow: hidden; width: 322px; position: relative; height: 47px;
}
ul.mainNavi a.db {
	display: block; background: url(../images/navi4_f2.gif) no-repeat left top; overflow: hidden; width: 322px; position: relative; height: 61px;
}

ul.mainNavi a:hover {
	background-color: #eee;
}
ul.mainNavi a img {
	background-color: #fff;
	vertical-align: top;
}
ul.mainNavi a.results:hover img,ul.mainNavi a.speed:hover img {
	position: relative; top: -47px
}
ul.mainNavi a.marketing:hover img,ul.mainNavi a.db:hover img {
	position: relative; top: -61px
}

/*mainNavi
----------------------------*/
#eConNavi a.emmb {
	display: block; background: url(../images/right_b_on.jpg) no-repeat left top; overflow: hidden; width: 427px; position: relative; height: 75px;
}

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

ul.second li img{
	vertical-align: top;
}
ul.second a.results {
	display: block; background: url(../images/s_navi1_f2.gif) no-repeat left top; overflow: hidden; width: 218px; position: relative; height: 68px;
}
ul.second a.speed {
	display: block; background: url(../images/s_navi2_f2.gif) no-repeat left top; overflow: hidden; width: 218px; position: relative; height: 66px;
}
ul.second a.marketing {
	display: block; background: url(../images/s_navi3_f2.gif) no-repeat left top; overflow: hidden; width: 218px; position: relative; height: 63px;
}
ul.second a.db {
	display: block; background: url(../images/s_navi4_f2.gif) no-repeat left top; overflow: hidden; width: 218px; position: relative; height: 69px;
}

ul.second a:hover {
	background-color: #eee;
}
ul.second a img {
	background-color: #fff;
	vertical-align: top;
}
ul.second a.results:hover img {
	position: relative; top: -68px
}
ul.second a.speed:hover img {
	position: relative; top: -66px
}
ul.second a.marketing:hover img {
	position: relative; top: -63px
}
ul.second a.db:hover img {
	position: relative; top: -69px
}

/*subNavi
----------------------------*/

a.index {
	display: block; background: url(../images/e-mail_navi1_f2.gif) no-repeat left top; overflow: hidden; width: 109px; position: relative; height: 39px;
}
a.personalize {
	display: block; background: url(../images/e-mail_navi2_f2.gif) no-repeat left top; overflow: hidden; width: 107px; position: relative; height: 39px;
}
a.function {
	display: block; background: url(../images/e-mail_navi3_f2.gif) no-repeat left top; overflow: hidden; width: 109px; position: relative; height: 39px;
}
a.manage {
	display: block; background: url(../images/e-mail_navi4_f2.gif) no-repeat left top; overflow: hidden; width: 106px; position: relative; height: 39px;
}
a.faq {
	display: block; background: url(../images/e-mail_navi5_f2.gif) no-repeat left top; overflow: hidden; width: 108px; position: relative; height: 39px;
}
a.siyo {
	display: block; background: url(../images/e-mail_navi6_f2.gif) no-repeat left top; overflow: hidden; width: 106px; position: relative; height: 39px;
}

.subNavi a:hover {
	background-color: #fff;
}
.subNavi a img {
	background-color: #fff;
	vertical-align: top;
}
.subNavi a:hover img {
	position: relative; top: -39px
}

/*mainNavi
----------------------------*/
ul.second li img{
	vertical-align: top;
}
ul.second a.results {
	display: block; background: url(../images/s_navi1_f2.gif) no-repeat left top; overflow: hidden; width: 218px; position: relative; height: 68px;
}
ul.second a.promotion {
	display: block; background: url(../images/s_navi2_f2.gif) no-repeat left top; overflow: hidden; width: 218px; position: relative; height: 66px;
}
ul.second a.pageform {
	display: block; background: url(../images/s_navi3_f2.gif) no-repeat left top; overflow: hidden; width: 218px; position: relative; height: 63px;
}
ul.second a.relate {
	display: block; background: url(../images/s_navi4_f2.gif) no-repeat left top; overflow: hidden; width: 218px; position: relative; height: 69px;
}

ul.second a:hover {
	background-color: #eee;
}
ul.second a img {
	background-color: #fff;
	vertical-align: top;
}
ul.second a.results:hover img {
	position: relative; top: -68px
}
ul.second a.promotion:hover img {
	position: relative; top: -63px
}
ul.second a.pageform:hover img {
	position: relative; top: -66px
}
ul.second a.relate:hover img {
	position: relative; top: -69px
}