* {
	margin: 0px;
	padding: 0px;
}
html{
	margin: 0;
	padding: 0;
}

a:link    { color: #3333aa; text-decoration: none;}
a:hover   { color: #9a0403; text-decoration: none;}
a:visited { color: #5555ff; text-decoration: none;}
a:active  { color: #ff0000; text-decoration: none;}


p {
	font-size: 0.8em;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	color: #363636;
}

body{
	margin: 0;
	padding: 0 auto;
	background: #eee url('../img/bg.gif') repeat center;
}

#body {
	background: url('../img/bg.gif') repeat top center;
}


/*====================================================================*
 * Main Frame
 *--------------------------------------------------------------------*/

#top {
	height: 14px;
	margin: 0 auto;
	padding: 0 0;
}

#pagewrapper01 {
	width: 790px; 
	margin: 0 auto;
	padding: 0 0;
	background: url('../img/bg_contents.gif') repeat-y top center;
}

#pagewrapper02 {
	width: 780px; 
	margin: 8px auto 0 auto;
	padding: 0 0;
}

#head {
	width: 780px;
	height: 150px;
	background: url('../img/line_cross.gif') no-repeat bottom center;
	position: relative;
}

#contents {
	width: 780px;
	height: auto;
	background: url('../img/line_cross.gif') no-repeat bottom;
	float: left;
}

#bottom {
	width: 790px; 
	height: 16px;
	margin: 0 auto;
	background: url('../img/bg_bottom.gif') no-repeat top;
}



/*====================================================================*
 * #head 内のレイアウトスタイル
 *--------------------------------------------------------------------*/

#head h1 {
	width: 145px;
	height: 34px;
	position: absolute;
	top: 20px;
	left: 20px;
	background: url('../img/h1.gif') no-repeat;
	text-indent: -9999px;
}

#head h1 a {
	display: block;
	width: 145px;
	height: 34px;
}

#head #h1_sub {
	width: 174px;
	height: 11px;
	position: absolute;
	top: 65px;
	left: 20px;
	background: url('../img/h1_sub.gif') no-repeat;
	text-indent: -9999px;
	font-size: 11px;
}

#head #h1_sub a {
	display: block;
	width: 174px;
	height: 11px;
}

#head #title {
	width: 170px;
	height: 10px;
	position: absolute;
	top: 20px;
	right: 30px;
	background: url('../img/title.gif') no-repeat;
	text-indent: -9999px;
	font-size: 10px;
}

#head #title a {
	display: block;
	width: 170px;
	height: 10px;
}

#head #logo {
	width: 59px;
	height: 37px;
	position: absolute;
	top: 59px;
	right: 30px;
	background: url('../img/logo.gif') no-repeat;
	text-indent: -9999px;
}

#head #logo a {
	display: block;
	width: 59px;
	height: 37px;
}

#head #menu_bg {
	width: 780px;
	height: 51px;
	position: absolute;
	bottom: 4px;
	text-indent: -9999px;
}

#head #menu_bg #menu ul {
	list-style-type: none;
}

#head #menu_bg #menu li {
	width: 156px;
	height: 51px;
	float: left;
}

#head #menu_bg #menu li.li_01 a,
#head #menu_bg #menu li.li_02 a,
#head #menu_bg #menu li.li_03 a,
#head #menu_bg #menu li.li_04 a,
#head #menu_bg #menu li.li_05 a {
	margin: 0 0 0 0;
	display: block;
	width: 156px;
	height: 51px;
}

#head #menu_bg #menu li.li_01 a:hover,
#head #menu_bg #menu li.li_02 a:hover,
#head #menu_bg #menu li.li_03 a:hover,
#head #menu_bg #menu li.li_04 a:hover,
#head #menu_bg #menu li.li_05 a:hover {
	margin: 0 0 0 0;
	display: block;
	width: 156px;
	height: 51px;
}

#head #menu_bg #menu li.li_01 a { background: url('../img/menu.jpg') no-repeat;}
#head #menu_bg #menu li.li_02 a { background: url('../img/menu.jpg') no-repeat -156px 0px;}
#head #menu_bg #menu li.li_03 a { background: url('../img/menu.jpg') no-repeat -312px 0px;}
#head #menu_bg #menu li.li_04 a { background: url('../img/menu.jpg') no-repeat -468px 0px;}
#head #menu_bg #menu li.li_05 a { background: url('../img/menu.jpg') no-repeat -624px 0px;}


#head #menu_bg #menu li.li_01 a:hover { background: url('../img/menu.jpg') no-repeat 0px -51px;}
#head #menu_bg #menu li.li_02 a:hover { background: url('../img/menu.jpg') no-repeat -156px -51px;}
#head #menu_bg #menu li.li_03 a:hover { background: url('../img/menu.jpg') no-repeat -312px -51px;}
#head #menu_bg #menu li.li_04 a:hover { background: url('../img/menu.jpg') no-repeat -468px -51px;}
#head #menu_bg #menu li.li_05 a:hover { background: url('../img/menu.jpg') no-repeat -624px -51px;}


#head #menu_bg #menu li.li_01 { background: url('../img/menu.jpg') no-repeat 0px -51px;}
#head #menu_bg #menu li.li_02 { background: url('../img/menu.jpg') no-repeat -156px -51px;}
#head #menu_bg #menu li.li_03 { background: url('../img/menu.jpg') no-repeat -312px -51px;}
#head #menu_bg #menu li.li_04 { background: url('../img/menu.jpg') no-repeat -468px -51px;}
#head #menu_bg #menu li.li_05 { background: url('../img/menu.jpg') no-repeat -624px -51px;}

#head #menu_bg .menu_top a {
	margin: 0 0 11px 0;
	display: block;
	width: 156px;
	height: 51px;
}


/*====================================================================*
 * #contents 内のレイアウトスタイル
 *--------------------------------------------------------------------*/

#contents #top_pic {
	width: 780px;
	height: 285px;
	background: url('../img/line_cross.gif') no-repeat bottom center;
}

#contents #top_pic img {
	margin: 14px 0 0 14px;
}

#contents #h2 {
	width: 780px;
	height: 77px;
	background: url('../img/line_cross.gif') no-repeat bottom center;
}

#contents #h2 h2 {
	margin: 0 0 0 0;
	width: 780px;
	height: 76px;
	text-indent: -9999px;
}

#contents #h2 h2.news     { background: url('../img/h2_1.jpg') no-repeat; }
#contents #h2 h2.concept  { background: url('../img/h2_2.jpg') no-repeat; }
#contents #h2 h2.works    { background: url('../img/h2_3.jpg') no-repeat; }
#contents #h2 h2.about_us { background: url('../img/h2_4.jpg') no-repeat; }
#contents #h2 h2.contact  { background: url('../img/h2_5.jpg') no-repeat; }


#home #contents #left {
	width: 314px;
	height: auto;
	float: left;
	background: url('../img/line_vertical.gif') repeat-y right ;
}

.under #contents #left {
	width: 231px;
	height: auto;
	float: left;
	background: url('../img/line_vertical.gif') repeat-y right;
}

#home #contents #right {
	width: 466px;
	height: auto;
	float: left;
	position: relative;
	left: -1px;
	background: url('../img/line_vertical.gif') repeat-y left ;
}

.under #contents #right {
	width: 549px;
	height: auto;
	float: left;
	padding-bottom: 50px;
	position: relative;
	left: -1px;
	background: url('../img/line_vertical.gif') repeat-y left ;
}


/*====================================================================*
 * #contents #left 内のスタイル
 *--------------------------------------------------------------------*/


#contents #left #box1 {
	margin: 0 0 0 20px;
}

#contents #left #box2,
#contents #left #box3,
#contents #left #box4,
#contents #left #box5,
#contents #left #box6,
#contents #left #box7 {
	margin: 20px 0 0 20px;
}


#contents #left #sub_menu ul li {
	background: url('../img/line_sub_menu.gif') no-repeat bottom;
	width: 230px;
	height: 30px;
	font-size: 0.8em;
	color: #999;
	font-weight: bold;
	padding: 24px 0 0 0;
	list-style-type: none;
}

#contents #left #sub_menu ul li a {
	background: url('../img/marker.gif') no-repeat;
	margin: 0 0 0 25px;
	padding: 0 0 0 25px;
	color: #999;
	text-decoration: none;
}

#contents #left #sub_menu ul li a:hover {
	background: url('../img/marker_over.gif') no-repeat;
	color: #666;
}




/*====================================================================*
 * #contents #left トップページ内のスタイル
 *--------------------------------------------------------------------*/


#contents #left #top_news h3 {
	width: 269px;
	height: 31px;
	background: url('../img/top_h3_news.gif') no-repeat;
	font-size: 0.8em;
	margin: 0 0 0 0;
	text-indent: -9999px;
}

#contents #left #top_news .news_list {
	width: 250px;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 1em 0 0 0;
	color: #363636;
	padding: 0 0 8px 0;
	background: url('../img/dotted.gif') no-repeat bottom;
}

#contents #left #top_news .news_list {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 12px 0 0 10px;
	color: #363636;
}

#contents #left #top_news .news_list a {
}

#contents #left #top_news .news_list .date {
}

#contents #left #top_news .news_list .text_title {
	font-weight: bold;
}

#contents #left #top_news .news_list .texts {
}


/*====================================================================*
 * #contents #left 下層ページ内のスタイル
 *--------------------------------------------------------------------*/

#home #contents #left .banner {
	margin: 50px 0 0 0;
	list-style-type: none;
}

#home #contents #left .banner li {
	margin: 0 0 15px 0;
}

#home #contents #left .banner li a img {
	border: 0;
}

.under #contents #left #box_banner {
	margin: 40px 0 0 0;
}

.under #contents #left .banner {
	margin: 20px 0 50px 0;
	list-style-type: none;
}

.under #contents #left .banner li {
	margin: 0 0 15px 10px;
}

.under #contents #left .banner li a img {
	border: 0;
}


/*====================================================================*
 * #contents #right 内のスタイル
 *--------------------------------------------------------------------*/


#contents #right #pankuzu ul {
	margin: 15px 0 0 10px;
	padding: 0 0 15px 0;
	font-size: 0.8em;
	list-style-type: none;
}

#contents #right #pankuzu ul li {
	float: left;
	margin: 0 0 0 10px;
	color: #363636;
}

#contents #right #pankuzu ul li span {
	margin: 0 5px 0 5px;
}

.under #contents #right h3 {
	width: 434px;
	height: 31px;
	margin: 0 0 0 0;
	background: url('../img/top_h3_1.gif') no-repeat;
	text-indent: -9999px;
}

.under #contents #right #box h4 {
	font-size: 0.9em;
	margin: 1.5em 0 1em 0;
	padding: 0 0 0 20px;
	background: url('../img/marker_h.gif') no-repeat left ;
	color: #555;
}

.under #contents #right #box h5 {
	font-size: 0.8em;
	margin: 1.5em 0 0.5em 0;
	padding: 0 0 0 20px;
	color: #444;
	line-height: 1.6em;
}

#contents #right #box ,
#contents #right #box1 ,
#contents #right #box2 ,
#contents #right #box3 {
	padding: 20px 0 0 20px;
}

#contents #right #box h3 {
	width: 512px;
	height: 31px;
	margin: 0 0 0 0;
	text-indent: -9999px;
	clear: both;
}

#a000 #contents #right #box h3 { background: url('../img/h3_a000.gif') no-repeat;}
#a100 #contents #right #box h3 { background: url('../img/h3_a100.gif') no-repeat;}
#b000 #contents #right #box h3 { background: url('../img/h3_b000.gif') no-repeat;}
#b100 #contents #right #box h3 { background: url('../img/h3_b100.gif') no-repeat;}
#b200 #contents #right #box h3 { background: url('../img/h3_b200.gif') no-repeat;}
#b300 #contents #right #box h3 { background: url('../img/h3_b300.gif') no-repeat;}
#b400 #contents #right #box h3 { background: url('../img/h3_b400.gif') no-repeat;}
#b500 #contents #right #box h3 { background: url('../img/h3_b500.gif') no-repeat;}
#c000 #contents #right #box h3 { background: url('../img/h3_c000.gif') no-repeat;}
#c100 #contents #right #box h3 { background: url('../img/h3_c100.gif') no-repeat;}
#c200 #contents #right #box h3 { background: url('../img/h3_c200.gif') no-repeat;}
#c300 #contents #right #box h3 { background: url('../img/h3_c300.gif') no-repeat;}
#d000 #contents #right #box h3 { background: url('../img/h3_d000.gif') no-repeat;}
#d100 #contents #right #box h3 { background: url('../img/h3_d100.gif') no-repeat;}
#d200 #contents #right #box h3 { background: url('../img/h3_d200.gif') no-repeat;}
#d300 #contents #right #box h3 { background: url('../img/h3_d300.gif') no-repeat;}
#d400 #contents #right #box h3 { background: url('../img/h3_d400.gif') no-repeat;}
#e000 #contents #right #box h3 { background: url('../img/h3_e000.gif') no-repeat;}
#e100 #contents #right #box h3 { background: url('../img/h3_e100.gif') no-repeat;}
#w000 #contents #right #box h3 { background: url('../img/h3_w000.gif') no-repeat;}
#x000 #contents #right #box h3 { background: url('../img/h3_x000.gif') no-repeat;}
#y000 #contents #right #box h3 { background: url('../img/h3_y000.gif') no-repeat;}
#z000 #contents #right #box h3 { background: url('../img/h3_z000.gif') no-repeat;}

#contents #right #box p {
	margin: 0 20px 0 20px;
}

#contents #right #box p.date {
	text-align: right;
}

#contents #right #box table {
	font-size: 0.8em;
	line-height: 1.8em;
	color: #3636336;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 0 0 20px;
}

#contents #right #box table th {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
}

#contents #right #box table td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
}


#contents #right #box .pic_left {
	float: left;
	margin: 0 0 22px 15px;
}

#contents #right #box .pic_right {
	float: right;
	margin: 0 15px 22px 0;
}

#contents #right #box .pic_center {
	text-align: center;
	margin: 0 0 22px 0;
}

#contents #right #box .pic_left p {
	margin: 4px auto;
	text-align: center;
}

#contents #right #box .pic_right p {
	margin: 4px auto;
	text-align: center;
}

#contents #right #box .pic_center p {
	margin: 4px auto;
	text-align: center;
}


#contents #right #box table.no_border {
	font-size: 0.8em;
	line-height: 1.8em;
	color: #3636336;
	border-top: 0px;
	border-left: 0px;
	border-collapse: collapse;
	margin: 0 0 0 30px;
}


#contents #right #box table td {
	border-bottom: 0px;
	border-right: 0px;
	padding: 2px 0 2px 10px;
	vertical-align: top;
}

#contents #right #box .mt15 { margin-top: 15px;}
#contents #right #box .mr15 { margin-right: 15px;}
#contents #right #box .mb15 { margin-bottom: 15px;}
#contents #right #box .ml15 { margin-left: 15px;}

#contents #right #box .mt20 { margin-top: 20px;}
#contents #right #box .mr20 { margin-right: 20px;}
#contents #right #box .mb20 { margin-bottom: 20px;}
#contents #right #box .ml20 { margin-left: 20px;}

#contents #right #box h5 div { font-weight: normal; }


#contents #right #box p strong {
	color: #363636;
	font-size: 1.5em;
}


#contents #right #box1 {
	height: 450px;
}

#contents #right #box1 h3 {
	width: 434px;
	height: 31px;
	margin: 20px 0 0 0;
	background: url('../img/top_h3_1.gif') no-repeat;
	text-indent: -9999px;
}

#contents #right #box1 .column1 {
	width: 200px;
	height: 380px;
	margin: 20px 0 0 5px;
	border: 1px solid #ccc;
	float: left;
}

#contents #right #box1 .column1 h4 {
	width: 200px;
	height: 168px;
	background: url('../img/top_h4_1.jpg') no-repeat;
	text-indent: -9999px;
}

#contents #right #box1 .column1 h4 a {
	display: block;
	width: 200px;
	height: 168px;
}

#contents #right #box1 .column1 p {
	margin: 10px ;
}

#contents #right #box1 .column2 {
	width: 200px;
	height: 380px;
	margin: 20px 0 0 15px;
	background: url('../img/top_h4_2.jpg') no-repeat;
	border: 1px solid #ccc;
	float: left;
}

#contents #right #box1 .column2 p {
	margin: 10px ;
}

#contents #right #box1 .column2 h4 {
	width: 200px;
	height: 168px;
	background: url('../img/top_h4_2.jpg') no-repeat;
	text-indent: -9999px;
}

#contents #right #box1 .column2 h4 a {
	display: block;
	width: 200px;
	height: 168px;
}

#contents #right #box2 {
	clear: both;
}

#contents #right #box2 h3 {
	width: 434px;
	height: 31px;
	margin: 20px 0 0 0;
	background: url('../img/top_h3_2.gif') no-repeat;
	text-indent: -9999px;
}

#contents #right #box2 h4 {
	margin: 15px 0 10px 5px;
	font-size: 0.9em;
	color: #666;
}

#contents #right #box .column_works {
	width: 460px;
	border: 1px solid #ccc;
	margin: 18px 0 10px 15px;
	padding: 10px;
}

#contents #right #box .column_works h5 {
	font-size: 0.9em;
	color: #666;
	margin: 0;
	padding: 0;
}

#contents #right #box .column_works p {
	margin: 0;
	padding: 0;
}


#contents #right #box .column_works .pic {
	margin: 0 0 0 10px;
	float: right;
}

#contents #right #box .column_works .pic img {
	border: solid 1px #eee;
}

#contents #right #box .column_works .small {
	margin: 20px 0 0 0;
	font-size: 0.7em;
}

#contents #right #box2 .column_works {
	width: 400px;
	border: 1px solid #ccc;
	margin: 10px 0 10px 5px;
	padding: 10px;
}

#contents #right #box2 .column_works h5 {
	font-size: 0.9em;
	color: #666;
}


#contents #right #box2 .column_works .pic {
	margin: 10px 0 10px 10px;
	float: right;
}

#contents #right #box2 .column_works .small {
	margin: 25px 0 0 0;
	font-size: 0.7em;
}


#contents #right #box3 h3 {
	width: 434px;
	height: 31px;
	margin: 20px 0 0 0;
	background: url('../img/top_h3_3.gif') no-repeat;
	text-indent: -9999px;
}

#contents #right #box3 h4 {
	margin: 15px 0 10px 5px;
	font-size: 0.9em;
	color: #666;
}

#contents #right #box3 {
	margin-bottom: 50px;
}

/*====================================================================*
 * #foot 内のレイアウトスタイル
 *--------------------------------------------------------------------*/
#foot {
	width: 780px;
	height: 133px;
	clear: both;
	margin: 0 auto;
	background: url('../img/bg_foot.gif') repeat-x bottom;
}

#foot #links ul {
	margin: 15px 0 0 10px;
	font-size: 0.8em;
	list-style-type: none;
	float: left;
}

#foot #links ul li {
	float: left;
	margin: 0 0 0 10px;
	color: #363636;
}

#foot #links ul li span {
	margin: 0 5px 0 5px;
}

#foot p {
	padding: 20px 0 0 0;
	text-align: center;
	line-height: 1.4em;
}

#foot address {
	text-align: center;
	font-size: 0.8em;
	margin: 20px 0 0 0;
}

#foot address a {
	color: #4d9341;
	font-style: normal;
	text-decoration: none;
}


/*====================================================================*
 * 追加
 *--------------------------------------------------------------------*/


p.marker a {
	background: url('../img/marker.gif') no-repeat;
	padding: 0 0 0 18px;
}

p.marker a:hover {
	background: url('../img/marker_over.gif') no-repeat;
}


























.index #contents #right #list .body {
	background: none;
}

.home #contents #right #list .body {
	background: url('../img/bg_body_houou.gif') no-repeat center;
}
.home #contents #right #list .body #copy {
	width: 428px;
	height: 51px;
	background: url('../img/explain_copy.gif') no-repeat;
	font-size: 0.8em;
	margin: 0 0 0 0;
	text-indent: -9999px;
}

.home #contents #right #list .body h3 {
	margin: 20px 0 10px 0;
	font-size: 1.2em;
}

.home #contents #right #list .body table {
	border-top:  1px solid #666;
	border-left: 1px solid #666;
	border-collapse: collapse;
	margin: 20px 0 0 0 ;
}

.home #contents #right #list .body table td {
	border-right:  1px solid #666;
	border-bottom: 1px solid #666;
	padding: 5px;
}

.home #contents #right #list .body h3 div.exhibition_title { font-size: 0.9em; font-weight: normal;}
.home #contents #right #list .body h3 div.memorial_title   { font-size: 0.9em; font-weight: normal;}
.home #contents #right #list .body h3 div.title            { font-size: 1.4em; margin: 10px 0 0 0; color: #a00;}
.home #contents #right #list .body h3 div.sub_title        { font-size: 0.9em; margin: 10px 0 0 0; color: #555;}
.home #contents #right #list .body h3 div.en_title         { font-size: 1.0em; }