@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
	
body {
	background-image: url(../img/back_g.gif);
	background-attachment: fixed;
	background-position: top left;
	background-repeat: no-repeat; 
	font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img {
	border: 0;
}

li {
	list-style-type: none;
}

a {
	text-decoration:none;color:#000000;
}

a:hover {
	text-decoration:underline;color:#666666; 
}

/********************************************************************/

/*全ページ共通レイアウト*/

/* 大枠 */
#container {
	width: 750px;
	margin: 0px auto; 
}

/* ヘッダー */
#header {
	float: left;
	width: 750px;
	height: 130px;
	background-image:url(../img/head.gif);
	background-repeat: no-repeat;
}

#header h1{
	float: left;
	width: 386px;
	height: 57px;
	margin-top: 35px;
	margin-left: 15px;
}

/* トップナビ */
#navi ul{
	float: left;
	width: 386px;
	height: 23px;
	margin-top: 5px;
	margin-left: 15px;
}

#navi li{
	float: left;
}

/* コンテンツ */
#contents {
	float: left;
	width: 750px;
	background-image:url(../img/back.gif);
	background-repeat: repeat-y;
}

/* 左要素 */
#left {
	float: left; 
	width: 150px;
	margin: 20px 0px 20px 22px;
}

#left ul {
	float: left; 
	width: 150px;
	margin-top: 5px;
}

#left li {
	float: left; 
	width: 150px;
}

#left dt {
	float: left; 
	width: 150px;
}

#left dd {
	float: left; 
	width: 135px;
	margin-left: 15px;
}


/* 右要素 */
#right {
	float: left; 
	width: 470px;
	margin: 20px 30px 20px 78px;
}

#right a {
	text-decoration:none;color: #900;
}

#right a:hover {
	text-decoration:underline;color:#900; 
}


#right h2{
	float: left; 
	width: 470px;
	height: 35px;
	background-image:url(../img/h2_back.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 10px;
}


/*フッタ*/
#footer {
	float: left; 
	width: 750px;
	background-image:url(../img/foot.gif);
	background-repeat: no-repeat;
}

#footer p {
	float: left; 
	width: 750px;
	margin-top: 15px;
}

/********************************************************************/

/*トップページ*/

.top_bn {
	float: left; 
	width: 470px;
	margin-top: 30px;
}

.top_bn1 {
	float: left; 
	width: 146px;
}

.top_bn2 {
	float: left; 
	width: 146px;
	margin-left: 16px;
}

#news {
	float: left; 
	width: 470px;
	height:160px;
	margin-top: 20px;
}

#search {
	float: left; 
	width: 470px;
	margin-top: 20px;
}

#search {
	float: left; 
	width: 470px;
	height: 31px;
	margin-top: 30px;
}

.search_bn1 {
	float: left; 
	width: 88px;
	height: 31px;
}

.search_bn2 {
	float: left; 
	width: 88px;
	height: 31px;
	margin-left: 12px;
}