/* KMUNC07 Website css */ 
/* 2007/01/27- */

/* »ìFHiroto Mizuguchi */
	 
* 
	{
	font-size : 100%;
	font-weight : normal;
	font-style : normal;
	text-decoration : none;

/*	border-style : solid;
	border-width : 1px;
	border-color : #f00;*/
	}
 
body 
	{
	margin : 0 0 0 10px;
	padding : 0;

	background : #ccf url(/kmunc07/data/back.jpg) repeat-y;
	color : #334;

	line-height : 1.5em;
	}
 
h1 
	{
	width : 800px;
	height : 140px;
	overflow : hidden;
	background : transparent;

	color : #333;

	text-align : right;
	font-size : 200%;

	margin : 0 auto 0 auto;
	padding : 0;
	}
	
h1 .main-title, h1 .sub-title 
	{
	display : none;
	}
 
h1 .sub-title 
	{
	font-size : 50%;
	}
  
h2 
	{
	margin : 3px 0 1em 0;
	padding : 0.5em 3px 0 6px;

	background : #679;
	color : #fff;
	border-style : solid;
	border-width : 0 30px 1px 1px;
	border-color : #456;
	}
	
h2:first-letter 
	{
	font-size : 120%;
	font-weight : bold;
	}
  
h3 
	{
	margin : 0 0 1em 0;
	padding : 3px 0 2px 5px;

	font-weight : bold;
	color : #666066;
	border-style : solid;
	border-color : #888080;
	border-width : 0 0 1px 0;
	}
 
h4 
	{
	margin-right : 20px;

	border-style : solid;
	border-color : #334;
	border-width : 0 0 1px 0;
	}
 
a 
	{
	padding : 0;
	color : #666088;

	border-style : solid;
	border-width : 0 0 1px 0;
	border-color : #666088;
	}
	
a:visited 
	{
	color : #666060;

	border-style : dotted;
	border-width : 0 0 1px 0;
	border-color : #666088;
	}
 
a:active 
	{
	color : #ffcc99;
	}
 
a:hover 
	{
	color : #66f;
	}
 
#navi01 a 
	{background-position : 0 0;}
#navi02 a
	{background-position : -100px 0;}
#navi03 a
	{background-position : -200px 0;}
#navi04 a
	{background-position : -300px 0;}
#navi05 a
	{background-position : -400px 0;}
#navi06 a
	{background-position : -500px 0;}
#navi07 a
	{background-position : -600px 0;}
#navi08 a
	{background-position : -700px 0;}
	
#navi01 a:visited 
	{background-position : 0 -66px;}
#navi02 a:visited
	{background-position : -100px -66px;}
#navi03 a:visited
	{background-position : -200px -66px;}
#navi04 a:visited
	{background-position : -300px -66px;}
#navi05 a:visited
	{background-position : -400px -66px;}
#navi06 a:visited
	{background-position : -500px -66px;}
#navi07 a:visited
	{background-position : -600px -66px;}
#navi08 a:visited
	{background-position : -700px -66px;}
 
#navi01 a:hover 
	{background-position : 0 -33px;}
#navi02 a:hover
	{background-position : -100px -33px;}
#navi03 a:hover
	{background-position : -200px -33px;}
#navi04 a:hover
	{background-position : -300px -33px;}
#navi05 a:hover
	{background-position : -400px -33px;}
#navi06 a:hover
	{background-position : -500px -33px;}
#navi07 a:hover
	{background-position : -600px -33px;}
#navi08 a:hover
	{background-position : -700px -33px;}
   
ruby rt 
	{
	font-size : 50%;
	}
 
dl 
	{
	margin : 1em 0 1em 2em;
	}
	
dt 
	{
	margin : 0.5em 20% 3px 3px;
	padding : 3px 0 2px 5px;

	color : #666076;
	border-style : solid;
	border-color : #888080;
	border-width : 0 0 1px 0;

	font-weight : bold;
	}
 
dd 
	{
	margin : 0 2em 0 4em;
	}
	
dd dl dd 
	{
	margin : 0 0 0 3em;
	}
   
ul,li 
	{
	list-style : none;
	margin : 0;
	padding : 0;
	}
 
em 
	{
	font-weight : bold;
	}
 	
strong 
	{
	color : #f00;
	}
 
img 
	{
	border-style : solid;
	border-width : 1px;
	border-color : #fff;
	}
 
table 
	{
	margin : 5px;
	width : 90%;

	border-style : solid;
	border-width : 1px;
	border-color : #666;
	}
	
th,td 
	{
	padding : 5px;

	border-style : solid;
	border-width : 1px;
	border-color : #666;
	}
 
th 
	{
	text-align : left;
	}
  
form 
	{
	margin : 0 auto 0 auto;
	}
	
button 
	{
	margin : 3px;
	background-color : #ccf;
	border-style : solid;
	border-width : 1px;
	border-color : #666;
	}
	
button:hover 
	{
	background-color : #fff;
	}
   
del 
	{
	text-decoration : line-through;
	}
 
/* Classes and IDs */ 
	 
#header 
	{
	width : 800px;
	margin : 0;
	padding-bottom : 50px;

	text-align : left;
	background : #fff url(/kmunc07/data/header.jpg) no-repeat;
	}
	
#header a 
	{
	border-style : none;
	}
  
#navigation, #links 
	{
	width : 195px;
	text-align : right;
	margin-right : 5px;
	padding : 10px 5px 0 5px;
	}
 
#navigation 
	{
	height : 400px;
	}
 
#links 
	{
	text-align : right;
	margin : 0 ;
	padding : 10px 0 0 5px;
	background : #fff;
	}
	
#navigation ul, #links ul 
	{
	width : 100%;
	}
 
#navigation a , #links a 
	{
	display : block;
	width : 100%;
	padding : 0 5px 0 0;

	font-weight : bold;
	border-style : solid;
	border-width : 0 5px 0 0;
	border-color : #000;
	}
	
#navigation li.submenu a 
	{
	display : block;
	width : 100%;
	padding : 0 5px 0 0;

	font-weight : bold;
	border-style : solid;
	border-width : 0 3px 0 0;
	border-color : #456;
	}
	
#navigation li.submenu a:hover 
	{
	background : transparent url(/kmunc07/data/content-b.gif);
	border-style : solid;
	border-width : 0 3px 0 0;
	border-color : #99f;
	}
  
#navigation ul li #thispage 
	{
	display : block;
	width : 100%;
	padding : 0 5px 0 0;

	font-weight : bold;
	color : #999090;
	border-style : solid;
	border-width : 0 5px 0 0;
	border-color : #f00;
	}
	
#navigation ul li.submenu #thispage 
	{
	border-width : 0 3px 0 0;
	}
  
#navigation a:hover 
	{
	background : transparent url(/kmunc07/data/content-b.gif);
	border-style : solid;
	border-width : 0 5px 0 0;
	border-color : #99f;
	}
 
#links a:hover 
	{
	background-color : #dde;
	border-style : solid;
	border-width : 0 5px 0 0;
	border-color : #99f;
	}
 
#navigation a:active ,#links a:active 
	{
	background-color : #dde;
	border-style : solid;
	border-width : 0 5px 0 0;
	border-color : #f00;
	}
 
#links .sponsor a , #links .sponsor a:hover 
	{
	background-color : #fff;
	border-style : solid;
	border-width : 1px;
	border-color : #fff;
	}
	
#links .sponsor a:hover img 
	{
	border-style : solid;
	border-width : 1px;
	border-color : #ccf;
	}

    
#contents 
	{
	position : absolute;
	top : 220px;
	left : 215px;
	width : 600px;

	padding : 10px 0 0 0;
	background : transparent;
	}
	
#index #contents div 
	{
	margin : 0 10px 3em 10px;

	background : transparent url(/kmunc07/data/content-b.gif);
	border-style : solid;
	border-width : 1px;
	border-color : #000;
	}
 
#contents h2 
	{
	margin : 2px 1.5em 2em 1.5em;
	padding : 10px 0 5px 5px;

	background : #679 url(/kmunc07/data/h_back.png) no-repeat right center;
	color : #fff;
	border-style : solid;
	border-width : 0 1px 1px 50px;
	border-color : #456;
	}

	
#index #contents h2 
	{
	margin : 2px 2px 2em 2px;
	}
  
#contents h3 
	{
	margin : 3em 2px 2em 20%;
	padding : 5px 0 0 5px;

	background : #679 url(/kmunc07/data/h_back.png) no-repeat right center;
	color : #fff;
	border-style : solid;
	border-width : 0 1px 1px 10px;
	border-color : #456;
	}
 
#conference h3 
	{
	padding : 0;

	font-weight : bold;
	color : #fff;
	border-style : none;
	border-color : #888080;
	border-width : 0px;
	}
	
#conference h3 a 
	{
	display : block;
	padding : 2px 10px 1px 10px;

	font-weight : bold;
	background : #679 url(/kmunc07/data/h_back.png) no-repeat right center;
	color : #fff;
	border-style : solid;
	border-width : 0 0 0 10px;
	border-color : #456;
	}
	
#conference h3 a:hover 
	{
	background : #679 url(/kmunc07/data/h_back.png) no-repeat right top;
	color : #ccf;

	border-style : solid;
	border-width : 0 0 0 10px;
	border-color : #ccf;
	}
   
#contents ul 
	{
	list-style-image : url(/kmunc07/data/cursor.gif);
	}
 
#contents p 
	{
	text-indent : 1em;
	margin : 1em 2em 1em 2em;
	}
 
#contents address 
	{
	margin : 1em 2em 1em 2em;
	text-align : right;
	}
  
#footer 
	{
	padding : 10px 1em 10px 1em;
	text-align : right;
	margin : 10% 2em 3em 2em;

	background : #ccf url(/kmunc07/data/f_back.jpg) no-repeat left center;
	border-style : solid;
	border-width : 1px;
	border-color : #000;
	}
	
#index #contents div#footer 
	{
	padding : 10px 1em 10px 1em;
	text-align : right;

	background : #ccf url(/kmunc07/data/f_back.jpg) no-repeat left center;
	border-style : solid;
	border-width : 1px;
	border-color : #000;
	}
 
#contents #footer p 
	{
	margin : 0;
	padding : 0;
	text-indent : 0;
	}
  
/* applyform */ 
	
form#aform table 
	{
	margin : 1em 5% 1em 5%;
	table-layout : fixed;
	border-style : none;
	}
	
form#aform table col#f-label 
	{
	width : 30%;
	}
 
form#aform table col#f-input 
	{
	width : 60%;
	}
 
form#aform table th 
	{
	background : #abc;
	color : #000;
	}
	
form#aform table th.gtitle 
	{
	padding : 10px 0 5px 0;
	background : #679 url(/kmunc07/data/h_back.png) no-repeat right top;
	color : #fff;
	text-align : center;
	font-weight : bold;
	}
   
input,textarea,select 
	{
	color : #000;

	}
 
.select-conference 
	{
	width : 100px;
	}
 
.select-nation 
	{
	width : 250px;
	}
 
#pc-mail ,#pc-mail2 ,#m-mail ,#m-mail2 
	{
	width : 80%;
	}
 
#postcode ,#tell ,#pc-mail ,#pc-mail2 ,#m-mail, 
#m-mail2 ,#years
	{
	ime-mode : disabled;
	}
 
#reason,#notes 
	{
	width : 90%;
	}
 
#Conference ,#Conference2 ,#Conference3 , 
#Conference4 ,#Conference5
	{
	font-size : 90%;
	margin-bottom : 5px;
	}
 
#Nation ,#Nation2 ,#Nation3 ,#Nation4 ,#Nation5 
	{
	width : 99%;
	}
  
/* others */ 
	 
span.note ,span.sample 
	{
	font-size : 90%;
	color : #667;
	}
	
#aform th.gtitle span.note 
	{
	color : #eee;
	}
  
.akey 
	{
	font-size : 80%;
	}
 
.album 
	{
	text-align : right;
	margin-right : 25px;
	}
	
.album li 
	{
	display : inline;
	}
	
.album li a 
	{
	border-style : none;
	padding : 0;
	}