/*** 基本 ***/

body {
	text-align:center;
	color: #363636;

	scrollbar-face-color: #ffffff;
	scrollbar-track-color: #acacac;
	scrollbar-arrow-color: #acacac;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #666666;
	scrollbar-shadow-color: #ffffff
	scrollbar-darkshadow-color: #666666;
}

a{
	text-decoration: none;
}

h1 {
	font-size:140%;
	color: #363636;
	line-height:30px;
	margin:0px 0px 0px 40px;
	padding:35px 0px 40px 10px;
	white-space:nowrap;
	
}

h2 {
	font-size:80%;
	color: #363636;
	line-height:30px;
	margin:0px 0px 0px 40px;
	padding:10px 0px 5px 10px;
	white-space:nowrap;
	
}

h3 {
	font-size:120%;
	color: #363636;
	line-height:30px;
	margin:0px 0px 0px 40px;
	padding:10px 0px 5px 10px;
	white-space:nowrap;
	
}

h4 {
	font-size:110%;
	color: #363636;
	line-height:10px;
	margin:0px 0px 0px 45px;
	padding:0px 0px 0px 0px;
	white-space:nowrap;
	
}


p {
	color: #363636;
	margin:20px 90px 20px 50px;
	padding:0px 0px 0px 0px;
	line-height:20px;

}

/*** 枠組み ***/

#container {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin:0px px 0px 0px;
	padding:30px 0px 0px 50px;
}

#wrapper {
	width:750px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
}

#header {
	width:800px;
	height:100px;
	background-image:url(img/header.png);
}


#menu {
	width:150px;
	height:420px;
	float:right;
	margin:-22px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	margin:-22px 0px 0px 0px\9; /* IE8 and below */
    *margin:-22px 0px 0px 0px; /* IE7 and below */
    _margin:-22px 0px 0px 0px; /* IE6 */
}

#menu :not(:target) {
	margin:7px 0px -7px 0px\9;
}

#contents {
	width:600px;
	height:420px;
	float:right;
	overflow: auto;
	background-color: #ffffff;
	display:inline;
}


#top_contents {
	width:600px;
	height:420px;
	float:right;
	overflow: hidden;
	background-color: #ffffff;
	display:inline;
}

#colour {
	width:480px;
	height:60px;
	margin:0px 0px 0px 60px;
	padding:0px 0px 0px 0px;
	background-image:url(img/colour.png);
}
#colour_p {
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 30px;
	font-size:140%;
	font-weight:bold;
	color: #363636;
	line-height:30px;
}

#member_p {
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 30px;
	font-size:100%;
	color: #363636;
	line-height:20px;
	float:left;

}


#member_img {
	width:100px;
	height:100px;
	margin:0px 0px 0px 0px;
	padding:50px 20px 0px 100px;
	float:left;

}

#member_name {
	font-size:110%;
	color: #363636;
	font-weight:bold;
	line-height:10px;
	margin:40px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	white-space:nowrap;
	
}


#st_bar {
	width:50px;
	height:420px;
	float:left;
	background-image:url(img/st_bar.png);
}

#st_about {
	width:50px;
	height:420px;
	float:left;
	background-image:url(img/st_about.png);
}

#st_schedule {
	width:50px;
	height:420px;
	float:left;
	background-image:url(img/st_schedule.png);
}
#st_member {
	width:50px;
	height:420px;
	float:left;
	background-image:url(img/st_member.png);
}
#st_works {
	width:50px;
	height:420px;
	float:left;
	background-image:url(img/st_works.png);
}
#st_links {
	width:50px;
	height:420px;
	float:left;
	background-image:url(img/st_links.png);
}
#footer {
	width:800px;
	height:50px;
	clear:left;
	background-image:url(img/footer.png);

}



#top_img{
	width:640px;
	height:420px;
	background-image:url(img/top_img.png);
	background-color: #00ffff;
}


#photo {
	margin:0px 50px 80px 70px;
	padding:0px 0px 0px 0px;
}


/* カレンダー関連 */
table#calendar {
    width: 525px;
	margin:50px 0px 20px 20px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#calendar th {
	width: 75px;
	height: 40px;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#calendar td {
	width: 75px;
	height: 75px;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#calendar p {
	margin:0px;
	padding:0px;
    text-align: center;
	color: #363636;
	font-size:70%;
    line-height: 95%;
}




/* メニュー関連 */
#menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#menu li {
	margin:0px;
	padding:0px;
	float:left;
	height:70px;
	width:150px;
}

#li_top a {
	background-image:url("img/top.png");
	background-repeat: no-repeat;
	display:block;
	height:70px;
	width:150px;
}

#li_about a {
	background-image:url("img/about.png");
	background-repeat: no-repeat;
	display:block;
	height:70px;
	width:150px;
}

#li_schedule a {
	background-image:url("img/schedule.png");
	background-repeat: no-repeat;
	display:block;
	height:70px;
	width:150px;
}

#li_member a {
	background-image:url("img/member.png");
	background-repeat: no-repeat;
	display:block;
	height:70px;
	width:150px;
}

#li_works a {
	background-image:url("img/works.png");
	background-repeat: no-repeat;
	display:block;
	height:70px;
	width:150px;
}

#li_links a {
	background-image:url("img/links.png");
	background-repeat: no-repeat;
	display:block;
	height:70px;
	width:150px;
}

#h_3{
    border: 0;
    height: 2px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ffffff, #666666, #ffffff);
    background-image:    -moz-linear-gradient(left, #ffffff, #666666, #ffffff);
    background-image:     -ms-linear-gradient(left, #ffffff, #666666, #ffffff);
    background-image:      -o-linear-gradient(left, #ffffff, #666666, #ffffff);
	margin:0px 20px 0px 20px;
}



/* Highslide */


.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
	outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 10px solid white;
	cursor: pointer; /* opera */
	cursor: url(highslide/graphics/zoomout.cur), pointer;
}
.highslide-image-blur {
	cursor: pointer;
	cursor: hand;
}
.highslide-caption {
	display: none;
	border: 5px solid white;
	border-top: none;
	padding: 5px;
 	background-color: white;
 }
 .highslide-display-block {
 	display: block;
}
.highslide-display-none {
	display: none;
}
.highslide-loading {
	display: block;  
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: black;

	padding-left: 22px;
	background-image: url(highslide/graphics/loader.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
} 
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}

.highslide_img {
	display:block;
	margin:2px 0px 0px 0px;
	padding:0px;
	position:relative;
	float: right;
	height:9px;
	width:170px;
}