@charset "utf-8";

/* ************************************************** 

	artstudium用 top
	
	製作日：2010/1
	制作者：中山雄一朗
	
	1.リセット、デフォルトスタイル
		1-1.ユニバーサル、body
		1-2.デフォルト
		1-3.リンク文字
	2.wrpaper
	3.head
		3-1.コンテナ
		3-2.20XX年度受講生募集の文字
		3-3.ナビゲーション
		　　3-3-1．
			3-3-2.メニューのボタン画像
		3-4.ENGLISHリンク
	4.更新情報
		4-1.共通要素
		4-2.leftBox
			コンテナ
			バナー
			box2
		4-3.rightBox
	5.foot
	
- ***************************************************/

/* 1-1.ユニバーサル、body
---------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	line-height: 1.9em;
	color: #201301;
	background-color: #dcd5b0;
	background-image:url(../../img/top_back.png);
	background-position:0px 0px;
}

/* 1-2.デフォルト
---------------------------------------------*/

ul, li	{
	margin:	0;
	padding:	0;
	list-style:	none;
}
img {
	border: 0;
	vertical-align: text-bottom;
}

/* 1-3.リンク文字
---------------------------------------------*/

a {
	text-decoration: none;
	color: #201301;
}
a:link {
	color: #201301;
}
a:visit {
	color: #201301;
}
a:hover {
	color: #ff7633;
}

/* 2.wrpaper
---------------------------------------------*/

.wrpaper {
	width: 950px;
}

/* 2.wrpaper
---------------------------------------------*/

#head {
	height: 550px;
}
h1 {
	position: absolute;
	left: 549px;
	top: 484px;
}
#setsumei{
	font-weight:bold;
	position:absolute;
	top:425px;
	left:310px;
}

#fukidashi a{
	display:block;
	width:178px;
	height:133px;
	position:absolute;
	top:90px;
	left:9px;
	text-indent:-9999px;
	background:url(../../img/top_fukidashi.png) 0px 0px no-repeat;
}
#fukidashi a:hover{
	background:url(../../img/top_fukidashi.png) 0px -150px no-repeat;
}
/* ナビゲーション
---------------------------------------------*/

#menuBox {
	width:280px;
	padding:264px 30px;
}
.gmenu {
}
.gmenu li {
	font-size:13px;
	font-weight:bold;
	line-height:2.2em;
}
.gmenu li.sub{
	line-height:1.4em;
}
.gmenu li#aa{
	margin-top:8px;
}
.gmenu li a {
}
.gmenu ul{
	margin-top:30px;
}
.gmenu li em{
	text-decoration:none;
	font-style:normal;
	color:#fff;
}
.gmenu li.bb{
	line-height:1.3em;
}
.gmenu p{
	margin-top:5px;
}
#enBtn {
	background-image: url(../../img/top_sankaku.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 9px;
}
.banner a{
	margin-top:83px;
	margin-bottom:30px;
	display:block;
	width:250px;
	height:90px;
	text-indent:-9999px;
	background:url(../../img/banner.png) 0px 0px no-repeat;
}
.banner a:hover{background:url(../../img/banner.png) 0px -90px no-repeat;}
.banner2 a{
	margin-top:83px;/* 2個目からは30*/
	margin-bottom:30px;
	display:block;
	width:250px;
	height:90px;
	text-indent:-9999px;
	background:url(../../img/banner2.png) 0px 0px no-repeat;
}
.banner2 a:hover{background:url(../../img/banner2.png) 0px -90px no-repeat;}


.book{
	width:250px;
}
.book img{
	width:75px;
	float:left;
}
.booktext{
	width:163px;
	font-size:10px;
	line-height:1.8em;
	margin-bottom:30px;
	padding-left:7px;
	float:left;
}
.booktext p{
	margin:0px;
}
.booktext h3{
	font-weight:bld;
	font-size:10px;
	line-height:1.7em;
	margin-top:-3px;
	padding:0px;
}
/* 更新情報
---------------------------------------------*/

#infoBox{
	position:absolute;
	top:798px;
	left:310px;
}
#centerBox {
	float:left;
	width:380px;
}
#rightBox {
	float:left;
	width:228px;
	padding-left:30px;
}

#info li {
	background-image: url(../../img/top_sankaku.png);
	background-position: 0px 7px;
	padding-left: 11px;
}

#infoBox h2{
	margin-top:30px;
	margin-bottom:15px;
}
#link {
	font-family: helvetica, arial, verdana, sans-serif;
	line-height: 1.4em;
}
#link dd {
	line-height: 1.2em;
	margin-bottom: 0.5em;
	font-size: 11px;
}
.date {
	font-size: 11px;
}
#linkBox{
}
/*  footer
---------------------------------------------*/

#foot {
	clear:both;
	padding:80px 10px 10px 0px;
	text-align: right;
}
img.new {
	padding-bottom: 2px;
	padding-left: 5px;
}
small {
	font-size: 11px;
}

/*  twitter
---------------------------------------------*/
#twitter_div {
text-align : left;
margin : 0px 0; /* 適宜変更推奨 */
padding : 0px 0px;
width : 215px; /* 適宜変更推奨 */
height:220px;
overflow:auto;
position:absolute;
top:24px;
left:728px;
}

#twitter_div ul {

}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
border-bottom : none; /* 適宜変更推奨 */
}

#twitter_div li a {
font-size : 9px !important;
color : #000; /* 適宜変更推奨 */
}

#twitter_div li a:hover {
color : #ffffff;
}

#twitter_div li span {
color : #fff; /* 適宜変更推奨 */
font-size : 11px;
	line-height: 1.7em;
}

#twitter_div li span a {
color : #efe9e1; /* 適宜変更推奨 */
font-size : 1em !important;

}

a#twitter-link {
font-size : 0.8em;
color : #dedad4; /* 適宜変更推奨 */
text-align : right;
display : block;
}

a#twitter-link:hover {
	color:#ff7633;
}


#twitter_div h3 a{
font-size:25px;
font-weight:bold;
color:antiquewhite;
line-height:1.5em;
}
#twitter_div h3 a:hover{color:#ff8c00;}