@CHARSET "UTF-8";
body {
  -webkit-text-size-adjust: 100%;
}
a:link     { color: #526da4; }
a:hover    { color: #000; }
a:active   { color: #000; }
a          { color: #526da4; }
a:vlink    { color: #ba55d3; }

/*------- 汎用class -------*/
.imgR { float: right; margin: 0 15px 5px 15px;}
.imgL { float: left; margin: 0 15px 0 15px;}
.center{ text-align:center; }
.right { text-align:right; }
.Border { border: 1px solid #E8E8E8; }
.DP-BK{ display:block;}
p { padding: 0 0 15px 0;}
p.Arrow {
	background:url(../img/p01.gif) no-repeat 0 2px;
	padding: 0 0 15px 27px !important;
}

.PageTop{
	display:block;
	margin:10px 0;
	background:#F0F0F0;
	padding:5px 10px;
	text-align:right;
	font-size:85%;
}

/* clearfix */
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


h1 {
	display:block;
	width:850px;
	margin:20px auto 0;
	text-align:right;
}
h2 {
	display:block;
	width:815px;
	_width:850px;
	height:28px;
	_height:37px;
	padding:9px 0 0 35px;
	font-size:145%;
	letter-spacing:7px;
	border:1px solid #cfcfcf;
	margin:30px auto;
	background:url(../img/h2_bg.png);
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
h3 {
	color:#000;
        font-size:165%;
	margin:40px auto 0;
	text-align:center;
}
/*** レイアウト ***/
#Wrapper {
	width: 100%;
	text-align: left;
	font-size:105%;
	letter-spacing:2px;
	line-height:145%;
	background:#999999 url(../img/bg.png)repeat-x;
}
.Container {
	width: 900px;
	_width: 902px;
	margin: 0 auto;
	text-align: left;
	background:#FFF;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 8px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 8px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 8px 3px;
}
.ContainerBottom {
	background:#FFF url(../img/footer_bg.png) repeat-x bottom;
	padding-bottom:60px;
}
.Container p {
	display:block;
	padding: 0 20px 15px 20px;
}
.Contents {
	width:850px;
	display:block;
	margin:0 auto;
}
/*** トップページ ***/
.IndexArea {
	position:rerative;
	min-width: 720px; 
	min-height: 300px;
	text-align:center;
}
.IndexLogo {
	position: absolute;
  	width:720px;
  	height:270px;
  	margin-top:-200px;
  	margin-left:-360px;
  	top: 50%;
 	left: 50%;
}
/*** ヘッダー ***/
#HeaderArea {
	width: 100%;
	height:120px;
	background:url(../img/header_bg.png)repeat-x;
}
#Header h1 {
	width:420px;
	display:block;
	float:left;
	margin:15px 0;
}
#Header .RightArea {
	width:470px;
	display:block;
	float:right;
	margin:10px 0;
	text-align:right;
}
#Header .RightArea img {
	margin-left:20px;
}
/* グローバルメニュー */
#HeaderMenu {
	width: 900px;
	height:35px;
	margin: 0 auto;
	background:#CCC;
	font-size:105%;
	font-weight:bold;
}
#HeaderMenu ul{
	display:block;
}
#HeaderMenu ul li{
	width:150px;
	height:35px;
	display:block;
	float:left;
	text-align:center;
}
#HeaderMenu ul li a {
	width:149px;
	_width:150px;
	height:28px;
	_height:35px;
	padding-top:7px;
	display:block;
	background:url(../img/header_menu_bg.png)repeat-x 0 0;
	border:1px solid #d1d1d1;
	border-collapse: collapse;
	text-decoration:none;
	color:#000;
}
#HeaderMenu ul li a:hover{
	background-position:0 -35px;
	color:#FFF;
}
#HeaderMenu ul li a.Last{
	width:148px;
}
/* グローバルメニュー（トップページ） */
#IndexMenu {
	width: 720px;
	height:35px;
	margin: 40px auto 0;
/*	background:#CCC;
*/	font-size:135%;
	font-weight:bold;
	letter-spacing:1px;
}
#IndexMenu ul{
	display:block;
}
#IndexMenu ul li{
	width:142px;
	height:35px;
	display:block;
	float:left;
	text-align:center;
}
#IndexMenu ul li a {
/*	width:179px;
	_width:180px;
	height:28px;
	_height:35px;
	padding-top:7px;
	display:block;
	background:url(../img/header_menu_bg.png)repeat-x 0 0;
	border:1px solid #d1d1d1;
	border-collapse: collapse;
*/	text-decoration:none;
	color:#000;
}
/*#IndexMenu ul li a:hover{
	background-position:0 -35px;
	color:#FFF;
}
#IndexMenu ul li a.Last{
	width:178px;
}
*//*** フッター ***/
#Footer {
	width: 900px;
	margin:20px auto 10px;
	text-align:center;
    overflow: hidden;
    position: relative;
}
#Footer ul{
	display:block;
	float:left;
    position: relative;
    left: 50%;
}
#Footer ul li {
	display:block;
	float:left;
    position: relative;
    left: -50%;
	padding:0 15px;
	border-right:1px solid #000;
}
#Footer ul li.Last {
	border:none;
}
#CopyrightArea {
	width: 900px;
	display:block;
	margin:0 auto 30px;
	text-align:center;
	font-size:85%;
	color:#000;
}

/*** about us ***/
.AboutusArea {
	display:block;
	width:800px;
	font-size:115%;
	margin:20px 0 0 25px;
}
.AboutusArea dl{
	display:block;
}
.AboutusArea dt{
	width:130px;
	_width:150px;
	padding-left:20px;
	float:left;
	clear:both;
	letter-spacing:5px;
	margin-bottom:12px;
}
.AboutusArea dd{
	width:650px;
	display:block;
	float:right;
	text-align:left;
	margin-bottom:12px;
}
.AboutusArea dd.AboutBorder{
	width:800px;
	height:1px;
	border-top:1px dotted #999;
}
ol.Outline{
	display:block;
	width:790px;
	margin-left:50px;
	font-size:105%;
}
ol.Outline li{
	list-style-type:decimal;
	margin-bottom:10px;
}
/* アーカイブ */
.ArchiveArea {
	display:block;
	width:800px;
	margin:20px 0 0 25px;
	letter-spacing:3px;
}
.ArchiveArea p{
	padding:0 0 5px 15px;
}
.ArchiveArea p.PD-L50{
	padding:0 0 10px 50px;
}
.ArchiveArea p.Year{
	width:800px;
	font-size:115%;
	padding:50px 0 5px 15px;
	margin-bottom:5px;
	border-bottom:1px dotted #999;
}
.ArchiveArea p.Title{
	width:800px;
	padding:20px 0 10px 15px;
}
.ArchiveArea p span{
	display:block;
	float:left;
	width:120px;
	margin-left:35px;
}
.ArchiveArea img{
	float:right;
	padding:0 230px 0 0;
}
#acMenu dt{
    display:block;
	text-align:center;
	width:400px;
    height:30px;
    _height:40px;
	margin-left:230px;
	padding-top:10px;
	background:#333;
	color:#FFF;
	font-size:115%;
	border:1px solid #d1d1d1;
    cursor:pointer;
}
#acMenu dd{
    display:none;
}
/*** ARTIST ***/
.ArtistArea {
	display:block;
	width:850px;
	margin:20px 0 30px 25px;
	letter-spacing:2px;
}
.ArtistArea dl{
	display:block;
}
.ArtistArea dt{
	font-size:165%;
	font-weight:bold;
	padding:35px 0 20px 57px;
	background:url(../img/icon_migi.png)no-repeat 30px 36px;
}
.ArtistArea dd{
	padding:0 0 25px 30px;
	border-bottom:1px dotted #999;
}
.ArtistArea dt img{
	float:right;
	padding:10px 30px 0 0;
}
.ArtistArea a{
	color:#000;
	text-decoration:none;
	padding:2px 7px;
}
.ArtistArea a:hover{
	background:#EFEFEF;
}
/*** link ***/
.LinkArea {
	display:block;
	width:850px;
	margin:20px 0 30px 25px;
	letter-spacing:2px;
}
.LinkArea dl{
	display:block;
}
.LinkArea dt{
	font-size:165%;
	font-weight:bold;
	padding:35px 0 20px 57px;
	background:url(../img/icon_migi.png)no-repeat 30px 36px;
}
.LinkArea dd{
	padding:0 0 25px 30px;
	border-bottom:1px dotted #999;
}
.LinkArea dt img{
	float:right;
	padding:0 30px 0 0;
}
.LinkArea a{
	color:#000;
	text-decoration:none;
	padding:2px 7px;
}
.LinkArea a:hover{
	background:#EFEFEF;
}
.LinkArea a span{
	color:#526da4;
    text-decoration: underline;
}
/*** gallery ***/
.GalleryArea {
	display:block;
	width:850px;
	margin:20px 0 30px 25px;
	letter-spacing:2px;
}
.GalleryArea dl{
	display:block;
}
.GalleryArea dt{
	font-size:165%;
	font-weight:bold;
	padding:25px 0 20px 0px;
	text-align:center;
}
.GalleryArea dd{
	padding:0 0 25px 30px;
}
.GalleryArea dt img{
	float:right;
	padding:0 30px 0 0;
}

/*画像のサムネイル*/
.col-thumb {
  width:140px;
  height:140px;
  object-fit:cover;
}

.GalleryArea a{
	color:#000;
	text-decoration:none;
	padding:2px 7px;
}
.GalleryArea a:hover{
	background:#EFEFEF;
}

/*** PRODUCE(旧INFORMATION） ***/
.ProduceArea {
	display:block;
	width:850px;
	margin:20px 0;
	line-height:165%;
	letter-spacing:1px;
}
.ProduceArea dl{
	display:block;
}
.ProduceArea dt{
	clear:both;
	margin-bottom:25px;
	font-size:135%;
	font-weight:bold;
	padding:28px 0 5px 50px;
	background:url(../img/icon_migi.png)no-repeat 20px 30px;
	border-bottom:1px dotted #999;
}
.ProduceArea dd{
	width:300px;
	float:left;
}
.ProduceArea dd.DetailBox{
	width:550px;
	float:right;
}
.ProduceArea dd.FullBox{
	width:850px;
	clear:both;
}
.ProduceArea dd img{
	margin:0 auto 5px 20px;
}
.ProduceArea dd ul{
	display:block;
}
.ProduceArea dd ul li{
	list-style-type: disc;
	list-style-position:outside;
	margin-bottom:15px;
}
.ProduceArea dd ul li span{
	background:#EBEBEB;
	padding:2px 5px 1px;
	font-size:95%;
}
.ProduceArea dd ul li.NoPoint{
	padding-left:0;
	margin-left:0;
	list-style:none;
}

/*** sitemap ***/
.SitemapArea {
	display:block;
	width:850px;
	font-size:115%;
	margin:20px 0 0 0;
}
.SitemapArea dl{
	display:block;
}
.SitemapArea dt{
	width:200px;
	_width:230px;
	padding-left:30px;
	float:left;
	clear:both;
	letter-spacing:5px;
	margin-bottom:25px;
}
.SitemapArea dd{
	width:620px;
	display:block;
	float:right;
	text-align:left;
	letter-spacing:2px;
	margin-bottom:25px;
}
.SitemapArea dd.AboutBorder{
	width:850px;
	height:1px;
	border-top:1px dotted #999;
}
.SitemapArea a{
	color:#000;
	text-decoration:none;
	padding:2px 15px;
}
.SitemapArea a:hover{
	background:#EFEFEF;
}








