@charset "UTF-8";

/*
:: reset & base style sheet
:: last update 2009-10-28
*/

/*==================================================

:: css for there's - for gallery
:: http://www.pachamama-movie.com/
:: copyright (c) 2009 MAKOTOYA Co.,Ltd. All rights reserved

:: author - sunny coding department
:: http://sunny-coding-department.com/

==================================================*/
/*========== body ==========*/
body {
background-color:#E4F4F4;
}

div#wrapper {
width: 700px;
line-height: 1.6em;
text-align: left;
font-size: 12px;
background-color: #E4F4F4;
}

div#container {
padding: 0 10px;
}

div#popMenu a {
color: #000000;
}

div#heading a {
color: #663333;
}

div#popMenu a:hover, div#heading a:hover {
color: #ff6633;
}

div#heading a.over,div#popMenu a.over {
color: #ff6633;
}

ul,li {
list-style-type: none;
}

/*========== header ==========*/
div#header{
margin-bottom: 30px;
width: 100%; 
height: 50px;
text-align: left;
background-color: #ffffff;
}

div#title {
padding-top: 10px;
padding-left: 10px;
float: left;
width: 180px;
}

div#popMenu {
padding-top: 10px;
float: right;
width: 500px;
}

div#popMenu ul{
margin: 0 0 0 auto;
padding-top: 10px;
width: 420px;
text-align: center;
}

div#popMenu li {
float: left;
width: 70px;
font-size: 12px;
}

div#heading {
margin-bottom: 10px;
clear: both;
text-align: left;
}

div#heading ul{
margin: 0 auto;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
width: 540px;
height: 20px;
text-align: center;
}

div#heading li {
float: left;
width: 90px;
font-size: 12px;
}

div#gallery ul{
margin-bottom: 30px;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
width: 660px;
height: 460px;
text-align: center;
}

div#gallery li {
padding: 2px;
float: left;
width: 150px;
}

/*========== main ==========*/
div#main{

padding: 0 20px;
clear: both;
width: 640px; 
}

div#mapBox {
clear: both;
width: 620px; 
height: 260px;
}

#main p {
margin-bottom: 15px;
padding-bottom: 15px;
color: #000000;
}

div#gallery {
margin: 0 auto;
padding: 10px 10px 10px 10px;
width: 620px;
background-color: #E4F4F4;
}

/*========== footer ==========*/
div#footer {
clear: both;
width: 660px;
height: 40px;
text-align: right;
}

div#copyright {
height: 20px;
}

#copyright p {
font-size: 9px;
}

/*========== txt ==========*/
/* heading */
div#heading h2 {
padding-bottom: 10px;
font-size: 18px;
color: #663333;
}

 h3 {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #cccccc;
font-size: 14px;
}

h3.commentH3 {
padding-top: 0;
padding-bottom: 5px;
border: 0;
font-size: 14px;
}

/* span */
div#main span {
font-size: 11px;
color: #663333;
}

/*========== table ==========*/
table, tr, th, td {
border: 0;
text-align: center;
}

table {
margin-bottom: 20px;
width: 620px;
}


/*========== end ==========*/