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

/* ----------- base ----------- */
body{
	background: #999;
	color:#fff;
}

div#container{
	background: #000;
	color:#fff;
}

/* header */
#header{
	background: url(../partsimg/y_i_header.gif);
}

#header h1{
	display: none;
}

div#contents{
	text-align: center;
}

/* y menu */
div#menu {
	border: 1px solid #fff;
	height:18px;
}

div#menu ul li{
	list-style: none;
	font-size: 12px;
	float: left;
}

div#menu ul li a{
	background: #e52c85;
	color:#fff;
	border-right: 1px solid #fff;
	font-size: 10px;
	padding: 0 12px 0 12px;
	display: block;
	line-height: 18px;
}
div#menu ul li a:hover{
	background: #fff;
	color: #e52c85;
}

/* ----------- top ----------- */

/* body */
div#top div#main_body{
	margin: 32px 48px 0 48px;
}

div#top div#main_body dl.info{
	font-size: 12px;
	line-height: 22px;
}

div#top div#main_body dl.info dt{

}

div#top div#main_body dl.info dd{
	margin: -20px auto auto 90px;
}

div#top div#main_body dl#ticket{
	line-height: 20px;
}

div#top div#main_body dl#ticket dd{
	font-size: 10px
}

div#top div#other{
	font-size: 10px;
}

div#top div#discription{
	margin: 40px 0 0 0;
	font-size: 10px;
	line-height: 20px;
}


div#top div#main_body img#kyosan{
	margin-top: 16px;
}

/* ----------- top end ----------- */

/* ----------- 2ndpage common ----------- */
div#outline,
div#works,
div#profile,
div#event,
div#document,
div#education,
div#critique,
div#blog,
div#press,
div#link,
div#accsess{
	width:720px;
	margin: auto;
}

div#outline h2,
div#works h2,
div#profile h2,
div#event h2,
div#document h2,
div#education h2,
div#critique h2,
div#blog h2,
div#press h2,
div#link h2,
div#accsess h2{
	margin: 40px 0 40px 0;
	font-size: 14px;
	line-height: 20px;
/* 	font-family:"'Helvetica','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif"; */
}

div#outline h3,
div#works h3,
div#profile h3,
div#event h3,
div#document h3,
div#education h3,
div#critique h3,
div#blog h3,
div#press h3,
div#link h3,
div#accsess h3{
	font-size: 14px;
	padding: 0 0 20px 0;
	font-weight: bold;
}

div.button{
	width: 720px;
	text-align: right;
	margin: 30px auto 30px auto;
	border-bottom: 1px dotted #e52c85;
	height: 50px;
}

div.button a{
	font-size: 9px;
	color:#fff;
	background: #e52c85;
	line-height: 14px;
	width: 60px;
	display: block;
	margin-left: auto;
	text-align: center;
}

div.button a:hover{
	color:#e52c85;
	background: #fff;
	text-decoration: none;
}

div.event_body{
	float: right;
	width: 480px;
}

div.column_photo{
	float: left;
	font-size: 10px;
	width: 240px;
}

div.column_photo div{
	margin: 0 0 20px 0;
}

div.column_photo div span.caption{
	margin: 5px 0 0 0 ;
}

div.event_body div.entry{
	margin: 20px 0 0 0;
}

div.event_body div.more{
}

/* ----------- 2ndpage common end ----------- */

/* ----------- outline ----------- */
div#outline div.event_body div.text strong,
div#outline div.event_body div.text b{
	font-weight: bold;
	display: block;
	font-size: 14px;
	margin:0px 0 -20px 0;
}

/* ----------- outline end ----------- */

/* ----------- profile ----------- */

div#profile div.profbox{
	padding: 0 0 40px 0;
	margin: 0 0 40px 0;
	border-bottom: 1px #999 solid;
}

div#profile div.prof_name{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 30px 0;
}

div#profile img.prof_photo{
	float: left;
}

/* ----------- profile end ----------- */


/* ----------- works ----------- */

div#works div.column_photo img{
	width:192px;
}




/* ----------- works end ----------- */

/* ----------- event & education ----------- */

div#event dl.info,
div#education dl.info{
	border-bottom: 1px solid #e52c85;
	padding: 0 0 20px 0;
}

div#event dl.info dt,div#event dl.info dd,
div#education dl.info dt,div#education dl.info dd{
	font-size: 10px;
	line-height: 20px;
}

div#event dl.info dt{
	margin-top: 0px;
}
div#education dl.info dt{
	margin-top: 20px;
}


div#event dl.info dd,
div#education dl.info dd{
	margin: -20px 0 0 40px;
}
/* ----------- event & education end ----------- */

/* ----------- document ----------- */
div#document div.event_body{
	width: 372px;
}

div#document div.event_body img{
	margin: 30px auto 30px auto;
	
}

/* ----------- document end ----------- */

/* ----------- critique ----------- */

div#critique h2{
	width: 200px;
	float: left;
}

div#critique div.event_body{
	margin: 40px 0 0 0;
}

div#critique div#review{
}

div#critique div#editer{
	margin: 0 0 40px 0;
}

div#critique div.event_body strong,
div#critique div.event_body b{
	display: block;
	margin: 0 0 20px 0;
}


/* ----------- critique end ----------- */

/* ----------- link ----------- */
div#link div#contentsbody{
	margin: 0 0 0 0;
}

div#link div#contentsbody a{
	line-height: 40px;
}

/* ----------- link end ----------- */