@charset "utf-8";

/*============================================================================================
 全般的なスタイル
=============================================================================================*/

*{
  margin: 0; padding:0;
}

body{
  /* font-size: 1.0em; */                 /* 16ピクセル相当*/
  font-size:16px;
  font-family:Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo ,'ＭＳ Ｐゴシック', sans-serif;
  text-align: left;
  color: #333333;
  background-color: #FFFFFF;
  line-height:1.5;
  max-height:100%;               /* スマートフォン対応 20150610 */

}


div#pagebody{
  width:100%;
  height:auto;
  margin:0 auto;
  background-color: #ffffff;  /* コンテンツ部の背景を白にする */
  overflow:hidden;
}

a img {
    border-style: none;   /* ie8対応*/
}

/* リンクカラー */
/* 「パンくずナビ」、「ページの先頭に戻る」 */
a{
/*  color: #00868f;   */    /* 20160324 社名変更対応*/
  color: #3b4b7a;           /* 20160324 社名変更対応*/
  text-decoration: none;
}

a:hover{
/*  color: #00868f;   */    /* 20160324 社名変更対応*/
  color: #3b4b7a;           /* 20160324 社名変更対応*/
  text-decoration: underline;
  opacity:0.7;
}

/* 強調表示 */
strong{
  font-weight:bold;
}

/*============================================================================================
 (1)ヘッダー部分
=============================================================================================*/
/* ヘッダー全体 */
div#header_bg{               /* 20150303 add */
  width:100%;
  height:auto;
  border-bottom:1px solid #FEFEFE;
  background-color:#FFFFFF;
}

div#header{
  width: 1000px;
  margin: 0 auto;
  height: 100px;
  font-size: 0.8em;
  text-align: right;
  background-color: #ffffff;
}

/* アイネットのロゴマーク */
div#header h1{
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

div#header h1 img{
  width: 315px;
  height: auto;
}

/* サイトマップのロゴ */
div#header p.sitemap{
  width: 200px;
  height: auto;
  float: right;
  margin: 20px 0px 0px 0px;
  padding: 5px;

}

/* サイトマップのロゴは灰色にする */
div#header p a{
  color: #6f6f6f;
}

/* ヘッダー領域の clearfix */
div#header:after{
  content: "";
  clear: both;
  display: block;

}


/*==========================================================================================
 (2)ボディー部分
===========================================================================================*/

/*==============================================================================
 ボディー部分全体
===============================================================================*/
div#info {
  width: 100%;
  height: auto;
  margin: 0 auto; 
  background-color: #FFFFFF;
  border-top: solid 0px #BBBBBB;
  border-bottom: solid 0px #BBBBBB;
  border: 0px dotted #cccccc;
}

/*==============================================================================
メインメニュー
===============================================================================*/

/* メニューの背景を指定  */
#info #menu_bg{              /* 20150303 add */
  width: 100%;
  height:auto;
 /* border-bottom: 3px solid #00A0A5;   */  /* 20160323 */
  border-bottom: 3px solid #0f228a;     /* 20160323 TGコーポレートカラー */
  border-top: 1px solid #c0c0c0;

}

#info #menu{
  width: 1001px;
  margin:0 auto;
}

#info #menu ul{
  margin:0px;
  padding:0px 0px;
}

#info #menu ul:after{
  content:"";
  clear:both;
  display:block;
}

#info #menu ul li{
  list-style-type:none;
  display:inline;
  padding:0px 0px;
  width:250px;
  float:left;
  text-align: center;
/*  border-left:solid 1px #c0c0c0;  */   /* 20160323 社名変更対応*/
  border-right:solid 1px #3b4b8a;
  -moz-box-sizing: border-box;
  box-sizing:border-box;  
}


#info #menu ul li:last-child{
  border-right: solid 1px #3b4b8a;
}

#info #menu ul > *:first-child + * + * + *{
  border-right: solid 1px #c0c0c0;
}

#info #menu ul li:first-child{
  border-left: solid 1px #3b4b8a;
}

/*--- メインメニュー変更箇所 ---*/
#info #menu ul li a{
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 10px 0px;
  font-family: fantasy;  
  color: #333333;

}

/*--- マウスオーバー時 ---*/
#info #menu ul li a:hover{
  text-decoration:none;
  background-color: #e6e6e6;
  background-color: #f5f5f5;
  color:#41537d;                         /* 20160323 TGコーポレートカラー */
  opacity:0.9;
}

/*--- メニューが選択された時 ---*/
#info #menu ul li.current a{
  text-decoration:none; 
  background-color: #f5f5f5;            /* 20160323 TGコーポレートカラー */
  color:#41537d;                        /* 20160323 TGコーポレートカラー */
}

/*==============================================================================
パンくず
================================================================================*/
#info #pankuzu{
  width:1000px;
  margin:0 auto;
  padding:15px 0px 3px 0px;
  font-size: 0.9em;
}

#info #pankuzu p{
  margin-left:0px;
}

/*==============================================================================
コンテンツ部
================================================================================*/
/*------------ コンテンツ部共通 ------------ */
#info #contents{
  width:1000px;
  height:auto;
  margin:0 auto;
}

/* clearfix */
#info #contents:after{
  content: "";
  clear: both;
  display: block;
}

/*==============================================================
トップページ
===============================================================*/
/*------------ トップページ図形 ------------ */
#info #contents #top_image {
  width: 1000px;
  height: 400px;
  margin: 20px 0px 20px 0px;
  padding: 0px;
 
}

#info #contents #top_image #box img{
  width: 1000px;
  height: 400px;
}

/*------------  ニュース ------------ */ 
#info #contents #news{
  width: 1000px;
  height: auto;
  border-bottom:1px solid #c0c0c0;
  margin:0px 0px 40px 0px;

}

/* 見出し行 */
#info #contents #news h2{
  width: 990px;
  font-size: 1.3em;
  margin:0px 0px 0px 0px;
  padding:5px 0px 5px 10px;
  background-color: #FaFaFa;
  border-top: solid 1px #c0c0c0;
/*  border-bottom: solid 3px #00A0A5; */  /* 20160323 社名変更対応 */
  border-bottom: solid 3px #0f218b;       /* 20160323 社名変更対応 */
}

#info #contents #news h2 p{
  background-color: #FFFFFF;
  padding-left: 20px;
}


/* コンテンツエリア（スクロール） */
#info #contents #news #news_contents {
  width: 1000px;
  height: 170px;
  margin: 5px 20px 20px 0px;
  overflow-y: scroll;
/*  border: 5px double #E9E9E9; */

}


/* 明細行 */
#info #contents #news #news_contents dl{
  margin:0px;
  padding:5px 0px 5px 20px;
  width:960px;
  border-bottom:1.5px dotted #aaaaaa;

} 

#info #contents #news #news_contents dl dt {
  font-size:0.8em;
  font-weight:bold;
} 

#info #contents #news #news_contents dl dd {
  font-size:0.9em;
  font-weight:normal;
} 


/*------------  トップページの下部の画像 ------------ */ 
/* トップページの東京ガスのリンク用ロゴ */

#info #contents .bottom_logo{
  width:1000px;
  height:95px;
  margin-bottom:25px;
}

#info #contents .bottom_right{
  width:180px;
  height:50px;
  float:right;
}

#info #contents .bottom_right a:hover{
  opacity:0.6;
}

#info #contents .bottom_right a img{
  width:173px;
  height:43px;
  border:1px solid #aaaaaa;
  margin-top:30px;
}

/* トップページの資格ロゴ（ISO、ISMS） */
#info #contents .bottom_left {
  width: 600px;  /*450*/
  height:105px; 
  float:left;
}


/* トップページの資格ロゴ（ISMS） */
#info #contents .bottom_left .isms{
  width:242px;
  height:105px;
  margin-right:15px;
  float:left;
}

/* トップページの資格ロゴ（JAB, ISO9001） */
#info #contents .bottom_left .iso{
  width:140px;
  height:96px;
  float:left;
}

/* トップページの資格ロゴ（JAB） */
#info #contents .bottom_left .jab{
  width:60px;
  height:95px;
  float:left;
}

/* トップページの資格ロゴ（ISO9001） */
#info #contents .bottom_left .iso_9001{
  width:77px;
  height:113px;
  float:right;
}

/* ロゴ clearfix*/
/* ISOロゴclearfix */
#info #contents .iso:after{
  content: "";
  clear: both;
  display: block;
}

/*white500 clearfix */
#info #contents .bottom_left .white500{
  width: 200px;
  height: 85px;
}

/* ISMS／ISOロゴclearfix */
#info #contents .bottom_left:after{
  content: "";
  clear: both;
  display: block;
}

/* 下部のロゴ clearfix */
#info #contents .bottom_logo:after{
  content: "";
  clear: both;
  display: block;
}

/*==============================================================
コンテンツページ
===============================================================*/

/*----------------  左側 ---------------- */ 
/*==========================================================================================
サブメニュー
===========================================================================================*/

#info #contents #submenu {
  width: 248px;
  margin: 0px 0px 10px 0px;
  float: left;
  border:1px #c0c0c0 solid;
}

#info #contents #submenu h2{
  width: 218px;   /* border 2ピクセル分 */
  padding: 12px 20px 7px 10px;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.1em;
  background-color: #5B719B;      /* 20160323 社名変更対応 */
  background-color: #5C669C;      /* 20160323 社名変更対応 */
  color: #FFFFFF;
}

#info #contents #submenu ul li{
  list-style-type: none;
}

#info #contents #submenu ul li a{
  font-size:0.95em;
  font-weight: normal;
  letter-spacing: 0.1em;
  display: block;
  padding: 10px 20px 5px 15px;
  text-decoration: none;
  color: #333333;
  border-top: solid 1px #ccd6de;
/*  border-bottom: solid 1px #ccd6de; */
}

/* サブメニューのマウスオーバー時  */
#info #contents #submenu ul li a:hover{
  text-decoration: none;
  background-color: #f5f5f5;                   /* 20160326 社名変更対応*/
  color:#41537d;                               /* 20160323 TGコーポレートカラー */
  opacity:0.9;

}

/*--- サブメニューが選択された時 ---*/
#info #contents #submenu ul li.current a{
  text-decoration: none;
  background-color: #f5f5f5;                   /* 20160326 社名変更対応*/
  color: #3b4b8a;
}

/*----------------  右側 ---------------- */ 
/*==========================================================================================
コンテンツ
===========================================================================================*/
/*----------------  ★ ---------------- */ 
#info #contents #letterend {
  width: 750px;
  height: auto;
  /*float: right;*/
  text-align: right;
  /*text-align: left;*/
  /*float: right;*/
  float: left;
  /*margin-left: 60%;*/
}

#info #contents #article {
  width: 750px;
  height: auto;
  float: right;
  margin-bottom: 20px;   /* 20px下の余白を入れる */
}

#info #contents #article h2{
  width:715px;
  margin:0px 0px 15px 20px;
  padding: 4px 0px 4px 15px;
  letter-spacing: 0.1em;
  background-color: #FCFCFC;
  border-top: solid 1px #c0c0c0;
/*  border-bottom: solid 2px #00A0A5; */   /* 20160323 社名変更対応 */
  border-bottom: solid 2px #0f218b;        /* 20160323 社名変更対応 */
  font-size:1.4em;
}

#info #contents #article .articleList h3{
  width: 702px;
  margin:20px 0px 10px 0px;
  padding: 4px 0px 4px 15px;
  letter-spacing: 0.1em;
  background-color: #FAFAFA;
  border-top: solid 1px #c0c0c0;
/*  border-bottom: solid 2px #00A0A5; */    /* 20160323 社名変更対応 */
  border-bottom: solid 2px #0f218b;         /* 20160323 社名変更対応 */
  font-size:1.2em;
}


/* 記事エリア */
#info #contents #article .articleList{
  width: 727px;
  height: auto;
  margin: 0px 0px 0px 20px;
}

/* 文章の最初を1文字下げる */
#info #contents #article .articleList p{
  line-height:1.6;
  padding:0px 10px 0px 10px;
}

/*------------ h3見出し以下 ------------------*/

/*------------ 1段レイアウト ------------------*/

/*
#info #contents #article .articleList .articleListDetail p{
  width: 680px;
  margin-left: 10px;
  margin-right:15px;
}
*/

#info #contents #article .articleList .articleListDetail{
  margin-left:10px;
}

#info #contents #article .articleList .articleListDetail p{
  margin-right:10px;
}


/*------------ 2段レイアウト ------------------*/
/* 文章 左寄せ */
#info #contents #article .articleList .articleText{
  width: 370px;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom:20px;
}

/* 写真 右寄せ */
#info #contents #article .articleList .articleImage{
  width:300px;
  height:auto;
  float: right;
  margin-top:5px;
  margin-right:15px;
}

/* clearfix*/
#info #contents #article .articleList:after{
  content: "";
  clear: both;
  display: block;
}

/* 記事エリア 数字なしリスト*/
#info #contents #article .articleList ul {
  width: 650px;
  margin: 10px 20px 10px 20px;

}

/* リストの明細 */
#info #contents #article .articleList ul li {
  margin:5px 0px 5px 0px; 
}


/* 記事エリア ナンバーリスト*/
#info #contents #article .articleList ol {
  width: 650px;
  margin: 10px 20px 10px 30px;
}

/* リストの明細 */
#info #contents #article .articleList ol li{
  margin-top: 5px;
}

/* 社長のサイン */
#info #contents #article .articleList .top_sign {
  text-align: right;
}

/*==========================================================================================
 (3)上へ戻る
===========================================================================================*/
#pagebody #article  p.pagetop{
  margin: 20px 0px;
  padding-top:5px;
  text-align:right;
}

#pagebody  #article  p.pagetop a{
  font-size: 0.8em;
  color: #00868f;
  color: #3b4b7a;
  
  
}

/*==========================================================================================
 (4)フッター
===========================================================================================*/
div#footer_bg{            /* 20150303 add */
  width:100%;
  height:auto;
  border-top:1px solid #CCCCCC;
  background-color:#676767;

}

div#footer{
  width: 1000px;
  margin: 0 auto;
  height: 80px;
  padding: 10px 10px 10px 10px;
  text-align: right; 
  background-color: #676767;
}

div#footer p{
  margin: 0px 20px 5px 0px;
  font-size: 0.8em;
  color: #FFFFFF;
}

div#footer p a{
  color: #FFFFFF;
  padding:3px
}


div#footer p a:hover{
  color:#ffffff;
  text-decoration:underline;
  opacity:0.7;
}

/*==========================================================================================
 (5)エラーページ
===========================================================================================*/

div#info #contents .error .header{
  font-size:2em;
  display:block;
  margin:10px 10px 30px 10px;
  text-align:center;
}



div#info #contents .error .message{
  font-size:3em;
  display:block;
  margin:10px;
  text-align:center;
}

div#info #contents .error .link{
  font-size:2em;
/*  color: #00868f;  20160330 社名変更対応 */
/*  color: #0f218b;  20160330 社名変更対応 */
  color: #3A447A;
  display:block;
  margin:0px 10px 30px 10px;
  text-align:center;
  text-decoration:underline;
}

div#info #contents .error .link a:hover{
  opacity:0.7;
}