@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=chango);

body       {font-family: 'メイリオ',
            'Hiragino Kaku Gothic Pro', sans-serif}

container  {position: relative;
            width: 100%;
	    margin:0px;
	    padding:0px
	    }

main  {margin-top: 0px;
       margin-bottom:0px}

/* header */

header     {padding: 20px 20px 0px;
	    text-align: left;
            margin-top: 350px;
            margin-left:auto;
            margin-right:auto;
	    width:90%;
	    min-width:350px;
	    height:500px}

img.logo  {float:center;
	   margin-bottom:15px;
	   min-width:350px;
	   }

img.main  {float:center}


/* menu */

nav           {width:85%;
	       margin-left: auto;
	       margin-right:auto;
	       height:100px;}

nav ul	      {font-size: 100%;
	       margin-top: 0px;
	       margin-bottom: 5px;
	       height: 30px;
	       padding-left:6px;
	       float:right;
	       }

nav ul li  {list-style-type: none;
	    float: left;
	    font-weight:300;
	    display: -moz-inline-box;
            display: inline-block;
            *display: inline;
	    width:101px;
            *zoom: 1;}

#twitter  {margin-top:59px;}

#facebook  {margin-top:56px;}

#media9      {margin-left:30px}

nav ul li a {display: block;
	     width: 80px;
	     line-height: 30px;
	     text-decoration: none;
	     text-align: center;
	     color: #FFFFFF}

hr         {width:600px;
	    border-width: 1px 0 0 0;
	    border-style: solid;
	    border-color: #FFFFFF;
	    height: 1px; /* IE6用対策 */
	    clear: both; /* IE6用対策 */
	    margin-top:20px;
            margin-bottom:-10px}

/* concept */

#concept   {padding 0px 50px 300px;
	    margin:auto;
	    width:85%;
	    margin-top:0px;
     	    margin-bottom:30px;
	    margin-left:auto;
	    margin-right:auto;
	    font-size:100%;
	    font-weight:200;
	    line-height:1.6;
	    color: #FFFFFF}

#date,#people,#map-set   {font-weight:200;
                          font-size:100%;
		          margin-top:20px;
			  margin-bottom:20px;
		          color: #FFFFFF;
	                  line-height:1.6
			  margin-left:auto;
	                  margin-right:auto;
			  padding 0px 50px 300px;
			  width:85%;
			  margin:auto;}

#others	   {font-weight:200;
            font-size:72%;
	    margin-top:15px;
	    color:#FFFFFF;
            line-height:1.6;
	    margin-bottom:0px;
	    margin-left:auto;
	    margin-right:auto;
	    padding 0px 50px 200px;
	    width:85%;
	    margin:auto;}
	    
#fb_link   {font-weight:200;
         font-size:100%;
	 margin-top:10px;
	 color: #FFFFFF;
	 line-height:1.6;
	 margin-left:auto;
	 margin-right:auto;
	 padding 0px 50px 300px;
	 width:85%;
	 margin:auto;}

#top    {font-weight:401;
         margin-bottom:15px;
         color:#FFFFFF;
         font-size: 120%}

#title  {margin-bottom:0px;}


/* article */

h2         {color: #FFFFFF;
	    font-weight: 200;
	    font-size: 120%;
	    margin-bottom: 0px;
            margin-top:30px;
	    width:85%;
	    }

p          {font-weight: 180;
	    font-size: 80%;
	    color: #FFFFFF;
	    line-height:230%:
            margin-top: 10px;
            margin-bottom: 10px;}

article    {width: 86%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 130px;
	    margin-top:50px;
            overflow: hidden;
	    background:rgba(0,0,0,0.7);
	    padding-bottom:30px;
	    padding-top:20px;
	    }

/* artist */

#artist-set         {margin-top:10px;
		     float:center;
		     padding-left:150px;}

#artist  {width:30%;
          float:left;
	  margin-left:20px;
	  margin-bottom:30px;}

h1    {font-weight:401;
       margin-bottom:10px;
       margin-top:20px;
       color:#FFFFFF;
       font-size: 90%}

img.photo  {width: 100px;
            height: 50px;}

#profile  {float:left;
           font-weight:200;
	   font-size:75%;
	   margin-top:10px;
	   color:#FFFFFF;
	   line-height:1.8}

#artist-contents  {font-weight: 180;
	           font-size: 80%;
	           color: #FFFFFF;
                   line-height:120%;
	     	   width:120px;
	  	   float:left}
		

/*access*/
#access    {margin-top:5px;
	    margin-bottom:30px} 

#map       {float:left;
            width:85%;
	    height:400px;
	    margin-top:10px}

#guide  {float:left;
         width:100%;
	 font-size:120%;
	 margin-top:0px;
	 margin-bottom:10px}

		



/* footer */

footer	   {color: #ffffff;
	    margin-top: -20px;
	    padding-bottom: 5px;
	    width:86%;
	    margin-right:auto;
	    margin-left:auto;
            float:center}
			
#footer    {width:85%;
            float:right}
            
           

small      {font-size: 90%;
            font-style: normal;
            text-align: right;
            display: block;}



/* 404error */

.error     {margin: auto;
            overflow: hidden;
            float: center;
            text-align: center}

.error a   {font-size: 100%;
            color: #ffffff;
            border-radius: 5px;
            background-color: #ff4600;
            padding: 5px 20px 5px 20px}

/* bg */




        img.bg {/* Set rules to fill background */
        min-height: 100%;
        min-width: 1200px;
        /* Set up proportionate scaling */
        width: 100%;
        height: auto;
        /* Set up positioning */
        position: fixed;
        /* またはabsolute; */
        top: 0;
        left: 0;}

        img.bg_i {display:none}