@charset "UTF-8";

/*---------  All Pages ---------*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #dde1c5;
	margin: 0;
	border: 0;
	padding: 2;
	font-size: 14px;
	line-height: 20px;
	color: black;
	background-image: url(./img/bg.gif);
	background-repeat: repeat;
}

#main {
	width: 680px;
	margin: auto;
	background-color: #fff;
	border-right: 3px solid #b2b4a0;
	border-bottom: 1px solid #b2b4a0;
	border-left: 3px solid #b2b4a0;
}

#top {
	background-image: url(./img/logo.jpg);
	background-repeat: no-repeat;
	height: 215px;
	width: 680px;
}
#list li {	
	display: inline;
	list-style-type: none;
	margin-right: 10px;
	padding-left: 50px;
}

h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active {
	text-decoration: none;
	color: #424040;
}

.small a:link,
.small a:visited,
.small a:hover,
.small a:active  {
	clear: both;
	text-decoration: underline;
	color: #424040;
	margin: 0;
}

.back {
	font-weight: bold;
	text-decoration: none;
}

.txt_small {
	font-size: 11px;
	font-weight: bold;
}

.txt_aqua {
	color: #2b727d;
	font-weight: bold;
}

.clearfix {
	display: inline-block; 
}

/*---------  Photo ---------*/
img.frame {
	border: 1px solid #a39d8d;
	padding: 5px;
	background: #fff;
}

/*---------  Menu ---------*/
#menu {
	clear: both;
	background-color: #484335;
	height: 30px;
	width: 680px;
	border-top: 2px solid #554d3a;
	border-bottom: 2px solid #000;
}
#menu-in {	
	margin: 0 auto;
	text-align: center;
}
#menu #link {	
	text-align: center;
	margin: 0px;
	height: 30px;
	line-height: 25px;
}
#menu #link li {	
	display: inline;
	list-style-type: none;
	margin-right: 6px;
	padding-left: 10px;
}
#menu #link li a {	
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#menu #link li a:hover{	
	color: #eedd4e;
}

#menu #link li+li {	
	border-left: 1px solid #b2b4a0;
}

/*---------  Home Main ---------*/
#conteudo {
	clea: both;
	width: 480px;
	background-color: #fff;
	float: left;
}

#conteudo .data {	
	font-size: 10px;
	float: right;
}

#conteudo .titulo {	
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	text-align: center;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 20px;
}

#conteudo .post {
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 30px;
	text-align: left;
	margin-bottom: 15px;
}

#conteudo .post a {
	text-decoration: none;
	color: #0000FF;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0000ff;
}

#conteudo .date {
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
	font-weight: bold;
}

#conteudo .date a {
	text-decoration: none;
	color: #0000f;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0000ff;
}

#conteudo .archive a {
	text-decoration: none;
	color: #0000FF;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #0000ff;
}

/*---------  Home Sidebar ---------*/
#clockbox {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	letter-spacing:1px;
	font-family: Fantasy, Arial, sans-serif;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 15px;
	background-color: #4aa3b0;
	text-shadow: 1px 1px #000;
}

#sidebar {
	float: right;
	width: 190px;
	background-color: #d3d1b7;
	text-align: center;
	padding: 5px;
}

#sidebar a {
	text-decoration: none;
}

#sidebar .picside {
	border: 3px solid #000;
	margin: 0;
	padding: 0;
}

#sidebar p {
	font-size: 14px;
	padding-bottom: 20px;
}

#sidebar .STitle {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #303101;
}

table.important {
	clear: both;
	font-size: 12px;
	line-height: 18px;
	margin: auto;
	border-spacing: 0px;
	/* border-collapse: collapse; */
	background-color: white;
}
table.important th {
	margin: 0;
	background-color: #faf989;
	color: red;
	text-align: center;
	font-weight: bold;
	padding: 8px;
}
table.important td {
	padding: 5px;
	text-align: left;
	font-weight: bold;
}

.ttl_photo {
	margin: 50px;
	color: #484335;
	font-size: 24px;
	font-weight: bold;
}
.ttl2_photo {
	margin-bottom: 8px;
	color: #484335;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	border-bottom: 1px solid #484335;
}

/*---------  2nd Page ---------*/
#white_bg {
	clea: both;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	width: 620px;
	float: left;
	background-color: #fff;
}
#white_bg p {
	margin-bottom: 15px;
}

#white_bg a {
	text-decoration: none;
	color: #0000ff;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0000ff;
}
#white_bg .title {	
	font-size: 22px;
	font-weight: bold;	
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	color: #41919d;
}
#white_bg .subtitle1 {
	font-size: 18px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	color: #41919d;
}
#white_bg .subtitle2 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#white_bg .post {
	text-align: left;
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 50px;
	margin-bottom: 15px;
}

#white_bg ul.list {
	margin-bottom: 30px;
}

#white_bg li.list {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 140px;
}

/*---------  Footer ---------*/
#footer {
	width: 680px;
	font-size: 11px;
	text-align: center;
	color: #000;
	margin-bottom: 10px;
	clear: both;
}

/*---------  FAQ Page ---------*/
#faq  {
	margin-left: 30px;
}
#faq  a{
	text-decoration: underline;
	font-weight: normal;
	border: 0;
}

#faq #q a {
	text-decoration: none;
}

#faq #q a:hover{
	text-decoration: underline;
}
#faq .faqtop {
	text-decoration: underline;
	font-size: 11px;
	clea: both;
}

#faq li {
	padding-bottom: 10px;
	line-height: 18px;
}

/*---------  Gallery Page ---------*/
div#photo {
	margin-top: 30px;
	width: 650px;
	height: 120px;
}

div#photo ul {
	width: 600px;
	height: 150px;
	margin-right: -30px;
	list-style-type: none;
}

	div#photo ul a{
	border: 0;
}

div#photo li {
	float: left;
	width: 160px;
	height: 150px;
	margin-right: 30px;
}