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

body {
	margin:0;
	padding:0;
	background:#000000;
	font-family:Helvetica, Verdana, Arial, Geneva, sans-serif;
        background-image: url(images/map_fondo.gif);
        background-repeat: no-repeat;
        background-position: center;
	color:#FFFFFF;
	line-height:1.4;
	font-size:0.9em;
	}
	

img, div, body { behavior: url(iepngfix.htc) }


#top-menu_cont {float: right;}

#top-menu {
        width: 676px; 
        height: 40px;
        margin: 5px 0px 10px 0px;            
 }

#illust {
margin-top: 200px;
margin-left:100px;
}


#top-menu li {
height: 40px;
display: block;
float: left;
}

#top-menu a {
text-indent:-6969px;
}

#top-menu_about, #top-menu_about a {
width: 100px;
height: 40px;
display: block;
background: url(images/top-menu.gif) -53px 0px 
no-repeat;
float: left;
}

#top-menu_about a:hover, #top-menu_about a:visited:hover{
display: block;
background: url(images/top-menu.gif) -53px -40px 
no-repeat;
float: left;

}



/* MENU ABOUT */

#top-menu_about_c, #top-menu_about_c a {
width: 100px;
height: 40px;
display: block;
background: url(images/top-menu-contact.gif) -53px 0px 
no-repeat;
float: left;
}

#top-menu_about_c a:hover, #top-menu_about_c a:visited:hover{
display: block;
background: url(images/top-menu-contact.gif) -53px -40px 
no-repeat;
float: left;
}


/* MENU EPISODE */
#top-menu_episode, #top-menu_episode a {
width: 130px;
height: 40px;
display: block;
background: url(images/top-menu.gif) -172px 0px 
no-repeat;
float: left;
}

#top-menu_episode a:hover, #top-menu_episode a:visited:hover{
display: block;
background: url(images/top-menu.gif) -172px -40px 
no-repeat;
float: left;

}

/* MENU TONGA */
#top-menu_tonga02, #top-menu_tonga02 a {
width: 130px;
height: 40px;
display: block;
background: url(images/top-menu.gif) -323px 0px 
no-repeat;
float: left;
}

#top-menu_tonga02 a:hover, #top-menu_tonga02 a:visited:hover{
display: block;
background: url(images/top-menu.gif) -323px -40px 
no-repeat;
float: left;

}


/* MENU CONTACT */


#top-menu_contact, #top-menu_contact a {
width: 170px;
height: 40px;
display: block;
background: url(images/top-menu.gif) -475px 0px 
no-repeat;
float: left;
}

#top-menu_contact a:hover, #top-menu_contact a:visited:hover{
display: block;
background: url(images/top-menu.gif) -475px -40px 
no-repeat;
float: left;
}



/* MENU EPISODE */
#top-menu_episode, #top-menu_episode a {
width: 130px;
height: 40px;
display: block;
background: url(images/top-menu.gif) -172px 0px 
no-repeat;
float: left;
}

#top-menu_episode a:hover, #top-menu_episode a:visited:hover{
display: block;
background: url(images/top-menu.gif) -172px -40px 
no-repeat;
float: left;

}


#logo {
        float: left;
        padding-top:70px;
　　　　 clear: both;
margin-bottom:30px;
}

img {
	border:0;
	}
a {
	color:#b96317;
	}

/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
z-index:2;
	}

/* The Top */

.top {
	height:136px;
	z-index:2;
	background:url(images/top.jpg);
	}
.blogname {
	float:left;
	width:620px;
	}
.blogname h1 {
	font-size:20px;
	font-weight:bold;
	margin:20px 0 0 45px;
	}
.blogname h2 {
	margin:-10px 0 0 150px;
	font-size:15px;
	font-weight:bold;
	color:#edd4ad;
	}

/* The Search Form */

.search {
	float:right;
	width:286px;
	height:27px;
	margin-top:109px;
	padding-right:52px;
	}
.search form {
	margin:0;
	padding:0;
	}
.search input {
	border:none;
	padding:0;
	float:left;
	}
.search input#s {
	width:203px;
	height:22px;
	margin-right:4px;
	font-size:16px;
	padding:3px 0 0 5px;
	}
.search input#submit {
	width:74px;
	height:27px;
	background:url(images/search.gif);
	}

/* The Menu */

.menu {
	height:58px;
	background:url(images/XXXXXXXXXXX.gif);
        margin-left:0px;
	}
.menu ul {z-index:2;
	list-style:none;
	margin:0;
	padding:20px 70px 0 0;
	float:right;
	}
.menu li {z-index:2;
	display:inline;
	font-size:16px;
	padding:0 10px;
	}
.menu a {
	color:#87CBFF;
	text-decoration:none;
	}
.menu a:hover {z-index:2;
	color:#00FFFF;
	background:none;
	}

.menu-tonga {
        height:78px;
	background:url(images/menu-tonga.png);
        margin-left:0px;
	}
.menu-tonga ul {
	list-style:none;
	margin:0;
	padding:50px 70px 0 0;
	float:right;
	}
.menu-tonga li {
	display:inline;
	font-size:16px;
	padding:0 10px;
	}
.menu-tonga a {z-index:2;
	color:#804e30;
	text-decoration:none;
	}
.menu-tonga a:hover {z-index:2;
	color:#000001;
	background:none;
	}


/* The Line */

.line {z-index:2;
	height:22px;
	background:url(images/top-border.gif);
        margin-left:0px;
        
	}

/* The Content */

.content {
	padding:25px 0px 0px 0px;
	background:url(images/content.gif);
	}
.content02 {
	padding:25px 0px 0px 0px;
	
	}

/* The Posts */

.text { background:url(images/content.gif);
        z-index:2;
	width:676px;
	float:right;

	}
.post {
	padding:0 38px 10px 69px;
	}
.post404 {	
{ background:url(images/tex02.png);
	width:670px;
	float:right;
        padding:20px 0px 0px 0px;
	}	
.postline {
	height:22px;
	width:676px;
	background:url(images/line.png);
	margin-bottom:10px;
        margin-left:0px;
	}
h1.title {
	font-size:24px;
	margin:0;
	padding:0;
	color:#ffffff;
	font-weight:normal;
	}
h1.title a {
	color:#FF7C00;
	text-decoration:none;
	}
h1.title a:hover {;
	color:ffffff;
	background:none;
	text-decoration:none;
	}
.postinfo {z-index:2;
	height:20px;
	}
.postinfo a {
	color:#000001;
	text-decoration:none;
	}

/* The Sidebar */

.sidebar {z-index:2;
	width:230px;
	color:#003E87;
	line-height:20px;
        
padding:330px 20px 55px 50px;
	}
.sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.sidebar h2 {
	height:30px;
	padding-top:1px;
	padding-left:0px;
	font-size:24px;
	margin:10px 0;
	color:#ffffff;
	line-height:normal;
	}
.sidebar ul ul ul {
	padding-left:10px;
	}
.sidebar a {
	text-decoration:none;
	color:#003E87;
	}
.sidebar a:hover {
	color:#ffffff;
	background-color:#E087B0;
	}

/* The Footer */

.footer {
	height:100px;
	background:url(images/footer.gif);
	margin-right:19px;
	width:676px;
        float:right;
	}

#footer01-bg {
background:url(images/footer01-bg.jpg);
background-repeat: repeat-x;

height:313px;
}


#footer01 {
width:1100px;
height:313px;
background:url(images/footer01.jpg);
margin:0 auto;
}

#footer-bottom {
width:100%;

background-color:#ED6700;
margin:0 auto;
}



/* The Navigation */


.navigation {
	height:25px;
	padding:0 20px;
	}
.navigation a {

	font-weight:bold;
	text-decoration:none;

	font-size:14px;
	color:#54290d;
	}
.navigation a:hover {
	color:#000;
	background:#eedcbd;
	}




/* The Attachment */


.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:25px;
	text-align:center;
	}






/* The Comments */

.comments {padding-left:53px;
	}
.comments form {

	}
.comments textarea {
	width:69%;
	height:156px;
	background:#fff;
	border:1px solid #e9e5e1;
	color:#484849;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#fff;
	border:1px solid #e9e5e1;
	color:#484849;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}


.comments h2 {

	font-size:19px;
	line-height:30px;
	margin:24px 0 0 23px;
	padding:0;
	font-weight:normal;
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	}

#mailform {
height:600px;
width:450px;
}

#leftside {
float:left;
width:300px;
}

#rightside {
float:left;
width:676px;
margin-left:10px;
}

.fb {
padding:30px 0 20px 100px;
margin:0 auto;
width:680px;
text-align:left;
font-size:12px;
}

.copy {
padding:10px 0 5px 0px;
margin:0 auto;
width:220px;
font-size:12px;
color:#B3FF43;
)

#contact-bg {
        background-image: url(images/top_bg_star.jpg);
        background-repeat: repeat-x;
        width: 100%;
        
        top: 5px;
}

#contact-bg02 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#footer-contact {
margin:0;
padding:0;
}


.contact-copy {
margin:0;
padding:0;
float:right;
color:#ffffff;
font-size:12px;
}

#tonga-map {
margin-top: 50px;
}
#tonga-map2 {
margin-top: 50px;
}



/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

/* menu-tonga02 */
.menu-tonga02 {
        height:78px;
	background:url(images/menu-tonga.png);
        margin-left:0px;
	}
.menu-tonga02 ul {
	list-style:none;
	margin:0;
	padding:50px 70px 0 0;
	float:right;
	}
.menu-tonga02 li {
	display:inline;
	font-size:16px;
	padding:0 10px;
	}
.menu-tonga02 a {z-index:2;
	color:#804e30;
	text-decoration:none;
	}
.menu-tonga02 a:hover {z-index:2;
	color:#000001;
	background:none;
	}