@charset "utf-8";

/*基本設定　ここから*/
body {/*セレクタ*/
  color:#555555;/*プロパティ(何を):値(どうする)*/
  font-family:"MS Pゴシック", "MS P Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;/*フォントファミリー名と総称ファミリー名を指定できる　sans-serifで\が表示できないことがある*/
  font-size: 9pt;
  margin-top: 0px;/*margin(外の余白)自身と他要素との余白,初期値を0にしてから再設定*/
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;/*padding(内の余白)自身の内容までの余白,初期値を0にしてから再設定*/
  padding-right: 0px;
  padding-bottom: 0px;/*画面下の余白*/
  padding-left: 0px;
  background-color:#000000;/*body背景色*/
  line-height: 150%;
  /*background-image: url(images/top/bg.gif);背景画像*/
  /*background-repeat: repeat;背景画像　くり返し配置*/
  text-align : center;/*IE6対策*/
}

td{
  line-height: 130%;
  font-size: 9pt;
}

a:link {/*サイト全体のリンクカラー指定*/
  color:#663300;
  text-decoration: none;/*リンク部分の下線を消す*/
}

a:visited {/*既訪問のリンクカラー指定*/
  color:#663300;
  text-decoration: none;
}

a:hover {/*リンク文字の上にカーソルがある時の文字色*/
  color:#FF6600;
  text-decoration: none;
}

a:active {/*クリック中マウスを放さずそのままにした時の文字色*/
  color:#000000;
  text-decoration: none;
}

h1{/*見出しの余白調整*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

img {
  border: 0;/*リンクの枠を消す　[太さ][色][種類]を指定できる*/
}

h1 {
  position: absolute;/*絶対位置*/
  width: 800px;
  height: 50px;
  top:  0px;
  left: 0px;
}

address {
  color: #ffffff;/*copyrightの文字色指定*/
  font-style: normal;/*斜体指定消す*/
  text-align: center;
  height: 25px;/*後で高さ50pxの画像を背景として表示*/
  line-height: 25px;/*背景画像を考えて垂直中央よりちょっと上位置に配置*/
  background-color: #447f3f;
}
/*基本設定　ここまで*/

/*レイアウト設定　ここから*/
#pageBody {/*(要素名)#id名をセレクタとしてスタイルを設定*/
  width: 800px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;/*中央寄せ*/
  background-color: #ffffff;/*背景色*/  
  position: relative;/*h1を絶対位置にするための相対位置*/
  text-align : left;/*IE6対策*/
}

#pageTop {
  background-image: url(images/top/head1.jpg);/*背景画像*/
  background-repeat: no-repeat;/*1枚だけ表示*/
  background-position: top left;/*左上に表示　数値でも指定できる　垂直・水平*/
  padding-top: 250px;/*背景画像に影響のないpaddingでh1以下の要素の位置調整　枠内に本文を収める*/
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
}

#pageTop2 {
  background-image: url(images/top/head1.jpg);/*背景画像*/
  background-repeat: no-repeat;/*1枚だけ表示*/
  background-position: top left;/*左上に表示　数値でも指定できる　垂直・水平*/
  padding-top: 45px;/*背景画像に影響のないpaddingでh1以下の要素の位置調整　枠内に本文を収める*/
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
}

#contents {/*左側コンテンツ部分*/
  width: 530px;/*幅指定*/
  
  padding-right: 0px;/*右余白*/
  float: left;/*回り込み(左右に並べる)*/
  border-right-width: 1px;/*右ボーダーを設定　太さ*/
  border-right-style: dotted;/*ボーダー　点線*/
  border-right-color: #999999;
}

#side {/*右側サイド部分*/
  width:255px;
  
  padding-left: 0px;/*左余白*/
  float: right;/*回り込み(左右に並べる)*/
}

#contentsWrap {
  clear: both;/*グローバルナビの回り込みを解除*/
  background-color: #FFFFFF;/*背景色*/
  margin-top: 125px;/*グローバルナビの下の余白*/
  margin-bottom:0px;
  margin-left:0px;
  padding-left:0px;
}

#contentsWrap2 {
  clear: both;/*グローバルナビの回り込みを解除*/
  background-color: #FFFFFF;/*背景色*/
  margin-top: 75px;/*グローバルナビの下の余白*/
  margin-bottom:0px;
  margin-left:0px;
  padding-left:0px;
}

#contentsWrap_map {
  clear: both;/*グローバルナビの回り込みを解除*/
  background-color: #FFFFFF;/*背景色*/
  margin-top: 0px;/*グローバルナビの下の余白*/
  margin-bottom:0px;
  margin-left:0px;
  padding-left:0px;
}

#contents_half {/*左側コンテンツ部分（半分）*/
  width: 375px;/*幅指定*/  
  padding-right: 0px;/*右余白*/
  padding-left: 50px;/*左余白*/
  float: left;/*回り込み(左右に並べる)*/
}

#side_half {/*右側サイド部分（半分）*/
  width:320px;  

  padding-right: 0px;/*右余白*/
  float: right;/*回り込み(左右に並べる)*/
}
/*レイアウト設定　ここまで*/

/*リンク設定　ここから*/
#link {
	font-size: 0.8em;
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;/*回り込み指定解除*/
}
#link a {
    background-position: left center;
	background-image: url(images/icon_arrow_link.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-repeat: no-repeat;
}
/*リンク設定　ここまで*/

/*PageTopへのリンクテキスト　ここから*/
#gotoTop {/*PageTopのスタイル調整*/
  clear: both;/*clearはフロートを解除　both左右両側の回り込み解除*/
  font-size: 0.8em;/*PageTopの文字サイズ指定*/
  text-align: right;/*PageTopの文字を右揃えにする*/
  /*test-transform: lowercase　全て小文字にする*/
  height: 30px;/*文字の下の余白*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#gotoTop a {/*PageTop左のアイコンを背景に*/
  background-image: url(images/icon_arrow_back.gif);
  background-repeat: no-repeat;
  background-position: center left;/*左中央に表示*/
  padding-left: 13px;/*アイコンと文字の間の余白*/  
}
/*PageTopへのリンクテキスト　ここまで*/

/*メール　ここから*/
#mail {/*PageTopのスタイル調整*/
  clear: both;/*clearはフロートを解除　both左右両側の回り込み解除*/

  text-align: right;/*PageTopの文字を右揃えにする*/
  /*test-transform: lowercase　全て小文字にする*/
  height: 30px;/*文字の下の余白*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
/*メール　ここまで*/

/*トップImage　ここから*/
#topImage {
  position: absolute;/*絶対位置*/
  width: 800px;
  height:250px;
  top: 111px;
  right: 0px;
  list-style-type: none;/*リストマークを消す*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;  
}

#topImage li {/*li要素*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;/*リスト項目の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
/*トップImage　ここまで*/

/*ナビゲーション　ここから*/
#globalNavi {/*グローバルナビゲーションのul要素*/
  list-style-type: none;/*箇条書きリストのマークを消す*/
  width: 800px;
  height: 40px;
  margin-top: 0px;/*余白調整*/
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color:#FFFFFF;
  position: absolute;/*グローバルナビを絶対値指定で配置*/
  top: 45px;
  left: 0px;
}

#globalNavi li {/*グローバルナビゲーションのli要素*/
  margin-top: 0px;/*余白調整*/
  margin-right: 0px;/*グローバルナビの各項目の間の余白*/
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  float: left;/*グローバルナビを横並びにする*/
}
/*ナビゲーション　ここまで*/

/*TOP　ここから*/
dl#information {/*informationのスタイル設定*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#information dd{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

dl#information dt{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*TOP　ここまで*/

/*information　ここから*/

body#infoBody {/*後に指定したスタイルが優先される　topと同じccsで作ってる　info.htmlのbody要素ではこちらが優先*/
  background-image: url(images/top/bg_white.gif);/*背景画像*/
  background-repeat: repeat;/*背景画像　くり返し配置*/
  background-color: #FFFFFF;
  font-size: 9pt;
  line-height: 1.2em;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align : left;/*IE6対策*/
}

dl#infoData {/*information(外部)のスタイル設定*/
  width: 484px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;  
}

dl#infoData dt {/*infoDataというid名をもつdl要素内にあるdt要素*/
  color: #663300;/*日付のみの色*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;/*アイコンのスペース確保*/
  background-image: url(images/top/icon_arrow_03.gif);/*背景画像設定　日付の横にある矢印アイコン*/
  background-repeat: no-repeat;
  background-position: center left;
}

dl#infoData dd {/*infoDataというid名をもつdl要素内にあるdd要素*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;/*informationの項目内の文章の下余白*/
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 5px;/*informationの項目内の文章の下余白*/
  padding-left: 20px;/*informationの項目内の文章の左余白*/
  border-bottom-width: 1px;/*dl#infoData dd要素のボックスの下に点線を引く*/
  border-bottom-style: dotted;
  border-bottom-color: #999999;
}

dl#infoData p {/*infoDataというid名をもつdl要素内にあるdd要素のp(段落)*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
/*information　ここまで*/

/*パンくず　ここから*/
#rootList {/*パンくずリストを絶対配置*/
	font-size: 0.7em;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	height: 30px;
	list-style-type: none;
	position: absolute;
	left: 33px;
	top: 370px;
}
#rootList li {/*パンくずリストを一行で表示*/
	display: inline;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rootList a {/*パンくずリストのリンク文字の位置調整*/
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rootList li a:link {/*パンくずリストのリンクカラー*/
	color: #663300;
	text-decoration: none;
}
#rootList li a:visited {
	color: #663300;
	text-decoration: none;
}
#rootList li a:hover {
	color: #FF6600;
	text-decoration: none;
}
#rootList li a:active {
	color: #000000;
	text-decoration: none;
}
/*パンくず　ここまで*/

/*リストマークを消す*/
li {
margin-left:0px;
list-style-type: none;
}
