@import "common.css";

/*------------------------------------------------------------------*/
/* メニュー                                                         */
/*------------------------------------------------------------------*/
#menu {
	position	: absolute;
	top		: 90px;
	background-image: url('img/border-back.gif');
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	width		: 9em;
	height		: 400px;
}
#menu div {
	margin		: 0px;
	padding		: 5px;
}
#menu ul {
	margin		: 0px;
	padding		: 0px;
}
#menu ul li {
	margin		: 0px 0px 0px 20px;
	padding		: 0px;
}
#menu .category {
	height		: 17em;
	margin		: 0px;
	padding		: 0px;
}
/*------------------------------------------------------------------*/
/* ページ                                                           */
/*------------------------------------------------------------------*/
#page-info {
	clear		: both;
	margin		: 0px;
	padding-top	: 1em;
	padding-left	: 175px;
}
#page-info {
	font-size	: 9pt;
}
#page-info a {
	display		: inline;
	background-image: url('img/page-back.png');
	background-repeat: repeat-x;
	padding		: 3px 6px 3px 6px;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	color		: #4682B4;
	font-weight	: bold;
	text-decoration	: none;
}

#page-info span.current-page {
	background-image: url('img/page-back.png');
	background-repeat: repeat-x;
	padding		: 3px 6px 3px 6px;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	color		: #FF6F00;
}

/*------------------------------------------------------------------*/
/* 写真やグラフ表示部分                                             */
/*------------------------------------------------------------------*/
#monthly-info,
#photo-info,
#photo-detail,
#comment-post,
#exposition
{
	padding-left	: 175px;
	padding-right	: 0em;
}

/*------------------------------------------------------------------*/
/* グラフ表示部分                                                   */
/*------------------------------------------------------------------*/
#monthly-info {
}
#monthly-info table {
	background-image: url('img/border-back.gif');
	background-color: none;
	margin-top	: 10px;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
}
#monthly-info table td {
	width		: 35px;
}

/*------------------------------------------------------------------*/
/* サムネイル写真表示部分                                           */
/*------------------------------------------------------------------*/
#photo-info {
	margin-top	: 1.5em;
}

#photo-info .photo {
	float		: left;
	margin		: 5px 10px 5px 0px;
	padding		: 2px 2px 0px 2px;
	border-spacing	: 0px;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	font-size	: 8pt;
	line-height	: 100%;
	width		: 130px;
}
#photo-info .exif {
	background-color: #fff !important;
}
#photo-info .none {
	background-color: #ccc !important;
}
.photo .image .thumb {
	display		: block;
	margin-left	: auto;
	margin-right	: auto;
	text-align	: center;
}

.photo .time {
	text-align	: center;
	color		: #555;
	margin		: 0px;
	padding		: 4px 0px 0px 0px;
	height		: 8pt;
}
div.gps {
	position	: relative;
	margin-top	: -20px;
	margin-bottom	: 0px;
	margin-left	: 2px;
	padding		: 0px;
}
div.link {
	position	: relative;
	margin-top	: -20px;
	margin-bottom	: 0px;
	margin-left	: 103px;
	padding		: 0px;
}

/*------------------------------------------------------------------*/
/* 詳細写真表示部分                                                 */
/*------------------------------------------------------------------*/
#photo-detail .gps-url {
	margin-top	: -25px;
	margin-left	: 550px;
}

#photo-detail table
{
	margin-left	: 50px;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	width		: 490px;
}
#photo-detail table th
{
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	width		: 5em;
}
#photo-detail table td
{
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
}
#photo-detail table td.photo
{
	text-align	: center !important;
	margin-left	: auto !important;
	margin-right	: auto !important; 
}
/*------------------------------------------------------------------*/
/* カレンダー                                                       */
/*------------------------------------------------------------------*/
#calender {
	position	: absolute;
	top		: 90px;
	right		: 2em;
	font-size	: 8pt;
	filter		: alpha(opacity=90);  /* IE */
	opacity		: 0.90;
	padding-bottom	: 2em;
}
#calender table {
	background-image: url('img/border-back.gif');
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
}
#calender table th,
#calender table td
{
	text-align	: center;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	height		: 20px;
	width		: 20px;
	padding		: 0px;
	margin		: 0px;
}
#calender table th.Sunday,
#calender table th.Holiday
{
	color		: #FF1493;
}
#calender table th.Saturday 
{
	color		: #1E90FF;
}

#calender table th {
	font-weight	: normal;
	background-color: #ccc;
}

/*------------------------------------------------------------------*/
/* アイコンの説明部分                                               */
/*------------------------------------------------------------------*/
#exposition {
	clear		: both;
	margin		: 0px;
	padding-top	: 1.5em;
}
#exposition ul,
#exposition ul li,
{
	margin		: 0px;
	padding		: 0px;
}
#exposition ul li {
}
/*------------------------------------------------------------------*/
/* コメント                                                         */
/*------------------------------------------------------------------*/
#comment-post {
	margin-top	: 2em;
	margin-left	: 225px;
	padding		: 0px;
	width		: 490px;
}
#comment-info {
	margin-top	: 2em;
	margin-left	: 225px;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	width		: 490px;
}
fieldset {
	border-style	: solid;
	border-width	: 1px;
	border-color	: #999;
	margin		: 0px;
}