/* Japan Communication Japanese Site */

body { 
	margin: 0; 
	padding: 0; 	
	font-size: 100%;
	text-align: center; 
	background: #e0e0e0;
	color: #333;
}

/* Global styles */
*{
	margin: 0; 
	padding: 0; 
	border: 0;
}

span {
	color: #00A2FF
}

p, ul, p a, h2 {
	font-family: Arial, Helvetica, sans-serif
}


/* Heading styles */
h1 {
	margin-left: 10px; 
	font-family: Georgia, serif; 
	color: #333; 
	float: left; 
	font-weight: normal; 
	margin-left: 10px; 
	font-size: 1.55em
}

h1 a:link, h1 a:visited, h1 a:active {
	text-decoration: none; 
	color: #333; 
	font-weight: normal
}

h1 a:link span, h1 a:visited span, h1 a:active span {
	text-decoration: none; 
	font-weight: normal
}

h1 a:hover {
	color: #00A2FF; 
	text-decoration: none; 
	font-weight: normal
}

h1 a:hover span {
	color: #333; 
	text-decoration: none; 
	font-weight: normal
}

h3 a, h3 a:link, h3 a:hover {
	font-weight: normal
} /* styling for h3 heading links */

h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {
	font-weight: bold
} /* styling for other heading links */

h2 {
	margin: 0; 
	padding-left: 10px; 
	font-size:    0.75em; 
	background-color: #000; 
	color: #fff; 
	line-height: 2.0em
} /* headings on black backgrounds */

h3, h4, h5 {
	font-family: Georgia, serif;
	margin: 20px 0 0 10px
}

h3 {
	font-size: 1.25em; 
	line-height: 1.25em; 
	font-weight: normal
}

h4 {
	font-size: 0.90em; 
	line-height: 0.90em; 
	font-weight: bold
}

h5 {
	font-size: 0.70em; 
	line-height: 0.80em; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold
} /* appears like bold paragraph text */


/* Text styles */
p {
	margin:       10px 30px 10px 15px;
	font-size:    0.70em; 
	line-height:  1.75em
}

p.updated {
	margin-left:    10px; 
	font-size:      0.60em; 
	line-height:    0.60em; 
	letter-spacing: 0.05em; 
	color: #888
}

#siteimg p {   /* This is the large text in the site img div */
	margin: 0 0 0 10px; /* removed usual top and bottom margin from paragraph to avoid layout breaking */
	padding-left: 10px;
	padding-top:  90px;
	font-family:  Georgia, serif;
	font-size:    1.45em; 
	line-height:  1.05em; 
	font-weight:  normal; 
	letter-spacing: -0.05em; 
}

acronym {
	border-bottom: 1px dashed #333; 
	cursor: help
}

ul {
	margin-left: 15px; 
	font-size: 0.70em; 
	line-height: 2.25em; 
	list-style: none; 
	text-align:left
}


/* Paragraph Links */
a {
	color: #00A2FF; 
	font-weight: bold; 
	text-decoration: none
} /* The blue colour */

a:link {
	color: #00A2FF; 
	font-weight: bold; 
	text-decoration: none
}

a:hover {
	color: #333; 
	font-weight: bold; 
	text-decoration: none
}

/* Paragraph Links Page Horizontal Center*/
a.center_white {
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: none
} /* The White colour */

a.center_white:hover{
	color:#FFFFFF
}

#toplink {
	font-size:x-small; 
	position:relative; 
	top:15pxl;
	vertical-align: bottom
}


/* Divs */
#container {
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	text-align: left;
	background: #fff;
}

#topbar {   /* Top bar, can be used for extra links etc */
	width:  770px;
	height: 15px;
	background: #000
}
	
#hdr {    /* Header/Banner area */
	width:  770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 4.5em; /* Same as h1 line-height */
	line-height: 4.5em;
	background: #fff
}

#navbar {   /* Main Navigation area */
	width:  770px; /* Suits an 800x600 page, allowing for scrollbar */
	height:25px; 
	background: #f5f5f5; /* Light Grey */
}

#siteimg {   /* Large Site Image */
	width:  770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 195px;
/*	background: url('../images/top/siteimage.jpg') #fff;  Light Grey */
}

#lftcol {
	padding-top: 20px;
	float: left;
	width: 170px;
	background: transparent;
	overflow: hidden
}

#rgtcol {
	padding-top: 20px;
	float: left;
	width: 600px;
	background: transparent;
	overflow: hidden

}

#leftborder {
	border-left: 1px solid gray
}

#bttmborder {
	border-bottom: 1px solid gray
}


/* Main Navigation */
#nav ul {
	display: inline
}

#nav li {
	display: inline
}

#nav a {
	line-height: 30px; /* same as height of nav bar */
	margin-left: 10px; 
	display: inline;
	font-weight: bold
}

#nav a span {
	color: #333
}


/* Images */
img.rightimg {
	float: right; 
	margin-left: 10px
}

img.leftimg {
	float: left; 
	margin-right: 10px
}

img.logo {
	margin-top:    10px; 
	margin-bottom: 10px; 
	margin-left:   10px
}


/* Left Link */

#leftlink1 {
	margin-top:     30px;
	padding-bottom: 15px
}

#leftlink {
	padding-bottom: 15px
}


/* Table */

#table {

	font-size:   0.80em;
	margin-left: 20px;
}

#tableA {
	font-size:   0.80em;
	margin-left: 20px
}

#komoku {
	padding-bottom: 10px
}

#data {
	padding-bottom: 10px
}

#komoku20 {
	padding-bottom: 20px
}

#data20 {
	padding-bottom: 20px
}


/* Home Table */

#home_table_top {
	padding-top:    5px;
	padding-left:   5px;
	padding-bottom: 10px;

	border-top:  1px solid gray blue;
	border-left: 1px solid gray blue;
}

#home_table_image {
	text-align: center;

	border-top:    1px solid gray blue;
	border-right:  1px solid gray blue;
	border-bottom: 1px solid gray blue;
	border-left :  1px solid gray blue;
}


#home_table_company_sides {
	padding-left:  5px;
	padding-right: 5px;
	border-left:  1px solid gray blue;
}

#home_table_sides {
	padding-bottom: 5px;
	padding-left:   5px;
	border-left:  1px solid gray blue;
}


#home_table_bottom {
	padding-bottom: 5px;
	padding-left:   10px;
	border-bottom: 1px solid gray blue;
	border-left:   1px solid gray blue;
}


/* Line */

#line {
	border-top:1px solid #808080;
    font-size:1px;
	padding-bottom: 10px
}

/*Top Page */

.top_page{
	font-family: Helvetica;
	font-size: 10pt; 
	font-weight: bold; 
	color: #FFFFFF
}

a.top_page1{
	font-family: Arial;
	font-size: 8pt; 
	font-weight: bold;
	color: #3A3A3A
}
a.top_page1:hover{
	color: #00A2FF
}

#back_Main {   /* body background area */
	width:  770px; 
	height: 25em; 
	background: #f5f5f5; /* Light Grey */
}