﻿@charset "UTF-8";

/* ================================================================ *
TOPページに関する設定です0
 * ================================================================ */

body {
	background-image: url(../../topimg/centerbg.png);
	background-repeat: repeat-x;
	background-position: 0 0px;
}



/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
	font-size: x-small;
	color: #FFF;
	margin: 0px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


#header h1{
	float: left;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	vertical-align: bottom;
	}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */
#topnavi {
	padding: 0;
	margin: 0;
	clear:both;
}

	
#topnavi ul li a:hover {
	background: none !important;
	}
	
	
#topnavi ul {
	height: 70px;
	background-image: url(../../topimg/topmenu_h.gif);
	background-repeat: no-repeat;
	/* --- パディングを設定してください --- */
  padding: 0;
	margin: 0px;
	width: 900px;
}
	
#topnavi ul li a {
	float: left;
	/* --- パディングを設定してください --- */
  padding: 0;
	height: 70px;
	width: 150px;
	text-indent: -9999px;
	display: block;
	margin-right: 4;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
#topnavi ul li#Gtest a {
	background:  url(../../topimg/topmenu.gif) no-repeat  0 0;
	}
	
#topnavi ul li#Gsaiyo a {
	background:  url(../../topimg/topmenu.gif) no-repeat -150px 0;
	}
	
#topnavi ul li#Gkensyu a {
	background:  url(../../topimg/topmenu.gif) no-repeat -300px 0;
	}

	
#topnavi ul li#Gad a {
	background:  url(../../topimg/topmenu.gif) no-repeat -450px 0;
	}
	

#topnavi ul li#Gmail a {
	background:  url(../../topimg/topmenu.gif) no-repeat -600px 0;
	}



/* ---------------------------------------------------------------- *
	左側バナー
 * ---------------------------------------------------------------- */
#sidebaner {
  width: 219px;
	background-repeat: no-repeat;
	margin:0px;
	padding: 0px;
	}
	
#sidebaner a {
	display: block;
	height: 69px;
	margin-bottom:5px;
  padding: 3px 1px 1px 0px;
	}

#sidebaner a:hover {
  padding: 4px 0px 0px 1px;
	}
	



/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#main {
	float:right;
	/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要があります */
  background: tranparent;
	/* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin: 0px;
	clear:both;
	width: 650px;
}

#main .contents {
	/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
	/* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下
           マージンとの折りたたみが生じます */
  /* Note：下マージンは直下のコンテンツの上マージン，フッタの上
           マージンとの折りたたみが生じます */
  margin-top: 15;
}




/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.tcontents {
	width: 640px;
	/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
	/* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下
           マージンとの折りたたみが生じます */
  /* Note：下マージンは直下のコンテンツの上マージン，フッタの上
           マージンとの折りたたみが生じます */
  margin-top: 15px;
}

.tcontentsOR {
	width: 624px;
	/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
	/* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下
           マージンとの折りたたみが生じます */
  /* Note：下マージンは直下のコンテンツの上マージン，フッタの上
           マージンとの折りたたみが生じます */
  margin-top: 15px;
	padding: 5px;
	border: 3px solid #FF7227;
}


.tcontents dl dt {
	font-weight: bold;
	color: #390;
}

/* ---------------------------------------------------------------- *

お知らせ部分 
 * ---------------------------------------------------------------- */

#sidebox {
	float:right;
	/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要があります */
  background: tranparent;
	/* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
	padding-bottom: 0;
	width: 240px;
}
/* No
te：中カラムのコンテンツから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .contents {
	width: 240px;
	border: 1pt solid #096;
	margin: 0;
	padding-bottom: 10px;
  /* margin-bottom: 3px; */
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  /* padding-top: 1em; */
  /* padding-right: 1em; */
  /* padding-bottom: 1em; */
  /* padding-left: 1em; */
}

#sidebox .contents dl dt{
	margin: 0;
	padding: 0.5em;
	font-weight: bolder;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
	/* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0px;
	padding-bottom: 30px;
	padding-top: 5px;
	background-color: #FFF;
}

/* ---------------------------------------------------------------- *
	サイドボックス内の画像のみボックスの設定です
 * ---------------------------------------------------------------- */

/* Note：通常の画像のみボックスから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .imgbox {
	width: 240px;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* margin-top: 3px; */
  /* margin-bottom: 3px; */
}
