E@charset "UTF-8";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

* { margin: 0px; padding: 0px; }



/* ---------- sidebar ---------- */

#sidebar_gis,
#sidebar_gis_whats,
#sidebar_database,
#sidebar_database_statistics,
#sidebar_database_point,
#sidebar_database_map,
#sidebar_database_chomonicx,
#sidebar_software,
#sidebar_software_mapinfo,
#sidebar_education,
#sidebar_education_seminar,
#sidebar_education_mapoffice {
	display:none;
}

#gis #sidebar_gis,
#gis_whats #sidebar_gis,#gis_whats #sidebar_gis_whats,
#database #sidebar_database,
#database_statistics #sidebar_database,#database_statistics #sidebar_database_statistics,
#database_point #sidebar_database,#database_point #sidebar_database_point,
#database_map #sidebar_database,#database_map #sidebar_database_map,
#database_chomonicx #sidebar_database,#database_chomonicx #sidebar_database_chomonicx,
#software #sidebar_software,
#software_mapinfo #sidebar_software,#software_mapinfo #sidebar_software_mapinfo,
#education #sidebar_education,
#education_seminar #sidebar_education,#education_seminar #sidebar_education_seminar,
#education_mapoffice #sidebar_education,#education_mapoffice #sidebar_education_mapoffice {
	display:block;
}



/* ---------- tag ---------- */

html, body {
	background: #e7e7e7;
	text-align: center;
	font-size: 12px;
	line-height: 150%;
}

a {
	color: #000066;
	text-decoration: underline;
}

a:link {
	color: #000066;
	text-decoration: underline;
}

a:visited {
	color: #000066;
}

a:active {
	color: #000066;
}

a:hover {
	color: #000066;
	text-decoration: none;
}

h1,h2,h3,h4,h5 {
	color: #000033;
}

h1 {
}

h2 {
	margin: 0px 0px 20px 0px;
}

h3 {
	margin: 0px 0px 20px 0px;
	text-align: center;
	font-size: 24px;
}

h3.small {
	font-size: 20px;
}

h3 .subtitle {
	margin: 10px 0px 5px 0px;
	font-size: 12px;
}

p {
	margin: 0px 0px 10px 0px;
}

p.left {
	text-align: left;
}

p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

img {
	border: 0px;
}

img.frame {
	border: solid 1px #666666;
}

img.zoom {
	margin: 20px 0px 15px 0px;
}

td {
	padding: 3px;
	font-size: 12px;
	}

table.table_navi td {
	padding: 0px;
	}

table.table_address td {
	padding: 3px 6px 3px 0px;
	}


ul.kome {
	margin: 0px 0px 0px -10px;
	list-style-image : url(images/icon_kome.gif); 
	font-size: 10px;
}

ul.kome li {
}

ul.kome_list {
	margin: 0px 0px 0px 15px;
	list-style-image : url(images/icon_kome.gif); 
	font-size: 10px;
}

ul.komelist li {
}

img.img_kome  {
	margin: 0px 2px 0px 2px;
}

ul.attribute {
	list-style-type: none; 
	margin: 0px 0px 0px 10px;
}

ul.attribute li {
	float: left;
	overflow: hidden;
	width: 150px;
	height: 18px;
}

ul.attribute .overflow {
	float: left;
	overflow: visible;
	width: 450px;
}



/* ---------- class ---------- */

.float_left {
	float: left;
	margin: 0px 5px 5px 0px;
}

.float_right {
	float: right;
	margin: 0px 0px 5px 5px;
}

.entry_more {
	text-align: right;
}

.tax {
	font-size: 10px;
	text-align: right;
}

.caption {
	font-size: 9px;
}

.caution {
	color: #ff0000;
}

.icon_tri{
	padding: 0px 0px 0px 15px;
	background : url(images/icon_blue_tri.gif) no-repeat;
}

.icon_pdf{
	height: 32px;
	padding: 5px 0px 0px 40px;
	background : url(images/icon_adobe.gif) no-repeat;
}

.icon_zip{
	height: 32px;
	padding: 5px 0px 0px 40px;
	background : url(images/icon_zip.gif) no-repeat;
}

.icon_adobe{
	margin-left: 220px;
	padding: 3px 0px 0px 120px;
	background : url(images/get_adobe_reader.gif) no-repeat;
}

.top {
	margin: 5px 0px 10px 0px;
	text-align: right;
}

.detail {
	margin: 5px 0px 30px 0px;
	text-align: left;
}

.price {
	margin: 5px 0px 10px 0px;
	text-align: right;
}

.no_mark {
	list-style-type: none;
}

.decimal {
	list-style-type: decimal;
}

.SevenButtons_b {
	float:left;
	margin: 0px 5px 5px 0px;
}



/* ---------- ID and others ---------- */

#container {
	width: 702px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial;
	color: #555555;
	font-size: 12px;
	line-height: 140%;
	margin: 0px auto;
	background : #ffffff url(images/container_left_bg.gif) repeat-y;
}

#home_container {
	width: 702px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial;
	color: #555555;
	font-size: 12px;
	line-height: 140%;
	margin: 0px auto;
	background : #ffffff url(images/container_right_bg.gif) repeat-y;
}

#container .inner {
	padding: 0px 5px 0px 4px;
}

#home_container .inner {
	padding: 0px 5px 0px 4px;
}

#header {
	height: 85px;
	background : url(images/header_bg.jpg) repeat-x;
}

	#header .logo {
		float: left;
		width: 83px;
	}

	#header .copy {
		float: left;
		width: 220px;
	}

	#header .link {
		float: left;
		width: 390px;
	}

		#header .link .inner {
			padding: 10px;
			text-align: right;
		}

		#header .link .inner a {
			color: #666666;
			text-decoration: none;
		}

		#header .link .inner a:link {
		}

		#header .link .inner a:hover {
			text-decoration: underline;
		}

		#header .link .inner a:visited {
		}

		#header .link .inner a:active {
		}

	#header  img {
		vertical-align: top;
	}

#navi {
}

#navi_home {
	background: #ffffff; 
}

	#navi ul {
		list-style-type: none;
	}

		#navi li {
			float: left;
			display: inline;
		}

			#navi li img {
				vertical-align: top;
			}

#home_main_image {
}

	#home_main_image ul {
		list-style-type: none;
	}

		#home_main_image li {
			float: left;
			display: inline;
		}

			#home_main_image li img {
				vertical-align: top;
			}

#home_left {
	float: left;
	display: inline;
	width: 524px;
}

	#home_left .inner {
		padding: 15px 0px;
	}

		#home_left #recommend{
			padding: 0px 0px 15px 0px;
		}

		#home_left #news {
			width: 489px;
			margin: 0px auto;
			text-align: left;
		}

			#home_left #news ul {
				margin: 0px 0px 0px 15px;
				padding: 5px 5px 0px 5px;
				list-style-image : url(images/icon_blue_tri.gif);
			}

				#home_left #news li {
					margin: 0px 0px 5px 0px;
					padding: 0px 0px 5px 0px;
					border-bottom: dashed 1px #999999;
				}

					#home_left #news li .date {
						color: #000033;
						font-weight: bold;
					}

#home_right {
	float: left;
	display: inline;
	width: 169px;
}

	#home_right .inner {
		padding: 15px 0px;
	}

	#home_right ul {
		list-style-type: none;
	}

		#home_right li {
			padding: 0px 0px 5px 0px;
			}


#left {
	float: left;
	display: inline;
	width: 169px;
	text-align: left;
}

	#left .inner {
		padding: 30px 0px;
	}

		#left .inner .bg {
			width: 158px;
		}


		#left ul {
			list-style-type: none;
		}

		#left ul img {
			vertical-align: top;
			}

			#left ul a:link {
				text-decoration: none;
			}

			#left ul a:visited {
				text-decoration: none;
			}

			#left ul a:active {
				text-decoration: underline;
			}

			#left ul a:hover {
				text-decoration: underline;
			}

				#left ul ul {
					background: #c2c2c2;
				}

					#left ul ul li {
						padding: 5px 0px 5px 10px;
					}

						#left ul ul ul {
							background: #e2e2e2;
							font-size: 12px;
						}

						#left ul ul ul li {
							padding: 3px 0px 3px 20px;
						}

#right {
	float: left;
	display: inline;
	width: 524px;
}

	#right .inner {
		width: 493px;
		margin: 0px auto;
		padding: 15px 0px;
		text-align: left;
	}

		#right h4 {
			margin: 15px 0px 15px 0px;
			padding: 5px 10px 5px 10px;
			font-size: 16px;
			border-left: solid 5px #000033;
			background: #ddd;
		}

			#right h4 .subtitle {
				font-size: 12px;
			}

		#right h5 {
			margin: 0px 0px 5px 0px;
			font-size: 14px;
			font-weight: bold;
		}

		#right .img_center {
			font-size: 14px;
			font-weight: bold;
			color: #b12b17;
			text-align: center;
		}

		#right .copy{
			margin: 0px 0px 20px 0px;
			font-size: 14px;
			font-weight: bold;
			color: #b12b17;
			text-align: center;
		}

		#right ul {
			padding: 0px 0px 0px 30px;
		}

			#right ul li {
				padding: 0px 0px 5px 0px;
			}

		#right table th {
			color: #ffffff;
			background: #808080;
		}

		#right table td.standard {
			color: #333333;
			background: #ffffff;
		}

		#right table td.cell_01 {
			color: #333333;
			background: #dee9fc;
		}

		#right table td.cell_02 {
			color: #333333;
			background: #e6fae3;
		}

		#right table td.cell_03 {
			color: #333333;
			background: #fcf7e2;
		}


#right .seminar_end {
	padding: 3px 0px 3px 6px;
	font-weight: bold;
	border-left: solid 3px #000000;
	border-bottom: solid 1px #000000;
}

#right .seminar_thumb {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	background: #dddddd;
}

#right .participant {
	font-weight: bold;
	color: #ff0000;
}

#right #feedback {
	margin: 15px 0px 0px 0px;
	padding: 5px 0px;
	text-align: right;
}

#right .left_thumb {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	background: #dddddd;
}

#right .right_thumb {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	background: #dddddd;
}



#footer {
	background: #ffffff;
}