@charset "utf-8";
/* ------------------------------------------------------
base setting
------------------------------------------------------ */

body {
	margin: 0;
	border: 0;
	padding: 0;
	background-color: #faf9f9;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #302e2c;
	height: 100%;
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;	
	text-align: center;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, div, form, address {
	list-style-type:none;
	margin:0;
	border:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	line-height: 1.2em;
}

img {
    border: 0;
}

textarea {
	font-size: 12px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}	

a:link {
	text-decoration: none;
	color: #546a08;
}

a:visited {
	text-decoration: none;
	color: #6e8227;
}

a:hover {
	text-decoration: underline;
	color: #7b9c07;
}

a:active {
	text-decoration: none;
	color: #6e8227;
}


#wrapper {
	font-size: 80%;
	color: #302e2c;
	letter-spacing:1px;
	text-align: left;
	position:relative;
	min-height: 100%;
}

* html div#wrapper {
	height:100%;
}



/* ------------------------------------------------------
clearfix
---------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* ------------------------------------------------------
header
------------------------------------------------------ */

#header {
	width: 900px;
	margin: 0 auto;
	height: 75px;
}

.top_text {
	font-size: 9px;
	color:#898058;
	/*margin-top: -2px;*/
	margin-bottom: 6px;
}

.headerBlock {
	width: 900px;
	height:53px;
}

.logo {
	width: 360px;
	height: 45px;
	float: left;
	margin-right: 20px;
	font-size: 11px;
}

.top_dl {
	width: 326px;
	height: 40px;
	float: left;
	margin-top: 5px;
}
.reason2 {
	background-image: url(../img/top_reason_head.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 340px;
	font-size: 23px;
	font-weight: bold;
	text-align: right;
	color: #600;
	padding-top: 7px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.reason3 {
	background-image: url(../img/top_comment03.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 330px;
	padding-top: 7px;
	float: left;
}
.reason4 {
	background-image: url(../img/top_comment04.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 330px;
	padding-top: 7px;
	float: left;
	margin-left: 10px;
}
.reason_font1 {
	font-size: 23px;
	color: #F60;
	font-weight: bold;
	width: 270px;
	padding-left: 50px;
}
.reason_font2 {
	font-size: 13px;
	color: #333;
	width: 185px;
	padding-top: 7px;
	padding-left: 14px;
	line-height: 16px;
}

.headerNav {
	width: 180px;
	height: 23px;
	float: right;
	font-size: 10px;
	margin-left: 10px;
}

.headerNav li {
	display: inline;
	padding-left: 20px;
	margin-top: 12px;
}

.headerNav_inquiry {
	background-image: url(../img/icon_mail.gif);
	background-repeat: no-repeat;
}

.headerNav_login {
	background-image: url(../img/icon_login.gif);
	background-repeat: no-repeat;
}

.tel {
	width: 160px;
	float: right;
	height: 18px;
	padding-left: 20px;
	background-image: url(../img/icon_tel.gif);
	background-repeat: no-repeat;
	font-size: 16px;
}

#gNav {
	width: 100%;
	height: 35px;
	background-image: url(../img/gNav_bg.jpg);
	background-repeat: repeat-x;
}

.gNavBlock {
	width: 900px;
	height: 35px;
	margin: 0 auto;
}

.gNavBlock li {
	float: left;
	font-size: 1%;
	line-height: 1%;
}

.gNavBlock li a {
	text-indent: -9999px;
	display: block;
	height: 35px;
	text-decoration: none;/*FireFox対応*/
	overflow: hidden;/*FireFox対応*/
}
.gNav_general {
	width: auto !important;
	height: 35px;
	font-size: 14px !important;
	line-height: 14px !important;
}

.gNav_general a {
	text-indent: 0 !important;
	color : white;
	line-height: 35px !important;
	padding : 0 20px !important;
	background-image: url(../img/gNav_general.jpg);
	background-repeat: repeat-x;
	background-position: 0px -35px;
}
.gNav_general a:link, .gNav_general a:visited {background-position: 0px 0px;}
.gNav_general a:hover, .gNav_general a:active {background-position: 0px -35px;}

.gNav_top {
	width: 85px;
	height: 35px;
}

.gNav_top a {
	background-image: url(../img/gNav_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_top a:hover {
	background-image: url(../img/gNav_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

/*画像置換で該当画面のリンクがオフになる設定、以下二つ*/
.gNav_top a:link, .gNav_top a:visited {
	background-position: 0px 0px;
}

.gNav_top a:hover, .gNav_top a:active {
	background-position: 0px -35px;
}

/*該当ページが開いているとき*/
.gNav_top_active {
	width: 85px;
	height: 35px;
}

.gNav_top_active a {
	background-image: url(../img/gNav_top_active.jpg);
	background-repeat: no-repeat;
}

.gNav_top_active a:hover {
	background-image: url(../img/gNav_top_active.jpg);
	background-repeat: no-repeat;
}


.gNav_service {
	width: 160px;
	height: 35px;
}

.gNav_service a {
	background-image: url(../img/gNav_service.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_service a:hover {
	background-image: url(../img/gNav_service.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_service a:link, .gNav_service a:visited {
	background-position: 0px 0px;
}

.gNav_service a:hover, .gNav_service a:active {
	background-position: 0px -35px;
}

/*該当ページが開いているとき*/
.gNav_service_active {
	width: 160px;
	height: 35px;
}

.gNav_service_active a {
	background-image: url(../img/gNav_service_active.jpg);
	background-repeat: no-repeat;
}

.gNav_service_active a:hover {
	background-image: url(../img/gNav_service_active.jpg);
	background-repeat: no-repeat;
}

.gNav_channel {
	width: 175px;
	height: 35px;
}

.gNav_channel a {
	background-image: url(../img/gNav_channel.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-position: 0px 35px;
}

.gNav_channel a:hover {
	background-image: url(../img/gNav_channel.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_channel a:link, .gNav_channel a:visited {
	background-position: 0px 0px;
}

.gNav_channel a:hover, .gNav_channel a:active {
	background-position: 0px -35px;
}

/*該当ページが開いているとき*/
.gNav_channel_active {
	width: 175px;
	height: 35px;
}

.gNav_channel_active a {
	background-image: url(../img/gNav_channel_active.jpg);
	background-repeat: no-repeat;
}

.gNav_channel_active a:hover {
	background-image: url(../img/gNav_channel_active.jpg);
	background-repeat: no-repeat;
}


.gNav_install {
	width: 128px;
	height: 35px;
}

.gNav_install a {
	background-image: url(../img/gNav_install.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_install a:hover {
	background-image: url(../img/gNav_install.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_install a:link, .gNav_install a:visited {
	background-position: 0px 0px;
}

.gNav_install a:hover, .gNav_install a:active {
	background-position: 0px -35px;
}

/*該当ページが開いているとき*/
.gNav_install_active {
	width: 128px;
	height: 35px;
}

.gNav_install_active a {
	background-image: url(../img/gNav_install_active.jpg);
	background-repeat: no-repeat;
}

.gNav_install_active a:hover {
	background-image: url(../img/gNav_install_active.jpg);
	background-repeat: no-repeat;
}


.gNav_download {
	width: 147px;
	height: 35px;
}

.gNav_download a {
	background-image: url(../img/gNav_download.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_download a:hover {
	background-image: url(../img/gNav_download.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_download a:link, .gNav_download a:visited {
	background-position: 0px 0px;
}

.gNav_download a:hover, .gNav_download a:active {
	background-position: 0px -35px;
}

/*該当ページが開いているとき*/
.gNav_download_active {
	width: 147px;
	height: 35px;
}

.gNav_download_active a {
	background-image: url(../img/gNav_download_active.jpg);
	background-repeat: no-repeat;
}

.gNav_download_active a:hover {
	background-image: url(../img/gNav_download_active.jpg);
	background-repeat: no-repeat;
}



.gNav_results {
	width: 85px;
	height: 35px;
}

.gNav_results {
	width: 85px;
	height: 35px;
}

.gNav_results a {
	background-image: url(../img/gNav_results.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_results a:hover {
	background-image: url(../img/gNav_results.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_results a:link, .gNav_results a:visited {
	background-position: 0px 0px;
}

.gNav_results a:hover, .gNav_results a:active {
	background-position: 0px -35px;
}

/*該当ページが開いているとき*/
.gNav_results_active {
	width: 85px;
	height: 35px;
}

.gNav_results_active a {
	background-image: url(../img/gNav_results_active.jpg);
	background-repeat: no-repeat;
}

.gNav_results_active a:hover {
	background-image: url(../img/gNav_results_active.jpg);
	background-repeat: no-repeat;
}

.gNav_support {
	width: 120px;
	height: 35px;
}

.gNav_support a {
	background-image: url(../img/gNav_support.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_support a:hover {
	background-image: url(../img/gNav_support.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}

.gNav_support a:link, .gNav_support a:visited {
	background-position: 0px 0px;
}

.gNav_support a:hover, .gNav_support a:active {
	background-position: 0px -35px;
}

/*該当ページが開いているとき*/
.gNav_support_active {
	width: 120px;
	height: 35px;
}

.gNav_support_active a {
	background-image: url(../img/gNav_support_active.jpg);
	background-repeat: no-repeat;
}

.gNav_support_active a:hover {
	background-image: url(../img/gNav_support_active.jpg);
	background-repeat: no-repeat;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */

/* TOPページのみ */
#flashArea {
	background-image: url(../img/topFL_bg.jpg);
	background-repeat: repeat;
	height: 385px;
	clear: both;
}

.flash {
	width: 900px;
	margin: 0 auto;
	height: 385px;
	background-image: url(../img/flash_bk.jpg);
	background-repeat: no-repeat;
}

/* subNavあり */
#subNav {
	width: 100%;
	height: 25px;
	background-image:url(../img/service_subnav_bg.jpg);
	background-repeat: repeat-x;
}
.flash2 {
	height: 0px;
	width: 0px;
	text-indent: -9998px;
	display: none;
	margin: 0px;
	padding: 0px;
}


.subNavBlock {
	width: 900px;
	height: 22px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.subNavBlock li {
	float: left;
}

.subNavBlock li a {
	height: 22px;
}

/* サービス_start */
.subNav_feature {
	width: 75px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_feature a {
	width: 75px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_feature a:hover {
	width: 75px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_feature_active {
	width: 75px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_feature_active a {
	width: 75px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_feature_active a:hover {
	width: 75px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_plan {
	width: 125px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}
.pankuzu {
	width: 893px;
	height: 15px;
	font-size: 13px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-left: 7px;
}

.subNav_plan a {
	width: 125px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_plan a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_plan_active {
	width: 125px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_plan_active a {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_plan_active a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_specification {
	width: 100px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_specification a {
	width: 100px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_specification a:hover {
	width: 100px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_specification_active {
	width: 100px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_specification_active a {
	width: 100px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_specification_active a:hover {
	width: 100px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}
/* サービス_end */


/* チャンネル_start */
.subNav_scene {
	width: 125px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_scene a {
	width: 125px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_scene a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_scene_active {
	width: 125px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	border-bottom: #feaf3a solid 3px;
}

.subNav_scene_active a {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_scene_active a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_genre {
	width: 140px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}
.subNav_genre2 {
	width: 140px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_genre a {
	width: 125px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_genre a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_genre_active {
	width: 140px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	border-bottom: #feaf3a solid 3px;
}

.subNav_genre_active a {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_genre_active a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_professional {
	width: 110px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_professional a {
	width: 125px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_professional a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_professional_active {
	width: 110px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	border-bottom: #feaf3a solid 3px;
}

.subNav_professional_active a {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_professional_active a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_special {
	width: 125px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_special a {
	width: 125px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_special a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_special_active {
	width: 125px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	border-bottom: #feaf3a solid 3px;
}

.subNav_special_active a {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_special_active a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}



/* サポート_start */
.subNav_supportTop {
	width: 110px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_supportTop a {
	width: 110px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_supportTop a:hover {
	width: 110px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_supportTop_active {
	width: 110px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_supportTop_active a {
	width: 110px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_supportTop_active a:hover {
	width: 110px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_faq {
	width: 110px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_faq a {
	width: 110px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_faq a:hover {
	width: 110px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_faq_active {
	width: 110px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_faq_active a {
	width: 110px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_faq_active a:hover {
	width: 110px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_inquiry {
	width: 104px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_inquiry a {
	width: 104px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_inquiry a:hover {
	width: 104px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_inquiry_active {
	width: 104px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_inquiry_active a {
	width: 104px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_inquiry_active a:hover {
	width: 104px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_guides {
	width: 108px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_guides a {
	width: 108px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_guides a:hover {
	width: 108px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_guides_active {
	width: 108px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_guides_active a {
	width: 108px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_guides_active a:hover {
	width: 108px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}



/* サポート_end */


/* インストール_start */
.subNav_step {
	width: 125px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_step a {
	width: 125px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_step a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}

.subNav_step_active {
	width: 125px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_step_active a {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_step_active a:hover {
	width: 125px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_equipment {
	width: 148px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_equipment a {
	width: 148px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_equipment a:hover {
	width: 148px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}
.subNav_equipment_active {
	width: 148px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_equipment_active a {
	width: 148px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_equipment_active a:hover {
	width: 148px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_shop {
	width: 148px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
}

.subNav_shop a {
	width: 148px;
	height: 22px;
	color: #d4d2d0 !important;
	text-decoration: none;
}

.subNav_shop a:hover {
	width: 148px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
}
.subNav_shop_active {
	width: 148px;
	height: 18px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	border-bottom: #feaf3a solid 3px;
}

.subNav_shop_active a {
	width: 148px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}

.subNav_shop_active a:hover {
	width: 148px;
	height: 22px;
	color: #FFF !important;
	text-decoration: none;
	font-weight: bold;
}
/* インストール_end */



#pageImage_sub {
	background-image: url(../img/pageArea_sub_rightBG.jpg);
	background-repeat: repeat-x;
	height: 190px;
	clear: both;
}

.logobox_install {
	position: absolute;
	left: 0;
	top: 180px;
	text-align: right;
	background: url(../img/bg_logo_install.jpg) right center no-repeat !important;
	width: 50%;
	height: 103px;
	font-size: 0px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	/*filter以下はIE6ハック*/
}

.logobox_service {
	position: absolute;
	left: 0;
	top: 180px;
	text-align: right;
	background: url(../img/bg_logo_service.jpg) right center no-repeat !important;
	width: 50%;
	height: 103px;
	font-size: 0px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	/*filter以下はIE6ハック*/
}

.logobox_channel {
	position: absolute;
	left: 0;
	top: 180px;
	text-align: right;
	background: url(../img/bg_logo_channel.jpg) right center no-repeat !important;
	width: 50%;
	height: 103px;
	font-size: 0px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	/*filter以下はIE6ハック*/
}

.logobox_support {
	position: absolute;
	left: 0;
	top: 180px;
	text-align: right;
	background: url(../img/bg_logo_support.jpg) right center no-repeat !important;
	width: 50%;
	height: 103px;
	font-size: 0px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	/*filter以下はIE6ハック*/
}


/* subNavなし */
#pageImage {
	background-image: url(../img/pageArea_rightBG.jpg);
	background-repeat: repeat-x;
	height: 217px;
	clear: both;	
}

.pageImageArea {
	width: 900px;
	margin: 0 auto;
	font-size:0px;
}


.logobox_about {
	position: absolute;
	left: 0;
	top: 180px;
	text-align: right;
	background: url(../img/bg_logo_about.jpg) right center no-repeat !important;
	width: 50%;
	height: 103px;
	font-size: 0px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	/*filter以下はIE6ハック*/
}

.logobox_trial {
	position: absolute;
	left: 0;
	top: 180px;
	text-align: right;
	background: url(../img/bg_logo_trial.jpg) right center no-repeat !important;
	width: 50%;
	height: 103px;
	font-size: 0px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	/*filter以下はIE6ハック*/
}

.logobox_connect {
	position: absolute;
	left: 0;
	top: 180px;
	text-align: right;
	background: url(../img/bg_logo_connect.jpg) right center no-repeat !important;
	width: 50%;
	height: 103px;
	font-size: 0px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	/*filter以下はIE6ハック*/
}

.logobox_results {
	position: absolute;
	left: 0;
	top: 180px;
	text-align: right;
	background: url(../img/bg_logo_results.jpg) right center no-repeat !important;
	width: 50%;
	height: 103px;
	font-size: 0px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	/*filter以下はIE6ハック*/
}
/* 実績紹介ページlogoboxは各ページcssに記載 */


#contents_back {
	background-image: url(../img/contents_bg.jpg);
	background-repeat: repeat;
}


#contents {
	width: 900px;
	margin: 0 auto;
	background-color: #faf9f9;
}

#left_contents {
	width: 670px;
	float: left;
	padding: 7px;
	margin-bottom: 20px;
}

#right_contents {
	width: 205px;
	float: right;
	padding: 10px 5px 10px 0px;
	margin-bottom: 320px;
}

.contents_title {
	margin: 6px 0px 10px 0px;
	clear: both;
}

.contents_title_general {
	width:auto;
	height: 30px;
	font-size : 14px !important;
	line-height: 30px !important;
	color : white;
	padding : 0 10px;
	background-image:url(../img/contents_titile_general.gif);
	background-repeat: repeat-x;
	text-indent : 0px !important;
	display: block;
	text-decoration : none;
	overflow:hidden;
	clear:both;
}

.banner {
	margin: 5px 0px 5px 0px;
}

.contents_foot {
	clear: both;
	background-image: url(../img/bg.jpg);
	height: 18px;
	background-position: center;
	border: none;
	font-size:0px;
}

.dl_content {
	width: 650px;
	height: 140px;
	background-image: url(../img/dl_content.gif) ;
	background-repeat: no-repeat;
	margin: 30px 0px 30px 0px;
	padding: 50px 0px 0px 20px;
	clear: both;
}

.dl_btn {
	width: 265px;
	height: 55px;
}

.dl_btn a {
	text-indent: -9999px;
	display: block;
	height: 55px;
	text-decoration: none;/*FireFox対応*/
	overflow: hidden;/*FireFox対応*/
	background-image: url(../img/download_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px -55px;
}

.dl_btn a:hover {
	background-image: url(../img/download_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px -55px;
}

.dl_btn a:link, .dl_btn a:visited {
	background-position: 0px 0px;
}

.dl_btn a:hover, .dl_btn a:active {
	background-position: 0px -55px;
}

/* 2011/4/4 iPad,iPhoneアプリ版リリース対応で追加 */
.step_dl_pc_btn {
	width: 630px;
	height: 55px;
	float: left;
	margin-bottom: 10px;
	zoom: 100%;
}

.step_dl_pc_btn:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.step_dl_pc_btn a {
	width: 265px;
	text-indent: -9999px;
	display: block;
	height: 55px;
	text-decoration: none;/*FireFox対応*/
	overflow: hidden;/*FireFox対応*/
	background-image: url(../img/download_pc_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.step_dl_pc_btn a:hover {
	background-image: url(../img/download_pc_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px -55px;
}

.step_dl_pc_btn a:link, .step_dl_btn a:visited {
	background-position: 0px 0px;
}

.step_dl_pc_btn a:hover, .step_dl_btn a:active {
	background-position: 0px -55px;
}

.step_dl_app_btn {
	width: 265px;
	height: 55px;
	float: left;
	zoom: 100%;
}

.step_dl_app_btn:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.step_dl_app_btn a {
	text-indent: -9999px;
	display: block;
	height: 55px;
	text-decoration: none;/*FireFox対応*/
	overflow: hidden;/*FireFox対応*/
	background-image: url(../img/download_app_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.step_dl_app_btn a:hover {
	background-image: url(../img/download_app_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px -55px;
}

.step_dl_app_btn a:link, .step_dl_btn a:visited {
	background-position: 0px 0px;
}

.step_dl_app_btn a:hover, .step_dl_btn a:active {
	background-position: 0px -55px;
}

/* ------------------------------------------------------
footer
------------------------------------------------------ */

#footer {
	background-image:url(../img/footer_bg.jpg);
	background-repeat:repeat-x;
	height: 130px;
	clear: both;
}

.footer_area {
	width: 900px;
	margin: 0 auto;
	padding-top: 55px;
	font-size: 10px;
	color: #dadad2;
}

.cp {
	float: left;
	zoom: 100%;
}

.cp:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.footerNav {
	float: right;
	zoom: 100%;
}

.footerNav:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.footerNav li {
	display: inline;
}

.fotterLink a:link {
	text-decoration: none;
	color: #E8E6D9;
}

.fotterLink a:visited {
	text-decoration: none;
	color: #E8E6D9;
}

.fotterLink a:hover {
	text-decoration: underline;
	color: #FFFFCC;
}

.fotterLink a:active {
	text-decoration: underline;
	color: #faf9f9;
}