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


/* 共通 ************************************************************************/
*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body{margin:0 auto ;
	-webkit-text-size-adjust: auto;
	color:#3b3b3b;
}

a{
	text-decoration:none;
}

li{
	list-style:none;
}


a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

img{
	border:none;
}



/* ヘッダー ************************************************************************/

#header{
	background:url(images/header_back.png) top center repeat-x;
	height:120px;
	margin:0 auto 0;
}

.header{
	background: url(images/header02.png) center  top no-repeat;
	width:910px;
	height:108px;
	margin:0 auto 0;
	padding:12px 0 0 0 ;
}

.header h1{
	background:#fff;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin:0 auto 0;
	padding:0 0 ;
	height:0;
	font-size:3em;
}

.header img{
	margin:5px 0 0 0px;
	padding:0 0 ;
	float:left;
}

.header a{
	color:#fff;
}

.header li{
	display:inline-block;
	color:#fff;	
}

.description{
	display:inline-block;
	font-size:0.7em;
	color:#fff;
	width:550px;
	white-space: nowrap;
	text-align:center;
	margin:0 0 0 0px;
	padding:0 0 ;
	line-height:1.4em;
}

ul.language{
	visibility: hidden;/*未制作なので消しています*/
	margin:0px 0 0 0;
	padding:0 0 ;
	float:right;
}

li.english, li.chinese{
	background:#ffaa33;
	text-align:center;
	width:60px;
	margin: 0 5px 0 0 ;
	padding:3px 15px 2px;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	
	clear:both;
	font-size:1em;
}

li.chinese{
	margin:0 0 ;
}

.header_nav{
	width:750px;
	float:right;
	margin:7px 0 0 0 ;
	padding:0 0 ;
	text-align:left;
}
	
.header_nav li{
	margin: 0 0px 0 25px ;
	text-align:center;
	font-size:0.95em;
	height:35px;
	color:#ff8b4e;
}

.header_nav li:first-child {
	margin: 0 0 0 -20px;
}

li.nav-news {
	background:url(images/nav_01.png) no-repeat center top;
	padding:13px 0 0 ;
}

li.nav-overview {
	background:url(images/nav_02.png) no-repeat center top;
	padding:8px 0 0 ;
}

li.nav-artist{
	background:url(images/nav_03.png) no-repeat center top;
	padding:3px 0 0 ;
}

li.nav-exhibition {
	background:url(images/nav_04.png) no-repeat center top;
	padding:8px 0 0 ;
}

li.nav-inquiry {
	background:url(images/nav_05.png) no-repeat center top;
	padding:8px 0 0 ;
}


	
/* トップイラスト部分 ************************************************************************/
	
#top{
	background:url(images/top_bg.png) repeat;
	margin:0 auto 0;
	padding:0 0;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.4) inset;
}

.top{
	background:url(images/2017_exhibition/main_illust2017.png) no-repeat center 20px;/*メインイラストの入るところ*/
	width:910px;
	height:600px;
	margin:0 auto 0;
	padding:0 0;
}

.top img{
	margin:10px 0 0 0 ;
	padding:0 0;
}	

p.artistnema{/*メインイラスト作者の入るところ（イラストによって場所調整必要）*/
	font-size:0.8em;
	color:#505050;
	text-align:center;
	margin:310px auto 0 ;
	padding:0 0;
}
		
		

/* ニュース・スケジュール ************************************************************************/

#news{
	background:url(images/news_bg.png) repeat;
	height:auto;
	margin:0 auto 0;
	padding:20px 0 40px;
}

.news{
	width:910px;
	margin:0 auto 0;
}

.news h2{
	background:url(images/sign-01.png) no-repeat top center;
	color:#f78224;
	font-size:1.5em;
	text-align:center;
	height:47px;
	width:370px;
	margin:0 auto 0;
	padding-top:10px;
	clear:both;
}

.headline{
	display:block;
	width:690px;
	height:auto;
	padding:5px 20px 15px;
	margin:10px 0 20px;
	background:#FFFFFF;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	float:left;
}

.headline li{
	display:block;
	font-size:0.8em;
	margin:10px 0 0 0 ;
	padding:0 0 3px 5px;
	border-left:solid 15px #fb9747;
	height:15px;
}

.headline a {
	text-decoration:underline;
	color:#fb9747;
}

.sns{
	float: right;
	margin:10px 0 0 0px;
	padding:0 0 ;
}

.sns a{
	color:#fff;
	font-size:1.2em;
	letter-spacing:0.1em;
}

.sns li{
	width:151px;
	height:44px;
	padding:13px 0 0 0 ;
	text-align:center;
	margin:0px 0 10px 0px;
}

.twitter{
	background:url(images/tw.png) no-repeat top left;
}

.instagram{
	background:url(images/in.png) no-repeat top left;
}


.print{
	text-align:center;
	padding:10px 0 ;
	margin:0 0 10px;
}

.print p{
	font-size:0.8em;
	padding:10px 0 0;
	margin:0 0;
}

.pamphlet, .dm{
	background:#38a3e0;
	padding:15px 30px 30px;
	margin:0 10px 0 ;
	display: inline-block;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
}

.dm{
	background:#ff7a7a;
}

.pamphlet p, .dm p{
	font-weight:bold;
	color:#fff;
	font-size:1em;
	margin:0 0 10px;
	padding:0 0;
}

.pamphlet img, .dm img{
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4) ;
}


.schedule{
	display:block;
	width:860px;
	height:auto;
	padding:25px 25px 10px;
	margin:0px 0 0px;
	background:#FFFFFF;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
}

.schedule h3{
	color:#fff;
	padding:7px 0 3px 10px ;
	margin:0px 0 10px;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	font-size:1.2em;
}

h3.sep{
	background:#80be4e;
}

h3.mar{
	background:#f581af;
}

h4.junkai{
	background:#aaa;
	color:#fff;
	padding:5px 0 3px 10px ;
	margin:0px 0 10px;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	font-size:1em;
}

.details{
	font-size:1em;
	margin:0 0 0px 40px;
	padding:0 0 20px;
}

.junkai-details{
	font-size:0.9em;
	margin:0 0 0px 40px;
	padding:0 0 20px;
}
.junkai-details b{
	display:block;
	margin:10px 0 8px;
	padding:0 0 0px;
}
.junkai-details b a{
	text-decoration:underline;
	color:#F90;
}

.map{
	display:inline-block;
	padding:2px 4px 1px;
	background:#fb9747;
	color:#fff;
	font-size:0.8em;
	margin:0 10px;
	width:45px;
	text-align:center;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
}



/* リンク ************************************************************************/


#links{
	background:url(images/links_bg.png) repeat;
	height:auto;
	margin:0 auto 0;
	padding:20px 0 0px;
}

.links{
	width:910px;
	height:330px;
	margin:0 auto 0;
}

.links h4{
	background:url(images/sign-01.png) no-repeat top center;
	color:#f78224;
	font-size:1.5em;
	text-align:center;
	height:47px;
	width:370px;
	margin:0 auto 0;
	padding-top:10px;
	clear:both;
}

.links ul{
	display:block;
	float:left;
	margin:0 0 ;
	padding:0 0;
	width:670px;
}

.links li{
	display:block;
	color:#146a36;
	font-size:1em;
	margin:20px 0 ;
	background:url(images/tokyo.png) top left no-repeat;
	padding:8px 0 6px 55px;
}

.links li:last-child{
	background:url(images/kokorono.png) top left no-repeat;
}

.links a{
	color:#146a36;
	text-decoration:underline;
}

.links img{
	margin:20px 0 0 0px;
	padding:0 0;
	float: right;
}


/* 主催等 ************************************************************************/

#organization{
	background:url(images/organization_bg.png) repeat;
	height:auto;
	margin:0 auto 0;
	padding:10px 0 10px;
	clear:both;
}

.organization{
	width:910px;
	margin:0 auto 0;
}

.organization p{
	display:block;
	font-size:0.9em;
	line-height:2em;
	padding:0 0 ;
}
.organization a{
	text-decoration:underline;
	color:#3b3b3b;
}

/* こころの東京革命 ************************************************************************/

#kokoro{
	background:url(images/kokoro_bg.png) repeat;
	height:auto;
	margin:0 auto 0;
	padding:20px 0 20px;
	clear:both;
}

.kokoro, .ht{
	width:910px;
	margin:0 auto 0;
	padding:0 0 ;
}

.ht p{
	color:#f78224;
	font-size:0.85em;
	display:block;
	width:900px;
	margin:10px 0px 0px 0;
	padding:0 0 0 10px ;
	background:url(images/kokoro_p.png) left 3px no-repeat;
}

.kokoro p{
	color:#f78224;
	font-size:0.85em;
	display:inline-block;
	width:680px;
	margin:30px 0px 10px 0;
	padding:0 0 0 10px ;
	background:url(images/kokoro_p.png) left 3px no-repeat;	
}

.kokoro img{
	margin:0px 0 0 10px;
	padding:0 0 ;
	vertical-align:middle;	
}



/* パンくずリスト ************************************************************************/

.breadcrumb{
	width:910px;
	margin:0 auto 20px;
	padding:0 0 ;
	clear:both;
}


.breadcrumb p{
	display:block;
	font-size:0.8em;
	margin:0 0px;
	padding:0 0 ;
	color:#5e5e5e;
}

.breadcrumb a{
	text-decoration:underline;
	color:#5e5e5e;
}


/* ハートウキョウとは？・作家紹介・過去の展示　共通 ************************************************************************/

#about{
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.4) inset;
	background:url(images/top_bg.png) repeat;
	padding:20px 0 30px ;
	margin:0 auto 0;
}

#about .about{
	width:910px;
	margin:0 auto 40px;
	background:#fff;
	padding:0 0 0px;
}

.about h2, .about h3{
	font-size:1.2em;
	background:#ffaa33;
	padding:10px 15px  8px;;
	margin:0px 0 20px;
	color:#fff;
	display: inline-block;
}
	
.about p{
	font-size:0.9em;
	padding:0px 40px 25px;
	margin:0px 0;
}
.about a{
	text-decoration:underline;
	color:#3b3b3b;
}
	
.version, .photo, .artists-name{
	padding:0 0px;
	margin:0px 0 0;
	text-align:left;
}

.version div,.artists-name div{
	display:inline-block;
	padding:0 0px;
	margin:0px 0px 0 40px;
	width:160px;
	vertical-align:top;
}

.version p, .photo p, .artists-name p{
	font-size:0.8em;
	margin:5px 0 20px;
	padding:0 0;
	text-align:center;
}

.photo div{
	display:inline-block;
	padding:0 0px;
	margin:0px 0px 0 40px;
	width:390px;
}

.artists-name p{
	font-size:0.9em;
	margin:10px 0 30px;
	padding:4px 10px 2px;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	font-weight:bold;
}

.artists-name img{
	margin:0 0;
	padding:0 0;
}

.artists-name h4 {
	margin:10px 20px 20px;
	padding:4px 20px 1px;
	font-size:1.1em;
	border-radius: 8px;        
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
}

.sakka h4, .sakka p{
	background:#FFFF99;
}

.oyako h4, .oyako p{
	background:#ffdada;
}

.dantai h4, .dantai p{
	background:#a9daff;
}

.artists-name .artists-description {
	font-size:0.9em;
	display:block;
	padding:0 0px;
	margin:0px 0px 20px 40px;
	width:830px;
}


/* フッター ************************************************************************/

#footer {
  	color: #000000;
  	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
	letter-spacing:0.1em;
}

.footer{
	width:910px;
	margin:0 auto 0;
	color:#fff;
	text-align:center;
}

.footer ul{
	font-size:0.8em;
	margin:0 0 30px;
	padding:0 0 ;
}

.footer li{
	display:inline-block;
	border-right:solid 1px #fff;
	padding:0 20px 0 20px;
}

.footer li:last-child{
	border-right:none;
}

.footer a{
	color:#fff;
}

.copyright{
	padding:0 0 ;
	margin:0 0 ;
	font-size:0.8em;
}