@charset Shift_JIS;


/*------------------------------------*
	BODY
 *------------------------------------*/
body {
	font-size:100%;
	background-color:white;
	color:dimgray;
}

a:link      { text-decoration: none; }
a:visited   { text-decoration: none; }
a:active   { color:red; text-decoration: underline; }
a:hover   { text-decoration: underline; }

/*------------------------------------*
	H1 H2 H3
 *------------------------------------*/
h1 {
	margin-bottom:8px;
	font-size:130%;
	color:dimgray;
	border-bottom: 2px #a0a0a0 solid;
	font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", Osaka�]“™•�;
}

h2 {
	margin-bottom:8px;
	font-size:130%;
	color:dimgray;
	font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", Osaka�]“™•�;
}

h3 {
	font-size:110%;
	color:dimgray;
}

/*------------------------------------*
	Header
 *------------------------------------*/
div#header {
	padding:0px;
	height:64px;
	text-align:left;
	background-color:white;
/*	border:1px dimgray solid;*/
}


/*------------------------------------*
	Footer
 *------------------------------------*/
div#footer {
	font-size: 90%;
	color:#a0a0a0;
	margin: 8px 0 0 0;
	border-top: 2px #a0a0a0 solid;
}

div#footer a:link, div#footer a:visited {
	color:#a0a0a0;
	text-decoration:none;
}

div#footer a:hover, div#footer a:active {
	color:#a0a0a0;
	text-decoration:underline;
}

div#footer p#site_copyright {
	text-align:right;
	font-family: Verdana, Arial, Helvetica;
	margin:2px 0 4px 0;
}

div#footer p#home {
	text-align:right;
	font-family: Verdana, Arial, Helvetica;
	margin:2px 0 4px 0;
}


div#app_footer {
	font-size: 90%;
	color:#a0a0a0;
	text-align:right;
	font-family: Verdana, Arial, Helvetica;
	margin:2px 0 4px 0;
}

div#app_footer a:link, div#app_footer a:visited {
	color:#a0a0a0;
	text-decoration:none;
}
div#app_footer a:hover, div#app_footer a:active {
	color:#a0a0a0;
	text-decoration:underline;
}


/*------------------------------------*
	AppInfo
 *------------------------------------*/
div#about_box {
	margin: 16px 20% 16px 20%;
	padding: 4px 8px 8px 8px;
	border: 1px silver solid;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: dimgray;
	background-color:whitesmoke;
	text-align: center;
}

div#about_box a:link, div#about_box a:visited {
	color:dimgray;
	text-decoration:none;
}

div#about_box a:hover, div#about_box a:active {
	color:dimgray;
	text-decoration:underline;
}

div#about_box p#app_name {
	font-size:130%;
	margin:2px 0 4px 0;
}

div#about_box p#app_version {
	font-size:100%;
	margin:4px 0 4px 0;
}

div#about_box p.pgmers_and_libs {
	font-size:100%;
	margin:8px 0 8px 0;
}

div#about_box p.links {
	font-size:90%;
	margin:8px 0 8px 0;
}

div#about_box p.description {
	font-size:90%;
	font-family: MS UI Gothic, Osaka;
	margin:8px 64px 8px 64px;
	text-align:left;
}







/*------------------------------------*
	
 *------------------------------------*/
div#index_top {
	margin: 4px 10% 4px 10%;
	font-size:95%;
	line-height:130%;
	color:dimgray;
	font-family:MS UI Gothic,Osaka,Sans-selif;
}



/*------------------------------------*
	
 *------------------------------------*/
div#latest_cards_box {
}




/*------------------------------------*
	
 *------------------------------------*/
div#categories_box {
}




/*------------------------------------*
	ALL CARD BOX
 *------------------------------------*/
div#all_cards_box {
	border:1px orange dotted;
	margin:16px;
	padding:8px;
	text-align:center;
}

div#all_cards_box table {
	margin: 0px auto 0px auto;
}


/*------------------------------------*
	INDEX BOTTOM
 *------------------------------------*/
div#index_bottom {
	margin: 4px 10% 4px 10%;
	font-size:95%;
	line-height:130%;
	color:dimgray;
	font-family:MS UI Gothic,Osaka,Sans-selif;
}




/*------------------------------------*
	ABOUT THIS SITE
	PRIVACY POLICY
	COPYRIGHT NOTICE
	EXEMPTION CLAUSE
 *------------------------------------*/
div#about_this_site, div#privacy_policy, div#copyright_notice, div#exemption_clause {
	margin:8px;
	padding:8px;
/*	border:1px silver solid; */
	font-size:100%;
	line-height:130%;
	color:#404040;
/*	font-family:MS UI Gothic,Osaka,Sans-selif; */
}

div#about_this_site h2, div#privacy_policy h2, div#copyright_notice h2, div#exemption_clause h2 {
	margin-top:4px;
	border-bottom:2px dotted silver;
}
div#about_this_site .description, div#privacy_policy .description, div#copyright_notice .description, div#exemption_clause .description {
}
div#about_this_site p, div#privacy_policy p, div#copyright_notice p, div#exemption_clause p {
}



/*------------------------------------*
	CARD
 *------------------------------------*/
div#card {
	margin:8px;
	padding:8px;
	border:1px silver solid;
}



/*------------------------------------*
	CARD INFORMATION
 *------------------------------------*/
div#card_information {
	margin:8px;
	padding:8px;
	border:1px silver solid;
	font-size:90%;
	line-height:120%;
	color:dimgray;
}


div#card_information a:link, div#card_information a:visited {
	color:dimgray;
	text-decoration:none;
}

div#card_information a:hover, div#card_information a:active {
	color:dimgray;
	text-decoration:underline;
}


/*------------------------------------*
	CARD HEADER
 *------------------------------------*/
div#card_header {
	margin: 4px 10% 4px 10%;
	font-size:95%;
	line-height:130%;
	color:dimgray;
	font-family:MS UI Gothic,Osaka,Sans-selif;
}
/*------------------------------------*
	CARD FOOTER
 *------------------------------------*/
div#card_footer {
	margin: 4px 10% 4px 10%;
	font-size:95%;
	line-height:130%;
	color:dimgray;
	font-family:MS UI Gothic,Osaka,Sans-selif;
}




/*------------------------------------*
	user edit box
 *------------------------------------*/
div#edit_box {
	padding:8px 16px 16px 16px;
	border: 1px darkblue dotted;
	line-height:130%;
	text-align:center;
}

div#edit_box div.description {
	color:dimgray;
	font-size:95%;
	line-height:130%;
}

div#edit_box td {
	text-align:left;
}



div#edit_box td#to_cell {
	text-align:left;
	border:1px darkred dotted;
	background-color:#E0E0E0;
}


div#edit_box td#from_cell {
	text-align:left;
	border:1px darkblue dotted;
	background-color:#E0E0E0;
}



input.email {
	ime-mode:disabled;
	font-size:110%;
	font-family:arial,verdana,helvetica;
}



/*------------------------------------*
	MESSAGE
*------------------------------------*/
div.message {
	margin: 16px;
	padding:8px;
	border: 1px gray solid;
	color: #404050;
	background-color: #F8F8F8;
	line-height:130%;
}


/*------------------------------------*
	SYS MESSAGE
 *------------------------------------*/
div.sys_msg {
	margin: 16px;
	padding:8px;
	border: 1px gray solid;
	color: #604060;
	background-color: #F8F0F8;
	line-height:130%;
}


/*------------------------------------*
	SUCCESS MESSAGE
 *------------------------------------*/
div.success_msg {
	margin: 16px;
	padding:8px;
	border: 1px gray solid;
	color: #604060;
	background-color: #F8F0F8;
	line-height:130%;
}



/*------------------------------------*
	ERROR MESSAGE
*------------------------------------*/
div.error_msg {
	margin: 16px;
	padding:8px;
	border: 1px crimson solid;
	color: darkred;
	background-color: #FFEEEE;
	line-height:130%;
}




/*------------------------------------*
*------------------------------------*/
span.description {
	font-size:90%;
	color:darkgreen;
	font-family:MS UI Gothic,Osaka,Sans-selif;
}



/*------------------------------------*
	DEBUG Message
 *------------------------------------*/
div#maintenance_box {
	margin:8px auto 16px auto;
	border:1pt gold solid;
	padding:8px;
	line-height:130%;
	background-color:#F6F6E0;
}


/*------------------------------------*
	DEBUG Message
 *------------------------------------*/
.debug_message {
	margin:8px auto 16px auto;
	border:1pt orange dotted;
	padding:8px;
	line-height:130%;
	background-color:#F6F6E0;
}