* {
-webkit-text-size-adjust:100%;
padding:0;padding:0; 
}

a img {
    border-style:none;
}

html{ 
height:100%; 
} 

body{ 
	font-size:12px;
	line-height:1.7;
	height:100%; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	background:url(../Image/bgother.jpg) repeat 0 188px  #FFF;
} 

#Container_top{ 
	width:1077px;
	padding:0;
	float:left;
	background:url(../Image/top_bg.jpg) no-repeat 0 0  #FFF;
}

#Container{ 
	width:955px;
	padding:0;
	float:left;
}

h2{
margin:0;
padding:5px 0 15px 5px;
}

 #Container_top img {
	vertical-align:top;	
}

#Container_top a{
	text-decoration:none;
	color:#0098bd;
}

 #Container img {
	vertical-align:top;	
}

#Container a{
	text-decoration:none;
	color:#0098bd;
}

.head{
float:left;
width:941px;
}

.topcont{
   float: left;
    padding-left: 30px;
    padding-top:23px;
    width: 310px;
}

.topcont .nav {
width: 288px;
float:left;
padding:20px 0 0 22px;
}

.contents_l .nav {
width: 205px;
float:left;
padding:20px 0 0 22px;
}

.topcont .nav li {
	padding-bottom:18px;
	line-height:0;
}

.contents_l .nav li {
	padding-bottom:18px;
	line-height:0;
}

.contents_l h2 {
	padding:0 0 10px 5px;
	margin:0;
}

.topcont .sub {
	padding: 6px 0 0px 22px;
	float:left;
}

.contents_l .sub {
	padding: 10px 0 10px 22px;
	float:left;
}


.topcont .sub li {
	padding-bottom:7px;
	line-height:0;
}

.contents_l .sub li {
	padding-bottom:10px;
	line-height:0;
}

.topcont h4{
width: 288px;
	padding: 0 0 6px 0;
	line-height:12px;
	border-bottom:solid 1px #111;
	font-size:11px;
	color:#0098bd;
	font-weight:normal;
}

.topcont .news {
    float:left;
	padding:20px 0 20px 22px;
	line-height:16px;
	width:288px;
}

.topcont .sns {
width: 288px;
float:left;
	padding: 0 0 5px 22px;
	line-height:16px;
}

.topcont .outline {
width: 288px;
float:left;
	padding: 0 0 0 22px;
	line-height:16px;
}

.news dl {
	padding: 10px 0 0 0;
}

.topcont dt {
	float:left;
	font-weight:bold;
	font-size:11px;
	padding: 0 4px 0 0;
}
.topcont dd {
	font-size:11px;
}
.topcont dd span {
}

.top_r{
width:547px;
padding:50px 0 30px 20px;
float:left;
}

#tweet {
    width:auto;
	float:left;
    height: 28px;
	padding:10px 0 0 0;
}

#nice {
    width:85px;
	float:left;
    height: 28px;
	padding:10px 0 0 10px;
}

.contents_l{
width:245px;
float:left;
}

.contents_r{
font-size:12px;
color:#333;
width:697px;
float:left;
margin:0 0 30px 0;
padding:18px  0 0 0;
}

.contents_r p{
	width:650px;
	float:left;
	line-height:20px;
}

.thumb{
width:697px;
float:left;
margin:0 0 35px 0;
padding:0;
}

.thumb p{
  width:200px;
   float: left;
   margin:0;
    font-size:11px;
   line-height:15px;
   padding: 0 24px 10px 0;
   height:179px;
}

.thumb .fixheight{
   float: left;
   margin:0;
   line-height:15px;
   padding: 0 24px 10px 0;
   height:215px;
}

.thumb img{
float:left;
margin:0;
padding:0 0 5px 0;
}

.term{
font-size:9px;
color:#555;
display:inline;
}

.bloc{
float:left;
border:1px solid #333;
width:638px;
margin:0 0 15px 0;
padding:20px;
font-size:11px;
}


.bloc p{
    float: left;
    line-height: 15px;
    margin: 0;
    padding: 15px 24px 0 0;
    width: 200px;
}

.bloc p img{
    float: left;
    margin: 0;
    padding: 0 0 5px;
}

.bloc span{
float:left;
width:638px;
display:block;
margin:0;
padding:0 0 10px 0;
}

.term{
font-size:9px;
color:#555;
display:inline;
}

#hours dl{
margin-top: -24px;
}

#hours dt {
    font-size: 12px;
	font-weight:bolder;
    margin-top: 24px;
}

#event dl{
margin-top: -24px;
}

#event dt {
    font-size: 12px;
	font-weight:bolder;
    margin-top: 14px;
	padding:0;
}

#event dt .title{
    font-size: 15px;
	line-height: 150px;
	font-weight:bolder;
	margin:24px 0 -15px 0;
}


#event dl .title{
    font-size: 14px;
	font-weight:bolder;
	margin:24px 0 0 0;
	padding: 24px 0 8px 0;
}

#news dl{
margin-top: -24px;
}

#news dt {
    font-size: 11px;
    margin-top: 24px;
}

#news dd {
    font-size: 12px;
}




ul{
list-style:none;
}

a.out {
	color:#008000;
}a.out:hover {
	color:#008000;
}

body > #Container{ 
    height:auto; 
}

.finished{
	color: red;
	font-style:normal;
	font-weight:normal;
}

/* clearfix */  
.clear:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  

.leftside{
width:340px;
float:left;
}

.leftside dd{
margin: 0 0 -24px 0;
}

.rightside{
width:340px;
float:right;
}

.title_event{
height:42px;
font-size: 12px;
font-weight: bolder;
 margin: 0;
 padding: 7px 5px 5px 8px;
 line-height:14px;
 display:block;
 border:1px solid #555;
}

.title_event2{
height:30px;
font-size: 12px;
font-weight: bolder;
 margin: 0;
 padding: 15px 5px 5px 8px;
 line-height:18px;
 display:block;
 border:1px solid #555;
}

.vacen{
margin:0;
padding: 53px 0 0 0;
}

.lit{
margin:0;
padding: 10px 0 0 0;
}

#event img{
float:left;
margin:0;
padding:30px 5px 0 0;
}

#event .credit {
float:left;
	display:block;
	font-size:10px;
	margin-top:13px;
	line-height:14px;
	color:#666;
	width:470px;
}

/* works each ----------------------------------*/

.contents_r_works{
background-color:#FFF;
font-size:11px;
color:#333;
width:687px;
float:left;
padding:0 0 20px 0;
margin: 0 0 50px 0;
border: 1px solid #222;
}

#work .workid {
    float: left;
    font-size: 11px;
	margin:0;
    padding:18px 18px 0 18px;
	width:650px;
}

.above {
	float:left;
	width:650px;
	margin:0;
	padding:10px 0 20px 0;
}

.above img {
	margin:0;
	padding:0 0 6px 0;
}


#work .workid h3 {
	font-size:14px;
	margin:0;
	line-height:19px;
	padding:0;
}

#work .workid h3 .date {
	font-size:11px;
	font-weight:normal;
}
#work .com {
	font-size:10px;
	line-height:14px;
}
#work .workprof {
	margin:30px 0 0 0;
	font-weight:bold;
}

#work .credit {
	display:block;
	font-size:10px;
	margin-top:1px;
	line-height:14px;
	color:#666;
	width:470px;
}

#work .credit img.logo_sonihouse {
	vertical-align: -4px;
}

#work .credit img.logo_sonihouse_scenery {
	vertical-align: -15px;
}

.bottom_l .credit_b {
	display:block;
	font-size:10px;
	margin:5px 0 -2px 0;
	line-height:14px;
	color:#666;
	width:470px;
}

.bottom{
float:left;
width:650px;
margin:0;
}

.bottom_l{
float:left;
width:470px;
}

.bottom_l p{
float:left;
margin:0 0 10px 0;
}

.bottom_l .prof{
color:#e2007f;
font-size:11px;
margin:16px 0 0 0;
width:470px;
padding:0 0 3px  0;
}

.bottom_l .prof2{
color:#e2007f;
font-size:11px;
margin:30px 0 0 0;
width:470px;
padding:0 0 3px  0;
}

.bottom_l .prof2_02{
	margin:10px 0 0 0;
}

.prof_txt{
font-size: 11px;
width:470px;
}

.bottom_r{
float:right;
width:155px;
padding:0 0 20px 0;
}

.bottom_r .info{
border-left: 1px solid #ffaada;
margin:0;
padding:0 0 0 8px;
font-size:10px;
line-height:15px;
}

.info_info{
width:155px;
display:block;
margin:0;
padding:5px 0 0 0;
line-height:15px;
}




/* work tabs ----------------------------------*/
div.tabSet2{
	width:205px;
	overflow:hidden;
	margin:0;
	padding:0;
}

ul#tabNav{
	width:205px;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	height:20px;
	background-color:#efefef;
}

ul#tabNav img{
margin:0 8px 0 12px;
}

ul#tabNav li{
	float:left;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0;
}

div.tabSet2 div.tabContentsGroup{
	font-size:11px;
	margin:0;
	line-height: 1.3;
/*	float:left;*/
}
	
div.tabSet2 div.tabContentsGroup ul {
	margin:0 0 0px 0px;
	padding:0;
}
	
	div.tabSet2 div.tabContentsGroup li{
/*	float:left;*/
	margin:0;
	padding-bottom: 2px;
	list-style:none;
	width:206px;
	}
div.tabSet2 div.tabContentsGroup li span.on{
	display: block;
	color:#333;
	margin:0;
	font-weight:bold;
	padding:0 0 2px 0;
	width:206px;
	line-height: 15px;
	}
	
div.tabSet2 div.tabContentsGroup li a{
	display: block;
	text-decoration:none;
	margin:0;
	padding:0 0 2px 0;
	width:206px;
	line-height: 15px;
	}div.tabSet2 div.tabContentsGroup li a:hover{
	color:#333;
	text-decoration:underline;
	}div.tabSet2 .content{
	zoom:1; /* ie */
	padding:10px 0 0px 0;
}div.tabSet2 #content7{
	zoom:1; /* ie */
	padding:10px 0 0px 0;
}div.tabSet2 div.content img{
			margin:0;
			padding:0 0 1px 1px;
		}
/* work tabs ----------------------------------*/

* html .clear { zoom: 1; } /* IE6 */  
*:first-child+html .clear { zoom: 1; } /* IE7 */  

.collection{
display:block;
margin:0;
padding:3px 0 0 0;
font-size:11px;
}

.notice{
color:#E2007F;
}

/******/
.text_bold{
	font-weight: 700
}

.info_title_news{
	color:#e2007f;
}

/**********/
.outline{
	font-size:10px;
	line-height:16px;
}

.headline {
	font-weight:bold;
}
/*********/


/******/
.aco{
	margin: 20px 0 0px 0;
	width:470px;
}

.aco_3{
	margin: 20px 0 30px 0;
	width:470px;
}

.aco .span_title{
	cursor: pointer;
	color:#ff1493;
	font-weight:bold;
	font-size: 12px;
	text-decoration:underline;
}

.aco .span_date{
	color:#333333;
	font-size:10px;
}

.aco .span_title:hover{
	cursor: pointer;
	color:#ff1493;
	font-weight:bold;
	font-size: 12px;
	text-decoration:underline;
}