body{
margin-top:0px;
background-image:url(../image/common/back_main.gif);
font-size: 13px;
font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
color: #333;
line-height: 1.3em;
text-align:center;
}

img{
border:none;
vertical-align:bottom
}

.imgover{
vertical-align:bottom;
}

#wrap{
margin:0 auto;
padding:0 1px;
width:800px;
background-image:url(../image/common/back_main2.gif);
background-repeat:repeat-y;
text-align:center;
}

/*----------------------------------------------------------------------------------------
0 :typography
---------------------------------------------------------------------------------------- */
#main_r a,#ref_page a,#navi_page a{
	color:#FF3399;
	text-decoration:none;
	font-weight:bold;
}

#main_r a:hover,#ref_page a:hover,#navi_page a:hover{
	color:#FFF;
	background-color:#FF3399;
	text-decoration:none;
}

#main_l a{
color:#333;
text-decoration:none;
}

#main_l a:hover{
	color:#CCCCCC;
	text-decoration:none;
}

#submenu a{
color:#333;
text-decoration:none;
}

#pankuzumenu a,#main_r h2.r_subtitle a{
color:#333;
text-decoration:underline;
}

#submenu a:hover,#pankuzumenu a:hover,#main_r #main_r h2.r_subtitle a:hover{
color:#333;
text-decoration:underline;
}

.jobend,.torikeshi{
text-decoration:line-through;
}

/*h1～h6　plenty delate*/
h1,h2,h3,h4,h5,h6,p{
margin:0px;
padding:0px;
}

#footer{
font-size:77%;/*10px*/
}
/*h1～h6*/
#main_r h1{
font-size:123.1%;/*16px*/
font-weight:bold;
}

#main_r h1.title02{
font-size:123.1%;/*16px*/
font-weight:bold;
color:#009999;
margin-top:3px;
border-top:#999999 solid 1px;
padding-top:5px;
padding-bottom:5px;
}

#main_r h2{
font-size:116%;/*15px*/
line-height:1.5em;
}

#main_r h3,.r_submenu h3{
font-size:108%;/*14px*/
font-weight:bold;
line-height:1.5em;
}

#main_r h4{
font-size:100%;
font-weight:bold;
}

/*日付、タイトルのコメント*/
.day,.t_comment{
font-size:0.9em;
color:#0066CC;
}

.mokuji{
color:#006699;
font-weight:bold;
}

/*color variation*/
.grey01{
color:#CCCCCC;
}

.red01{
color:#FF0000;
font-weight:bold;
}

.blue01{
color:#0066CC;
}

/*color tag*/
.tag_blue{
color:#0066CC;
font-weight:bold;
}

.tag_red{
color:#CC3333;
font-weight:bold;
}

.tag_green{
color:#669900;
font-weight:bold;
}

.tag_orange{
color:#FF6633;
font-weight:bold;
}

.tag_brown{
color:#996633;
font-weight:bold;
}
/*---------------------------------------------------------------------------------------- 
 1 :header
---------------------------------------------------------------------------------------- */
#header{
width:800px;
height:80px;
text-align:left;
margin:0px;
padding:0px;
}

#header_l{
float:left;
width:570px;
padding:0px;
}

#header_r{
width:230px;
padding:0px;
float:right;
}

#header_r img{
margin-right:10px;
float:left;
}

#submenu{
width:210px;
height:20px;
margin-top:50px;
padding:0px 10px 10px 0px;
font-size: 12px;
color: #333;
clear:both;
}

/*---------------------------------------------------------------------------------------- 
	2 :Main image
---------------------------------------------------------------------------------------- */
#mainimage{
width:800px;
height:400px;
margin:0px;
padding:0px;
}

/*---------------------------------------------------------------------------------------- 
	3 :Main menu
---------------------------------------------------------------------------------------- */
#mainmenu{
clear:both;
width:800px;
height:30px;
margin:0px;
padding:0px;
}

/*---------------------------------------------------------------------------------------- 
	4 :pankuzu menu
---------------------------------------------------------------------------------------- */
#pankuzumenu{
text-align:left;
clear:both;
display:block;
height:30px;
margin:10px 0px 0px 0px;
padding:0px 15px 0px 15px;
background-image:url(../image/common/tenten800.gif);
background-repeat:no-repeat;
background-position:bottom;
font-size:0.9em;
}


/*---------------------------------------------------------------------------------------- 
	5 :Main-sub
---------------------------------------------------------------------------------------- */
/*layout*/
#main{
width:800px;
padding:0px;
position:relative;
}

#main_l{
float:left;
width:190px;
}

#main_r{
float:right;
width:610px;
margin-bottom:40px;
}

/*contents*/
/* ＊＊＊＊＊contents-LEFT＊＊＊＊＊ */
#main_l_padding{
padding:20px 0px 20px 10px;
}

#refarence_l_padding{
padding:10px 0px 20px 10px;
}

#main_l_title{
display:block;
width:180px;
height:15px;
padding:10px 0px;
border-top:3px #FF3399 solid;
border-bottom:3px #FF3399 solid;
margin-bottom:20px;
font-weight:bold;
}

#main_l_list,#jyukensei_l_list,#zaikousei_l_list,#refarence_l_list{
text-align:left;
width:180px;
margin:0px;
}

#main_l_list ul,#jyukensei_l_list ul,#zaikousei_l_list ul,#refarence_l_list ul{
margin:0px;
padding:0px;
}

#main_l_list ul li{/*メニューリスト設定*/
margin:0px;
padding:5px 0px 5px 15px;
height:20px;
border-bottom:1px #666666 solid;
list-style-type:none;
background-image:url(../image/common/icon_pinkmenu.gif);
background-repeat:no-repeat;
background-position:left;
}

#main_l_list ul li.h30{/*メニューが二列になる場合*/
margin:0px;
padding:5px 0px 5px 15px;
height:30px;
border-bottom:1px #666666 solid;
list-style-type:none;
background-image:url(../image/common/icon_pinkmenu.gif);
background-repeat:no-repeat;
background-position:left;
}

#main_l_list .tag{
	padding:2px;
	background-color:#0066CC;
	color:#FFFFFF;
	font-size: 0.9em;
	font-weight:bolder;
}

/* ＊＊＊＊＊contents-LEFT/受験生の方へ＊＊＊＊＊ */
#jyukensei_l_title{
display:block;
width:180px;
height:15px;
padding:10px 0px;
border-top:3px #66ccff solid;
border-bottom:3px #66ccff solid;
margin-bottom:20px;
font-weight:bold;
}

#jyukensei_l_list ul li{
margin:0px;
padding:5px 0px 5px 15px;
height:20px;
border-bottom:1px #666666 solid;
list-style-type:none;
background-image:url(../image/common/icon_bluemenu.gif);
background-repeat:no-repeat;
background-position:left;
}

/* ＊＊＊＊＊contents-LEFT/在校生の方へ＊＊＊＊＊ */
#zaikousei_l_title{
display:block;
width:180px;
height:15px;
padding:10px 0px;
border-top:3px #00ffcc solid;
border-bottom:3px #00ffcc solid;
margin-bottom:20px;
font-weight:bold;
}

#zaikousei_l_list ul li{
margin:0px;
padding:5px 0px 5px 15px;
height:20px;
border-bottom:1px #666666 solid;
list-style-type:none;
background-image:url(../image/common/icon_greenmenu.gif);
background-repeat:no-repeat;
background-position:left;
}

/* ＊＊＊＊＊contents-RIGHT＊＊＊＊＊ */
#main_r_padding{
padding:20px 10px 0px 20px;
}

#refarence_r_padding{
padding:10px 10px 0px 20px;
}

#main_r_contents,#jyukensei_r_contents,#zaikousei_r_contents,#refarence_r_contents,#project,#exhibition,
#main_r_gallery{
text-align:left;
width:580px;
margin:0px;
}
/* ＊＊＊margin top&bottom20px＊＊＊ */
.m20,.guide,#teacher,.jyukensei,.zaikousei,.refarence,.joblist,.books,.witokyo,.galleryset{
margin:20px 0px;
}
/* ＊＊＊margin top&bottom10px＊＊＊ */
.m10{
margin:10px 0px;
}

#curriculum{
margin-top:20px;
font-size:12px;
}

.r_title{
display:block;
width:545px;
height:20px;
padding:10px 10px 10px 15px;
border-left:10px #FF3399 solid;
font-weight:bold;
background-color:#eeeeee;
}

.r_title2{/*タイトル2段の場合*/
display:block;
width:545px;
height:45px;
padding:10px 10px 10px 15px;
border-left:10px #FF3399 solid;
font-weight:bold;
background-color:#eeeeee;
}

.comment{
background-image:url(../image/common/tenten580.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:5px;
margin-bottom:10px;
}

.lesson{
clear:right
 }
 
 .floatclear{
clear:both;
 }
 
.lesson img,.witokyo img{/*写真が右*/
float:right;
padding:0px 0px 10px 10px; 
}

#exhibition img{/*写真が左*/
float:left;
padding:0px 10px 0px 0px; 
}

.r_subtitle{
display:block;
background-image:url(../image/common/icon_kurotitle.gif);
background-repeat:no-repeat;
background-position:left;
padding:10px 10px 10px 20px;
margin-top:10px;
}


.r_lessontitle{/*写真タイトル*/
display:block;
background-image:url(../image/common/icon_kurotitle.gif);
background-repeat:no-repeat;
background-position:left;
border-bottom:#CCCCCC 2px dotted;
border-top:#CCCCCC 2px dotted;
padding:10px 10px 10px 20px;
margin:10px 0px;
}

.r_submenu{
display:block;
background-image:url(../image/common/tenten580.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:10px 0px;
margin-top:5px;
}

#main_r_contents dl,#teacher dl,.jyukensei ul,#refarence_r_contents dl,#zaikousei_r_contents dl,
#project ul,div.witokyo ul,#exhibition ul,#main_r_gallery ul,div.normal ul{
margin:0px;
padding:0px;
}

/*#main_r_contents li{
list-style-type:circle;
}*/

div.witokyo li,div.normal li{
list-style-type:none;
padding:5px 0px;
}

div.normal li{
background-image: url(../image/common/tenten580.gif);
background-repeat: no-repeat;
background-position:bottom;
margin-bottom:10px;
}

#main_r_contents dt,#teacher dt,#zaikousei_r_contents dt{
width:580px;
font-size:1.1em;
font-weight:bold;
background-image:url(../image/common/tenten580.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0px 0px 10px 0px; 
margin:10px 0px;
}

#main_r dt{color:#009999;line-height:1.5em}
#teacher dt{color:#333333;}

#main_r dd,#teacher dt dd,#refarence_r_contents dd,#zaikousei_r_contents dd{
margin:0px 0px 20px 0px;/*強制*/
padding-left:20px;
}

/* ＊＊＊＊＊contents-RIGHT/受験生の方へ＊＊＊＊＊ */
.r_title_blue{
display:block;
width:545px;
height:20px;
padding:10px 10px 10px 15px;
border-left:10px #66ccff solid;
font-weight:bold;
background-color:#eeeeee;
}

.jyukensei ul li{
list-style-type:none;
display:block;
background-image:url(../image/common/icon_bluetitle.gif);
background-repeat:no-repeat;
background-position:left;
padding:5px 5px 5px 20px;
margin-top:10px;
}

/* ＊＊＊＊＊contents-RIGHT/在校生の方へ＊＊＊＊＊ */
.r_title_green{
display:block;
width:545px;
height:20px;
padding:10px 10px 10px 15px;
border-left:10px #00ffcc solid;
font-weight:bold;
background-color:#eeeeee;
}

.zaikousei ul li{
list-style-type:none;
display:block;
background-image:url(../image/common/icon_greentitle.gif);
background-repeat:no-repeat;
background-position:left;
padding:5px 5px 5px 20px;
margin-top:10px;
}

.zaikousei ul li{
list-style-type:none;
display:block;
background-image:url(../image/common/icon_greentitle.gif);
background-repeat:no-repeat;
background-position:left;
padding:5px 5px 5px 20px;
margin-top:10px;
}
/* ＊＊＊＊＊contents-RIGHT/在校生の方へ/仕事情報＊＊＊＊＊ */
.joblist ul li{
list-style-type:disc;
padding:5px 5px 5px 0px;
margin-top:10px;
}

/* ＊＊＊＊＊contents-RIOGHT/参考資料＊＊＊＊＊ */
#ref_page{
text-align:right;
display:block;
height:20px;
padding:0px 20px 0px 15px;
}
.r_title_ref{
display:block;
width:555px;
height:10px;
padding:10px 10px 10px 15px;
border-bottom:1px  #999999  solid;
font-weight:bold;
background-color:#eeeeee;
}

#refarence_r_contents dt{
width:580px;
font-size:1.1em;
font-weight:bold;
padding:0px 0px 5px 0px; 
margin:5px 0px;
color:#333333;
}

/* ＊＊＊＊＊contents-RIGHT/空間映像科のとりくみ、学生作品紹介＊＊＊＊＊ */
#project ul li,#exhibition ul li{
list-style-type:none;
padding:5px 0px 5px 0px;
margin-top:10px;
background-image:url(../image/common/tenten580.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#exhibition ul li.index{/*学生作品トップページ*/
clear:both;
list-style-type:none;
padding:5px 0px 5px 0px;
margin-top:10px;
background-image:url(../image/common/tenten580.gif);
background-repeat:no-repeat;
background-position:bottom;
height:100px;
}


#main_r_gallery  ul li{
float:left;
list-style-type:none;
width:263px;
height:100px;
padding:5px;
margin:5px 10px 5px 0px;
border:1px #CCCCCC solid;
}

#main_r_gallery img{
float:left;
margin:0px 10px 0px 0px;
}

#main_r_gallery div.workset{
clear:both;
margin:0px 10px 20px 0px;
}

/*---------------------------------------------------------------------------------------- 
	6 :bottom navi
---------------------------------------------------------------------------------------- */
#navi_page{
clear:both;
text-align:center;
display:block;
padding:5px 10px 0px 0px;
margin-top:50px;
background-image:url(../image/common/tenten800.gif);
background-position:top;
background-repeat:no-repeat;
}
/*---------------------------------------------------------------------------------------- 
	7 :footer
---------------------------------------------------------------------------------------- */
#footer{
	clear:both;
	position:relative;
	width:780px;
	height:50px;
	left:0px;
	background-color:#F4F4F4;
	text-align:left;
	margin-top:40px;
	padding:10px;
}
/*---------------------------------------------------------------------------------------- 
	8 :pagetop
---------------------------------------------------------------------------------------- */
#goTop {
	float: right;
	position: fixed;
	width: 41px;
	height: 32px;
	bottom: 10%;
	right: 0;
	background: transparent url(../image/common/bt_pagetop.gif) top left no-repeat;
}
#goTop span {
	display: none;
}
/*---------------------------------------------------------------------------------------- 
	9 :reference title
---------------------------------------------------------------------------------------- */
#reference_title{
text-align:left;
clear:both;
display:block;
height:30px;
margin:0px 0px 10px 0px;
padding:10px 0px 0px 15px;
border-bottom:2px #CCCCCC solid;
}

/*---------------------------------------------------------------------------------------- 
	10 :etc
---------------------------------------------------------------------------------------- */
table td{
background-color:#FFFFFF;
}

.scheduletable, .curriculum{
margin:10px 0px;
}

.midiri{
color:#009966;
font-weight:bold;
font-size:13px;
}

.imagespace{
margin-bottom:20px;
}

div.books th{
text-align:left;
font-weight:normal;
background-color: #D8EBFF;
}

div.books td.genre{
text-align:left;
font-weight:bold;
color:#006699;
}