@charset "shift_jis"; 

/*--------------------------------------------------------------------------*/
/*	Opera不具合の対応処置													*/
/*--------------------------------------------------------------------------*/
html, body{
	/*-- OperaでLightwindowの半透明背景が途中で途切れる為 --*/
	/*-- 1つ前に戻るボタンを設置するとIEとChromeで背景が途中で途切れる為--*/
	height: auto !important;
}
/*--------------------------------------------------------------------------*/
/*	サイドメニューエリア													*/
/*--------------------------------------------------------------------------*/
#soft_side_menu{
	width: 190px;
	float: left;
	height: auto;
}
/*--------------------------------------------------------------------------*/
/*	メインコンテンツエリア													*/
/*--------------------------------------------------------------------------*/
#soft_main{
	width: 718px;
	float: left;
	height: auto;
	margin-left: 20px;
}


/*--------------------------------------------------------------------------*/
/*	サイドメニュー タイトル画像												*/
/*--------------------------------------------------------------------------*/

#menu_title1{
	width: 190px;
	height: 34px;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1976CC;
	border-bottom-color: #1976CC;
	background-image: url(../images/all_support2.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;

}

#menu_title1 span{
	display: none;
}
/*--------------------------------------------------------------------------*/
/*	サイドメニュー　テキスト表示											*/
/*--------------------------------------------------------------------------*/
#soft_menu {
	width: 190px;
	height: auto;
	margin-bottom: 10px;
}
#soft_menu ul {
	margin: 0;
	padding :0;
	list-style-type : none;
	background-color: #FFFFFF;
}
#soft_menu li {
	display : inline;
	margin:0;
	background-color: #FFFFFF;
	padding: 0px;
}
#soft_menu a {
	display:block;
	font-size:0.75em;
	width:178px;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 12px;
	color: #3F3F3F;
	text-decoration: none;
	margin: 0px;
}

#soft_menu a:hover {
	display:block;
	background-color:#FFFFFF;
	height:auto;
	width: 178px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 12px;
	font-weight: normal;
	color: #1976CC;
	text-decoration: underline;
	margin: 0px;
}


/*--------------------------------------------------------------------------*/
/*	リモートサポートの手順　リストエリア設定
/*--------------------------------------------------------------------------*/
.step_txt{
	width: 700px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	margin-top: 0px;
}
/*--------------------------------------------------------------------------*/
/*	見出し
/*--------------------------------------------------------------------------*/
.step_txt .title_li{
	width: 700px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 4em;
	color: #FFFFFF;
	background-color: #1976CC;
	text-align: center;
	display: block;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	height: auto;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順　テキスト設定
/*--------------------------------------------------------------------------*/
.step_txt .midashi{
	width: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.9em;
	height: auto;
	padding-left: 1em;
	margin-bottom: 1em;
}
/*--------------------------------------------------------------------------*/
/*	リモート作業開始
/*--------------------------------------------------------------------------*/
.step_txt .midashi2{
	width: 600px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.9em;
	height: auto;
	margin-bottom: 5em;
	background-color: #F5FFE8;
	text-align: center;
	display: block;
	line-height: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
	border: 1px solid #CDFF97;
	margin-right: auto;
	margin-left: auto;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順1　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img1{
	width: 497px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 220px;
	margin-left: 50px;
	margin-bottom: 5em;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順2　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img2{
	width: 495px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px -221px;
	height:168px;
	margin-left: 50px;
	margin-bottom: 5em;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順3　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img3{
	width: 495px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px -390px;
	height:228px;
	margin-left: 50px;
	margin-bottom: 5em;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順4　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img4{
	width: 495px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px -619px;
	height:287px;
	margin-left: 50px;
	margin-bottom: 5em;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順6　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img5{
	width: 495px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px -907px;
	height:188px;
	margin-left: 50px;
	margin-bottom: 5em;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順6　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img6{
	width: 483px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px -1096px;
	height:128px;
	margin-left: 50px;
	margin-bottom: 5em;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順7　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img7{
	width: 495px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px -1225px;
	height:199px;
	margin-left: 50px;
	margin-bottom: 5em;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順8　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img8{
	width: 270px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px -1429px;
	height:198px;
	margin-left: 50px;
	margin-bottom: 5em;
}
/*--------------------------------------------------------------------------*/
/*	ステップ手順9　画像
/*--------------------------------------------------------------------------*/
.step_txt #rsup_img9{
	width: 495px;
	background-image: url(../images/all_rsup.gif);
	background-repeat: no-repeat;
	background-position: 0px -1628px;
	height:314px;
	margin-left: 50px;
	margin-bottom: 5em;
}



















/*--------------------------------------------------------*/
/*--	遠隔支援サービス　タイトル画像
/*--------------------------------------------------------*/
#rsup_title{
	width:693px;
	background-image: url(../images/all_rsup2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	height: 45px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#rsup_title span{
	display: none;
}


/*--------------------------------------------------------*/
/*--	遠隔支援サービスとは？　テキストエリア
/*--------------------------------------------------------*/
#txt_box{
	width:650px;
	padding: 10px;
	height: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #D9D9D9;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#txt_box p{
	font-size: 0.8em;
	color: #0066FF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#txt_box span{
	font-size: 0.75em;
	line-height: 1.5em;
	color: #333333;
	margin-left: 1em;
	display: inline-block;
}


/*--------------------------------------------------------*/
/*--	遠隔支援サービス開始エリア
/*--------------------------------------------------------*/
#start_box{
	width:310px;
	padding: 0px;
	height: auto;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	list-style-type: none;
}
/*--------------------------------------*/
/*--	リモートサポート2
/*--------------------------------------*/
#start_box #rsup_button2{
	width:310px;
	background-image: url(../images/all_rsup2.gif);
	background-repeat: no-repeat;
	background-position: 0px -46px;
	height: 65px;
	margin-bottom: 25px;
	margin-left: auto;
	float: left;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
}
#start_box #rsup_button2 a{
	width:310px;
	display: block;
	height: 65px;
}
#start_box #rsup_button2 a:hover{
	background-image: url(../images/all_rsup2.gif);
	background-repeat: no-repeat;
	background-position: -311px -46px;
}
#start_box #rsup_button2 span{
	display: none;
}




#start_box #rsup_txt{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.75em;
	color: #333333;
	text-align: center;
	clear: both;
	float: none;
}




/*--------------------------------------------------------*/
/*--	遠隔支援サービスの流れ タイトル画像
/*--------------------------------------------------------*/
#sub_rsup_title{
	width:637px;
	background-image: url(../images/all_rsup2.gif);
	background-repeat: no-repeat;
	background-position: 0px -112px;
	padding: 0px;
	height: 40px;
	margin-top: 70px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#sub_rsup_title span{
	display: none;
}




/*--------------------------------------------------------*/
/*--	遠隔支援サービスの流れ
/*--------------------------------------------------------*/
#setp_teamviewer{
	width:637px;
	background-image: url(../images/all_rsup2.gif);
	background-repeat: no-repeat;
	background-position: 0px -190px;
	padding: 0px;
	height: 666px;
	margin-top: 3em;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}