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

body  {
	background-image:url(../img/_img/bk.jpg);
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 10px;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333;
	letter-spacing:0.1em;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;  
	line-height: 1.9;
}

html>/**/body {  
	font-size: 75%;  
}

img {  
	border: 0;  
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {  
	margin: 0;  padding: 0;  
}

h1, h2, h3, h4, h5, h6  {  
	font-size: 100%;}  

br { letter-spacing: 0;
} 

a, a:link, a:active {
	color: #F00;
	text-decoration: underline;
	text-underline-position: below;
	overflow:hidden;
outline:none;
	}

a img {
	border-style:none;
}

a:visited {
	color: #F00;
	text-decoration: underline;
	text-underline-position: below;
}

a:hover {
	color: #333;
	text-decoration: underline;
	text-underline-position: below;
}

.twoColHybRtHdr #container { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:760px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}

.twoColHybRtHdr #container_project { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1650px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_project_2 { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1970px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_project_3 { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:900px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_project_4 { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:870px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_project_index { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1500px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_index {
	padding-top:15%;
	padding-bottom:15%;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	margin-left:10%;
	margin-right:10%;
	background-color:#FFF;
	font-size:10px;
}

.twoColHybRtHdr #container_news { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:4000px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_archive { 
	width: 1050px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:980px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_event_archive { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_event_dm7 { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1160px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_event_dm6 { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1200px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_exhibition_cafe_discasso { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:2380px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_exhibition_wyk_wky { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_exhibition_joao_tabarra { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1200px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}
.twoColHybRtHdr #container_about { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1850px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
	font-size:10px;
}

.twoColHybRtHdr #container_info { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:930px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}


.twoColHybRtHdr #container_ex_main { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:2900px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}

.twoColHybRtHdr #container_tadd8 { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:2050px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}

.twoColHybRtHdr #container_tadd9 { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1500px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}


.twoColHybRtHdr #container_randonneur { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1200px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}

.twoColHybRtHdr #container_exhibit_short { 
	width: 1100px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:900px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	background-color:#FFF;
}

.logo_area {
width:300px;
margin:0px auto;
padding:0px;
}



.main_logo {
	width:190px;
	height:25px;
	position:absolute;
	display:block;
	top:25px;
	left:25px;
}

.twoColHybRtHdr #header {
} 

.faq_text {
	position:relative;
	display:block;
	top:50px;
	left:20px;
	width:500px;
	margin: 0px 20px 1.5em 20px;
	line-height:140%;
}
.faq_title_text {
	text-decoration:underline;
	padding:2px 2px;
}

.twoColHybRtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px ; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybRtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/

#home {
	display:block;
	position:absolute;
	height:41px;
	width:383px;
	padding:10px 0px 0px 23px;
}

#menu_area {
	display:block;
	position:relative;
	float:right;
	top:150px;
	}


.main_info_area {
	top:100px;
	left:50px;
	display:block;
	position:absolute;
	font-size:10px;
}

.main_photo_area {
	top:150px;
	left:50px;
	display:block;
	position:absolute;
	width:500px;
	text-align:left;
}

.main_slide_area {
	top:150px;
	left:50px;
	display:block;
	position:absolute;
	width:500px;
	text-align:left;
}

.main_slide_area {
	top:150px;
	left:50px;
	display:block;
	position:absolute;
	width:500px;
	text-align:left;
}

.main_date_text {
	top:530px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.main_exhibit_text {
	top:570px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:650px;
}

.about_title {
	top:175px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.about_text {
	top:210px;
	left:63px;
	display:block;
	position:absolute;
	text-align:left;
	width:720px;
	font-size:10px;
}
.news_title {
	top:175px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.news_text {
	top:210px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	width:720px;
		font-size:10px;
	padding:20px 20px 20px 20px;
}
.news_title_2 {
	top:650px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.news_text_2 {
	top:685px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:720px;
	padding:20px 20px 20px 20px;
}
.news_title_3{
	top:1130px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.news_text_3 {
	top:1165px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:720px;
	padding:20px 20px 20px 20px;
}

.news_title_4{
	top:1610px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.news_text_4 {
	top:1645px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:720px;
	padding:20px 20px 20px 20px;
}

.news_title_5{
	top:2090px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.news_text_5 {
	top:2125px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:720px;
	padding:20px 20px 20px 20px;
}
.news_title_6{
	top:2570px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.news_text_6 {
	top:2605px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:720px;
	padding:20px 20px 20px 20px;
}

.news_title_7{
	top:3050px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}
.news_text_7 {
	top:3085px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:720px;
	padding:20px 20px 20px 20px;
}
.about_title_2 {
	top:565px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
}
.about_text_2 {
	top:600px;
	left:63px;
	display:block;
	position:absolute;
	text-align:left;
	width:730px;
}
.about_title_3 {
	top:1585px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
}
.about_text_3 {
	top:1620px;
	left:63px;
	display:block;
	position:absolute;
	text-align:left;
	width:730px;
}
.map_title {
	top:175px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}

.map_text {
	top:210px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	width:700px;
	font-size:10px;
}
.map_area {
	top:255px;
	left:50px;
	display:block;
	position:absolute;
	font-size:10px;
}

.phone_title {
	top:740px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	font-size:10px;
}

.phone_text {
	top:775px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	width:350px;
	font-size:10px;
}

.arb_img {
	top:745px;
	left:360px;
	display:block;
	position:absolute;
	text-align:left;
	width:390px;
	height:100px;
	background-image:url(../img/_img/rb_img.jpg);
}

.exhibit_title_text {
	top:530px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	text-align:left;
	font-size:11px;
}
.exhibit_main_text {
	top:590px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:750px;
}

.exhibit_title_text_slide {
	top:580px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	text-align:left;
	font-size:11px;
}
.exhibit_main_text_slide {
	top:650px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:750px;
}

.exhibit_main_text_exhibit_short {
	top:650px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:750px;
}

.exhibit_title_text_slide_large {
	top:800px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	text-align:left;
	font-size:11px;
}
.exhibit_main_text_slide_large {
	top:880px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:750px;
}

.dm6_title_text {
	top:650px;
	left:50px;
	display:block;
	position:absolute;
	font-weight:bold;
	text-align:left;
	font-size:11px;
}
.dm6_main_text {
	top:710px;
	left:50px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
	width:750px;
}
.archive_tab_area {
	top:160px;
	left:35px;
	display:block;
	position:absolute;
	text-align:left;
	font-size:10px;
}

.info_icon {
background-image:url(../img/_img/info.jpg);
height:14px;
width:14px;
position:absolute;
}

#c_d {
	float:right;
	top:490px;
	margin:0px 0px 0px 500px;
	display:block;
	position:absolute;
	color:#333;
	}

#rt {
	float:right;
	top:490px;
	margin:0px 0px 0px 500px;
	display:block;
	position:absolute;
	}

.main_info {
	margin: 0 22em 0 0;
	padding: 30px 30px;
	background:#000;
	border:solid #FFF 1px;
	width:600px;
	height:500px;
	display:block;
	position:absolute;
}


.member {
	float:left;
	display:block;
	position:absolute;
	margin:430px 0px 0px 50px;
	}
.member td, th {
padding: 6px 10px;
margin: 0px 20px 1.5em 20px;
line-height:140%;
}

.popup01 a{position:relative;}
.popup01 a span{
	position:absolute;
	top:-80px;
	left:-80px;
	width:500px;
	padding:10px;
	visibility:hidden;
	background:#f5f5f5;
	border:1px solid #000;
	color:#000;
	}
.popup01 a:hover,.popup01 a:hover span{visibility:visible;}

	
.word {
	float:left;
	display:block;
	position:absolute;
	margin:240px 0px 0px 80px;
	}
	
.word td, th {
padding: 10px 10px;
margin: 0px 20px 1.5em 20px;
line-height:140%;
}

.tb_area {
	position:absolute;
	display:block;
	top:450px;
	left:250px;
	border:solid #666 1px;
}


.tb_thum {
	background-color:#000;
}

.tb_thum_top {
	background-color:#000;
}

.news_bg {
	background-image:url(../img/news.jpg);
	height:100px;
	width:200px;
}

.topics_bg {
	background-image:url(../img/topics.jpg);
	height:100px;
	width:170px;
}
.topcs_date {
	text-align:left;
	padding:40px 0px 0px 15px;
	position:absolute;
	display:block;
}
.topcs_text {
	position:absolute;
	display:block;
	text-align:left;
	padding:65px 15px 0px 30px;
}

#info_area {
	display:block;
	position:absolute;
	margin:85px 0px 0px 240px;
	height:550px;
	width:700px;
	}

.info_title {
	padding:30px 20px 0px 20px;
	white-space:normal;
	font-weight:bold;
	color:#666;
}
.info_text {
	padding:10px 20px 0px 20px;
	line-height:200%;
	white-space:normal;
	color:#666;
}
.word_title {
	padding:30px 20px 0px 20px;
	white-space:normal;
	font-weight:bold;
	color:#666;
}
.word_list_text {
	padding:10px 20px 0px 20px;
	line-height:200%;
	white-space:normal;
	color:#666;
}

.info_date {
	padding:10px 20px 0px 20px;
	line-height:200%;
	white-space:normal;
	color:#666;
}
.name_title {
	padding:10px 20px 0px 20px;
	white-space:normal;
	font-weight:bold;
	color:#666;
}
.name_text {
	padding:20px 20px 0px 20px;
	line-height:200%;
	white-space:normal;
	color:#666;
}
.word_text {
	display:block;
	position:absolute;
	text-align:left;
	padding:385px 0px 0px 300px;
}

.back_text {
	display:block;
	position:absolute;
	text-align:right;
	padding:50px 0px 0px 650px;
}

.thum_title {
	background-color:#000;
	margin:20px 20px 20px 20px;
	text-align:left;
}

.tb_thum_footer {
	background-color:#000;
}

.thum_footer {
	background-color:#000;
	margin:20px 20px 24px 20px;
	text-align:right;
}

.news_main {
	position:absolute;
	display:block;
	top:640px;
	left:50px;
	float:left;
	font-weight:bold;
}

.news_title_text {
	position:absolute;
	display:block;
	top:640px;
	left:100px;
	width:500px;
	text-align:left;
}

.footer_area {
	position:absolute;
	display:block;
	top:730px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_news {
	position:absolute;
	display:block;
	top:3970px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_exhibit {
	position:absolute;
	display:block;
	top:2870px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_tadd8 {
	position:absolute;
	display:block;
	top:2020px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}

.footer_area_randonneur {
	position:absolute;
	display:block;
	top:1170px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_exhibit_short {
	position:absolute;
	display:block;
	top:870px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_archive {
	position:absolute;
	display:block;
	top:770px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_archive_ex {
	position:absolute;
	display:block;
	top:950px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}

.footer_area_about {
	position:absolute;
	display:block;
	top:1820px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}

.footer_area_info {
	position:absolute;
	display:block;
	top:900px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}

.footer_area_dm6 {
	position:absolute;
	display:block;
	top:1170px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_dm7 {
	position:absolute;
	display:block;
	top:1130px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_cafe_discasso {
	position:absolute;
	display:block;
	top:2350px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}

.footer_area_wyk_wky {
	position:absolute;
	display:block;
	top:1770px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_joao_tabarra {
	position:absolute;
	display:block;
	top:1170px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}

.footer_area_tadd9 {
	position:absolute;
	display:block;
	top:1470px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}

.footer_area_project {
	position:absolute;
	display:block;
	top:1620px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}

.footer_area_project_2 {
	position:absolute;
	display:block;
	top:1940px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_project_3 {
	position:absolute;
	display:block;
	top:870px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_project_4 {
	position:absolute;
	display:block;
	top:840px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.footer_area_project_index {
	position:absolute;
	display:block;
	top:1470px;
	left:30px;
	font-size:10px;
	float:left;
	padding-bottom:10px;
}
.banner_area {
	position:absolute;
	display:block;
	top:539px;
	left:970px;
	float:right;
	padding-bottom:10px;
}
/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#pager ul.pages {
display:block;
border:none;
font-size:10px;
margin:10px 0 50px;
padding:0;
}

#pager ul.pages li {
list-style:none;
float:left;
border:1px solid #ccc;
text-decoration:none;
margin:0 5px 0 0;
padding:5px;
}

#pager ul.pages a {
text-decoration:none;
}
 
#pager ul.pages li.pgCurrent {
border:1px solid #003f7e;
color:#000;
font-weight:700;
background-color:#eee;
}
[if IE 5]>
<style type="text/css"> 
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */
</style>
<![endif]