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

/* --------------------------------------------------------------
CSS Information

File name:		top_html.css
Style Info:		Flash非対応クライアント向けTOPページの全体的なレイアウト用

Index:
	__1.RESET
	__2.全体構成
	__3.ヘッダー
	__4.グローバルメニュー
	__5.コンテンツ内（早わかりマップ・新着情報）
	__6.フッター
	__7.ぴーぷる	  
-------------------------------------------------------------- */

/* ========================================
	__1.RESET
======================================== */
body, ul, li, h1, h2, h3, h4, h5, p, a, img {
margin:0;
padding:0;
border:0;
}

li {
list-style:none;
}


/* ========================================
	__2.全体構成
======================================== */
body {
text-align:center;
}

#top_container{
	width:1000px;
	height:730px;
	background-image:url(../../img/top_html/bg_top_html.jpg);
	background-position:right -20px;
	background-repeat:no-repeat;
	margin:auto;
	padding:0;
}

#top_contents {
width:1000px;
height:680px;
}


/* ========================================
	__3.ヘッダー
======================================== */
#top_headerLink {
height:44px;
text-align:left;
padding-right:30px;
}

#top_headerLink h1 {
float:left;
color:#FFFFFF;
font-size:10px;
font-weight:normal;
margin:3px 10px;
padding:0;
}

#top_headerLink ul {
float:right;
width:100%;
}

#top_headerLink ul li {
float:right;
padding-top:24px;
margin-left:12px;
}

#top_headerLink ul li a,
#top_headerLink ul li noscript {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#top_headerLink ul li a:hover {
color:#bbbbbb;
text-decoration:underline;
}


/* ========================================
	__4.グローバルメニュー
======================================== */
#top_globalMenu {
width:960px;
height:87px;
padding:0 20px 40px;
}

#top_globalMenu div#top_logo {
float:left;
}

#top_globalMenu div#top_manu {
float:right;
height:73px;
padding:6px 0 8px;
}

#top_globalMenu div#top_manu ul {

}

#top_globalMenu div#top_manu ul li {
width:195px;
line-height:80%;
padding:0 0 0 10px;
float:left;
position:relative;
z-index:10;
}

#top_globalMenu div#top_manu ul li ul.pg {
display:none;
padding:0;
z-index:10;
}

#top_globalMenu div#top_manu ul li:hover ul.pg {
display:block;
position:relative;
}

#top_globalMenu div#top_manu ul li ul.pg li {
margin:0;
padding:0;
}

*:first-child+html #top_globalMenu div#top_manu ul li ul.pg li  {
margin-top:-5px;
}



#top_globalMenu div#top_manu ul li a:hover ul.pg {
display:block;
position:absolute;
padding:0;
margin:0;
}

#top_globalMenu div#top_manu ul li table {
border-collapse:collapse;
border:none;
position:absolute;
top:0;
left:0;
}







/* ========================================
	__5.コンテンツ内（早わかりマップ・新着情報）
======================================== */
#top_map {
width:371px;
height:90px;
margin:0 30px 20px 599px;
position:relative;
}


#top_news {
width:371px;
color:#FFFFFF;
line-height:200%;
margin:0 30px 20px 599px;
background-image:url(../../img/top_html/top_html_newsbg.gif);
background-position:center;
background-repeat:repeat-y;
}

#top_news a {
color:#FFFFFF;
text-decoration:none;
}

#top_news a:hover {
text-decoration:underline;
}

#text_newsList {
padding:0 27px;
text-align:left;
}

#logo_people {
height:60px;
text-align:right;
margin:-90px 20px 10px 0;
}

*html #logo_people {
display:none;
}

*html #logo_people_IE6 {
height:60px;
text-align:right;
margin:-90px 20px 10px 0;
}


/* ========================================
	__6.フッター
======================================== */
#top_foot {
height:70px;
padding:0 30px 0 40px;
background-image:url(../../img/top_html/top_html_foot.jpg);
background-position:right;
background-repeat:no-repeat;
}

#top_foot span#txt_co {
float:left;
color:#FFFFFF;
font-size:22px;
font-weight:bold;
font-family:"HGPｺﾞｼｯｸE", Osaka, "小塚ゴシック Std", "ＭＳ Ｐゴシック";
padding:24px 0;
}

#top_foot span#txt_add {
float:right;
text-align:right;
color:#FFFFFF;
font-size:12px;
line-height:16px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding:21px 0;
}


/* ========================================
	__7.ぴーぷる
======================================== */
#foot_about_html {
width:1000px;
	text-align:center;
	margin:5px auto;
	padding:3px 0;
	border-bottom:2px solid #33a345;
	border-top:2px solid #33a345;
}

#foot_about_html a {
font-size:10px;
color:#333333;
text-decoration:none;
}

#foot_about_html a:hover {
color:#33a345;
text-decoration:underline;
}