@charset "utf-8";

/* ************************************************** 

	artstudium用 top
	
	製作日：2011/1
	
	1.リセット、デフォルトスタイル
		1-1.ユニバーサル、body
		1-2.デフォルト
		1-3.リンク文字
	2.配置
		2-1.
	3.ナビゲーション
		3-1.上部メニュー
		3-2.下部メニュー
		3-3.ドロップダウンメニュー
			3-3-1.共通
			3-3-2.メニューのボタン画像
		3-4.ENGLISHリンク

	
- ***************************************************/

/* 1-1.ユニバーサル、body
---------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	line-height: 1.9em;
	color: #201301;
	background-color: #ffffff;
	overflow:hidden;
}

/* 1-2.デフォルト
---------------------------------------------*/

ul, li	{
	margin:0;
	padding:0;
	list-style:	none;
}
img {
	border: 0;
}
.novisible{
	display:none;
}
/* 1-3.リンク文字
---------------------------------------------*/

a {
	text-decoration: none;
	color: #201301;
}
a:link {
	color: #201301;
}
a:visited {
	color: #201301;
}
a:hover {
	color: #87ff23;
}

/* 2-1.配置
---------------------------------------------*/
#main{
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#menu1{
	height:30px;
	position:absolute;
	top:0px;
	right:10px;
}

#menu2{
	width:811px;
	position:absolute;
	bottom:0;
	left:100px;
}

ul#menulist li {
	float: left;
}

img#topback{
	position:absolute;
	top:15px;
	background:#7500bd;
}
img#topback2{
	position:absolute;
	top:15px;
	z-index:1;
	border-right:solid 10px #fff;
}
img#topback3{
	position:absolute;
	top:15px;
	z-index:2;
}
/* 3-1.上部メニュー
---------------------------------------------*/
#menu1 li{
	font-size:11px;
	float:right;
}
/* 3-2.下部メニュー
---------------------------------------------*/
#menu2 ul#menulist li a{
	display:block;
	height:38px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
#menu2 li#about a{background:url(../img/topmenu.png) no-repeat 0 8px;width:200px;}
#menu2 li#news a{background:url(../img/topmenu.png) no-repeat -200px 8px;width:103px;}
#menu2 li#kouza a{background:url(../img/topmenu.png) no-repeat -303px 8px;width:104px;}
#menu2 li#event a{background:url(../img/topmenu.png) no-repeat -407px 8px;width:178px;}
#menu2 li#publication a{background:url(../img/topmenu.png) no-repeat -586px 8px;width:86px;}
#menu2 li#archive a{background:url(../img/topmenu.png) no-repeat -671px 8px;width:135px;}

#menu2 li#about a:hover{background:url(../img/topmenu.png) no-repeat 0 -37px;width:200px;}
#menu2 li#news a:hover{background:url(../img/topmenu.png) no-repeat -200px -37px;width:103px;}
#menu2 li#kouza a:hover{background:url(../img/topmenu.png) no-repeat -303px -37px;width:104px;}
#menu2 li#event a:hover{background:url(../img/topmenu.png) no-repeat -407px -37px;width:178px;}
#menu2 li#publication a:hover{background:url(../img/topmenu.png) no-repeat -586px -37px;width:86px;}
#menu2 li#archive a:hover{background:url(../img/topmenu.png) no-repeat -671px -37px;width:135px;}
/* 3-3.ドロップダウンメニュー

** 3-3-1.共通
---------------------------------------------*/
.drop{
	height:0px;
	display:none;
	position:absolute;
	bottom:35px;
	z-index:5;
}

/* 3-3-2.artstudiumとは
---------------------------------------------*/
#dabout{
	left:3px;
	background:url('../img/menuback-about.png');
}
#dkouza{
	left:306px;
	background:url('../img/menuback-kouza.png');
}
#darchive{
	left:674px;
	background:url('../img/menuback-archive.png');
}
#darchive ul#list2{
	border-top:#999 dotted 1px;
}
#dabout a,#dkouza a,#darchive a{
	padding-left:10px;
	display:block;
	width:200px;
	height:25px;
	border-bottom:#999 dotted 1px;
	background: url(../../img/top_sankaku.png) no-repeat 0px 8px;
}
#dabout a:hover,#dkouza a:hover,#darchive a:hover{background:#d500ae;color:#fff;}
#darchive h3{
	font-size:11px;
	padding:15px 0 0 10px;
}
/* 3-3-3.News
---------------------------------------------*/
#dnews{
	width:300px;
	left:203px;
	background:url('../img/menuback-news.png');
}
#devent{
	width:300px;
	left:410px;
	background:url('../img/menuback-event.png');
}
#dnews h2,#devent h2{
	padding:10px 0 10px 10px;
}
#devent h3{
	font-size:11px;
	padding:15px 0 0 10px;
}
#dnews ul a{
	padding-left:10px;
	padding-top:5px;
	display:block;
	width:290px;
	height:45px;
	border-top:#999 dotted 1px;
}
#devent dl a,#devent ul a{
	padding-left:10px;
	display:block;
	width:290px;
	height:60px;
	border-top:#999 dotted 1px;
}
#devent dl{
	border-bottom:#999 dotted 1px;
}
#devent ul a{
	height:25px;
	border-top:#999 dotted 1px;
	background: url(../../img/top_sankaku.png) no-repeat 0px 8px;
}
#dnews a:hover,#devent a:hover{background:#d500ae;color:#fff;}
#dnews .date,#devent .date{
	line-height:2em;
	font-size:9px;
	color:#777;
}
#dnews li,#devent dd{
	line-height:1.4em;
}
/* 3-3-4.出版物
---------------------------------------------*/
#dpublication{
	width:270px;
	left:589px;
	background:url('../img/menuback-publication.png');
}
#dpublication .book{
	width:260px;
	margin:10px 0 0 10px;
}
#dpublication .book img{
	width:75px;
	float:left;
}
#dpublication .booktext{
	width:173px;
	font-size:10px;
	line-height:15px;
	margin-bottom:15px;
	padding-left:7px;
	float:left;
}
#dpublication .booktext p{
	margin:0px;
}
#dpublication .booktext h3{
	font-weight:bold;
	font-size:10px;
	line-height:1.7em;
	margin-top:-3px;
	padding:0px;
}
#dpublication ul{
	clear:both;
	border-top:#999 dotted 1px;
}
#dpublication ul a{
	padding-left:10px;
	display:block;
	width:260px;
	height:25px;
	background: url(../../img/top_sankaku.png) no-repeat 0px 8px;
}
#dpublication ul a:hover{background:#d500ae;color:#fff;}
#dpublication h3{
	font-size:11px;
	padding:15px 0 0 10px;
}

/* 4.吹き出し
---------------------------------------------*/
#fuki img{
  display:none;
  position:absolute;
  z-index:4;
}
#fu{
  display:none;
  position:absolute;
  top:0px;
}
#fu2{
  display:none;
  position:absolute;
  bottom:0px;
}
#fuki{
top:-10px;
position:absolute;
}

#fukidashia{
top:40px;
position:absolute;
  z-index:4;
}