@charset "UTF-8";
/* ソースコード例示用のフォントを読み込み */
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);

/**
 * BODY
**/
body {
	background:#3a3b3b url(../images/bg_footer.gif);
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:180%;
	color:#484848;
	text-align:center;
}

a:link { color:#1a97d7; text-decoration:underline; }
a:hover { color:#fb8229; text-decoration:underline; }
a:visited { color:#1a97d7; text-decoration:underline; }

.inner {
	width:960px;
	margin:0 auto;
	text-align:left;
}

p { margin-bottom:15px; }


.pdf {
	padding:0 35px 5px 0px;
	background:url(../images/icon_pdf.gif) no-repeat right top;
	display:inline-block;
	*display:inline;
    *zoom:1;
}

/**
 * header
 */
#header {
	background:url(../images/bg_header.gif);
	overflow:visible;
	position:relative;
}


#btnSupportblank{
	height:36px
}


#header .inner {
	height:114px;
	position:relative;
}

#logo {
	position:absolute;
	left:-5px;
	top:0px;
}

#btnSupport, #headerItem { text-align:right; margin-bottom:5px; }
#sitemap { vertical-align:top; margin-top:6px; }
#headerContact { vertical-align:top; }

#search {

	position:relative;
	display: none;
	/**display:inline-block; **/
	*display:inline;
    *zoom:1;

	background:url(../images/bg_search.gif) no-repeat 0 0;
	margin:0 25px;
	text-align:left;
}
#header form {
	width:184px;
	height:27px;

	display:inline-block;
	*display:inline;
    *zoom:1;
}
#searchText {
	display: none;
	position:absolute;
	top:5px;
	left:6px;
	width:145px;
	font-size:13px;
	line-height:120%;
	border:solid 1px #FFF;
	border:none;
}
#searchBtn {
	display: none;
	position:absolute;
	top:0;
	right:0;
}

#navi {
	position:absolute;
	right:0px;
	bottom:0px;
}
#navi li { float:left; }
#navi0 { margin-right:5px; }

/**
 * main
 */
#main {
	background:#e1e1e1 url(../images/bg_main.gif);
}

#breadCrumb { padding:15px 0  10px 185px; font-size:11px; line-height:120%; }
#breadCrumb li { float:left; margin-right:8px }
#breadCrumb a {
	background:url(../images/sprite.gif) no-repeat right -195px;
	padding-right:13px;
}

#contents {
	position:relative;
	min-height:500px;
}
#contentsSide {
	float:left;
	width:170px;
}
#localnavi {
	padding-top:20px;
}
#localnavi ul { position:relative; }
#localnavi li { margin-bottom:3px; }

/* --- ナビゲーションバー --- */
#localnavi_index {
width: 170px; /* ナビゲーションの横幅 */
height: 20px; /* ナビゲーションの縦幅 */
}

/* --- メニューエリア --- */
#localnavi_index ul.nl {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
#localnavi_index ul.nl li {
display: block;
position: relative; /* IE6用 */
color: #000000;
background-color: #ffffff; /* 項目の背景色 */
padding: 8px 10px; /* 項目のパディング（上下、左右） */
border-left: 3px #c0c0c0 solid; /* 項目の左境界線 */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- リンク --- */
#localnavi_index ul.nl li a {
display: block;
position: relative; /* IE6用 */
background-color: #ffffff; /* 項目の背景色 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
#localnavi_index ul.nl li a:hover {
color: #fb8229; /* 文字色 */
}

#localbnr {
	padding-top:20px;
}
#localbnr ul { position:relative; }
#localbnr li { margin-bottom:3px; }

#contentsInner {
	float:right;
	min-height:600px;
	width:790px;
	background-color:#FFF;
}


#contentsInner .section { margin:30px 43px;}
#contentsInner .section.line { margin:0; padding:50px 43px 30px 43px; background:url(/common/images/bg_section.gif) 0 0 no-repeat; }

#contentsInner h1 {
	padding-bottom:8px;
	border-bottom:solid 2px #000;
	color:#1f1f1f;
	font-size:24px;
	margin-bottom:20px;
}
#contentsInner h2 {
	padding-bottom:11px;
	background:url(../images/bg_line_h3.gif) repeat-x left bottom;
	color:#000;
	font-size:18px;
	margin-bottom:15px;
}

/**
 * snsBtn
 */
 #snsBtn {
 	margin-bottom: 0 !important;
 }
#snsBtn ul {}
#snsBtn ul li {
	display: block;
	float: left;
	padding-right: 20px;
}

/**
 * topics
 */
.topics li {
	background-color:#f0f0f0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:solid 1px #f0f0f0;
	padding:8px;
	margin-bottom:8px;
}
.topics .active {
	background-color:#fff;
	border:solid 1px #fb8229;
}

.topics .date {
	float:left;
	width:128px;
	font-size:13px;
	line-height:150%;
}
.topics .new { background:url(../images/sprite.gif) no-repeat right -148px; }

.topics .text {
	float:right;
	width:535px;
	padding-left:18px;
	background:url(../images/icon_arrow_off.gif) no-repeat 0 3px;
	font-size:14px;
	line-height:150%;
	margin:0;
}
.topics a { color:#484848; text-decoration:none; }

.backBtn {
	margin-top:20px;
}

#pagetop {
	padding-top:40px;
	padding-right:10px;
	text-align:right;
}

/**
 * footer
 */
#footer {
	color:#FFF;
	padding:20px 0;
	font-size:12px;
	line-height:150%;
}

#footer li { float:left; margin-right:30px;  }
#footer li a {
	display:block;
	padding-left:12px;
	color:#fff;
	text-decoration:none;
	background:url(../images/sprite.gif) no-repeat 2px 4px;
}
#footer li a:hover { text-decoration:underline; }

#footerLogo { margin-top:35px; }

#footer .right { text-align:right; }
#footerContact { margin-bottom:15px; }

#footer .right p {
	color:#b3b3b3;
	font-size:11px;
	line-height:150%;
	margin:0;
}


/*スライドエリアCSS*/
#outline-test p{
	margin:auto 45px;
}
.slider-hr{
	border:none;
	height:1px;
	width:703px;
	background-image:url(/common/images/slider-border.png);
	background-repeat:repeat-x;
	position:absolute;
	top:119px;
	left:45px;
	z-index:5555;
}


#contentsInner .section-slider { margin:30px 0; }
#contentsInner .section-slider h1{
	margin-left: 45px;
	margin-right: 45px;
}
.slider .image{
	position:relative;
}

/** 障害・メンテナンス情報 **/
table.maintenance {
	margin-top: 1.5em;
	margin-left: 1.5em;
	line-height: 1.5em;
	border: 2px #000 solid;
}

th.maintenance {
	font-weight:bold;
	padding: 0.5em;
	background: #808080;
	color: #fff;
	border: 1px #fff solid;
	border-bottom: 1px #fff double;
	}

td.maintenance {
	padding: 0.5em;
	}

td.maintenance_end {
	padding: 0.5em;
	}

td.maintenance_end:after {
	padding: 0.5em;
	content: "※ 終了しました";
	color: #ff0000;
	}

/** お客さまへのお知らせ **/
/* 見出し */
.text h3 {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 10px;
}

.text h4 {
  font-size: 1.4em;
  font-weight: bold;
  margin-left: 1.5em;
  margin-bottom: 10px;
}

.text h5 {
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 1.5em;
  margin-bottom: 10px;
}

.text h6 {
  font-size: 1.0em;
  font-weight: bold;
  margin-left: 1.5em;
  margin-bottom: 10px;
}

/* 本文 */
.para10 {
  margin-left: 1.0em;
}

.para12 {
  margin-left: 1.2em;
}

.para15 {
	margin-left: 1.5em;
  }

.para20 {
  margin-left: 2.0em;
}

.para30 {
	margin-left: 3.0em;
  }

.para40 {
  margin-left: 4.0em;
}

.example {
  margin-left: 1.8em;
}

.mt10 {
	margin-top: 1.0em;
}

.mt20 {
	margin-top: 2.0em;
}


.mb10 {
	margin-bottom: 1.0em;
}

.mb20 {
	margin-bottom: 2.0em;
}


/*  箇条書き */
.text ul {
  list-style-type: disc;
}

.text ol {
	margin: 1.0em 2.0em;
	list-style: disc;
}

.decimal li {
	list-style-type: decimal;
}

.list30 {
  margin-left: 3.0em;
  margin-bottom: 20px;
}

/* 追加 (2021/2/2) */
.list40 {
  margin-left: 4.0em;
  margin-bottom: 20px;
}

.plist40 {
  font-family: 'Source Code Pro';
  list-style-type: disc;
  margin-left: 4.0em;
  margin-bottom: 20px;
}

/* 変更箇所を赤字で記載 */
.change {
  font-weight: bold;
  color: red;
}

strong {
	font-weight: bold;
	line-height: 1.2em;
}

/*  入力部分 */
pre {
  /*fontの指定（google web font）*/
  font-family: 'Source Code Pro';
  width: 600px;

  /*境界との位置関係を調整*/
  margin: 1.0em 2.0em 1.5em 2.0em;
  padding: 5px 0px 5px 5px;
  border: 1px solid #7a7a7a;

  /*色*/
  background-color: #000000;
  color: #ffffff;

  /*角を丸くする*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  /*影をつける（外と中の両方）*/
  -webkit-box-shadow: 3px 3px 5px 0 #aaa, 1px 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 3px 3px 5px 0 #aaa, 1px 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
  box-shadow: 3px 3px 5px 0 #aaa, 1px 1px 5px 0 rgba(0, 0, 0, 0.3) inset;

  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

p.note20 {
  text-indent: -1.25em;
  padding-left: 3.0em;
}