
@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../img/background_02.png);
	background-repeat: repeat;
}

#inner {
	width: 940px;
}

    #left_content {
		float: left;
	}

    a.logo img {
		width: 65px;
		height: 85px;
		margin-left: 50px;
		margin-top: 0px;
		margin-bottom: 17px;
		
}

	ul.nav {
		list-style:none;
	    width:100px;
		height:132px;
	    font-size:10px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:bold
		float: left;
		}
		
	ul.nav li {
		position:relative; 
		border-bottom:1px solid #dbdfdb; 
		display:block; 
		height:30px;
		 overflow:hidden 
		 }
	ul.nav li a {
		position:relative; 
		color:#918f8f; 
		text-decoration:none; 
		display:block; 
		height:20px; 
		padding:10px 0 0 7px; 
		z-index:100; 
		text-transform:uppercase
		}
	
	
	
	#right_content ul.news {
		list-style:none;
		background-image:url(../img/news.png);
		background-repeat: no-repeat;
		float: left;
		width: 334px;
		height: 344px;
		margin-left: 180px;
		margin-top: 0px;
		padding-top: 30px;
		float: left;
	}
	
	ul.news li {
		font-size: 11px;
		margin-left: -32px;
		padding-top:10px;
		 }
	
	
	
		
    ul.photo {
		list-style:none;
		width: 500px;
		height: 344px;
		float: left;
		margin-top: 0px;
		margin-left: -7px;
		padding: 0;
	    
		}
		
	ul.photo li {
		float: left;
		width: 216px;
		height: 162px;
		padding-right: 20px;
		padding-bottom: 20px;
		 }
		 

#right_content ul.news li p.news_title {
	color:#F90;
	font-size:12px;
	margin: 0;
}

#right_content ul.news li p.news_content {
	color:#666;
	font-size:12px;
	margin: 0;
}


		 
		 
/* --- Container configuration ---------------------------------------------------------- */
.photoslide {
	width: 480px;
	height: 364px;
	float: left;
}


.viewport {
	list-style:none;
    float: left;
    height: 162px;
    overflow: hidden;
    position: relative;
    width: 216px;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 0;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin  {
    height: 162px;
    width: 216px;
	float:left;
	margin: 0;
	padding: 0;
}


/* --- Link configuration that contains the image and label ----------------------------- */


/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 0.6em;
    font-weight: bold;
    height: 100%;
    padding-top: 80px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}

.viewport a span em {
        display: block;
        font-size: 0.45em;
        font-weight: normal;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.viewport .dark-background {
    background-color: rgba(15, 15, 15, 0.6);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}
.viewport .dark-background em {
        color: #ccc;
    }

/**
 * You could create multiple hover background classes for different looks depending on the
 * image type. Use your imagination!
 */
 
 
 
 /* --- MEMBER ------------------------------------------------------------ */
 
#right_content #member {
	 width: 840px;
	 height: 1000px;
	 background-image:url(../img/member/member_background_10.png);
	 background-repeat: repeat-y;
	 margin-top: 50px;
	 margin-left:180px;
	 
	
 }
 
 #right_content a.message {
	 font-size: 10px;
	 color:#777777;
	 margin: 0;
	 padding: 0;
	 margin-left: 200px;
	 
 }
 
 
 
 
 #right_content #member_down {
	 height: 3px;
	 background-image:url(../img/member/memmer_background_12.png);
	 background-repeat: no-repeat;
	 margin-left:180px;
 }


 
.member_prof {
	width: 800px;
}

.temp{
float:left;
margin-right:50px;
margin-left:50px;
margin-bottom:15px;
margin-top:15px;
}
.temphol{
background:#efefef;
border:1px solid #ccc;
position:relative;
width:280px;
height:174px;
overflow:hidden;
}
.temphol img {
position: absolute;
top: 7px; 
}
.tempde{
background:url(../img/member/prof/tempde.jpg) repeat-x bottom;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
width:280px;
height:32px;
}
.tempname{
float:left;
padding-left:15px;
padding-top:8px;
font-size:13px;
color:#777777;
}

.tempprice{
float:right;
width:40px;
height:22px;
text-align:center;
margin-top:2px;
color:#777777;
font-size:13px;
padding-top:6px;
padding-right:5px;
padding-left:5px;
font-weight:bold;
}
.thumb{
position:absolute;
top:7px;
left:7px;
width:276px;
height:141px;
text-indent:-999px;
overflow:hidden;
background:url(../img/member/prof/blank.gif) repeat;
}


 .return_top {
	padding-left:700px;
	padding-top: 20px;
	font-size: 12px;

}

 .return_top_1 {
	padding-left:700px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	 background-image:url(../img/member/member_background_10.png);
	 background-repeat: repeat-y;
	 margin-left:180px;

}

 /* --- contact ------------------------------------------------------------ */
 
 #right_content #contact {
	 height: 400px;
	 background-image:url(../img/member/member_background_10.png);
	 background-repeat: repeat-y;
	 margin-top: 50px;
	 margin-left:180px;
	 position: relative;
	 
	
 }
 
 #right_content a.message {
	 font-size: 12px;
	 color:#777777;
	 margin: 0;
	 padding: 0;
	 margin-left: 200px;
	 position: absolute;
	 margin-left: 250px;
	 margin-top: -300px;
	 
 }
 
  #right_content a.top {
	 font-size: 12px;
	 color:#777777;
	 margin: 0;
	 padding: 0;
	 margin-left: 200px;
	 position: absolute;
	 margin-left: 250px;
	 margin-top: -250px;
	 
 }
 
 
 #right_content a.formtag {
	 margin: 0;
	 padding: 0;
	 margin-left: 200px;
	 position: absolute;
	 margin-left: 250px;
	 margin-top: -230px;
	 padding-bottom: 20px;
	 
 }
 

 
/* --- scedule ------------------------------------------------------------ */
 
#right_content #schedule_content {
	 height: 800px;
	 background-image:url(../img/member/member_background_10.png);
	 background-repeat: repeat-y;
	 margin-top: 50px;
	 margin-left:180px;
	 
	
 }
 
 .schedule {
	margin-left: 50px;
	margin-top: 20px;
}



a {
text-decoration: none;
color:#aeadad;
}



/* ------ activity
-----------------------------------------------*/
 
#right_content #activity {
	 background-image:url(../img/member/member_background_10.png);
	 background-repeat: repeat-y;
	 margin-top: 50px;
	 margin-left:180px;
	 
	
 }

.title {
	background-image:url(../img/activity/kobetsu/title_07.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 400px;
	margin-left:20px;
	margin-top: 20px;
}

.title_2 img {
	margin-top: 5px;
	margin-left: 20px;
	float: left;
}

.title .name {
	margin: 0;
	margin-left: 20px;
	font-size: 13px;
	margin-top: 7px;
	float: left;
}

.youtube {
	margin-left: 20px;
	margin-top: 20px;
	clear: none;
}

.object_name {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	clear: none;
}

.date {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	clear: none;
}


.explain {
	margin-top: 40px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	font-size: 12px;
	clear: none;
}

#activity_down {
	margin-left: 180px;
}
	


.filters {
float:left;
clear:both;
width:836px;
position:relative;
margin-top: -980px;

}

.filters .filter {
float:left;
clear:both;
width:836px;
margin-left: 200px;
padding:20px;
margin-bottom:20px;

}

.filters .filter a {
float:left;
display:block;
padding:5px;
margin:20px;
font-size:11px;
color:#aeadad;
text-transform:uppercase;
outline:none;
}

.filters .filter .active {
background:#eee;
color:#111;
}

.filters .container {
float:left;
clear:both;
width:100%;
position:relative;
margin-left: 180px;
padding-left: 20px;
background-image:url(../img/member/member_background_10.png);
background-repeat: repeat-y;
}

.filters .container ul,
.filters .container ul li {
display:block;
list-style:none;
padding-left: 20px;
padding-top: 20px;
margin:0;
}

.filters .container ul li {
float:left;
margin:0 8px 8px 0;
font-size:0;
line-height:0;
}

.filters .container a {
display:block;
float:left;
width:192px;
height:192px;
}

a {
color:#777777;
text-decoration:none;
}


.fleft ul li { display: inline; }
			
		
			
.fleft { float: left; margin: 0 20px 0 0; }

 .return_activity {
	padding-left:700px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 12px;
	 background-image:url(../img/member/member_background_10.png);
	 background-repeat: repeat-y;
	 margin-left:180px;

}

/* about slider */
