/*共通項目*/

body{
	color:#ffffff;
	background-color:#000000;
	font-size:small;
	line-height:160%;

}

.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB05{margin-bottom:5px;}

img{border:0;}


a:link{color:#ffffff;text-decoration:underline;}
a:visited{color:#ffffff;text-decoration:underline #666;}
a:active{color:#999999;text-decoration:none;}
a:hover{color:#999999;text-decoration:none;}

.clear{
	clear:both;
	margin:0;
	pdding:0;
}

.link{
	padding-left:12px;
	background:transparent url(/common/images/link_arrow.gif) no-repeat scroll 1px 0 !important;
	background-repeat:no-repeat;
}

#container{
	width:800px;
margin:0 auto;
	top: 10px;

}

#head{
	letter-spacing:0.1em;
	height:auto;
	margin:0;
	padding:0;
		font-family:"Century Gothic", sans-serif;}



.ttl01{
	display:block;
	font-size:middle;

}

.ttl02 a{
	display:block;
	font-size:xx-large;
	margin:10px 0 15px 0;
	text-decoration:none;


}

.ttl02{
	margin:10px 0 10px 0;
}

.global_navi{
	background-color:#333333;
	width:790px;
	margin:0;
	padding:5px 0 5px 10px;
	font-size:middle;
	letter-spacing:0.1em;
	font-family:"Century Gothic", sans-serif;
	}
	
.global_navi a{	text-decoration:none;
}


#main{
	width:800px;
	height:auto;
	background-color:#333333;
	margin:0;
	padding:0 0 20px 0;
}


h1{
	font-size:x-large;
	letter-spacing:0.1em;
	margin-left:10px;
	font-family:"Century Gothic", sans-serif;
	font-weight:100;
}

h2{
	font-size:large;
	letter-spacing:0.1em;
	font-weight:100;
	font-family:"Century Gothic", sans-serif;
}

h3{
	font-size:middle;
	letter-spacing:0.1em;
	font-family:"Century Gothic", sans-serif;
}

#footer{

color:#fff;
font-size:10px;
text-align:right;}

/*top*/
.news{
	font-size:small;
	margin:0 0 0 20px;
	line-height:150%;
	width:300px;
	float:left;}
	
.banner{
	margin:0 20px 0 0;
	width:400px;
		float:right;
	}
	
.rss-title{
	visibility:hidden;
	height:0;}
	
.top_left{
	width:350px;
	float:left;
	margin-left:20px;}
	
.attention{
	padding:10px;
	border:1px solid #ccc;
	margin-left:10px;
	}

/*works*/
.work_area{
	width:620px;
	height:100%;
	margin-left:90px;
	border-bottom:1px solid #666;
}

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

.work_img{
width:240px;
border:1px solid #fff;
float:left;
margin:20px;
}

.work_text{
width:300px;
margin:20px 20px 10px 10px;
height:100%;
float:right;
}

.works_ttl {
	font-size:14px;
	color:#fff;}
	
.works_ttl a:link{
	text-decoration:underline;}
	
.works_ttl a:visited{
	text-decoration:underline;}
	
.works_ttl a:hover{
	text-decoration:none;}



/*voyage*/
.local_navi{
	width:150px;
	height:500px;
	display:block;
	float:left;
	line-height:180%;
		font-family:"Century Gothic", sans-serif;
	}

.local_navi ul{
	margin:0 0 0 20px;
	padding:0;}

.local_navi li{
	margin:0;
	padding:0;}
	
.local_navi ul ul{
	margin:0 0 0 10px;
	padding:0;}

.local_navi li li{
	margin:0;
	padding:0;
}

.contents{
	margin:0;
	padding:0;
	}

/*voyage*/
.photo_contents{
	margin:0 0 0 25px;
	padding-top:20px;
	}



td{
	font-size:10px;
	font-style: normal;
	line-height: 150%;
}



h5{
text-size:11pt;
color:#ffffff;
text-align:center;
text-decoration:normal;
text-align:center;
}




table{;
margin:0px;
font-size:x-small;
}



.tb_guest {
	position: absolute;
}

.main_voyage{margin:20px;
}
	
	
.lead_voyage{
margin:0 0 30px 10px;
font-size:12px;
line-height:150%;
letter-spacing:0.1em;
}

.ttl_area{
clear:both;
margin:0 0 10px 10px;
font-size:16px;
border-bottom:1px solid #999;}


.voyage_menu{
	width:740px;
	margin:0 auto;}
	
.square{
display:block;
width:110px;
height:100px;
padding:10px;
margin:0 10px 10px 0;
border:1px solid #999;
float:left;
text-align:center;
line-height:1.1em;
}

.sumbnail{

margin:0 0 10px 0;
}

.ttl_sumbnail{
font-size:10px;}


.ttl_artist{font-size:14px;color:#FFFFFF;}

/******** PROFILE ********/

.aboutme{
	margin-left:10px;}
.aboutme p {
	margin:0 30px 0 30px;
}


/****WORKSフィルタ*****/

ul#filter { 
	font-family:"Century Gothic", sans-serif;
	float: left; 
	font-size: 12px; 
	list-style: none; 
	margin:0 0 20px 15px;
	padding:0;
	width: 800px; }
ul#filter li { 
	float: left;
	margin:0 15px 0 0;

}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #fff; text-decoration: none;border:1px solid #cccccc;padding:3px; display:block; width:90px; text-align:center;}
ul#filter li.current a, ul#filter a:hover { text-decoration: none; background-color:#999999; }
ul#filter li.current a { color: #fff; font-weight: bold; }

ul#portfolio { 
	list-style: none; ]
	width: 100%; 
	margin:0 0 0 10px;
	padding:0; 
	}
ul#portfolio li { 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 240px;
	font-size:small;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding: 0; }
/****WORKSフィルタ*****/


/*トップ画像キャプション*/

 div.caption {  
     position: relative;  
 }  
 div.caption p {  
 	width: 800px;
	background: #000; 
	color: #FFF;
	padding: 5px 10px;
    margin: 0;  
    font-size:small;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    opacity: .6;  
 }  
 
#portfolio div.caption {  
     position: relative;  
 }  
#portfolio div.caption p {  
 	width: 222px;
	background: #000; 
	color: #FFF;
	padding: 5px 10px;
    margin: 0;  
    font-size:small;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    opacity: .7;  
 }  
/*トップ画像キャプション*/