/* 
 * ASIF CSS
 */

/*
 * base
 */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
	font-family:Osaka,sans-serif,Arial,Helvetica,"Hiragino Kaku Gothic Pro W3","MS P Gothic";
}

body {
	margin: 0px 0px 0px 0px;
	color: #333333; 
	background-color: #e5f9e6;
	line-height: 1.6;
}

/*
 * elements
 */
h3 {
/*   background-image: url("imgs/h3bar.gif"); */
/*   background-position: left center; */
/*   background-repeat: no-repeat; */
	border-left: 4px solid #47b6f4;
	border-bottom: 1px solid #000000;
	font-size: small;
	font-weight: bold;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	clear:both
}

h4 {
	border-left: 3px solid #99aaff;
	font-size: small;
	font-weight: bold;
	color: black;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	padding-right: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 10px;
	clear:both
}

p {
	padding: 4px;
	font-size: small;
}

a {    
	text-decoration: underline;
}

.small {
	padding: 3px;
	font-size: x-small;
}

.important {
	font-size: medium;
	color: #222222;  
	background-color: #ffaa88;
	font-weight: bold;
}

.red {
	color: red;  
	font-weight: bold;
}

.right {
	text-align: right;
}

.committee {
	margin-left: 3em;
}

img.photo {
	margin-top: 5px;
	margin-bottom: 5px;
}

img.logo {
	border:0px;
	vertical-align:text-bottom;
}

img.icon {
	margin-right: 2px;
	vertical-align:text-bottom;
}

table {
	margin-top: 0em;
	margin-bottom: 0.5em;
}

table.frame{
	border:1px;
	padding: 1px;
}

table.faq {
	margin-bottom: 0em;
}

table.nospace {
	margin-bottom: 0em;
}

ol {
	font-size: small;
}

ul {
	font-size: small;
}

ul.feature li {
	margin-top: 1em;
}

ul.nomargin li{
	margin-top: 0.5em;
}

dl {
	font-size: small;
	margin-left: 2em;
}

dl.logo {
	margin-left: 1em;
	margin-right: 1em;
}

dl.logo dd {
	margin-left: 2em;
}

dl.event {
	margin-top: 1em;
}

dl.event dt { 
	margin-left: 0em; 
	margin-bottom: 0.5em;
	background-color: #ffffff; 
	color: #000000;
	font-weight: bold;  
}

dl.event dd { 
	margin-left: 1em; 
	margin-bottom: 1em;
}

dl.event dd ul { 
	margin-top: 0.5em; 
	margin-bottom: 0.5em;
}

dl.changelog {
	margin-top: 1em;
}

dl.changelog dt { 
  margin-left: 0.5em; margin-bottom: 0.5em;
  background-color: #ffffff; 
  color: #aa0000;
  font-weight: bold;  
}
dl.changelog dd { 
  margin-left: 2em; 
  margin-bottom: 0.5em;
}

dd {
   margin-left: 1em;
   margin-bottom: 1em;
}

span.del {
   text-decoration-line: line-through;
   text-decoration-style:double;
   text-decoration-color: red;
}

/*==========================================================================*
 * definitions for a menu list which is at the left side in pages.
 *==========================================================================*/

/*
 *  menu
 */
a.menu {
	text-decoration: none; 
}

a.menu:link {
	text-decoration: none; 
}

a.menu:visited {
	text-decoration: none; 
}

a.menu:hover {
	text-decoration: none; 
}

table.menu {
	margin-bottom: 0em; 
	border-color: #cccccc;
}

td {
 font-size: small;
}

th {
 font-size: 9pt;
}

td.thead {
 font-size: 10pt;
 color: #000000;
}

td.theadx {
 font-size: 10pt;
 color: #000000;
 background-color: #ffffff;
}

td.ihead {
	text-align:center;
	font-size: 10pt;
	color: #000000;
}

td.ibody {
 font-size: 10pt;
 color: #000000;
 background-color: #ffffff;
}

td.bh1 {
/* color: #eeeeee; */
 background-color: #336699;
 font-weight: bold;
}

.bh2 {
/*  color: #222222; */
 background-color: #eeeeff;
 font-weight: bold;
}

.bh3 {
 color: #000000;
  background-color: #ffaa88;
 font-weight: bold;
}

.date {
/* 	 color: #aa0000; */
	 background-color: #ffffff;
	 font-weight: bold;
}


td.element {
 width:100;
}

.public {
 width:3;
 background-color: ff99cc;
}

.selectable {
 width:3;
 background-color: ccff99;
}

.private {
 width:3;
 background-color: 99ccff;
}

a.menu{
	text-decoration: none;
	font-size: 11pt;
}

.ibodyon{
   color: white;
   text-align: center; 
   background-image: url("imgs/menu-button-on.gif");
   background-position: center;
   background-repeat: no-repeat;
   padding:15px;
}

.ibodyoff{
   color: black;
   text-align: center;
   background-image: url("imgs/menu-button-off.gif");
   background-position: center;
   background-repeat: no-repeat;
   padding:15px;
}

.imembodyon{
   color: white;
   text-align: center; 
   background-image: url("imgs/menu-button-mem-on.gif");
   background-position: center;
   background-repeat: no-repeat;
   padding:15px;
}

.imembodyoff{
   color: black;
   text-align: center;
   background-image: url("imgs/menu-button-mem-off.gif");
   background-position: center;
   background-repeat: no-repeat;
   padding:15px;
}


pre.license {
 padding: 1em;
 border-width: 1px 1px 1px 1px;  
 border-color: #aaaaaa;
 border-style: solid;
}

/*
 * warning & notice
 */
div.warning {
/* color: #dd0000; */
 background-color: #ffffff;
 text-align: right;
}

p#notice {
 color: red;
 text-decoration: none;
 font-weight: bold;
}

/*
 *  div container
 */

div#all {
	width: 780px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
}

div#header {
	clear: both;
	height: 95px;
}

div#logo {
	width: 190px;
	float: left;
}

div#login {
	width: 580px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 10px;
	float: right;
	text-align: left;
	font-size: small;
}

div#body {
	clear: both;
}

div#sidemenu {
	width: 185px;
	float: left;
}

div#contents {
	width: 580px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 10px;
	float: right;
	text-align: left;
}

div#footer {
	height: 50px;
	clear: both;
	text-align: center;
	padding: 5px;
	font-size: x-small;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}


div.message {
	width: 350px;
	text-align: left; 
	font-size: small;
	margin-bottom: 10px;
}

div.small-message {
	width: 250px;
	text-align: left; 
	font-size: small;
	margin-bottom: 10px;
}

/*
 *  photo
 */

div.photo-frame {
	width: 530px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #000000;
}

div.title {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: small;
	font-weight: bold;
}

div.auther {
	text-align: right;
	padding-top: 2px;
	padding-bottom: 5px;
	font-size: small;
	font-weight: normal;
}

div.photo {
	width: 200px;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid orange;
}

div.big-photo {
	width: 300px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid orange;
}

div.photo-tate {
	width: 150px;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid orange;
}

div.comment {
	width: 300px;
	text-align: left; 
	font-size: small;
	margin-bottom: 10px;
}

div.comment-all {
	width: 530px;
	text-align: clear; 
	font-size: small;
	margin-bottom: 10px;
}

div.comment-tate {
	width: 350px;
	text-align: left; 
	font-size: small;
	margin-bottom: 10px;
}

div.file {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: small;
	font-weight: bold;
	clear: both;
}

div#text-frame {
	width: 75%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;
	border: 1px solid #000000;
	padding: 5px;
	font-size: x-small;
}

div.multiphotos {
	width: 530px;
	height: 1px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

/*
 *  iframe for SecureForm
 */
iframe.form {
    width: 560px;
    height: 1300px;
    border: 0;
    margin-top: -60px;
}

div.link-button {
	color: black;
	font-weight: bold;
	font-size: small;
	text-align: left;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: orange;	
}