body {
font-size:12px;
font-family:"Lucida Sans","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",meiryo,"ＭＳ Ｐゴシック",Arial,sans-serif;
margin:0;
padding:0;
}

a { 
color: #FF0066;
 }
a:link, 
a:visited, 
a:active { 
text-decoration: none; 
}
a:hover {
border-bottom:dotted #FF0066 1px;
}

img a{
margin:0;
border:none;
}

#header a:hover {
border-bottom:none;
}


p{
word-break: break-all;
}

h1 {
float:left;
width:500px;
margin:0;
}

#header{
height:280px;
}



#container{
width:1000px;
background:url(../img/back.jpg) 0 123px no-repeat;
position:relative;
margin:0 auto;
padding:0;
}

#index #container{
height:647px;
}

.index_visual{
position:absolute;
top:-110px;
z-index:10;
}

.index_visual2{
position:absolute;
top:-110px;
z-index:5;
}

#news{
position:absolute;
top:110px;
left:85px;
z-index:20;
}

#news h3 a{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
color:#000000;
border:none;
}

div#menu{
width:500px;
height:130px;
float:right;
background:url(../img/menu.png);
}



div#menu ul {
    margin: 5px 0px;
	padding:0;
    list-style: none;
    display: inline-block;
}
    
div#menu ul li {
	margin:0;
    padding: 0px;
    float: left;
    position: relative;
    width: 83px;
    height: 130px;
}


div#menu ul li a {
    position: absolute;
}

div#menu ul li img {
    position: absolute;
    width: 48px;
    top:0px;
    left: 0px;
    padding: 0px;
    margin: 20px auto 0 auto;
    border: none;
    overflow: hidden;
}

div#menu ul li.about {
    width: 100px;
}

div#menu ul li.about img {
    width: 51px;
		margin-left:10px;
}


div#menu ul li.program {
    width: 90px;
}

div#menu ul li.program img {
    width: 62px;
}


div#menu ul li.profile {
    width: 72px;
}


div#menu ul li.profile img {
    width: 74px;
}

div#menu ul li.access {
    width: 78px;
}

div#menu ul li.access img {
    width: 60px;
}


div#menu ul li.regist {
    width: 78px;
}

div#menu ul li.regist img {
    width: 51px;
		margin-left:10px;

}


div#menu ul li.info {
    width: 78px;
}

div#menu ul li.info img {
    width: 51px;
	margin-left:10px;
}

#contents{
float:left;
width:1000px;
position:relative;
margin-bottom:60px;
}

#contents_left{
float:left;
width:420px;
position:relative;
background:url(../img/trepe.png) repeat-y 20px;
margin:0 0 0 60px;
}


#contents_left h2,
#contents_right h2
{
margin-top:-20px;
}

#contents_left h3{
padding:20px 30px 0px 50px;
}


#contents_left p,
#contents_right p{
padding:0px 30px 30px 50px;
}

#lastyear{
padding:0px 30px 30px 50px;
}

#contents_right p.small{
font-size:10px;
padding:0px 30px 10px 50px;
}

#about #contents_left h3{
font-size:14px;
}

#contents_right{
float:right;
width:420px;
position:relative;
background:url(../img/trepe.png) repeat-y 20px;
margin:0 60px 0 0 ;
}

#about #contents_right{
height:500px;
background:url(../img/book.png) no-repeat;
}

#about_ci{
padding:30px 90px 20px 20px;
height:450px;
}

#about_ci h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

#about_ci h4{
font-weight:normal;
margin:5px 0 10px 0;
}

#about_ci p{
font-size:11px;
padding:0;
}

#about_ci img{
position:absolute;
bottom:100px;
left:60px;
}

#credit li{
margin:15px 0;
list-style:none;
}

.guest li{
margin:15px 50px;
list-style:none;
}

.workshop_container{
margin-bottom:0;
}
.workshop_container ul{
font-size:10px;
padding:0px 30px 15px 50px;
margin-top:-25px;
list-style:none;
}

.workshop_container li{
margin:10px 0;
}

#contents_left .workshop_container h3
{
padding:0 0 10px 0 ;
margin-top:-10px;
}

#contents_right .workshop_container h3{
margin-left:17px;
}

#program #contents_right,
#profile #contents_right
{
background:none;
}

#program #contents_right .workshop_container,
#profile #contents_right .profile_inner
{
float:right;
width:420px;
position:relative;
background:url(../img/trepe.png) repeat-y 20px;
margin:0 60px 20px 0 ;
}


#contents_right h2{
margin-top:-15px;
}


#dialog h2
{
background:none;
}

li.indent{
text-indent:6em;
}


hr{
width: 450px;  
height: 15px;  
border: 0px;
margin:-10px 0 5px 0;
}

hr.line1{
background:url(../img/line1.png)
}

hr.line2{
background:url(../img/line2.png)
}

#profile .profile_container p{
padding-bottom:15px;

}

#profile .profile_container img{
margin:0 10px 0 50px;
float:left;
}

span.url{
font-size:10px;
display:block;
margin-top:5px;
}


#access #contents iframe{
margin:0 20px 0 70px;
float:left;
}

#access #access_detail{
width:320px;
float:right;
margin-right:60px;
padding:10px;
background:url(../img/trepe.png);
}

.portfolio{
 width:420px;
display:block;
float:left;
position:relative;
padding-left:50px;
margin-bottom:10px;
}

#profile .profile_container a.grouped_elements img{
margin:0 18px 20px 0px;
float:left;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


#contents #gallery a:hover img{
border-bottom:none;
}

#contents #gallery{
	/* The pics container */
	width:800px;
	height:400px;
	position:relative;
	float:left;
	
}

.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:100px;
	height:100px;
	overflow:hidden;
		border:none;

}

.pic{
	/* Styles specific to the pic class */
	position:absolute;
	border:5px solid #EEEEEE;
	border-bottom:18px solid #eeeeee;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	border:none;
	/* Setting display to block enables advanced styling for links */
}