@charset "UTF-8";

/* ---------------------------------------------------------------- *
	トップページ
 * ---------------------------------------------------------------- */
h2{
	margin:40px 0 0 0;
}
.pe_a{
	padding:10px 35px 50px 35px;
	font-size:15px;
}

.pe_b{
	padding:40px 0 0 0;
}

.pe_c{
	padding:5px 35px 0px 307px;
	font-size:12px;
}

.pe_c a {
	color:#FFBD03;
}

.pe_d{
	padding:5px 35px 0px 307px;
	font-size:12px;
	line-height:19px;
}

.pe_d a{
	color:#FFBD03;
}

.pe_e{
	padding:0px 0px 0px 55px;
	font-size:12px;
}

.pe_e a{
	color:#FFBD03;
}

#main_title {
	width:100%;
	text-align: center;
	margin: 5px auto;
}

#main_title img {
}

.artist_name {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 150%;	
}

.hoka {
	margin:10px 0 0 0;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 150%;	
}

.ex_name{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 150%;	
}

.duration {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 150%;
}

.time {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 180%;
	padding:0 0 5px 0;
}

#main_photo {
	width:670px;
	margin: 20px auto 0;
	float:left;
}

#toptext {
	font-size:13px;
	line-height:1.6em;
	padding:0 0 0 0px;
	width:280px;
	float:left;
	margin:280px 0 0 0;
	text-align:center;
}

#exhibition {
	width: 900px;
	margin: 0 auto;
}
#exhibition p {
	letter-spacing: 0.5px;
	/*color: #444444;	*/
}
#exhibition li {
	list-style: outside none none;
}
#exhibition a {
    border-bottom: 1px dotted;
}
.mainimage a{
    border-bottom: none !important;
}
#honbun {
	width:900px;
	font-size: 75%;
	line-height: 1.8;
	color:#000;
	text-align:justify;
}

#honbun_diary {
	width:900px;
	font-size: 75%;
	line-height: 1.8;
	color:#000;
	text-align:justify;
}

#footer_top{
	border-top:1px solid #000000;
	font-size:10px;
	margin:5px 0 20px 0;
	padding:15px 0 0 0;
	text-align:right;
	}

.ex_name{
	font-size:20px;
	padding:10px 0;
	}

.time a {
	text-decoration:underline;
}
.time a:hover {
	text-decoration:none;
}

.annai{
	 color: #333333;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.photo{
	float:left;
	width:485px;
	text-align:center;
	font-size:10px;
	padding:0px 0 0 0;
}

.photo_txt{
	float:left;
	width:900px;
	text-align:center;
	font-size:10px;
	padding:3px 0 15px 0;
	color:#c0c0c0;
}

.topic_title {
    border-top: 1px solid;
    color: rgb(0, 151, 255);
    font-size: 12px;
    font-weight: bold;
    line-height: 135%;
    margin-bottom: 25px;
    padding: 10px 0 0;
}

.topic_title2 {
    border-top: 1px solid;
    color: rgb(0, 151, 255);
    font-size: 12px;
    font-weight: bold;
    line-height: 135%;
    margin-bottom: 5px;
    padding: 10px 0 0;
}

a:hover img {
    opacity: 0.6;
}

#past_left {
    font-size: 75%;
    margin: 20px 0 0;
    text-align: left;
    width: 135px;
    line-height: 160%;
}

#past_right {
    margin-top: 23px;
    width: 800px;
}

.align_r {
    float: right;
}

.align {
    float: left;
}

#past_page_title {
    border-bottom: 1px solid #dcdcdc;
    color: #000000;
    font-size: 12px;
    margin: 15px 0 0;
    padding: 0 9px 8px;
    text-align: left;
}

.ex_no {
   margin-bottom:10px;
}

.cont_in {
   padding-top: 40px;
}

.caption {
    font-size: 10px;
    line-height: 150%;
    margin: 2px 0 20px;
    text-align: right;
}

.mainimage {
    text-align: right;
    margin-bottom:20px;
}

.ex_title{
font-weight:bold !important;
font-size:15px;
line-height: 150%;
margin-bottom:2px;
}
.ex_copy {
    font-size: 14px;
    font-weight: bold !important;
    line-height: 170%;
    margin: 10px 0;
}

.text_bold{
font-weight:bold;
}

#main_menu h1{
float:left;
}

#nav {
    background-color: #ffffff;
    float: left;
    border-left: 1px solid rgb(0, 151, 255);
}

#nav li {
    float: left;
    list-style: outside none none;
    font-size: 12px;
    line-height: 150%;
    border-right:1px solid rgb(0, 151, 255);
    padding:0 20px;
    text-align:center;
    width:108px;
    letter-spacing: 0.5px;
}

#nav li a:hover{
border-bottom:1px solid rgb(0, 151, 255);
}

.fb{
float:right;
margin-top: 52px;
}

.ex_year{
text-decoration: underline;
margin-bottom: 5px;
}

.ex_period{
margin-bottom:10px;
line-height: 150%;
}
.ex_period a{
border-bottom:none !important;
color:#0099FF;
}
.topic_block {
    width:900px;
    margin-bottom: 25px;
}
.dotline {
    border-bottom: 1px dotted #999;
    margin-bottom: 30px;
    width:900px;
}
.topic_text{
    float: left;
    margin-right: 50px;
    width: 600px;
}
.topic_text2{
    float: left;
    margin-right: 50px;
    width: 450px;
}
.topic_text3{
}
.topic_bold{
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    width: 600px;
    font-size: 13px;
}
.topic_bold2{
    float: left;
    font-weight: bold;
    margin:  0 50px 5px 0;
    width: 450px;
    font-size: 13px;
}
.topic_bold3{
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    width: 900px;
    font-size: 13px;
}
.each_topic_title{
    font-weight: bold;
    width: 720px;
    font-size: 14px;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}
.project_process {
    border-bottom: 1px dotted #999;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 18px 0 10px;
    width: 720px;
}
.project_pic{
    margin-bottom: 3px;
}
.project_pic a{
    border:medium none !important;
    margin-right: 6px;
}
.project_text{
    font-size:11px;
}
.topic_info{
    color: #666;
    float: left;
    font-size: 90%;
    margin: 10px 50px 0 0;
    width: 600px;
}
.topic_info2{
    color: #666;
    float: left;
    font-size: 90%;
    margin: 10px 50px 0 0;
    width: 400px;
}
.topic_pic {
    text-align: right;
    margin-bottom:5px;
}
.topic_pic2 {
    float: right;
    margin-bottom: 5px;
    width: 304px;
}
.topic_pic2 a{
border:medium none !important;
}
.topic_copy {
    float: left;
    font-size: 14px;
    font-weight: bold !important;
    line-height: 170%;
    margin: 0 0 10px;
    width: 600px;
}
.topic_copy2 {
    float: left;
    font-size: 14px;
    font-weight: bold !important;
    line-height: 170%;
    margin: 0 50px 10px 0;
    width: 450px;
}
#main_image {
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 132px;
    width: 900px;
}

#day_left{
    width:110px;
    float:left;
    text-align: left;
    padding-top: 157px;
    position:fixed;
}

#day_left ul{
    list-style-type: none;
    line-height: 0;
}

#day_left ul li {
    background: transparent url("http://www.nomart.co.jp/hkpp/images/borderbot_02.gif") repeat-x scroll center bottom;
    margin: -10px 0 22px;
    padding: 0 0 5px;
    line-height: 1;
}

.day_right{
    width:743px;
    float:right;
    margin-bottom: -130px;
    padding-top: 170px;
}

#day_left a {
    border-bottom: none !important;
}

.to_top {
    border: 1px dotted #999;
    float: right;
    font-size: 14px;
    height: 24px;
    margin: 170px 0 15px;
    padding: 10px;
    text-align: center;
    width: 743px;
}

.to_top a {
    border-bottom: none !important;
}

.to_top_index {
    border-top: 1px dotted #999;
    font-size: 11px;
    margin: 40px 0 0;
    padding: 10px 0;
    text-align: right;
    width: 900px;
}

.to_top_index a {
    border-bottom: none !important;
}
.gray_back{
background-color:#f6f6f6;
padding:20px;
}

#topimage a:hover img{
opacity:0.8 !important;
}
.works_detail td,th{
	border:1px solid #d1d1d1;
	padding: 6px 6px 5px;	
}
.works_detail{
	width:720px;
}
table {
	border-collapse: collapse;
	font-size: 90%;
}
.works_detail .komoku{
	background-color:#e3e3e3;
	width: 60px;
}
.works_detail th{
	background-color:#f1f1f1;
}
.each_topic {
    padding: 20px 0 50px;
    float: right;
    width: 720px;
}
#topic_menu{
    width: 130px;
    top:100px;
    float:left;
    padding-top:20px;
}
#topic_menu li {
    border-bottom: 1px solid #c1c1c1;
    margin: 0 0 10px;
    padding: 0 0 5px;
}
#topic_menu a {
    border:none !important;
}
.each_topic_info {
    background-color: #f5f5f5;
    font-size: 95%;
    line-height: 160%;
    margin: 10px 0 5px;
    padding: 12px 10px 9px;
}