/*
* Base Design of style-sheet
* $Id:$
* (C)2004-2007 Miko.Hoshina all rights reserved.
* License: PHPv3 or GPLv2
*/
#container{
	height:0;
}

#header,
#footer{
	width:100%;
	min-width:780px;
	max-width:780px;
	margin:4px auto;
}
#headbar{
	width:100%;
	min-width:780px;
	max-width:780px;
	margin:4px auto;
	text-align:left;
	display:none;
}
#navi{
	float:right;
	padding:0 4px;
	margin:60px 0 0 0;
}
#path{
	float:left;
	padding:0 4px;
}
#footbar{
	margin:12px auto;
	font-size:8pt;
}

#client{
	position:relative;
	width:780px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

/* Clear floating */
#header:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#header {display: inline-table;}
/* Hides from IE-mac \*/
* html #header { height: 1%;}
#header {display: block;}
/* End hide from IE-mac */

/* Clear floating */
#client:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#client {display: inline-table;}
/* Hides from IE-mac \*/
* html #client {height: 1%;}
#client {display: block;}
/* End hide from IE-mac */

/* Clear floating */
#textin:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#textin {display: inline-table;}
/* Hides from IE-mac \*/
* html #textin {height: 1%;}
#textin {display: block;}
/* End hide from IE-mac */

/* Clear floating */
#footer:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#footer {display: inline-table;}
/* Hides from IE-mac \*/
* html #footer {height: 1%;}
#footer {display: block;}
/* End hide from IE-mac */

/*
* Client area
*/
#clientin{
}
#menu{
	float:left;
	width:260px;
}
#menuin{
	min-height:400px;
	overflow:hidden;
}
#menu.rounded{
	margin:8px 0;
}
#text{
	float:right;	
	width:100%;
	margin-left:-266px;
}
#text.rounded{
	margin:8px 0;
}
#textin{
	margin-left:266px;
}
#text.nomenu,
#textin.nomenu{
	margin-left:0;
}
#body{
	float:left;
	width:100%;
	margin-right:-164px;
}
#bodyin{
	padding:2px 4px;
	margin-right:164px;
	text-align:left;
	overflow:hidden;
}
#body.noside,
#bodyin.noside{
	margin-right:0;
}
#body.full{
	margin-right:0;
	width:780px;
}
#body.rounded{
	margin:8px 0;
}
#bodyin.full{
	margin:auto;
	width:620px;
}
#side{
	float:right;
	width:160px;
}
#sidein{
	overflow:hidden;
}

/*
* Header area
*/
#headerin{
	text-align:left;
}

#notice{
	float:right;
}
#banner{
	width:240px;
	height:80px;
	background-image:url("../images/logo.png");
	background-repeat: no-repeat;
	float:left;
}

/* 
* Footer area
*/
#footerin{
	padding:4px;
	line-height:105%;
}

#footlist{
	float:right;	
	width:100%;
	margin-left:-100px;
}
#footlistin{
	margin-left:100px;
}
#footmenu{
	float:left;
	padding:0 4px;
	width:92px;
	text-align:left;
}
#footside{
	float:right;
	padding:0 4px;
	width:92px;
}
#footbody{
	float:left;
	width:100%;
	text-align:center;
	margin-right:-100px;
	font-size:90%;
}
#footbodyin{
	margin-right:100px;
}

/*
* Contents MENU or SIDE
*/
#menu h1,
#side h1{
	display:none;
}
#menu h2,
#side h2{
	font-size:12pt;
	border-bottom:2px solid #f90;
	padding:2px 2px 0 6px;
	margin:4px 0 4px;
}
#menu h3,
#side h3{
	font-size:11pt;
	border-left:8px solid #fb0;
	padding:4px 0 2px 4px;
	margin:0 0 4px;
}
#menu h4,
#side h4{
	font-size:11pt;
	border-left:8px solid #fd0;
	padding:4px 0 2px 4px;
	margin:0 0 4px;
}
#menu ul,
#side ul{
	margin:0 0 0 auto;
	line-height:110%;
}
#menu p,
#side p{
}

#side img.picture{
  max-width:160px;
}
/*
* Contents BODY
*/
#body .topic{
	margin:2px 4px 4px;
}

#body h1{
	padding: 6px 0 4px 0;
	font-size:16pt;
	line-height:100%;
}
#body h2{
	padding: 4px 0 2px 4px;
	font-size:12pt;
	line-height:100%;
	margin-top:4px;
	margin-bottom:4px;
}
#body h3{
	padding: 4px 0 2px 4px;
	font-size:12pt;
	line-height:100%;
}
#body p{
	margin: 1em 1em;
}

/*
* Contents Window
*/
#winbody{
	text-align:left;
}
#winbodyin{
	margin:4px;
}
#winbody h1{
	font-size:16pt;
	line-height:100%;
	margin-top:4px;
	margin-bottom:4px;
}

/*
* Class clear
*/
.clear {
	display:block;
	clear:both;
}

/*
*
*/
h2.photogal{
	margin-bottom:8px;
}
h3.photogal{
	margin-top:8px;
	margin-bottom:8px;
}
img.thumb{
	border:1px solid;
	padding:1px;
}

/*
* Class photocal
*/
.photocal{
	border-collapse:separate;
	border-spacing:1px;
	border:0;
	margin:0 auto;
}
.photocal .calmonth{
	height:36px;
	text-align:center;
}
.photocal .calweek{
	width:64px;
	font-weight:normal;
	font-size:85%;
	text-align:center;
}
.photocal .calsun,
.photocal .calsat{
	height:50px;
}
.photocal td{
	text-align:center;
}
.photocal td img{
	width:60px;
	border:1px solid #00f;
	padding:1px;
}
.photocal td a:hover img{
	border:1px solid #f00;
}

/*
* Class calendar
*/
.calendar{
	border-collapse:separate;
	border-spacing:1px;
	border:0;
	margin:0 auto;
}
.calendar .calmonth{
	height:26px;
	text-align:center;
}
.calendar .calweek{
	width:34px;
	font-weight:normal;
	font-size:85%;
	text-align:center;
}
.calendar .calsun,
.calendar .calsat{
	height:26px;
}
.calendar td,
.photocal td{
	text-align:center;
}
.calendar td img{
	width:32px;
	border:1px solid #00f;
}
.calendar td a:hover img{
	border:1px solid #f00;
}
/*
*
*/
.validxhtml .valid{
	color:white;
	background-color:green;
}
.validxhtml .invalid{
	color:white;
	background-color:red;
}
.qrcode{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/*
* vim:ts=2
*/