/******** General tags ********/

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #3366FF;
	text-decoration: none;

}

a:hover {
	color: #66CCFF;

}

a:link {

}

a:visited {

}

a:active {

}

h1 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	padding: 2px;
	margin: 5px 0;
	font-size: 140%;
}

h2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	padding: 2px;
	margin: 5px 0;
	font-size: 120%;
}

h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	padding: 2px;
	margin: 5px 0;
	font-size: 100%;
}

h4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	padding: 2px;
	margin: 5px 0;
	font-size: 90%;
}

h5 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	padding: 2px;
	margin: 5px 0;
	font-size: 80%;
}

h6 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	padding: 2px;
	margin: 5px 0;
	font-size: 70%;
}

.HideAttr {
	display: none;
}

/******** Container tags ********/

#top_block {
	position: fixed;
	width: 100%;
	z-index: 100;
}

#top_block0 {
	background-color: #1A1A1A;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	padding: 0 4px;
}

#top_block1 {
	background-color: #1A1A1A;
}

#top_block_hide {
	visibility: hidden;
	width: 100%;
}

#content {
	margin: 0 4px;
	padding: 8px 0;
	display: block;
	min-height: 150px;
}

#bottom_block {
	padding: 0 4px;
	background-color: #1A1A1A;
	color: #8E8E8E;
	font-size: 80%;
}

#base_width {
	text-align: left;
	max-width: 840px;
	margin: 0 auto;
}

/** Navigation **/

div.title-navi-block {
	display: inline-table;
	vertical-align: middle;
}

ul.navi_outter {
	display: table-cell;
	vertical-align: middle;
	font-size: 90%;
	color: #8E8E8E;
	margin: 0;
	padding: 0;
}

a.navi_link {
	color: #8E8E8E;
	text-decoration: none;
	padding: 0 4px;
}

a.navi_link:hover {
	color: #FFFFFF;
}

li.navi_row {
	display: none;	
}

li.navi_active {
	display: inline-block;
	padding: 0 0 0 4px;
}

/******** ExKode Small Button ********/

#home-button {
	display: table-cell;
	vertical-align: middle;
	padding: 4px 0;
	margin: 0;
}

#home-button a {
	display: inline-block;
	width: 100px;
	height: 28px;
	background-color: #000000;
	background-image: url("../images/exkode_small_button.png");
}

#home-button a:hover {
	background-position: left bottom;	
}

#home-button a:active {
	
}

/** Language Switch **/

div.lang-area {
	float: right;
	display: block;
	vertical-align: top;
	padding: 4px;
}

a.lang-noselect, a.lang-select {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	padding: 2px;	
}

a.lang-noselect {
	color: #8E8E8E;
	border-color: #8E8E8E;
}

a.lang-select {
	color: #FFFFFF;
	border-color: #FFFFFF;
}

a.lang-noselect:hover, a.lang-select:hover {
	background-color: #3333FF;
	color: #FFFFFF;
}

/******** Menu tags ********/

#header-menu {
	clear: none;
}
#header-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#header-menu li {
	text-align: center;
	float: left;
}
#header-menu a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 6px 8px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 80%;
	white-space: nowrap;
}

#header-menu a:hover {
	background-color: #3333FF;
}

#selected-menu {
	background-color: #2222AA;
}

/******** Footer tags ********/

#footer {
	padding: 8px 0px;	
}

#footer_center {
	text-align:center;
	padding: 4px;
}

#footer_right {
	text-align: right;
	padding: 4px;
}

#footer ul {
	list-style: none;
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
}

#footer li {
	padding: 2px 0;	
}

#footer-sub a {
	padding-left: 8px;
}


#footer a {
	font-weight: bold;
	color: #8E8E8E;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer a:visited {
}

/******** Content variations ********/

#image_center {
	display: block;
	margin: 0 auto;	
}

#image_left {
	float: left;	
}

#image_right {
	float: right;	
}

#float_end {
	clear: both;	
}

/** Product Tile View **/

#product_tile_outter {
	margin: 4px 0px;
	padding: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #3366FF;
	border-radius: 4px;
	display: block;
}

#product_tile_table {
	margin: 0;
	padding: 0;
	width: 100%;
	display: table;
}

#product_tile_left {
	display: table-cell;
	width: 48px;
	padding: 8px;
	margin: 0;
}

#product_tile_right {
	display: table-cell;
	padding: 8px 8px 8px 0;
	vertical-align: top;
}

#product_tile_button {
	display: table-cell;
	padding: 4px 4px 4px 0;
	vertical-align: middle;
	width: 140px;
}

#product_tile_button_line {
	display: block;
	padding: 2px 0;
}

#product_tile_icon {
	width: 48px;
	height: 48px;
	border: none;	
}

#product_tile_name {
	font-size: 110%;
	font-weight: bold;
	display: inline;
}

#product_tile_desc {
	padding: 4px 0;
	display: block;
}

/** Product Page **/

/*
#product_page_top_block {
	position: fixed;
	width: 100%;
}

#product_page_top0 {
	background-color: #1A1A1A;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
}
*/

#product_page_top1 {
	background-color: #1A1A1A;
	color: #FFFFFF;
	padding: 8px 0 8px 4px;
	clear: both;
}

#product_page_top2 {
	background-color: #1A1A1A;
	color: #FFFFFF;
	opacity: 0.90;
}

#product_page_clear {
	clear: both;
}

#product_page_icon {
	margin-right: 8px;
	width: 48px;
	height: 48px;
	vertical-align: middle;	
}

#product_page_name {
	font-size: 150%; /*!てすと*/
	font-weight: bold;
	display: inline;
	vertical-align: middle;
}

#product_page_buy {
	float: right;
	display: inline;
	vertical-align: middle;
}

/** Commpany Info **/

div.ci-table {
	margin: 8px 0;
	padding: 0;
	line-height: 150%;	
}

div.ci-table-left {
	display: inline-block;
	padding: 2px 0;
	vertical-align: top;
	width: 200px;	
}

div.ci-table-right {
	display: inline-block;
	padding: 2px 0;
	vertical-align: top;
}

div.ci-table-middle {
	display: inline-block;
	padding: 2px 0;
	vertical-align: top;
	width: 100px;	
}

p.separater {
	display: block;
	height: 0;
	margin: 8px 0;
	padding: 0;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}

/** Topic **/

div.topic_block {
	margin: 8px 0;
	width: 100%;
}

div.topic_blocktitle {
	display: inline;
	padding: 2px;
	font-size: 110%;
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	margin: 0 0 0 10px;
}

div.topic_border {
	margin: -12px 0 0 0;
	padding: 14px 8px 8px 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #3366FF;
	border-radius: 4px;
	display: block;
	min-height: 50px;
}

p.topic_separater {
	display: block;
	height: 0;
	margin: 8px 0;
	padding: 0;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}

div.topic_line {
	display: block;
	margin: 0;
	padding: 0;
}

div.topic_date {
	display: block;
	padding: 2px 0;
	margin: 0;
}

a.topic_title {
	display: inline-block;
	padding: 0;
	margin: 2px 0 2px 8px;
}

/** Download **/

#download {
	display: block;
}

#download_img {
	border-style: none;
	height: 20px;
	width: 20px;
	margin-right: 4px;
}

#download_filename {
	margin: 0 4px;
}

#download_size {
	font-size: 90%;
	font-weight: bold;
	margin-right: 4px;
}

#download_date {
	font-size: 90%;
	font-weight: bold;
}

#download_count {
	font-size: 80%;
	color: #666666;
}