/*
Theme Name: Tokyo Koen 
Theme URI: http://sokea.fr
Description: Pur Edouije (et aussi pour Vincent)
Version: 3.0.0
Author: Jean-Sokea Prince des Vosges
*/

/* IMPORTER CSS */
@import url(style-playlist.css);

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration:none;
	color:#fff;
	}
a:hover{
	color:#ff0000;
	}
a img {
	border: none;
	}

/* basic layout */

body {
        margin: 0 auto;
	background:#fff url(images/body/) center top no-repeat;
	font-family:arial;
	}

#wrapper{
	width:960px;
	margin: 0 auto;
	background:transparent;
	}

#main{
	margin-top:40px;
	float: left;
	width: 960px;
	color:#fff;
	background:#101010;
	}
	
.container {
        float: left;
        width: 960px;
	background:#101010;
	}

.content {
	margin:0px 25px;
	width:910px;
	}

/* header */

#branding {
       text-indent: -500000px;
       }

#masthead-default {
	margin:0px 25px;
	padding:0;
	background:#101010 url(images/header/2011/rotate.php) no-repeat;
	width:910px;
	height:400px;
	position:relative;
	}

.logo-header {
	position:absolute;
	margin-top:0px;
	margin-left:75px;
	width:100px;
	height:100px;
	background:transparent url(images/header/logo-header.jpg) no-repeat;
	}

/* separation des différents bloc
-------------------------------------------------------------- */

.separation {
    background:#fff url(images/separation/separation.png) no-repeat;
    height: 20px;
    width: 960px;
    }
    
/* remonter en haut
-------------------------------------------------------------- */

#topcontrol {
    z-index:10;
    margin-bottom:50px;
    }
    
/* featured-box
-------------------------------------------------------------- */
    
.featured-box{
	height:403px;
	width:910px;
	background:url(images/featured-box/featured-box.png) center no-repeat;
	}

/* =Content
-------------------------------------------------------------- */

.entry-title {
	text-transform:uppercase;
	font-size:55px;
	font-weight:bold;
	width:910px;
	letter-spacing:-5px;
	}

.entry-content {
	margin: 0;
	text-align:justify;
	font-size:16px;
	font-family:arial;
	line-height:20px;
	font-weight:normal;
	}
	
.entry-content img{
	border:1px solid #1f1f1f;
	background:#fff;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	margin-left:0px;
	margin-bottom:10px;
	max-width: 902px; /* Adjust this value according to your content area size*/
	height: auto;
	}
	
.entry-meta {
	color:#464646;
	background:#b1b1b1;
	font-weight:bold;
	font-size:15px;
	text-transform:uppercase;
	padding:2px;
	}
	
.entry-meta a{
  color:#787878;
}
.entry-meta a:hover{
color:#fff;
background:#ff0000;
}

	
.cat_holder{
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    color:#ff0000;
    font-size: 25px;
    }
.cat_holder a{
    color:#ff0000;
    }
.cat_holder a:hover{
    text-decoration:none;
    background:#fff;
    color:#101010;
    }


.date3{
	font-size: 40px;
  width:200px;
  text-decoration:none;
    text-transform:uppercase;
    color:#464646;
    font-weight:bold;
	text-align: left;
	
    }

/* =index
-------------------------------------------------------------- */

.entry-title-home a{
	text-transform:uppercase;
	font-size:40px;
	font-weight:bold;
	letter-spacing:-3px;
	position:absolute;
	margin-top:150px;
	text-decoration: none;
  	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	max-width:640px;
	padding:10px;
	color:#fff;
	background:#101010;
	}
.entry-title-home a:hover{
	color:#fff;
	background:#ff0000;
	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=90); 
	-moz-opacity: .90; 
	opacity:.90;	
	}
	
.cat_holder-home{
	color:#101010;
	position:absolute;
	margin-top:130px;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff;
  	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	}	
.cat_holder-home a{
	color:#101010;
	}
.cat_holder-home a:hover{
	color:#ff0000;
	}
	
.date-home{
	width:80px;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	margin-top:20px;
	margin-left:790px;
	padding:5px;
	color:#000000;
	font-weight:bold;
	text-align: center;
  	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	}
	
.date-home span.day{
	display: block;
	line-height: 53px;
	font-size: 90px;
	letter-spacing:-2px;
	}
	
.date-home span.month{
	display: block;
	font-size: 40px;
	line-height: 40px;
	}    

.page-title{
	color:#000000;
	padding:20px;
font-size:50px;
  text-decoration:none;
    text-transform:uppercase;
}

.comments-counter-single{
	height:53px;
	width:40px;
	margin-left:850px;
	margin-top:60px;
	text-align:center;
	position:absolute;
	background: url(images/comments/bubble.png) no-repeat;
}
.comments-counter-top{
	text-align:center;
	position:absolute;

	width:35px;
  font-size:35px;
  text-transform:uppercase;
   padding:2px;
   color:#fff;
   font-weight:bold;
   letter-spacing:-3px;
}

/* entry-utility
-------------------------------------------------------------- */

.entry-utility{
	background:#fff;
	color:#6c6c6c;
	text-align:justify;
	padding:20px;
	}
.entry-utility a{
	color:#6c6c6c;
	}
.entry-utility a:hover{
	color:#ff0000;
	}
.entry-utility h2{
	font-size:25px;
	font-weight:lighter;
	text-transform:uppercase;
	}
#author-info {
	background: #fff;
	padding: 20px;
	margin: 0 0 15px 0;-webkit-box-shadow: 0px -5px 20px #a3a3a3;
	box-shadow: 0px -5px 20px #a3a3a3;
	-moz-box-shadow: 0px -5px 20px #a3a3a3;
	overflow: auto;
	color:#101010;
	}
#author-image {
	float: left;
	margin: 0 15px 0px 0;
	margin-left:10px;
	-webkit-box-shadow: 0px -5px 20px #a3a3a3;
	box-shadow: 0px -5px 20px #a3a3a3;
	-moz-box-shadow: 0px -5px 20px #a3a3a3;
	}

/* RECHERCHE
-------------------------------------------------------------- */

.result-title{
	width:910px;
	height:368px;
    background: url(images/search/results.jpg);
}
.result-title2{
	width:910px;
	height:489px;
    background: url(images/search/wrong.jpg);
}
.result-title h3{
    text-transform:uppercase;
  font-size:55px;
  font-weight:bold;
  letter-spacing:-3px;
  position:absolute;
    margin-top:60px;
    text-decoration: none;
  	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	width:890px;
  padding:10px;
  color:#fff;
  background:#101010;
  letter-spacing:-5px;
}

.result-top{
	width:910px;
	height:118px;
    background:transparent url(images/search/results.png);
    position:absolute;
    z-index:10;
    margin-top:60px;
    margin-left:0;
} 
.result-entry-content {
	text-align:center;
    text-transform:uppercase;
  font-size:25px;
  font-weight:bold;
  letter-spacing:-3px;
    text-decoration: none;
	width:890px;
  padding:10px;
  color:#fff;
  background:#ff0000;
  letter-spacing:-1px;
}



    
/* TITLE SINGLE
-------------------------------------------------------------- */
.entry-title-single {
	text-transform:uppercase;
	font-size:40px;
	font-weight:bold;
	letter-spacing:-3px;
	position:absolute;
	margin-top:150px;
	text-decoration: none;
  	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	max-width:640px;
	padding:10px;
	color:#fff;
	background:#101010;
	}

.cat_holder-single{
	color:#ff0000;
	position:absolute;
	margin-top:130px;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff;
  	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	}	
.cat_holder-single a{
	color:#ff0000;
	}
.cat_holder-single a:hover{
	color:#000;
	}
	
.date-title-single{
  text-decoration:none;
    text-transform:uppercase;
  position:absolute;
  margin-left:75px;
    color:#fff;
    font-weight:bold;
	text-align: center;
	background:#ff0000;
padding:7px;

    }
.date-title-single span.day	{
    display: block;
    font-size: 90px;

    }
.date-title-single span.month{
    display: block;
    font-size: 40px;
margin-top:-13px;
    }
    
#single-arrow-up{	
	width: 75px;
	height:75px;
	background: url(images/single/up.png) no-repeat;
	margin-bottom:20px;
	}    
#single-arrow-bottom{
	float:right;
	width: 75px;
	height:75px;
	background: url(images/single/bottom.png) no-repeat;
	margin-top:20px;
	}

    
/* SB separation
-------------------------------------------------------------- */

.sb-top{
	margin:0 25px;
	width: 910px;
	height:75px;
        background:#fff;
	}
	
.sb-bottom{
	margin:0 25px;
	width: 910px;
	height:75px;
        background:#fff;
	}

.sb-articles{
	background: url(images/title/articles.png) no-repeat;
  position:absolute;
  margin-left:75px;
  width:250px;
  height:150px;
}
.sb-dossiers{
	background: url(images/title/dossiers.png) no-repeat;
  position:absolute;
  margin-left:75px;
  width:250px;
  height:150px;
}
.sb-japo{
	background: url(images/title/japo.png) no-repeat;
  position:absolute;
  margin-left:75px;
  width:250px;
  height:150px;
}
.sb-japo-s{
	background: url(images/title/japo-s.png) no-repeat;
  position:absolute;
  margin-left:75px;
  width:250px;
  height:150px;
}
.sb-all-fold{
	background: url(images/title/all-fold.png) no-repeat;
  position:absolute;
  margin-left:75px;
  width:250px;
  height:150px;
}
.sb-all-arti{
	background: url(images/title/all-arti.png) no-repeat;
  position:absolute;
  margin-left:75px;
  width:250px;
  height:150px;
}
.sb-comments{
	background: url(images/title/comments.png) no-repeat;
  position:absolute;
  width:721px;
  height:75px;
}
.sb-archives{
	background: url(images/title/archives.png) no-repeat;
  position:absolute;
  width:910px;
  height:75px;
}
.sb-tv{
	background: url(images/title/logotv.png) no-repeat;
  position:absolute;
  margin-left:75px;
  width:250px;
  height:150px;
}
.sb-results{
	background: url(images/title/search.png) no-repeat;
  position:absolute;
  width:910px;
  height:75px;
}
.sb-akiba{
	background: url(images/title/akiba.png) no-repeat;
  position:absolute;
    margin-left:75px;
  width:250px;
  height:150px;
}
.sb-humeurs{
	background: url(images/title/humeurs.png) no-repeat;
  position:absolute;
  width:910px;
  height:75px;
}
.sb-maguro{
	background: url(images/title/maguro.png) no-repeat;
  position:absolute;
    margin-left:75px;
  width:250px;
  height:150px;
}
.sb-unagi{
	background: url(images/title/unagi.png) no-repeat;
  position:absolute;
    margin-left:75px;
  width:250px;
  height:150px;
}
.sb-osaka{
	background: url(images/title/kansai.png) no-repeat;
  position:absolute;
  width:910px;
  height:75px;
}
.sb-osaka2{
	background: url(images/title/kansai2.png) no-repeat;
  position:absolute;
    margin-left:75px;
  width:250px;
  height:150px;
}
.sb-footer{
	background: url(images/title/footer.png) no-repeat;
  position:absolute;
  width:910px;
  height:75px;
}
.sb-homu{
	background: url(images/title/homu.png) no-repeat;
  position:absolute;
  width:910px;
  height:75px;
}

.sb-plus{
	width:75px;
	height:75px;
	background: url(images/title/more.jpg) no-repeat;
	}

/* =Navigation
-------------------------------------------------------------- */

.navigation {

text-align:center;
}

#nav-below{
	margin: 0 25px;
	height:75px;
	width:910px;
	background:#fff;
	background-position: 0px -75px;


}
#nav-below a{
  color:#101010;
  text-decoration:none;
  text-transform:uppercase;
}
#nav-below a:hover{
  color:#ff0000;
}
.nav-next{

float:right;
  height:75px;


  }


.nav-previous{

float:left;
  height:75px;

  }

/* Related Posts 
----------------------------------------------- */

ol.related-posts {
	margin-top:25px;
	clear:both;
	text-align:left;
	}
ol.related-posts li{
	width:455px;
	float:left;
	display:inline;
	margin:0px;
	}
	
ol.related-posts img{
	background:#fff;
	width:455px;
	height:250px;
	}

ol.related-posts a {
	text-decoration:none;
	}

ol.related-posts h3 a {
	text-transform:uppercase;
	text-decoration: none;
	color: #fff;
	position:absolute;
	margin-top:-95px;
	margin-left:0px;
	background:#101010;
	padding:10px;
	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	max-width:350px;
	}

ol.related-posts h3 a:hover{
	color:#fff;
	background:#ff0000;
	}

/* searchform
-------------------------------------------------------------- */

#searchform {
	display:block;
	float:right;
	}
#searchform label.screen-reader-text {
	display:none;
	}
#searchform input {
	color:#fff;
	font-size:20px;
	width:200px;
	float:left;
	display:inline;
	background: #ce0000;
	border:0;
	height:30px;
	padding:5px;
	text-align:center;
	}
#searchform input#searchsubmit {
	width:40px;
	height:40px;
	background: #ff0000 url(images/menu/search.png) left top no-repeat;
	cursor:pointer;
	color:#9e9e9e;
	border:0;
	overflow:hidden;
	text-indent:-99999em;
	font-size:0;
	}

/* Comments-list
-------------------------------------------------------------- */

#comments{
width:910px;
background: #fff;
}
#comments-list{
margin:25px 25px;
  color:#101010;
  width:860px;
  background: #fff url("images/comments/list-bg.jpg") repeat-y;
  -webkit-box-shadow: 0px -5px 20px #a3a3a3;
    box-shadow: 0px -5px 20px #a3a3a3;
    -moz-box-shadow: 0px -5px 20px #a3a3a3;
   
}
.com-title{
	clear:both;
	display:block;
	height:75px;
	background:#fff url(images/title/comments.png) no-repeat top left;
	overflow:hidden;
}
.comments-count{
	width:125px;
	margin-left:780px;
  font-size:70px;
  text-transform:uppercase;
   padding:2px;
   color:#000000;
   font-weight:bold;
   letter-spacing:-10px;
}

#comments-list li{

padding:15px;

}
.comment-content {
	margin:10px;
  font-size: 20px;
    background: #fff;
    color:#3d3d3d;
      padding:15px;
    line-height:32px;


-webkit-box-shadow: 0px -5px 20px #a3a3a3;
    box-shadow: 0px -5px 20px #a3a3a3;
    -moz-box-shadow: 0px -5px 20px #a3a3a3;
}
.comment-content a{
	color:#ff0000;
}
.comment-content a:hover{
	color:#fff;
	background: #ff0000;
}
.tip-b7b7b7{
	background: transparent url("images/comments/tip-b7b7b7.png") no-repeat scroll 0 4px ;
    height: 24px;
	position:absolute;
    width: 38px;
    margin-left:12px;
    margin-top:-39px;
}
.comment_author{
	
	margin:5px;
	height:55px;
}




.comment_user_gravatar {
	margin-left:10px;
	float:left;
    width: 55px;
    height: 55px;

}
.comment_user_gravatar img {
    margin: 0px 0px;
    

    }   
.comment_user {
	margin:10px;
  color: #9d9d9d;
      font-size: 25px;
float:left;
}
.comment_user a{
  color:#ff0000;
  padding:10px;
}
.comment_user a:hover {
  color: #fff;
  	background:#000;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
		     -moz-border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px -5px 20px #484848;
    box-shadow: 0px -5px 20px #484848;
    -moz-box-shadow: 0px -5px 20px #484848;
}
.comment-meta{
	margin-top:1px;
		float:right;
		
color: #4b4b4b;
        font-size: 12px;
        text-transform:lowercase;
}
.comment-meta a{
color: #101010;
	text-decoration:none;
}
.comment-meta a:hover{
	color: #ff0000;
	}

.unapproved{
	float:left;
	color:#fff;
	background:#ff0000;
	padding:15px;
	font-weight:bold;
	margin:0px 0px 15px 15px;
	-webkit-box-shadow: 0px -5px 20px #a3a3a3;
	box-shadow: 0px -5px 20px #a3a3a3;
	-moz-box-shadow: 0px -5px 20px #a3a3a3;
	}

/* respond
-------------------------------------------------------------- */

#respond{
  background:#fff;
  color:#101010;
  padding:20px;
}
.com-title2{
	clear:both;
	display:block;
	height:150px;
	background: #fff url(images/title/letcomments.png) no-repeat top left;
	overflow:hidden;
}

#comment-notes{
  margin-bottom:20px;

}
#comment-notes a{
  color:#ff0000;
}
#comment-notes a:hover{
  color:#fff;
  background:#ff0000;
}
.form-section{
  margin-top:10px;
}
#form-allowed-tags{
  margin-bottom:10px;
}
.form-label{
  font-weight:bold;
  font-size:25px;
}
.subscribe-to-comments{
  margin-bottom:10px;
  color:#101010;
}
.subscribe-to-comments a{
  color:#101010;
}
.subscribe-to-comments a:hover{
  color:#ff0000;
}


.buttons a, .buttons button {
	background-color: #dfdfdf;
	font-family: Arial;
	font-size: 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	border:1px solid #fff;
	color: #101010;
	cursor: pointer;
	width:250px;
}
.buttons button {
	padding: 5px;
}
.buttons a.positive:hover, button.positive:hover {
	background-color: #ff0000;
	color: #fff;
}
#login{
  color: #636363;
  font-size:18px;
}
#login a{
  color: #494949;
  text-decoration:none;
}
#login a:hover{
  color: #ff0000;
}

/* A PROPOS
-------------------------------------------------------------- */

.about-title{
	font-size:50px;
	font-weight:bold;
	}

.about-title h1{
	color:#ff0000;
	}
.what-bg{
	background: url(images/about/dozo.jpg) no-repeat;
	width: 910px;
	height:450px;
	margin:25px;
	}

/* SUPER FOOTER
-------------------------------------------------------------- */

.super-footer {
	width: 960px;
	text-align: left;
	line-height: 16px;
	float:left;
	background:#000000 url(images/footer/footer-bg.png) no-repeat;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	}

.menu-bottom div {
	float: left;
	width: 162px;
	padding: 15px 10px 15px;
	margin-bottom:25px;
	}
	
.menu-bottom div ul {
	list-style-type: none;
	}
	
.menu-bottom div ul li {
	padding:1px;
	margin:1px 0px;
	}
	
.menu-bottom div ul li a {
	font-size: 14px;
	text-decoration: none;
	line-height: 16px;
	}
.menu-bottom div p {
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
	}
.panel1 {
	background: #e0e0e0;
	color: #101010;
	}
.panel2 {
	background: #bdbdbd;
	color: #333333;
	}
.panel3 {
	background: #666666;
	color: white;
	}
.panel4 {
	background: #333333;
	color: #cccccc;
	}
.panel5 {
	background: #ff0000;
	color: #fff;
	}
.panel1 a {
	color: #101010;
	}
.panel2 a {
	color: #333333;
	}
.panel3 a {
	color: #fff;
	}
.panel4 a {
	color: #cccccc;
	}
.panel5 a {
	color: #fff;
	}
.panel1 a:hover,
.panel2 a:hover,
.panel3 a:hover,
.panel4 a:hover{
	color: #ff0000;
	}

.panel5 a:hover {
	color: #000;
	}

/* LINK FRIENDS
-------------------------------------------------------------- */

.link-friends{
	width:910px;
	margin-top:25px;
	margin-bottom:25px;
	}
.link-bloc {
	margin-left:3px;
	}
.link-bloc li {
	display: inline;
	}
.link-bloc img{
	background:#0a0a0a;
	}

/*  japoniaiserie
----------------------------------------------- */

.sticker-japo {
	position: absolute; 
	margin-left:580px;
	margin-top:85px;
	height: 265px;
	width: 257px;
	z-index:100;
	background: transparent url(images/humeurs/sticker.png) no-repeat;
	}

/*  humeur d'expatrié: unagi+maguro
----------------------------------------------- */

.content-hum{
	margin:0 25px;
	width:910px;
	background:#101010;
	height:330px;
	background:url(images/humeurs/bg-h.jpg) no-repeat;
	}

.entry-title-unagi a{
	text-align:center;
	margin-left:500px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	margin-top:285px;
	text-decoration: none;
	width:140px;
	padding:5px;
	color:#fff;
	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=85); 
	-moz-opacity: .85; 
	opacity:.85;
	}
.entry-title-unagi a:hover{
	color:#9079ad;
	}
.date-title-unagi{
	text-align:center;
	margin-left:500px;
	font-size:12px;
	position:absolute;
	margin-top:270px;
	text-decoration: none;
	width:140px;
	padding:5px;
	color:#fff;
	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	}
	
.entry-title-maguro a{
	text-align:center;
	margin-left:317px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	margin-top:235px;
	text-decoration: none;
	width:90px;
	padding:5px;
	color:#fff;
		/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=85); 
	-moz-opacity: .85; 
	opacity:.85;
	}	
.entry-title-maguro a:hover{
	color:#ff0000;
	}
	
.date-title-maguro{
	text-align:center;
	margin-left:317px;
	font-size:12px;
	position:absolute;
	margin-top:270px;
	text-decoration: none;
	width:90px;
	padding:5px;
	color:#fff;
	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	}

/*  osaka
----------------------------------------------- */

.content-osaka-top {
	margin: 0 25px;
	position:absolute;
	width:910px;
	background:#101010;
	height:330px;
	background:url(images/osaka/bg-n.png) no-repeat;
	}
	
.content-osaka {
	margin: 0 25px;
	width:910px;
	background:#101010;
	height:330px;
	}
.entry-title-osaka a{
	text-align:center;
	margin-left:590px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	margin-top:270px;
	text-decoration: none;
	width:160px;
	padding:7px;
	color:#000;
	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=85); 
	-moz-opacity: .85; 
	opacity:.85;
	}	
.entry-title-osaka a:hover{
	color:#fff;
	}
	
.date-title-osaka{
	text-align:center;
	margin-left:590px;
	font-size:12px;
	position:absolute;
	margin-top:255px;
	text-decoration: none;
	width:160px;
	padding:7px;
	color:#101010;
	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=70); 
	-moz-opacity: .70; 
	opacity:.70;
	}

.link-osaka{
	width:910px;
	height:192px;
	background:url(images/osaka/bg-link.jpg) no-repeat;
	}

/*  osaka
----------------------------------------------- */

.link-homu{
	width:910px;
	height:200px;
	background:url(images/japan-homu/marina-chan.jpg) no-repeat;
	}

/* SUPER-NAVI TOP
-------------------------------------------------------------- */



#navi-outer {
	width: 100%;
	background-color: #ff0000;
	height: 40px;
	position: fixed;
	z-index: 1000;
	top:0;
	}

#navi-top {
	width: 960px;
	background-color: #ff0000;
	height: 40px;
	position: fixed;
	z-index: 1000;
	top:0;
	}
	
#navi-link-top {
	width: auto;
	height: 40px;
	margin-left:700px;
	margin-top:20px;
	position:absolute;
	}
	
.navi-bg{
	background:#ff0000;
 	height:40px
}
.navi-inner {
	text-align:center;
	width: 960px;
	margin: 0 auto 0 0;
	padding: 0;
	}
	
#navi {
	margin: 0;
	padding: 0;
	}

#navi li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	line-height: inherit;
	font-size: inherit;
}

#navi li a {
	display: block;
	text-decoration: none;
	background-color: #ff0000;
	color: #fff;
	padding: 10px 15px;
	margin: 0;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0px;
	border-style: none;
	font-weight:bold;

}

#navi > li:last-child a {
	padding-right: 14px;
}

#navi li a:hover, #navi li.current a {
	background-color: #ff0000;
	color: #000;

}

#navi li.navi-home {
	width: 40px;
	height: 40px;
	text-indent: -10000em;
}
#navi li.navi-home a{
	background: url(images/menu/home.png) 0 0 no-repeat;
}
#navi li.navi-home a:hover{
	background: url(images/menu/home.png) 0 -40px no-repeat;
}
#navi li.back-bento {
	width: 40px;
	height: 40px;
	text-indent: -10000em;
}
#navi li.back-bento a{
	background: url(images/menu/back-bento.png) 0 0 no-repeat;
}
#navi li.back-bento a:hover{
	background: url(images/menu/back-bento.png) 0 -40px no-repeat;
}
#navi li.navi-connect {
background: #ff0000;
}
#navi li.navi-connect a{
background: #ff0000;
}
#navi li.navi-connect a:hover{
background: #ff0000;
}

#navi li.navi-fb{
	margin-left:0px;
	width: 40px;
	height: 40px;
	text-indent: -10000em;
}
#navi li.navi-fb a{
	background: url(images/social/navi-social.png) 0 0 no-repeat;
}
#navi li.navi-fb a:hover{
	background: url(images/social/navi-social.png) 0 -40px no-repeat;

}
#navi li.navi-tt{
	width: 40px;
	height: 40px;
	text-indent: -10000em;
}
#navi li.navi-tt a{
	background: url(images/social/navi-social.png) -40px 0 no-repeat;
}
#navi li.navi-tt a:hover{
	background: url(images/social/navi-social.png) -40px -40px no-repeat;

}
#navi li.navi-yt{
	width: 40px;
	height: 40px;
	text-indent: -10000em;
}
#navi li.navi-yt a{
	background: url(images/social/navi-social.png) -80px 0 no-repeat;
}
#navi li.navi-yt a:hover{
	background: url(images/social/navi-social.png) -80px -40px no-repeat;

}
#navi li.navi-rss{
	width: 40px;
	height: 40px;
	text-indent: -10000em;
}
#navi li.navi-rss a{
	background: url(images/social/navi-social.png) -120px 0 no-repeat;
}
#navi li.navi-rss a:hover{
	background: url(images/social/navi-social.png) -120px -40px no-repeat;

}
#navi li.navi-mail{
	width: 40px;
	height: 40px;
	text-indent: -10000em;
}
#navi li.navi-mail a{
	background: url(images/social/navi-social.png) -160px 0 no-repeat;
}
#navi li.navi-mail a:hover{
	background: url(images/social/navi-social.png) -160px -40px no-repeat;

}
#navi li.navi-flickr{
	width: 40px;
	height: 40px;
	text-indent: -10000em;
}
#navi li.navi-flickr a{
	background: url(images/social/navi-social.png) -200px 0 no-repeat;
}
#navi li.navi-flickr a:hover{
	background: url(images/social/navi-social.png) -200px -40px no-repeat;

}
#navi li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;

}

#navi li li {
	width: 172px;
	background: #777;
}

#navi li li a, #navi li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
}

#navi li li a:hover, #navi li li a:active {
	background:#000;
}	

#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
	left: auto;
}



/*~~~~~~~ Presentation ~~~~~~~*/
#present {
	margin:25px;
	clear:both;
	display:block;
	height:177px;
	background:url(images/about/present1.png) no-repeat top left;
	overflow:hidden;
	color:#aaaaaa;
}
#present .present-content {
	display:block;
	margin:175px 0px 0px 576px;
	color:#aaaaaa;
}

#present-content {
	display:block;
	clear:both;
	overflow:auto;
	height:100%;
	text-align:justify;
}
#present-content .co10 {
	display:block;
	float:left;
	width:480px;
	background:#2c2c2c;
	
}
#present-content .co9 {
	display:block;
	float:left;
	width:480px;
	background:#ff0000;
	
}
#present-content .co10 h1 {
	font-size:14px;
	font-weight:bold;
	line-height:10px;
	color:#fff;
	padding:10px 10px 10px 10px;
}

#present-content .co9 h1 {
	font-size:14px;
	font-weight:bold;
	line-height:10px;
	color:#fff;
	padding:10px 10px 10px 10px;
}

#present-content .col1 {
	float:left;
	width:460px;
padding:10px 10px 10px 10px;
}
#present-content .col2 {
	float:right;
	width:460px;
padding:10px 10px 10px 10px;
}
#present-content b {
	color:#2c2c2c;
}
#present-content p {

	line-height:18px;
}
#present-content h3 {
	display:block;
	font-size:24px;
	margin-bottom:8px;
	color:#2c2c2c;
	}
#present-content ul {
	display:block;
	}
#present-content ul li {
	display:block;
	width:435px;
	padding:10px 10px 10px 10px;
	color:#aaaaaa;
	}

/*------- EVENTS  -------*/

.event {
	border:solid 10px #fff;
	width:840px;
	height:150px;
	background: #fff url(images/events/kibo/kibo.jpg) no-repeat;
	position:absolute;
	margin: 210px 25px 0px 50px;
	z-index:100;
	-webkit-box-shadow: 0px -5px 10px #101010;
	box-shadow: 0px -5px 10px #101010;
	-moz-box-shadow: 0px -5px 10px #101010;
	}