@charset "shift-jis";

/*----------------------------------------------------
  00  main-style
  01. #main.hall  Hall
  02. #main.feature Feature
----------------------------------------------------*/

/* main style
=======================================================*/

/*=== value reset ===*/
#main * {
	margin:0;
	padding:0;
	font-size:100%;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main em,
#main th,
#main strong {
	font-weight:normal;
	font-style:normal;
}
#main ul { list-style-type:none;}
#main img { border:0; vertical-align:bottom;}

/*=== main & main font ===*/
#main {
	width:680px;
	color:#8C8C8C;
	text-align:left;
	font-size:100%;
	line-height:180%;
	margin-bottom:30px;
	min-height:456px;
	height:auto !important;
	height:456px;
	font-size:small;
	/*\*/_/**/font-size:x-small;/* IE */
}
#main .area {
	background:url(/common/images/bar.jpg) no-repeat 56px 20px;
	padding:30px 24px 0 80px;
}
#main h1 {
	margin: 0 0 35px;
}
#main h2, 
#main h3 {
	color:#898989;
	font-weight:bold;
}
#main .small { font-size:85%;}
#main .subtitle  { font-size:116%; margin-bottom:15px;}
#main .maintitle { margin-bottom:35px;}
#main .hidden { display:none;}
.clearfix {
	height:auto !important;
	height:1px;
	/*\*//*/display:inline-table;/**/
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:1%;
	line-height:1%;
	visibility:hidden;
}
#main .main_base{
	margin: 40px 65px 0;
}
/*===========================================================================
  01. #main.hall  YOMIKOホールのご案内
===========================================================================*/
#main.hall {
	background:url(../img/hall_bg.gif) no-repeat 503px 30px;
}
#main.hall .schedule {
	border-left:5px solid #e2e2e2;
	padding-left:10px;
}
#main.hall .schedule h3 {
	color:#666;
}
#main.hall .schedule.last {
	margin-bottom:0;
}
#main.hall .schedule dl {
	width:550px;
	/*\*//*/display:inline-table;/**/
	margin-left:5px;
}
#main.hall .schedule dt {
	float:left;
	display:block;
	margin-right:5px;
}
#main.hall .schedule dd {
	float:left;
}
#main.hall .schedule dd.clear {
	float:none;
	clear:both;
}
#main.hall .end-date {
	border-top:1px solid #7bc6f2;
	width:570px;
}
#main.hall .end-date th,
#main.hall .end-date td {
	border-bottom:1px solid #7bc6f2;
	border-right:1px solid #7bc6f2;
	padding:3px 8px;
	color:#666;
}
#main.hall .end-date th {
	color:#7bc6f2;
}
#main.hall .end-date .last {
	border-right:none;
	width:440px;
}
/* ginza6 */
#main .ginza6-top h2 {
	margin-top:35px;
	margin-bottom:15px;
}
#ginza6 {
	width:480px;
	margin:20px auto 0 45px;
}
#ginza6 h3 {
	margin-top:15px;
	color:#666;
	font-weight:normal;
}
#ginza6 table {
	border-top:1px solid #CCC0A7;
	border-left:1px solid #CCC0A7;
	width:480px;
}
#ginza6 td.last {
	width:362px;
}
#ginza6 td {
	border-bottom:1px solid #CCC0A7;
	border-right:1px solid #CCC0A7;
	padding:3px 8px;
	color:#666;
}


/* ginza7 */
#ginza7 {
	width:570px;
	margin-top:20px;
	margin-bottom:25px;
}
#ginza7 h2 {
	margin-bottom:10px;
}
#ginza7 .photo {
	float:left;
	width:137px;
}
#ginza7 .info {
	float:right;
	width:424px;
}
#ginza7 table {
	border-top:1px solid #CCC0A7;
	border-left:1px solid #CCC0A7;
	width:424px;
}
#ginza7 td.last {
	width:302px;
}
#ginza7 td {
	border-bottom:1px solid #CCC0A7;
	border-right:1px solid #CCC0A7;
	padding:3px 8px;
	color:#666;
}
#main.hall .news-area p {
	margin-bottom: 15px;
}
/*===========================================================================
  02. #main.feature  利用目的とイメージ
===========================================================================*/
#main.feature .map-bg {
	width:570px;
	background:url(../img/feature_map.gif) no-repeat right bottom;
	padding-bottom:200px;
	margin-bottom:20px;
}
#main.feature .info {
	margin-left:1em;
	text-indent:-1em;
	width:340px;
}
#main.feature span.mark {
	color:#7bc6f2;
}
#main.feature .info ul.mark {
	text-indent:0;
}
#main.feature ul.mark {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:17px;
}
#main.feature .photo {
	float:right;
	padding:0 0 30px 20px;
	display:inline;
}


/*===========================================================================
  03. #main.access  交通アクセス
===========================================================================*/
#main.access .guide {
	width:570px;
}
#main.access .photo {
	float:left;
	width:260px;
}
#main.access .txt {
	float:right;
	width:295px;
}
#main.access .map {
	text-align:center;
	margin-top:20px;
}
#main.access .info {
	padding:10px;
	margin:20px 10px 0;
	line-height:140%;
	border:1px solid #8fc6f1;
}

/*===========================================================================
  04. #main.purpose  利用目的とイメージ
===========================================================================*/
#main.purpose .type-box {
	margin-top:40px;
	padding-bottom:10px;
	background:url(../img/purpose_type_bottombg.gif) no-repeat left bottom;
}
#main.purpose .type-box .wrap {
	width:570px;
	padding-bottom:25px;
	background:url(../img/purpose_type_sidebg.gif) repeat-y;
}
#main.purpose .type-box .block {
	width:187px;
	float:left;
}
#main.purpose .type-box .block.last {
	width:196px;
}
#main.purpose .type-box .block ul {
	padding:0 20px 0 35px;
	color:#5d92ba;
}
#main.purpose .type-box .block.last ul {
	padding:0 35px 0 35px;
}

/*===========================================================================
  05. #main.event  イベント事例
===========================================================================*/
#main.event .art-area {
	width:570px;
	background:url(../img/event_linebg.gif) no-repeat right bottom;
	margin-top:25px;
}
#main.event .art-area.top {
	margin-top:15px;
}
#main.event .art-area.bottom {
	margin-bottom:40px;
}
#main.event .art-area .photo {
	float:left;
	width:330px;
}
#main.event .art-area .txt {
	float:right;
	width:228px;
	padding-top:25px;
	line-height:170%;
	border-top:1px solid #8fc6f1;
}
#main.event .forum h3 {
	font-weight:bold;
	color:#666;
	border-bottom:1px solid #666;
	width:230px;
	margin:10px 0;
}
#main.event .forum h4 {
	margin-top:5px;
}
#main.event .forum table {
	color:#666;
	line-height:160%;
}
#main.event .forum th {
	width:80px;
	text-align:left;
	vertical-align:top;
}
#main.event .forum td {
	width:470px;
}
#main.event .photo-box2 {
	width:530px;
	margin-top:5px;
	margin-left:20px;
}
#main.event .photo-box2 .block.left {
	float:left;
	width:250px;
}
#main.event .photo-box2 .block.right {
	float:right;
	width:250px;
}
#main.event .photo-box2 .block p {
	margin-top:5px;
	font-size:85%;
	line-height:130%;
}
#main.event .photo-box {
	width:570px;
	margin-top:5px;
}
#main.event .photo-box .block-sp {
	margin:15px 0 15px 20px;
}
#main.event .photo-box .block-sp .photo {
	float:left;
	width:163px;
}
#main.event .photo-box .block-sp dl {
	float:left;
	width:347px;
	margin:0 20px;
	display:inline;
	font-size:85%;
	line-height:140%;
}
#main.event .photo-box .block {
	float:left;
	display:inline;
	margin-left:20px;
	width:163px;
}
#main.event .photo-box .block dl {
	margin-top:5px;
	line-height:130%;
	font-size:85%;
}