@charset "UTF-8";
/* CSS Document */
.deleted {
	display:none;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
	text-decoration: none;
}
.manual a {
	overflow: hidden;
	height: 22px;
	width: 91px;
	background-image: url(../image/manual-1.png);
	text-align: center;
	float: left;
	margin-left: 50px;
	margin-right: 5px;
}
.manual a:hover{
	background-image: url(../image/manual-1.png);
	background-position: 0px 22px;
}
.contact a {
	overflow: hidden;
	height: 22px;
	width: 91px;
	background-image: url(../image/contact-1.png);
	text-align: center;
	float: left;
	margin-right: 5px;
}
.contact a:hover{
	background-image: url(../image/contact-1.png);
	background-position: 0px 22px;
}
.faq a {
	overflow: hidden;
	height: 22px;
	width: 91px;
	background-image: url(../image/faq-1.png);
	text-align: center;
	float: left;
	margin-right: 5px;
}
.faq a:hover{
	background-image: url(../image/faq-1.png);
	background-position: 0px 22px;
}
.blog a {
	overflow: hidden;
	height: 22px;
	width: 91px;
	background-image: url(../image/blog-1.png);
	text-align: center;
	float: left;
	margin-right: 5px;
}
.blog a:hover{
	background-image: url(../image/blog-1.png);
	background-position: 0px 22px;
}
.tw-01 a {
	overflow: hidden;
	height: 22px;
	width: 148px;
	background-image: url(../image/tw-01-1.png);
	text-align: center;
	float: left;
	margin-right: 5px;
}
.tw-01 a:hover{
	background-image: url(../image/tw-01-1.png);
	background-position: 0px 22px;
}
.tw-02 a {
	overflow: hidden;
	height: 22px;
	width: 148px;
	background-image: url(../image/tw-02-1.png);
	text-align: center;
	float: left;
	margin-right: 2px;
}
.tw-02 a:hover{
	background-image: url(../image/tw-02-1.png);
	background-position: 0px 22px;
}
.mixi {
	overflow: hidden;
	height: 20px;
	width: 58px;
	text-align: center;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	margin-right: 5px;
}

.logo a {
	overflow: hidden;
	height: 129px;
	width: 300px;
	background-image: url(../image/logo-1.png);
	text-align: center;
	float: left;
	margin-left: 81px;
	margin-top: 23px;
}
.logo a:hover{
	background-image: url(../image/logo-1.png);
	background-position: 0px 129px;
}
.about a {
	overflow: hidden;
	height: 49px;
	width: 157px;
	background-image: url(../image/about-1.png);
	text-align: center;
	float: left;
	margin-left: 41px;
}
.about a:hover{
	background-image: url(../image/about-1.png);
	background-position: 0px 49px;
}
.about-select {
	overflow: hidden;
	height: 49px;
	width: 157px;
	background-image: url(../image/about-1.png);
	background-position: 0px 49px;
	text-align: center;
	float: left;
	margin-left: 41px;
}
.features a {
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/features-1.png);
	text-align: center;
	float: left;
}
.features a:hover{
	background-image: url(../image/features-1.png);
	background-position: 0px 49px;
}
.features-select a{
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/features-1.png);
	background-position: 0px 49px;
	text-align: center;
	float: left;
}
.promotion a{
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/features-1.png);
	background-position: 0px 49px;
	text-align: center;
	float: left;
}
.publish a {
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/publish-1.png);
	text-align: center;
	float: left;
}
.publish a:hover{
	background-image: url(../image/publish-1.png);
	background-position: 0px 49px;
}
.publish-select{
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/publish-1.png);
	background-position: 0px 49px;
	text-align: center;
	float: left;
}
.business a {
	overflow: hidden;
	height: 49px;
	width: 158px;
	background-image: url(../image/business-1.png);
	text-align: center;
	float: left;
}
.business a:hover{
	background-image: url(../image/business-1.png);
	background-position: 0px 49px;
}
.business-select{
	overflow: hidden;
	height: 49px;
	width: 158px;
	background-image: url(../image/business-1.png);
	background-position: 0px 49px;
	text-align: center;
	float: left;
}
.price a {
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/price-1.png);
	text-align: center;
	float: left;
}
.price a:hover{
	background-image: url(../image/price-1.png);
	background-position: 0px 49px;
}
.price-select{
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/price-1.png);
	background-position: 0px 49px;
	text-align: center;
	float: left;
}
.evaluate a {
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/evaluate-1.png);
	text-align: center;
	float: left;
}
.evaluate a:hover{
	background-image: url(../image/evaluate-1.png);
	background-position: 0px 49px;
}
.evaluate-select{
	overflow: hidden;
	height: 49px;
	width: 156px;
	background-image: url(../image/evaluate-1.png);
	background-position: 0px 49px;
	text-align: center;
	float: left;
}
.staff a {
	overflow: hidden;
	height: 42px;
	width: 159px;
	background-image: url(../image/staff-1.png);
	text-align: center;
	float: left;
}
.staff a:hover{
	background-image: url(../image/staff-1.png);
	background-position: 0px 42px;
}
.privacy a {
	overflow: hidden;
	height: 42px;
	width: 157px;
	background-image: url(../image/privacy-1.png);
	text-align: center;
	float: left;
}
.privacy a:hover{
	background-image: url(../image/privacy-1.png);
	background-position: 0px 42px;
}
.company a {
	overflow: hidden;
	height: 42px;
	width: 79px;
	background-image: url(../image/company-1.png);
	text-align: center;
	float: left;
}
.company a:hover{
	background-image: url(../image/company-1.png);
	background-position: 0px 42px;
}
.sitemap a {
	overflow: hidden;
	height: 42px;
	width: 110px;
	background-image: url(../image/sitemap-1.png);
	text-align: center;
	float: left;
}
.sitemap a:hover{
	background-image: url(../image/sitemap-1.png);
	background-position: 0px 42px;
}
.committee a {
	overflow: hidden;
	height: 42px;
	width: 176px;
	background-image: url(../image/committee-1.png);
	text-align: center;
	float: left;
	margin-left: 82px;
}
.wtc-logo a {
	overflow: hidden;
	height: 42px;
	width: 176px;
	background-image: url(../image/wtc-logo-1.png);
	text-align: center;
	float: left;
}
.promo a {
	overflow: hidden;
	height: 49px;
	width: 198px;
	background-image: url(../../about/image/about18-1.png);
	text-align: center;
	float: left;
	margin-left: 341px;
}
.promo a:hover{
	background-image: url(../../about/image/about18-1.png);
	background-position: 0px 49px;
}
.openManual {
	clear:both;
	padding: 15px 0 0;
}
.openManual a {
	height: 43px;
	width: 390px;
	background-image: url(../../features/image/features-open-manual-1.png);
	display: block;
	margin: 0 auto;
}
.openManual a:hover{
	background-image: url(../../features/image/features-open-manual-1.png);
	background-position: 0px 43px;
}
.about02 a {
	overflow: hidden;
	height: 49px;
	width: 198px;
	background-image: url(../../about/image/about19-1.png);
	text-align: center;
	float: left;
	margin-left: 341px;
}
.about02 a:hover{
	background-image: url(../../about/image/about19-1.png);
	background-position: 0px 49px;
}
.details01 a {
	overflow: hidden;
	height: 44px;
	width: 137px;
	background-image: url(../../image/details.png);
	text-align: center;
	float: left;
	margin-top: 204px;
	margin-left: 336px;
	background-position: 0px 0px;
}
.details01 a:hover{
	background-image: url(../../image/details.png);
	background-position: 0px 44px;
}
.details02 a {
	overflow: hidden;
	height: 44px;
	width: 137px;
	background-image: url(../../image/details.png);
	text-align: center;
	float: right;
	margin-top: 204px;
	background-position: 0px 0px;
	margin-right: 6px;
}
.details02 a:hover{
	background-image: url(../../image/details.png);
	background-position: 0px 44px;
}
.details03 a {
	overflow: hidden;
	height: 44px;
	width: 137px;
	background-image: url(../../image/details.png);
	text-align: center;
	float: left;
	margin-top: 189px;
	margin-left: 299px;
	background-position: 0px 0px;
}
.details03 a:hover{
	background-image: url(../../image/details.png);
	background-position: 0px 44px;
}
.more a {
	overflow: hidden;
	height: 15px;
	width: 56px;
	background-image: url(../../image/more.png);
	text-align: center;
	float: right;
	margin-top: 23px;
	background-position: 0px 0px;
	margin-right: 15px;
}
.more a:hover{
	background-image: url(../../image/more.png);
	background-position: 0px 15px;
}
.form-bs01 a {
	overflow: hidden;
	height: 42px;
	width: 176px;
	background-image: url(../../business/image/form-bs-1.png);
	text-align: center;
	background-position: 0px 0px;
	float: left;
	margin-left: 130px;
}
.form-bs01 a:hover{
	background-image: url(../../business/image/form-bs-1.png);
	background-position: 0px 42px;
}
.form-bs02 a {
	overflow: hidden;
	height: 42px;
	width: 176px;
	background-image: url(../../business/image/form-bs-1.png);
	text-align: center;
	background-position: 0px 0px;
	float: left;
	margin-left: 352px;
}
.form-bs02 a:hover{
	background-image: url(../../business/image/form-bs-1.png);
	background-position: 0px 42px;
}
.form-con a {
	overflow: hidden;
	height: 42px;
	width: 176px;
	background-image: url(../../contact/image/form-bt.png);
	text-align: center;
	background-position: 0px 0px;
	float: left;
	margin-left: 112px;
	margin-top: 20px;
}
.form-con a:hover{
	background-image: url(../../contact/image/form-bt.png);
	background-position: 0px 42px;
}
.form-con02 a {
	overflow: hidden;
	height: 42px;
	width: 176px;
	background-image: url(../../business/image/form-bs-1.png);
	text-align: center;
	background-position: 0px 0px;
	float: left;
	margin-left: 112px;
	margin-top: 20px;
}
.form-con02 a:hover{
	background-image: url(../../business/image/form-bs-1.png);
	background-position: 0px 42px;
}
.form-ev a {
	overflow: hidden;
	height: 42px;
	width: 176px;
	background-image: url(../../evaluate/image/form-ev-1.png);
	text-align: center;
	background-position: 0px 0px;
	float: left;
	margin-left: 352px;
	margin-top: 20px;
}
.form-ev a:hover{
	background-image: url(../../evaluate/image/form-ev-1.png);
	background-position: 0px 42px;
}
a.tooltip span {
	display:none;
	font-size: 80%;
	color: #900;
	margin-top: 42px;
	text-decoration: none;
} 

a.tooltip:hover span{
	display:inline;
	position:absolute;
	border:1px solid #CCB4DC;
	color:#6c6c6c;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #F5EBFF;
} 
.faq-page a {
	overflow: hidden;
	height: 44px;
	width: 176px;
	background-image: url(../../faq/image/form-faq-1.png);
	text-align: center;
	float: left;
	margin-left: 322px;
}
.faq-page a:hover{
	background-image: url(../../faq/image/form-faq-1.png);
	background-position: 0px 42px;
}
.form-twi a {
	overflow: hidden;
	height: 44px;
	width: 176px;
	background-image: url(../../faq/image/form-twi-1.png);
	text-align: center;
	float: left;
	margin-left: 322px;
}
.form-twi a:hover{
	background-image: url(../../faq/image/form-twi-1.png);
	background-position: 0px 42px;
}
.contact-page a {
	overflow: hidden;
	height: 44px;
	width: 176px;
	background-image: url(../../contact/image/form-contact-1.png);
	text-align: center;
	float: left;
	margin-left: 341px;
}
.contact-page a:hover{
	background-image: url(../../contact/image/form-contact-1.png);
	background-position: 0px 42px;
}
.home-twitter01-1 a {
	background-image: url(../../image/twitter-01-1.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 127px;
	float: left;
	margin-top: 190px;
	margin-left: 12px;
}
.home-twitter01-1 a:hover{
	background-image: url(../../image/twitter-01-1.png);
	background-position: 0px -52px;
}
.home-twitter02-1 a {
	background-image: url(../../image/twitter-02-1.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 127px;
	float: left;
	margin-top: 14px;
}
.home-twitter02-1 a:hover{
	background-image: url(../../image/twitter-02-1.png);
	background-position: 0px -53px;
}
.promotion-top a {
	background-image: url(../../image/promotion-top-1.png);
	background-repeat: no-repeat;
	height: 49px;
	width: 178px;
	float: left;
	margin-top: 302px;
	margin-left: 593px;
}
.promotion-top a:hover{
	background-image: url(../../image/promotion-top-1.png);
	background-position: 0px -49px;
}
.search {
	height: 22px;
	width: 168px;
	float: left;
}
.search-text {
	height: 16px;
	width: 118px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #999999;
	float: left;
	margin-top: 1px;
}
.search-submit{
	width:41px;
	height:22px;
	float: right;
	margin-left: 3px;
}
.dlpro a {
	overflow: hidden;
	height: 42px;
	width: 134px;
	background-image: url(../../supporter/image/details-bt.png);
	text-align: center;
	float: left;
	margin-left: 343px;
}
.dlpro a:hover{
	background-image: url(../../supporter/image/details-bt.png);
	background-position: 0px 42px;
}
.nakayan-bt a {
	overflow: hidden;
	height: 42px;
	width: 208px;
	background-image: url(../../supporter/image/nakayan-bt.png);
	text-align: center;
	float: left;
	margin-left: 113px;
	margin-top: 20px;
}
.nakayan-bt a:hover{
	background-image: url(../../supporter/image/nakayan-bt.png);
	background-position: 0px 42px;
}
.supporter-bt a {
	overflow: hidden;
	height: 48px;
	width: 198px;
	background-image: url(../../supporter/image/supporter-bt.png);
	text-align: center;
	float: left;
	margin-left: 340px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.supporter-bt a:hover{
	background-image: url(../../supporter/image/supporter-bt.png);
	background-position: 0px -48px;
}

/* ---------------------------------------------------------------
				 kawano
----------------------------------------------------------------- */

.trial a {
	overflow: hidden;
	height: 53px;
	width: 200px;
	background-image: url(../../evaluate/image/trial_download_button.png);
	text-align: center;
	float: left;
	margin-left: 100px;
}

.faq-page_L01 a {
	overflow: hidden;
	height: 44px;
	width: 176px;
	background-image: url(../../faq/image/form-faq-1.png);
	text-align: center;
	float: left;
	margin-left: 112px;
	margin-top: 20px;
        /* margin-left: 322px; */
}
.faq-page_L01 a:hover{
	background-image: url(../../faq/image/form-faq-1.png);
	background-position: 0px 42px;
}

.details_blog a {
	overflow: hidden;
	height: 44px;
	width: 137px;
	background-image: url(../../image/details.png);
	text-align: center;
	float: left;
       position: relative;
       top: 189px;
       left: -100px;
	background-position: 0px 0px;
}
.details_blog a:hover{
	background-image: url(../../image/details.png);
	background-position: 0px 44px;
}

.download_btn_200 a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin-left: 80px;
	background: url(../image/download_btn_200.png) top right no-repeat;
	width: 200px;
	height: 53px;
	text-align: center;
}

.download_btn_200 a:hover{
	background-image: url(../image/download_btn_200.png); 
	background-position: left bottom;
}

.update_info a {
	overflow: hidden;
	height: 22px;
	width: 148px;
	background-image: url(../image/update_info.png);
	text-align: center;
	float: left;
	margin-right: 5px;
}
.update_info a:hover{
	background-image: url(../image/update_info.png);
	background-position: 0px 22px;
}
.tw-formula a {
	overflow: hidden;
	height: 22px;
	width: 148px;
	background-image: url(../image/tw-01-1.png);
	text-align: center;
	float: left;
	margin-right: 2px;
}

.tw-formula a:hover{
	background-image: url(../image/tw-01-1.png);
	background-position: 0px 22px;
}

.sozai-page a {
	overflow: hidden;
	height: 44px;
	width: 176px;
	background-image: url(../image/sozai-btn.png);
	text-align: right;
	float: left;
	margin-left: 322px;
}
.sozai-page a:hover{
	background-image: url(../image/sozai-btn.png);
	background-position: 0px 42px;
}

/* --------------------------
			kawano 
----------------------------- */

/* ----- navi menu ----- */

#nav, #nav * {
    margin:0; padding:0;
    /* font:bold 11px verdana,sans-serif; */
}
#nav {
    padding:3px;
/*     background-color:#eff3f7;  */
}
#nav table {
    margin:3px 0;
    background-color:#eff3f7;
    border-spacing:1px;
    border:1px solid #b1d5e3;
}
#nav tr.center {
    text-align:center;
}
#nav td {
/*    width:100px; */
}
#nav a {    /* */
    padding:6px;
    display:block;
    background-color:#6bb3cd;
    color:#fff;
    text-decoration:none;
}
#nav a:hover {    /*  */
    padding:6px;
    background-color:#31859B;
    color:#fff;
    text-decoration:none;
}

#nav a:active  {    /*  */
	position:relative;
	top: 2px;
}

/* 画像 フレーム */

img.frame { border: 2px #0044CC solid; }

/* 画像を hover 時に色を薄くする */
a:hover img.hoverImg{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80)";
}

/* 画像 リンク */

.link-gra a { 
    text-decoration:none;
}

.link-gra a:hover img{
   opacity:0.8;
   filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80)";
}

.link-gra a:active  {
	position:relative;
	top: 2px;
}