@charset "UTF-8";

  /* plott */

  /* div#main-contents h2はbase.cssに定義 */

div#main-contents h2#title01{
  background-image : url(../image/su_i_h1.gif);
}

  /* pagenavi -------------------------------------------------------------- */
div.pagenavi {
	text-align : right;
	margin: 30px 30px 30px 20px;
	width: 440px;
}

div.pagenavi ul {
  margin : 10px 0px 10px 0px;
}

div.pagenavi ul li {
  display : inline;
}

  /* pagenavi（リモートサポートが増えたことでこちらに切り替え） -------------------------------------------------------------- */
div.pagenavi02 {
	text-align: center;
	margin: 30px 30px 30px 20px;
	width: 440px;
}

div.pagenavi02 ul {
  margin : 10px 0px 10px 0px;
}

div.pagenavi02 ul li {
  display : inline;
}

  /* マージン取り ---------------------------------------------------------- */
.image {
  margin : 10px 0px 10px 0px;
  padding : 0px 0px 0px 0px;
}

  /* サポート一覧 ---------------------------------------------------------- */
table#s_point {
  margin : 0px 0px 0px 0px;
  padding : 10px 0px 10px 0px;
  border-collapse : collapse;
}

table#s_point th {
  margin : 0px 0px 0px 0px;
  padding : 10px 0px 10px 20px;
  vertical-align : top;
}

table#s_point td {
  margin : 0px 0px 0px 0px;
  padding : 10px 0px 10px 15px;
}

div#s_point1 {
  margin : 0px 0px 0px 0px;
  padding : 25px 0px 0px 80px;
  background-image : url(../image/s_i_img03.gif);
  background-position : 0% 0%;
  background-repeat : no-repeat;
  min-height : 60px !important;
  height : 60px;
}

div#s_point2 {
  margin : 0px 0px 0px 0px;
  padding : 25px 0px 0px 80px;
  background-image : url(../image/s_i_img04.gif);
  background-position : 0% 0%;
  background-repeat : no-repeat;
  min-height : 60px !important;
  height : 60px;
}

div#s_point3 {
  margin : 0px 0px 0px 0px;
  padding : 25px 0px 0px 80px;
  background-image : url(../image/s_i_img05.gif);
  background-position : 0% 0%;
  background-repeat : no-repeat;
  min-height : 60px !important;
  height : 60px;
}

div#s_point4 {
  margin : 0px 0px 0px 0px;
  padding : 25px 0px 0px 80px;
  background-image : url(../image/s_i_img06.gif);
  background-position : 0% 0%;
  background-repeat : no-repeat;
  min-height : 60px !important;
  height : 60px;
}

div#s_point5 {
  margin-bottom : 120px !important;
  margin : 0px 0px 0px 0px;
  padding : 25px 0px 0px 80px;
  background-image : url(../image/s_i_img07.gif);
  background-position : 0% 0%;
  background-repeat : no-repeat;
  min-height : 60px !important;
  height : 60px;
}

div#s_point5 div {
  margin : 10px 0px 10px 0px;
  padding : 0px 0px 0px 0px;
}

div#s_point5 div img {
  margin : 0px 5px 0px 5px;
  padding : 0px 0px 0px 0px;
}

div#s_point6 {
  margin : 0px 0px 0px 0px;
  padding : 25px 0px 0px 80px;
  background-image : url(../image/s_i_img08.gif);
  background-position : 0% 0%;
  background-repeat : no-repeat;
  min-height : 60px !important;
  height : 60px;
}

div#s_point7 {
  margin : 0px 0px 0px 0px;
  padding : 25px 0px 0px 80px;
  background-image : url(../image/s_i_img09.gif);
  background-position : 0% 0%;
  background-repeat : no-repeat;
  min-height : 60px !important;
  height : 60px;
}

div#s_point1 span,div#s_point2 span,div#s_point3 span,div#s_point4 span,div#s_point5 span,div#s_point6 span,div#s_point7 span {
  display : none;
}

  /* セミナーの詳細 -------------------------------------------------------- */
div.title {
  margin : -5px 0px 5px 15px;
  padding : 0px 0px 0px 15px;
  background-image : url(../image/s_i_ico_03.gif);
  background-position : 0% 50%;
  background-repeat : no-repeat;
  color : #ff7f00;
  font-size : 110%;
  font-weight : bold;
}

div.title2 {
  margin : 0px 0px 15px 15px;
  padding : 0px 0px 0px 0px;
}

table.s_seminar {
  margin : 0px 0px 15px 15px;
  padding : 0px 0px 0px 0px;
  border-collapse : collapse;
  border-top : 1px solid #cccccc;
  clear : both;
  width : 100%;
}

table.s_seminar caption {
  margin-left : 15px !important;
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  text-align : left;
  font-weight : bold;
  clear : both;
}

table.s_seminar caption img {
  margin : 0px 0px 0px 20px;
  padding : 0px 0px 0px 0px;
}

table.s_seminar th {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  border-right : 1px solid #cccccc;
  border-bottom : 1px solid #cccccc;
  background-color : #ffffff;
  width : 80px;
  font-weight : normal;
  text-align : center;
}

table.s_seminar td {
  margin : -1px 0px 0px -5px;
  padding : 0px 0px 0px 5px;
  background-color : #ffffff;
  border-bottom : 1px solid #cccccc;
}

table.s_seminar tr.line1 th,table.s_seminar tr.line1 td {
  background-color : #f4f2ff;
}

div#entry {
  margin : 0px 0px 20px 15px;
  padding : 0px 0px 0px 0px;
}

div#entry div#text {
  margin : 0px 20px 0px 0px;
  padding : 15px 0px 0px 0px;
  float : left;
}

div#entry div#img {
  margin : 0px 0px 0px 0px;
  padding : 0px 150px 0px 0px;

  float : right;
}
div#entry div#img2 {
  margin : 0px 0px 0px 0px;
  padding : 0px 80px 0px 0px;

  float : right;
}

div#entry div#img a {
  text-decoration : none;
  display : block;

}

div#contact {
  margin : 20px 0px 20px 15px;
  padding : 0px 0px 0px 0px;
  clear : both;
}

div#contact2 {
  margin : 20px 0px 20px 15px;
  padding : 0px 0px 0px 0px;
  clear : both;
}

div#contact3 {
  margin : 20px 0px 20px 15px;
  padding : 0px 0px 0px 0px;
  clear : both;
}

div#contact4 {
  margin : 30px 0px 20px 15px;
  padding : 0px 0px 0px 0px;
  clear : both;
}

div#contact div {
  margin : 10px 0px 0px 0px;
  padding : 10px 10px 10px 10px;
  border : 1px dashed #cccccc;
  background-image : url(../image/support_service_03.jpg);
  background-position : 95% 50%;
  background-repeat : no-repeat;
  font-weight : bold;
}

div#contact2 div {
  margin : 10px 0px 0px 0px;
  padding : 10px 10px 10px 10px;
  border : 1px dashed #cccccc;
  background-image : url(../image/support_service_04.jpg);
  background-position : 95% 50%;
  background-repeat : no-repeat;
  font-weight : bold;
}

div#contact3 div {
  margin : 10px 0px 0px 0px;
  padding : 10px 10px 10px 10px;
  border : 1px dashed #cccccc;
  background-image : url(../image/support_service_12.jpg);
  background-position : 95% 50%;
  background-repeat : no-repeat;
  font-weight : bold;
}

div#contact4 div {
  margin : 10px 0px 0px 0px;
  padding : 10px 10px 10px 10px;
  border : 1px dashed #cccccc;
  background-image : url(../image/support_service_13.jpg);
  background-position : 95% 50%;
  background-repeat : no-repeat;
  font-weight : bold;
}


div#contact div span {
  color : #3f71ba;
}

div#contact2 div span {
  color : #3f71ba;
}

/* ========================================================
 	__support/
======================================================== */

div#faq_list{
	margin-left : 10px;
}

table.faq_box{
  margin-bottom: 30px;
}

table.faq_box tr.middle{
  background-image : url(../image/s_f_bg_01middle.gif);
  background-position : bottom left;
  background-repeat : repeat-y;
}

table.faq_box tr.middle2{
  background-image : url(../image/s_f_bg_01middle.gif);
  background-position : bottom left;
  background-repeat : repeat-y;
}

table.faq_box tr.middle p{
  float:left;
  width: 345px;
  padding : 5px 15px;
  margin:0px;
}


table.faq_box tr.middle img{
  padding : 5px 5px 0px 0px;
  float:right;
}

div#c5_list{
	margin-left : 15px;
}

tr.middle02{
  background-image : url(../image/s_c5_middle.gif);
  background-position : bottom left;
  background-repeat : repeat-y;
}

div#c5_list p{
	margin : 10px 20px 10px 30px;
}

table.c5_box{
  margin-bottom: 20px;
}
/* ------------------------------------------------
 	c5_support2とc5_support3のために追加(内藤)
------------------------------------------------ */

div#c5_list span.spaceright{
  float:right;
}

/* ------------------------
	__#faq
------------------------ */
/* __p */
div#faq p{
  margin-left:10px;
}

/* __ul */
div#faq ul{
  width:500px;
  margin:35px auto;
  list-style:none;
}

div#faq ul li{
  margin-bottom:15px;
}

p.pagetopfaq {
  margin : 0px 0px 0px 378px;
  padding : 0px 0px 0px 0px;
  clear : both;
}

p.pagetopfaq a {
  margin : 20px 0px 20px 0px;
  padding : 0px 0px 0px 0px;
  text-decoration : none;
  display : block;
  width : 99px;
  height : 18px;
}


/* ------------------------
	__#faq_navi
------------------------ */
div#faq_navi{
  width:450px;
  margin:0 auto 10px;
  padding-bottom:10px;
}

div#faq_navi h3{
	margin:0;
	padding-bottom: 20px;
	width: 417px;
	margin-left: 13px;
}
div#faq_navi .blue_h {
	clear: both;
	height: 23px;
	margin-bottom: 15px;
}

div#faq_navi .blue_h h3{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../../function/image/h2.gif);
	background-repeat: no-repeat;
	color: #000065;
	clear: both;
	font-size: 12px;
	margin-right: 25px;
	width: 400px;
}

/* __table */
div#faq_navi table {
	width: 430px;
	margin-right: auto;
	margin-left: auto;
}
div#faq_navi th {
	width: 44px;
	vertical-align: middle;
	margin-top: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #8BAFFC;
	border-bottom-color: #8BAFFC;
	border-right-style: solid;
	border-bottom-style: solid;
	background-color: #bbddff;
	font-size: 110%;
	text-align: center;
}
div#faq_navi td {
	vertical-align: top;
	padding-top: 3px;
	padding-rifht: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #CAE6FF;
	border-bottom-color: #CAE6FF;
	border-right-style: solid;
	border-bottom-style: solid;
	background-color: #eef7ff;
	padding-right: 5px;
}
div#faq_navi td.space {
	height: 8px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	background-color: #ffffff;
}

div#faq_navi td.title {
	font-weight: bold;
	border-right-width: 0px;
	border-bottom-width: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
}

div#faq_navi td.space_b {
	height: 25px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	background-color: #ffffff;
}

.subtitle_con{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right:5px;
	margin-left: 15px;
	line-height: 150%;
	width: 400px;
	font-size: 80%;
}

.subtitle_att{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right:5px;
	margin-left: 5px;
	line-height: 150%;
	width: 400px;
	font-size: 80%;
}

/* __ul */
div#faq_navi ul{
  width:370px;
  margin:0 auto;
  list-style:none;
}

div#faq_navi ul li{
  margin:0 0 5px 0;
}

div#faq_navi ul li:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

div#faq_navi ul li {
  zoom: 1;
}

div#faq_navi ul li span{
  display:block;
  float:left;
  width:35px;
  color:#3065CB;
}

div#faq_navi ul li a{
  display:block;
  float:right;
  width:330px;
  color:#032370;
  text-decoration:underline;
}




/* ------------------------
	__#faq_ans
------------------------ */
div.faq_ans{
  width: 430px;
  margin: 30px auto;
}
div.faq_ans table {
	width: 430px;
	margin-right: auto;
	margin-left: auto;
}
div.faq_ans th {
	width: 44px;
	vertical-align: middle;
	margin-top: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	font-size: 110%;
	text-align: center;
}
div.faq_ans th.q {
	border-right-color: #8BAFFC;
	border-bottom-color: #8BAFFC;
	background-color: #bbddff;
}
div.faq_ans th.a {
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	background-color: #F2F2F2;
}
div.faq_ans td {
	vertical-align: top;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}
div.faq_ans td.q {
	border-right-color: #CAE6FF;
	border-bottom-color: #CAE6FF;
	background-color: #eef7ff;
}
div.faq_ans td.a {
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	background-color: #FFFFFF;
}



/* ------------------------
	__.clearfix
------------------------ */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/*Hides from IE-mac ¥*/
*html.clearfix { height:1%;}
.clearfix { display:block;}
/*End hide from IE-mac*/



/* ------------------------
	__#c5_support
------------------------ */
	div#c5_q{
  width:450px;
  margin:0 auto 20px;
  padding-bottom:60px;
  background:url(../image/su_c5_bg01top.gif) no-repeat bottom;
}

div#c5_q h3{
  margin:0;
}




/* ------------------------
	ここからプラス分
------------------------ */
.vuptable_all {
	background-color: #F6F6F6;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-bottom: 10px;
}
.vuptable_top {
	background-color: #CCD4E5;
	padding: 5px;
	background-image: url(../image/v_table_back01.gif);
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	background-repeat: repeat-x;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.vuptable_main {
	background-color: #F2F2F2;
	padding: 10px;
	font-size: 12px;
	vertical-align: top;
	border: 1px solid #FFFFFF;
	line-height: 140%;
}
.vuptable_btn {
	font-size: 10px;
	vertical-align: middle;
	color: #666666;
	text-align: right;
	white-space: nowrap;
	float: right;
	padding: 1px;
	margin-top: 20px;
}
.img_vp_center{
	margin-top: 5px;
}
.sub_faq{
  float:left;
  width: 470px;
  padding : 5px 15px;
  margin:0px;
}
.sub_faq ul{list-style: none;
}
.sub_faq li{
  margin : 0px 0px 0px 0px;
  padding : 5px 14px 3px 14px;
  background-image : url(../../image/circle.jpg);
  background-position : 0px 8px;
  background-repeat : no-repeat;
}
/* ------------------------
	ora
------------------------ */
div.oranavi {
	text-align : left;
	margin: 30px 30px 30px 30px;
	width: 430px;
}

table.s_ora {
  margin : 0px 0px 20px 0px;
  padding : 0px 0px 0px 0px;
  border-collapse : collapse;
  border-top : 1px solid #cccccc;
  clear : both;
  width : 100%;
}

table.s_ora caption {
  margin-left : 15px !important;
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  text-align : left;
  font-weight : bold;
  clear : both;
}

table.s_ora caption img {
  margin : 0px 0px 0px 20px;
  padding : 0px 0px 0px 0px;
}

table.s_ora th {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  border-right : 1px solid #cccccc;
  border-bottom : 1px solid #cccccc;
  background-color : #f4f2ff;
  width : 80px;
  font-weight : normal;
  text-align : center;
}

table.s_ora td {
  margin : -1px 0px 0px -5px;
  padding : 0px 0px 0px 5px;
  background-color : #ffffff;
  border-bottom : 1px solid #cccccc;
}

table.s_ora tr.line1 th,table.s_ora tr.line1 td {
  background-color : #f4f2ff;
}
.ora_t {
	margin : 20px 0px 10px 0px;
	height: 100%;
}

 /* サブタイトルの中のタイトル用 ------------------------------------------------------------ */
.ora_t .f_list_title{
  background-image: url(./image/f_i_cap_back.gif);
  padding : 0px 0px 5px 20px;
  margin : 30px 0px 0px 0px;
  background-position : 0% 0%;
  background-repeat : no-repeat;
  font-size : 130%;
}


div#ora_t h3{
	margin:0;
	padding-bottom: 20px;
	width: 417px;
	margin-left: 13px;
}

/*---   運用の手引き  ---*/

.tbh1 {
	vertical-align: middle;
	padding-right: 3px;
	padding-left: 3px;	
	background-color: #101D76;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-style: solid;
}
.tbh2 {
	width: 15%;
	background-color: #EAEAF4;
	font-weight: bold;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-style: solid;
}
.tbh3 {
	width: 33%;
	background-color: #EAEAF4;
	font-weight: bold;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-style: solid;
}
.tbh4 {
	background-color: #EAEAF4;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-left: 3px;
}
.tbh4c {
	background-color: #EAEAF4;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-style: solid;
	text-align: center;
	width: 10%;
}
.tbd1 {
	width: 15%;
	background-color: #ffffff;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #EAEAF4;
	border-bottom-color: #EAEAF4;
	border-right-style: solid;
	border-bottom-style: solid;
}
.tbd2 {
	background-color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #EAEAF4;
	border-bottom-color: #EAEAF4;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-left: 3px;
}
.tbd2c {
	background-color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #EAEAF4;
	border-bottom-color: #EAEAF4;
	border-right-style: solid;
	border-bottom-style: solid;
	text-align: center;
}
.tbd3 {
	width: 9%;
	background-color: #ffffff;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #EAEAF4;
	border-bottom-color: #EAEAF4;
	border-right-style: solid;
	border-bottom-style: solid;
}

.cont_dl {
	margin : 0px;
	padding : 0px;
	display: block;
	height: 300px;
}

.cont_imgl{
	margin: 5px 10px 10px 5px;
	width: 150px;
	height: 200px;
	float: left;
}

.cont_tit2{
	margin: 5px 10px 5px 10px;
	width: auto;
}