@charset "UTF-8";

@import "reset.css";
@import "fonts.css";
@import "clear.css";

/* Layout */
html,body {
margin:0;
padding:0;
color: #000;
letter-spacing:0.1em;
}
body {
line-height:1.6em;
}

div#container {
margin:0 auto;
padding:30px 0;
width: 900px;
}

div#header {
margin:0 0 15px 0;
}

div#wrapper {
padding:0;

}

div#content {
padding-bottom:0px;
}

div#footer {
border-top:3px solid #E6E6E6;
padding:20px 0 15px 3px;
margin:20px 3px 15px;
}

/* Element */

a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover,a:active {
	color:#666;
	text-decoration:none;
}

a img{
border:none;
text-decoration:none;
outline:none;
}

a.link_ceramic {color:#C69;}
a.link_glass {color:#09C;}
a.link_metal {color:#F93;}
a.link_master {color:#9C0;}



hr {
margin: 0 0 30px;
height: 1px;
border: 1px solid #FFF;
clear:both;
}

/* Font family change */
p#newslist a i,
body.staff div#content dl dt,
div#footer p,
body.news div#content div#newsentry div.entrybody div.entryaddtime,
body.news div#content div#newsentry div.entrylist ul li span.entryaddtime{
font-family: Georgia, Constantia, Hoefler Text, serif;
}

/* Nav */
#header dl.dropdown {float:left; width:150px;}
#header dl.dropdown dt {padding:0; margin:0 3px; cursor:pointer;}
#header dl.dropdown dt a {display:block; padding:0; color:#333; text-decoration:none; width:144px; border-bottom:3px solid #E6E6E6;}
#header dl.dropdown dt a:hover {}
#header dl.dropdown dd {position:absolute; overflow:hidden; width:144px; display:none; z-index:200; opacity:0;}
#header dl.dropdown ul {width:144px; border:none; list-style:none;}
#header dl.dropdown li {display:inline;}
#header dl.dropdown dd a,
#header dl.dropdown dd a:active,
#header dl.dropdown dd a:visited {display:block; padding:5px 7px; color:#333; text-decoration:none; width:144px; border:none; border-top: 1px solid #FFF;}
#header dl.dropdown dd a:hover {background:#FFF; color:#000;}
#header dl.dropdown .underline {border:none;}


#header dl#nav_main.dropdown {width:300px;}
#header dl#nav_main.dropdown dt {width:294px;}
#header dl#nav_main.dropdown dt a {width:294px;}
#header dl#nav_main.dropdown dd {width:294px;}
#header dl#nav_main.dropdown dd a {width:294px;}

#header dl#nav_main.dropdown dt a:hover {border-color:#CCC;}
#header dl#nav_ceramic.dropdown dt a:hover {border-color:#C69;}
#header dl#nav_glass.dropdown dt a:hover {border-color:#09C;}
#header dl#nav_metal.dropdown dt a:hover {border-color:#F93;}
#header dl#nav_master.dropdown dt a:hover {border-color:#9C0;}

body#main #header dl#nav_main.dropdown dt a {border-color:#CCC;}
body#ceramic #header dl#nav_ceramic.dropdown dt a {border-color:#C69;}
body#glass #header dl#nav_glass.dropdown dt a {border-color:#09C;}
body#metal #header dl#nav_metal.dropdown dt a {border-color:#F93;}
body#master #header dl#nav_master.dropdown dt a {border-color:#9C0;}



#header dl.dropdown dd {
margin:0 3px;
border:none;
line-height:1em;
font-size: 85%;
}

#header dl#nav_main.dropdown dd a {color:#FFF;background-color:#B2B2B2;}
#header dl#nav_ceramic.dropdown dd a {color:#FFF;background-color:#C69;}
#header dl#nav_glass.dropdown dd a {color:#FFF;background-color:#09C;}
#header dl#nav_metal.dropdown dd a {color:#FFF;background-color:#F93;}
#header dl#nav_master.dropdown dd a {color:#FFF;background-color:#9C0;}

#header dl#nav_main.dropdown dd a:hover {color:#B2B2B2;background-color:#FFF;}
#header dl#nav_ceramic.dropdown dd a:hover {color:#C69;background-color:#FFF;}
#header dl#nav_glass.dropdown dd a:hover {color:#09C;background-color:#FFF;}
#header dl#nav_metal.dropdown dd a:hover {color:#F93;background-color:#FFF;}
#header dl#nav_master.dropdown dd a:hover {color:#9C0;background-color:#FFF;}



/* Layout */

div#content ul#topicpath {
margin:25px 0 35px;
font-size:100%;
}

ul#topicpath li {
display:inline;
}

ul#topicpath li a,
ul#topicpath li span,
ul#topicpath li h1 {
display:block;
line-height:1;
padding:3px 15px 3px 0;
font-size:93%;
font-weight:normal;
float:left;
margin:0 12px 0 0;
text-decoration:none;
}

ul#topicpath li a,
ul#topicpath li span {
background:url(../images/common/topicpath.gif) no-repeat right 5px;
}

ul#topicpath li a:hover {
background-color:#FFF;
}

ul#topicpath li h1 {
padding:3px 8px 2px 8px;
color: #FFF;
}
* html ul#topicpath li h1 { /* IE6 */
padding:4px 8px 1px 8px;
}

body#main ul#topicpath li h1 {background-color:#999;}
body#ceramic ul#topicpath li h1 {background-color:#C69;}
body#glass ul#topicpath li h1 {background-color:#09C;}
body#metal ul#topicpath li h1 {background-color:#F93;}
body#master ul#topicpath li h1 {background-color:#9C0;}


div#content .col1,
div#content .col2,
div#content .col3,
div#content .col4,
div#content .col5,
div#content .col6 {
float:left;
padding:0;
margin:0;
}

div#content .col1 {width:150px;}
div#content .col2 {width:300px;}
div#content .col3 {width:450px;}
div#content .col4 {width:600px;}
div#content .col5 {width:750px;}
div#content .col6 {width:900px;}


div#content ul,
div#content p,
div#content dl,
div#content h1,
div#content h2,
div#content h3,
div#content h4 {
padding:0 3px;
margin:0;
font-size: 85%;
line-height:1.6em;
}
div#content p {
padding-top:5px;
}

div#content h2,
div#content h3 {
background:url(../images/common/h2_dot.gif) no-repeat 9px 8px;
clear:both;
font-weight:normal;
font-size:100%;
line-height:1;
padding: 5px 0 15px 24px;
}
* html div#content h2,
* html div#content h3 { /* IE6 */
padding-top: 6px;
}


body#ceramic div#content h2,div#content h2.ceramic {background-image:url(../images/common/h2_dot_ceramic.gif); color:#C69;}
body#glass div#content h2,div#content h2.glass {background-image:url(../images/common/h2_dot_glass.gif); color:#09C;}
body#metal div#content h2,div#content h2.metal {background-image:url(../images/common/h2_dot_metal.gif); color:#F93;}
body#master div#content h2,div#content h2.master {background-image:url(../images/common/h2_dot_master.gif); color:#9C0;}

body#ceramic div#content a:hover {color:#C69;}
body#glass div#content a:hover {color:#09C;}
body#metal div#content a:hover {color:#F93;}
body#master div#content a:hover {color:#9C0;}


div#content h3 {
background-image:url(../images/common/h3_dot.gif);
font-size:93%;
}

/* 各科トップ */
div#content div.homebox img {
margin:20px 0 0 20px;
}
div#content div.homebox p {
clear:both;
margin:0 20px 0 25px;
line-height:1.8em;
letter-spacing:0.1em;
font-size:93%;
}
div#content ul.homebtn {
margin:20px 0 20px 20px;
}
div#content ul.homebtn li {
display:inline;
}
div#content ul.homebtn li a {
float:left;
margin-right:20px;
padding:5px;
font-size:110%;
}

body#ceramic div#content ul.homebtn li a {color:#C69;}
body#ceramic div#content ul.homebtn li a:hover {color:#FFF; background-color:#C69;}

body#glass div#content ul.homebtn li a {color:#09C;}
body#glass div#content ul.homebtn li a:hover {color:#FFF; background-color:#09C;}

body#metal div#content ul.homebtn li a {color:#F93;}
body#metal div#content ul.homebtn li a:hover {color:#FFF; background-color:#F93;}

body#master div#content ul.homebtn li a {color:#9C0;}
body#master div#content ul.homebtn li a:hover {color:#FFF; background-color:#9C0;}





/* Index 工芸学科ニュースリスト*/
div#content p#newslist {
margin:15px 0 5px 10px;
}

p#newslist a {
display:block;
line-height:1em;
padding:4px 0;
}
p#newslist a span.entrydate,
p#newslist a span.entrycategory,
p#newslist a span.entrytitle{
float:left;
display:block;
padding-bottom:3px;
}
p#newslist a span.entrydate{
width:100px;
}
p#newslist a span.entrycategory{
width:130px;
}
p#newslist a {
display:block;
clear:both;
}


/*  スタッフ */
body.staff div#content .col1 p{
text-align:center;
margin-bottom:15px;
}

body.staff div#content .col1.nolink p {
color:#7E7E7E;
}

body.staff div#content .col1 p img{
margin:20px;
margin-top:0;
margin-bottom:10px;
border:3px solid #FFF;
}
body#ceramic.staff div#content .col1 p a:hover img {border-color:#C69;}
body#glass.staff div#content .col1 p a:hover img {border-color:#09C;}
body#metal.staff div#content .col1 p a:hover img {border-color:#F93;}
body#master.staff div#content .col1 p a:hover img {border-color:#9C0;}


body.staff div#content .col1 p.worksphoto {
text-align:left;
}

body.staff div#content .col1 p.worksphoto img {
margin:0 0 12px 8px;
border:none;
}

body.staff div#content p.worksphoto img {
margin-bottom:10px;
}

body.staff div#content dl,
body.staff div#content .col4 p,
body.staff div#content .col5 p {
padding-bottom:20px;
}

body.staff div#content .col4,
body.staff div#content .col5{
padding-bottom:40px;
}

body.staff div#content .col4 p,
body.staff div#content .col5 p {
padding-left:2em;
}

body.staff div#content dl dt,
body.staff div#content dl dd {
line-height:1.5em;
padding: 0 0 4px 0;
float:left;
display:block;
border-bottom:1px solid #FFF;
}

body.staff div#content dl dt {
clear:both;
width:20%;
text-indent:2em;
font-size:11px;
}

body.staff div#content dl dd {
width:80%;
padding-top:2px;
}

span.spaceadjast {
	color:#FFF;
}

/* プログラム紹介／施設紹介 */
div#content div.col3.program ul,
div#content div.col3.equipment ul {
padding:0;
margin:0 0 0 1px;
width: 450px;
}
div#content div.col6.program ul,
div#content div.col6.equipment ul {
padding:0;
margin:0 0 5px 3px;
width: 900px;
}
div#content div.col3.program ul li,
div#content div.col3.equipment ul li,
div#content div.col6.program ul li,
div#content div.col6.equipment ul li {
float:left;
margin: 0 0;
width: 135px;
display:block;
padding-left:5px;
font-size:90%;
}
div#content div.col6.program ul li,
div#content div.col6.equipment ul li{
}

div#content div.col3 ul li a img,
div#content div.col6 ul li a img {
margin:0 auto 4px;
border:3px solid #FFF;
}
body#ceramic div#content div.col3 ul li a:hover img, body#ceramic div#content div.col6 ul li a:hover img {border-color:#C69;}
body#glass div#content div.col3 ul li a:hover img, body#glass div#content div.col6 ul li a:hover img {border-color:#09C;}
body#metal div#content div.col3 ul li a:hover img, body#metal div#content div.col6 ul li a:hover img {border-color:#F93;}
body#master div#content div.col3 ul li a:hover img, body#master div#content div.col6 ul li a:hover img {border-color:#9C0;}

div#content div.col6 ul.sameinterval li a img{ /* 制作風景とか */
margin:0 auto 0;
}
div#content div.col6 ul.sameinterval {
	margin-bottom:50px;
}

div#content div.col3.program p,
div#content div.col3.equipment p {
clear:both;
margin-bottom:15px;
margin-left:19px;
}

div#content div.col3 h3 {
font-size: 85%;
padding-bottom:8px;
}


/* 特集とか */
div#speciallink a {
font-size: 100%;
line-height:1.6em;
display:block;
border:1px solid #FFF;
padding:20px;
margin:0 3px 15px;
background-color:#F8F8F8;
}

div#speciallink a:hover {
border:1px solid #F2F2F2;
background-color:#FFF;
}


div#speciallink em{background-color:#C69; color: #FFF; font-size:10px; font-weight:bold; padding:0 3px; margin:0 8px; line-height:1em;}
div#speciallink small{font-size:11px;}
div#speciallink i{font-size:10px; color:#666; font-style:normal;}


/* リンク */
div#sublink a {
line-height:1em;
display:block;
font-size:93%;
margin-left:10px;
background:url(../images/common/h4_dot.gif) no-repeat 7px 7px;
clear:both;
line-height:1;
padding: 5px 0 2px 24px;
margin:0 3px 3px 20px;
}
div#sublink a:hover {
}

div#sublink h3 {
padding-bottom:8px;
}

/* 特別講義 */

body.lecture div#content table {
margin: 6px 3px 50px;
width:99%;
border-top:2px solid #CCC;

}
body.lecture div#content table td,
body.lecture div#content table th {
font-size:93%;
padding:10px 20px 7px 10px;
border-bottom:1px solid #CCC;
vertical-align:top;
width: 54%;
}
body.lecture div#content table th {
font-size:93%;
width: 23%;
}


/* ニュース */

body.news div#content ul#topicpath {
float:none;
}

body.news div#content ul#newsnav {
float:right;
}

body.news div#content ul#newsnav li {
float:left;
}


body.news div#content ul#newsnav li a {
background:none;
padding:3px 0 3px 0;
margin:0 0 0 12px;
}

body.news div#content div#newsentry {

}

body.news div#content div#newsentry div.entrybody {
border-top:3px solid #E6E6E6;
padding-top:18px;
margin:0 40px 20px 0;
clear:both;
}

body.news div#content div#newsentry div.entrybody h2,
body.news div#content div#newsentry div.entrylist ul li a {
float:left;
}
body.news div#content div#newsentry div.entrybody div.entryaddtime,
body.news div#content div#newsentry div.entrylist ul li span.entryaddtime {
float:right;
font-size:77%;
color:#666;
padding-top:4px;
}

body.news div#content div#newsentry div.entrylist ul li span.entryaddtime {
margin:0;
}

body.news div#content div#newsentry div.entrylist ul li {
clear:both;
border-bottom:1px solid #E6E6E6;
padding:8px 3px;
margin-right:20px;
}

body.news div#content div#newsentry div.entrybody hr {
margin: 0;
}

body.news div#content div#newsentry div.entrybody p {
font-size:93%;
margin:0 0 1em 5px;
}
body.news div#content div#newsentry div.entrybody p a {
text-decoration:underline;
}
body.news div#content div#newsentry span {
float:left;
margin:0 20px 20px 0;
display:block;
}
body.news div#content div#newsentry span a{
margin-top:10px;
font-size:85%;
}

body.news div#content div#newsnav ul.module-list li {
padding: 5px 0 5px 7px;
}

body.news div#content div#newsentry div.entrybody p.entrymore {
clear:both;
padding:30px 0;
}


/* Footer */
div#footer p {
font-size: 77%;
float:left;
}
div#footer p.pagetop {
float:right;
}
div#footer p.pagetop a {
display:block;
text-indent: -9999px;
background:url(../images/common/btn_pagetop.gif) no-repeat 0 0;
width: 80px;
height:20px;
border:none;
}
div#footer p.pagetop a:hover {
background-position: 0 -20px;
}