/@charset "utf-8";

/* ------------------------------------------
 browser style clear
------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	background: transparent;
}


div.clear/* ----- float解除 ----- */
{
  clear:both;;
}

div.clear hr
{
  display:none;
}


html {
	height: 100%;
	overflow-y: scroll;
}

ul,li,dl,dt,dd{
	list-style:none;
}
img{
	vertical-align: top;
}
a img{
	border: none;
}
a{
	text-decoration: none;
}
a:link{
	color: #A8A8A8;
}
a:visited{
	color: #A8A8A8;
}
a:hover{
	color: #8BC53F;
	text-decoration: none;
}
a:active{
	color: #A8A8A8;
}

body {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../img/back.gif) repeat-y center;
	background-color: #ffffff;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", serif;
	color: #737373;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6;	
}

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

p {
	margin: 0 0 1em 0;
}

select option {
	padding: 0 5px;
}


/* ------------------------------------------
 header
------------------------------------------ */
div#header {
	width: 960px;
	height: 140px;
	margin: 10px auto;
	padding: 0;
	border-top: 1px solid #737373;
	border-bottom: 1px solid #737373;
	background-color: #FFFFFF;
}


div#header h1.logo,
div#header p.logo {
	margin: 10px;
	padding: 0;
	float: left;
	background-color: #CCCCCC;
}


div#header div#blog_title {
	margin: 15px 21px 0 0;
	padding: 0;
	width: 799px;
	float: right;
	text-align: left;	
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 1px;
}


div#header div#blog_title p{
	margin: 0 0 10px 0;
	padding: 0;
	color: #737373;
}


div#header div#search-form {
	margin: 0 21px 0 0;
	padding: 0;
	float: right;
	display: block;
	font-size: 13px;
	text-align: right;
}

div#header div#search-form form {
	margin: 0;
	padding: 0;
}

div#header div#search-form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

div#header div#search-form legend {
	margin: 0;
	padding: 0;
}

div#header div#search-form input.search-input {
	width: 193px;
	height: 19px !important;
	height: 21px;
	margin: 0;
	padding: 0;
	font-size:80%;
	border: 1px solid #D6D6D6;
	vertical-align: top;
}


#accNav,
h2#bannar {
	position: absolute;
	left: -9999px;
}


/* ------------------------------------------
navigation
------------------------------------------*/
div#nav {
	margin: 0 auto 10px;
	padding: 0;
	width: 960px;
	height: 34px;
	background: #C9C9C9;
}


div#nav ul {
	margin: 0 21px;
	padding: 0;/* ---li要素の左側を空けないため--- */
	list-style:none;
}


div#nav ul li {
	margin: 0;
	padding: 0;
	float:left;
	left: 21px;
	display: block;
	height: 34px;
	text-align: left;
}


div#nav ul li a {
	font-size: 21px;
	text-decoration: none;
	letter-spacing: 1px;
	color: #FFFFFF;	
}


div#nav ul li a:hover {
	font-size: 21px;
	text-decoration: none;
	letter-spacing: 1px;
	color: #8BC53F;	
}


div#nav li#nav_01 {
	width: 113px;
}


div#nav li#nav_02 {
	width: 168px;
}


div#nav li#nav_03 {
	width: 104px;
}


div#nav li#nav_04 {
	width: 99px;
}


div#nav li#nav_05 {
	width: 107px;
}


div#nav li#nav_06 {
	width: 131px;
}


div#nav li#nav_07 {
	width: 80px;
}


div#nav li#nav_08 {
	width: 80px;
}


/* ------------------------------------------
footer
------------------------------------------ */
div#footer {
	clear: both;
	width: 960px;
	height: 34px;
	margin: 10px auto 10px;
	padding: 0;
	text-align: center;
	border-top: 1px solid #737373;
	border-bottom: 1px solid #737373;
}


div#footer p{
	margin: 0;
	padding: 8px 0;
	font-size: 13px;
	color: #737373;
}


/* ------------------------------------------
wrapper
------------------------------------------ */
div#wrapper {
	width: 960px;
	margin: 0;
	padding: 0;
	text-align: left;
}


/* ------------------------------------------
new exhibition
------------------------------------------ */
div.new-exhibition {
	height: 227px;
	margin: 0;
	padding: 0;
	text-align: left;
	border-top: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
}


div.new-exhibition div.top-img {
	width: 325px;
	height: 194px;
	margin: 16px 21px;
	padding: 0;
	display: block;
	float: left;
	overflow: hidden;
	background-color: #DEDEDE;
}


div.new-exhibition div.new-exhibition-text {
	width: 593px;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #A8A8A8;
}


div.new-exhibition div.new-exhibition-text a,p {
	color: #FFFFFF;
}


div.new-exhibition div.new-exhibition-text div.title {
	margin: 16px 21px 0 34px;
	padding: 0 0 0 8px;
	height: 34px;
	border-left: 5px solid #FFFFFF;
	line-height: 1em;
}


div.new-exhibition div.new-exhibition-text div.title:hover {
	border-left: 5px solid #737373;
	line-height: 1em;
}


div.new-exhibition div.new-exhibition-text div.title p.title {
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 13px;
}


div.new-exhibition div.new-exhibition-text div.title p.detail {
	margin: 0;
	padding: 0;
	font-size: 16px;
}


div.new-exhibition div.new-exhibition-text div.detail {
	margin: 16px 21px 16px 34px;
	padding: 0;
	height: 144px;
}


div.new-exhibition div.new-exhibition-text div.detail p {
	margin: 0;
	padding: 0;
	text-align: justify;
}


div.new-exhibition div.new-exhibition-text div.detail p.asset-more-link {
	margin: 0;
	padding: 0;
	position: relative; 
	top: 20px; 
	text-align: right;
}


div.new-exhibition div.new-exhibition-text div.detail p.asset-more-link a:hover {
	color: #737373;
}


/* ------------------------------------------
Main List
------------------------------------------ */
div#MainList {
	margin: 0 0 0 21px;
	padding: 0;
	width: 960px;
}


div#MainList p{
	color: #A8A8A8;
}


div#MainList div.CategoryList {
	margin: 21px 21px 21px 0;
	padding: 0;
	height: 236px;
}


div#MainList div.CategoryList div.CategoryTitle {
	margin: 0;
	padding: 0;
	width: 325px;
	float: left;
}


div#MainList div.CategoryList div.CategoryTitle h1 {
	margin: 0;
	padding: 0;
	height: 34px;
	border-top: 1px #DEDEDE solid;
	border-bottom: 1px #DEDEDE solid;
}


div#MainList div.CategoryList div.CategoryTitle h1 a {
	font-size: 21px;
	color: #DEDEDE;
	text-align: left;
	font-weight: bold;
}


div#MainList div.CategoryList div.CategoryTitle h1 a:hover {
	color: #8BC53F;
	text-align: left;
}


div#MainList div.CategoryList div.BlogListDetail {
	margin: 0;
	padding: 0;
	width: 593px;
	float: right;
}


div#MainList div.CategoryList div.BlogListDetail div.BlogListDetailList {
	margin: 0 21px 10px 0;
	padding: 0;
	width: 275px;
	height: 113px;
	float: left;
}

div#MainList div.CategoryList div.BlogListDetail div.BlogListDetailList ul {
	margin: 0;
	padding: 0; /* ---li要素の左側を空けないため--- */
}


div#MainList div.CategoryList div.BlogListDetail div.BlogListDetailList ul li span {
	margin: 0;
	padding: 0;
	height: 113px;
	display: block;
	border: 1px #DEDEDE solid;
}


div#MainList div.CategoryList div.BlogListDetail div.BlogListDetailList ul li span:hover {
	border: 1px #8BC53F solid;
	color: #8BC53F;
}

div#MainList div.CategoryList div.BlogListDetail div.BlogListDetailList ul li span p.Thumbnail {
	margin: 0 10px 0 0; 
	padding: 0;
	width: 113px;
	height: 113px;
	float: left;
	background-color: #DEDEDE;
}


div#MainList div.CategoryList div.BlogListDetail div.BlogListDetailList ul li span p.Thumbnail img {
	margin: 8px;
	padding: 0;
	width: 97px;
	height: 97px;
}


div#MainList div.CategoryList div.BlogListDetail div.BlogListDetailList ul li span h2.BlogListTitle {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.1em;
	border-bottom: 1px #DEDEDE dotted;
}


div#MainList div.CategoryList div.BlogListDetail div.BlogListDetailList ul li span p {
	margin: 3px 2px 0 10px;
	padding: 0;
	line-height: 1.2;
}


/* ------------------------------------------
Main List 2
------------------------------------------ */
div#MainList div.CategoryList2 {
	margin: 0 21px 21px 0;
	padding: 0;
	height: 113px;
}


div#MainList div.CategoryList2 div.CategoryTitle {
	margin: 0;
	padding: 0;
	width: 325px;
	float: left;
}

div#MainList div.CategoryList2 div.CategoryTitle h1 {
	margin: 0;
	padding: 0;
	height: 34px;
	border-top: 1px #DEDEDE solid;
	border-bottom: 1px #DEDEDE solid;
}


div#MainList div.CategoryList2 div.CategoryTitle h1 a {
	font-size: 21px;
	color: #DEDEDE;
	text-align: left;
	font-weight: bold;
}


div#MainList div.CategoryList2 div.CategoryTitle h1 a:hover {
	color: #8BC53F;
	text-align: left;
}


div#MainList div.CategoryList2 div.BlogListDetail {
	margin: 0;
	padding: 0;
	width: 593px;
	float: right;
}


div#MainList div.CategoryList2 div.BlogListDetail div.BlogListDetailList {
	margin: 0 21px 10px 0;
	padding: 0;
	width: 275px;
	height: 113px;
	float: left;
}

div#MainList div.CategoryList2 div.BlogListDetail div.BlogListDetailList ul {
	margin: 0;
	padding: 0; /* ---li要素の左側を空けないため--- */
}


div#MainList div.CategoryList2 div.BlogListDetail div.BlogListDetailList ul li span {
	margin: 0;
	padding: 0;
	height: 113px;
	display: block;
	border: 1px #DEDEDE solid;
}


div#MainList div.CategoryList2 div.BlogListDetail div.BlogListDetailList ul li span:hover {
	border: 1px #8BC53F solid;
	color: #8BC53F;
}


div#MainList div.CategoryList2 div.BlogListDetail div.BlogListDetailList ul li span p.Thumbnail {
	margin: 0 10px 0 0; 
	padding: 0;
	width: 113px;
	height: 113px;
	float: left;
	background-color: #DEDEDE;
}


div#MainList div.CategoryList2 div.BlogListDetail div.BlogListDetailList ul li span p.Thumbnail img {
	margin: 8px;
	padding: 0;
	width: 97px;
	height: 97px;
}


div#MainList div.CategoryList2 div.BlogListDetail div.BlogListDetailList ul li span h2.BlogListTitle {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.1em;
	border-bottom: 1px #DEDEDE dotted;
}


div#MainList div.CategoryList2 div.BlogListDetail div.BlogListDetailList ul li span p {
	margin: 3px 2px 0 10px;
	padding: 0;
	line-height: 1.2;
}


/* ------------------------------------------
Category-List
------------------------------------------ */
div#Category-List {
	margin: 0;
	padding: 0;
	width: 960px;
}


div#Category-List p{
	color: #A8A8A8;
}


div#Category-List h1 {
	margin: 0 0 20px 0;
	padding: 0 0 0 21px;
	width: 939px;
	height: 55px;
	float: left;
	text-align: left;
	font-size: 35px;
	border-top: 1px #A8A8A8 solid;
	border-bottom: 1px #A8A8A8 solid;
	background: url(../img/category-title.gif) repeat-y center;
}


div#Category-List h2 {
	margin: 0 0 0 21px;
	padding: 0;
	width: 325px;
	height: 34px;
	float: left;
	border-top: 1px #DEDEDE solid;
	border-bottom: 1px #DEDEDE solid;
}


div#Category-List h2 a {
	font-size: 21px;
	color: #DEDEDE;
	text-align: left;
	font-weight: bold;
}


div#Category-List h2 a:hover {
	color: #8BC53F;
	text-align: left;
}


div#Category-List h4 {
	margin:0;
	padding: 0;
	width: 960px;
	height: 1px;
	float: left;
	border-top: 1px #FFFFFF solid;
}


div#Category-List ul {
	margin: 0 0 10px 0;
	padding: 0; /* ---li要素の左側を空けないため--- */
	width: 593px;
	height: auto;
	float: right;
}


div#Category-List ul li {
	margin: 0;
	padding: 0;
	float: left;
}


div#Category-List ul li span {
	margin: 0 20px 10px 0;
	padding: 0;
	height: 113px;
	width: 274px;
	display: block;
	border: 1px #DEDEDE solid;
}


div#Category-List ul li span:hover {
	border: 1px #8BC53F solid;
	color: #8BC53F;
}

div#Category-List ul li span p.Thumbnail {
	margin: 0 10px 0 0; 
	padding: 0;
	width: 113px;
	height: 113px;
	float: left;
	background-color: #DEDEDE;
}


div#Category-List ul li span p.Thumbnail img {
	margin: 8px;
	padding: 0;
	width: 97px;
	height: 97px;
}


div#Category-List ul li span h3.BlogListTitle {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.1em;
	border-bottom: 1px #DEDEDE dotted;
}


div#Category-List ul li span p {
	margin: 3px 2px 0 10px;
	padding: 0;
	line-height: 1.2;
}


/* ------------------------------------------
entry
------------------------------------------ */
div#entry {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 55px;
	border-top: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
}


div#entry p{
	color: #A8A8A8;
}


div#entry div.entry-title {
	margin: 0 21px;
	padding: 0;
	width: 325px;
	height: 55px;
	display: block;
	float: left;
}


div#entry div.entry-title h1 {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 35px;
	color: #A8A8A8;
}


div#entry div.entry-title2 {
	width: 593px;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #A8A8A8;
}


div#entry div.entry-title2 p.title{
	margin: 0 0 0 16px;
	padding: 0;
	font-size: 21px;
	text-align: left;
	color: #FFFFFF;
}


div#entry div.entry-title2 p.date{
	margin: 0 0 0 16px;
	padding: 0;
	text-align: left;
	color: #FFFFFF;
}


div#entry-detail {
	margin: 0;
	padding: 0;
	width: 593px;
	height: 100%;
	float: right;
	background-color: #DEDEDE;
}


div#entry-detail div.entry-body {
	margin: 21px 21px 16px 16px;
	padding: 0;
	line-height: 1.6em;
}


div#entry-detail div.entry-body p{
	color: #737373;
}


div#more-entry {
	margin: 0;
	padding: 0;
	width: 593px;
	height: 21px;
	float: right;
	background-color: #A8A8A8;
}


div#more-entry div.more-entry-text {
	margin: 5px 21px 6px 16px;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
	text-align: right;
	color: #FFFFFF;
}


div#more-entry div.more-entry-text a{
	color: #FFFFFF;
}


div#more-entry div.more-entry-text a:hover {
	color: #737373;
}


/* ------------------------------------------
mail-form
------------------------------------------ */
div#mail-form-detail {
	margin: 0;
	padding: 0;
	width: 593px;
	height: auto;
	float: right;
	background-color: #DEDEDE;
}


div#mail-form-detail div.mail-form {
	margin: 21px 21px 16px 16px;
	padding: 0;
	height: auto;
	line-height: 1.6em;
	font-size: 13px;
	color: #A8A8A8;
}


div#mail-form-detail div.mail-form p {
	line-height: 1.6em;
	font-size: 13px;
	color: #737373;
}


div#mail-form-detail div.mail-form p.title {
	height: 34px;
	font-size: 21px;
	color: #A8A8A8;
	border-top: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
}


/* ------------------------------------------
Search-List
------------------------------------------ */
div#Search-List {
	margin: 0;
	padding: 0;
	width: 960px;
}


div#Search-List p{
	color: #737373;
}


div#Search-List div.search-more {
	height: 55px;
	margin: 0;
	padding: 0;
	text-align: left;
	border-top: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
}


div#Search-List div.search-more h1 {
	width: 325px;
	margin: 0 21px;
	padding: 0;
	display: block;
	float: left;
	text-align: left;
	font-size: 35px;
}


div#Search-List div.search-more div.straight-search {
	width: 593px;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #A8A8A8;
}


div#Search-List div.search-more div.straight-search form {
	margin: 8px 21px 0 16px;
	padding: 0;
}

div#Search-List div.search-more div.straight-search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}


div#Search-List div.search-more div.straight-search fieldset label{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}


div#Search-List div.search-more div.straight-search legend {
	margin: 0;
	padding: 0;
}

div#Search-List div.search-more div.straight-search input.search-input {
	width: 239px;
	height: 19px !important;
	height: 21px;
	margin: 0;
	padding: 0;
	border: 1px solid #D6D6D6;
	vertical-align: top;
}


div#Search-List div.search-results {
	margin: 0;
	padding: 0;
	width: 593px;
	height: auto;
	float: right;
}


div#Search-List div.search-results h2 {
	margin: 21px 0;
	padding: 0 0 0 16px;
	height: 34px;
	font-size: 21px;
	color: #A8A8A8;
	text-align: left;
	border-top: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
}


div#Search-List div.search-results div.BlogListDetailList {
	margin: 0 20px 10px 0;
	padding: 0;
	width: 275px;
	height: 113px;
	float: left;
}

div#Search-List div.search-results div.BlogListDetailList ul {
	margin: 0;
	padding: 0; /* ---li要素の左側を空けないため--- */
}


div#Search-List div.search-results div.BlogListDetailList ul li {
	margin: 0;
	padding: 0;
	text-align: left;
}


div#Search-List div.search-results div.BlogListDetailList ul li span {
	margin: 0;
	padding: 0;
	height: 113px;
	display: block;
	border: 1px #DEDEDE solid;
}


div#Search-List div.search-results div.BlogListDetailList ul li span:hover {
	border: 1px #8BC53F solid;
	color: #8BC53F;
}

div#Search-List div.search-results div.BlogListDetailList ul li span p.Thumbnail {
	margin: 0 10px 0 0; 
	padding: 0;
	width: 113px;
	height: 113px;
	float: left;
	background-color: #DEDEDE;
}


div#Search-List div.search-results div.BlogListDetailList ul li span p.Thumbnail img {
	margin: 8px;
	padding: 0;
	width: 97px;
	height: 97px;
}


div#Search-List div.search-results div.BlogListDetailList ul li span h3.BlogListTitle {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.1em;
	border-bottom: 1px #DEDEDE dotted;
}


div#Search-List div.search-results div.BlogListDetailList ul li span p {
	margin: 3px 2px 0 10px;
	padding: 0;
	line-height: 1.2;
}


div#Search-List div.search-noresults {
	margin: 0;
	padding: 0;
	width: 593px;
	height: auto;
	float: right;
}


div#Search-List div.search-noresults h2 {
	margin: 21px 0;
	padding: 0 0 0 16px;
	height: 34px;
	font-size: 21px;
	color: #A8A8A8;
	text-align: left;
	border-top: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
}


div#Search-List div.search-results div.search-results-container {
	margin:0;
	padding: 0;
	line-height: 1.6em;
	color: #DEDEDE;
}


div#Search-List h4 {
	margin:0;
	padding: 0;
}