@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
----------------------------*/
ul.mainNavi a.results {
	display: block; background: url(../images/navi1_f2.gif) no-repeat left top; overflow: hidden; width: 323px; position: relative; height: 48px;
}
ul.mainNavi a.promotion {
	display: block; background: url(../images/navi3_f2.gif) no-repeat left top; overflow: hidden; width: 323px; position: relative; height: 60px;
}
ul.mainNavi a.pageform {
	display: block; background: url(../images/navi2_f2.gif) no-repeat left top; overflow: hidden; width: 322px; position: relative; height: 48px;
}
ul.mainNavi a.relate {
	display: block; background: url(../images/navi4_f2.gif) no-repeat left top; overflow: hidden; width: 322px; position: relative; height: 60px;
}

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.pageform:hover img {
	position: relative; top: -48px
}
ul.mainNavi a.promotion:hover img,ul.mainNavi a.relate:hover img {
	position: relative; top: -60px
}

/*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: -66px
}
ul.second a.pageform:hover img {
	position: relative; top: -63px
}
ul.second a.relate:hover img {
	position: relative; top: -69px
}

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

a.index {
	display: block; background: url(../images/formulator_navi1_f2.gif) no-repeat left top; overflow: hidden; width: 130px; position: relative; height: 41px;
}
a.function {
	display: block; background: url(../images/formulator_navi2_f2.gif) no-repeat left top; overflow: hidden; width: 131px; position: relative; height: 41px;
}
a.security {
	display: block; background: url(../images/formulator_navi3_f2.gif) no-repeat left top; overflow: hidden; width: 131px; position: relative; height: 41px;
}
a.faq {
	display: block; background: url(../images/formulator_navi4_f2.gif) no-repeat left top; overflow: hidden; width: 131px; position: relative; height: 41px;
}
a.siyo {
	display: block; background: url(../images/formulator_navi5_f2.gif) no-repeat left top; overflow: hidden; width: 122px; position: relative; height: 41px;
}

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

/*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
}