h1{
	margin:100px 0 0 15px;
	font-size:medium;
	border-bottom:1px dotted #aaa;
	padding:0 0 0 8px;
	width:12em;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif, monospace;
    }
    
h2 {
	padding-top:0px;
	margin-top:0;
	text-align: left;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif, monospace;
	font-size: small;
	top: 5px;
}
h3 {font-size:95%; margin:50px 0 15px 0; }

.main_text {
    margin-bottom:20px;
    padding-bottom:15px;
    }

#head {
	_position:absolute;
	width:auto;
	height:500px;
	color: #FFF;
	background-color: #FFF;
    }

#head2 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }


* {margin:0; padding:0;}
a {text-decoration: none;}
body {
	_overflow:hidden;
	background-color: #FFF;
}

#mainbox {_overflow:auto; }

body {
	margin:0;
	padding:0;
	font-size:small;
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif, monospace;
	line-height: 18px;
    }

#copy {
	font-size:x-small;
	color:#111;
	line-height:200%;
	text-align: center;
	background-position: center center;
}



#mainbox {
	height:100%;
	padding-top:0;
	padding-bottom:0;
	z-index:1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5em;/* 全体周囲の余白 前は15em*/
}
    
#mainin {
    width:100%; /* 周囲の余白?前は80%*/
    margin:0 0 0 20px;
    padding-top: 50px;
    }
#mainin p{margin:5px 0 5px 0;}

#image {
	_position:absolute;
	width:auto;
	height:auto;
	color: #FFF;
	background-color: #FFF;
	text-align: center;
    }
	

.item {
  margin: 10px;
  width: auto;
  margin: 3px; /* 周囲の余白 */
  padding: 3px; /*　枠内の余白 */
  border: 1px dashed #333; /* 1.枠線 */
}



div.imagebox {
	border: 1px dashed #333; /* 1.枠線 */
	background-color: #FFF;  /* 2.背景色 */
	margin: 3px; /* 周囲の余白 */
	padding: 3px; /*　枠内の余白 */
	float: left;
}
	
p.image, p.caption {
	text-align: center; /* 3.中央寄せ */
	margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
	font-size: small;  /* 5.文字サイズ */
	color: #333; /* 6.文字色 */
	text-align: left;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif, monospace;
	font-weight: bold;
}

p.caption1 {
	font-size: small;  /* 5.文字サイズ */
	color: #333; /* 6.文字色 */
	text-align: left;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif,  monospace;
	font-weight: bold;
}

p.caption2 {
	font-size: medium;  /* 5.文字サイズ */
	color: #000; /* 6.文字色 */
	text-align: left;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif, monospace;/*home作品タイトル*/
	font-weight: bold;
	padding-top: 10px;
	padding-left: 30px;	
}
p.caption3 {
	_position:absolute;
	width:80%;
	height:auto;
	text-align: left;
	font-size: small;  /* 5.文字サイズ */
	color: #000;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif, monospace;
	font-weight: normal;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;	
}

p.caption4 {
	font-size: small;  /* 5.文字サイズ */
	color: #000; /* 6.文字色 */
	text-align: left;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif, monospace;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 30px;	
}

p.caption5 {
	font-size: medium;  /* 5.文字サイズ */
	color: #000; /* 6.文字色 */
	text-align: left;
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif, Century, Book Antiqua;
	padding-top: 10px;
	padding-left: 30px;	
}

p.caption8 {
	font-size: medium;  /* 5.文字サイズ */
	color: #000; /* 6.文字色 */
	text-align: left;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif, Century, Book Antiqua;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 30px;	
}

/* リンク指定 */

a {
	color: #333;
	}
	
a:hover {
	color :#AFEEEE;
	}


p.caption a {
	color:#333;
	background-color: #FFF;
}

p.caption a:hover{
	color:#AFEEEE;
	background-color: #FFF;
}




#aida {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }
	
#aida2 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }
	
#aida3 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }	
	
#aida4 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }	

#aida5 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }	
	
#aida6 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }	
	
	
#aida7 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }	
	
#aida8 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }	
	
#aida9 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }	
	
#aida10 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }
	
#aida11 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }
	
#aida12 {
	_position:absolute;
	width:auto;
	height:100px;
	color: #FFF;
	background-color: #FFF;
    }	
	
hr.example {
	border: none;
	border-top: 1px #000000 dashed;
}


#topbox {    
    position:fixed;
    _position:absolute;  
    left:20px; 
    top:20px; 
    width:1000px; 
    height:1.3em; 
    z-index:5;
    }
#topbox ul{margin:0; padding:0;list-style-type:none;}
#topbox li{margin:0; padding:0;display:inline;float:left;}
#topbox a{
	margin:0;
	display:block;
	width:150px;
	height:1.3em;
	color:#000;
	padding:3px 0 0 0;
	font-size:11px;
	border-right:1px solid #fff;
	background-color:#FFF;
	text-align:center;
	line-height:1.3em;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif ;
	font-weight: bold;
    }
	
#topbox a:hover{
	color:#AFEEEE;
	background-color: #FFF;
	font-weight: bold;
}

>> topメニューのクリック時の仕様