/******** General tags ********/
* {
	margin: 0;
	/*border: 0;*/
	padding: 0;
}

html {
}

body {
	font-family:
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;
		
	color:#1e1e1e;
	margin:0;
	border:0;
	padding:0;
	background: #4c4c4c url('images/bg-main.gif') repeat-x top;
	font-size:11px;
	vertical-align:middle;
	letter-spacing: 2px;
	line-height:20px;
	font-weight:normal;
}

img {
	border:0;
}

p {
	margin-bottom:10px;
}

a {
	text-decoration: none;
	outline-style:none;
	color:#eb3442;
}

a:hover {
	text-decoration:underline;
}

img.new {
	color:red;
	font-size:65%;
}


.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.textright{text-align:right;}
.textleft{text-align:left;}
.textcenter{text-align:center;}


.hide{display:none;}

.blue{color:#5B97EF;}
.gray{color:#646464;}
.navy{color:#210E82;}
.fade{color:#c8c8c8;}
.red{color:#ff0000;}

.white{background-color:#ffffff;}
.silver{background-color:#eeeeee;}
.yellow{background-color:#FFFFC8;}
.green{background-color:#C8FFC8;}
.pink{background-color:#FFC8C8;}
.cyan{background-color:#A8A8FF;}
.purple{background-color:#C880FF;}
.orange{background-color:orange;}


.w530 {width:530px;}
.w520 {width:520px;}
.w510 {width:510px;}
.w500 {width:500px;}
.w490 {width:490px;}
.w480 {width:480px;}
.w470 {width:470px;}
.w460 {width:460px;}
.w450 {width:450px;}
.w440 {width:440px;}
.w430 {width:430px;}
.w420 {width:420px;}
.w410 {width:410px;}
.w400 {width:400px;}
.w390 {width:390px;}
.w380 {width:380px;}
.w370 {width:370px;}
.w360 {width:360px;}
.w350 {width:350px;}
.w340 {width:340px;}
.w330 {width:330px;}
.w320 {width:320px;}
.w310 {width:310px;}
.w300 {width:300px;}
.w290 {width:290px;}
.w280 {width:280px;}
.w270 {width:270px;}
.w260 {width:260px;}
.w250 {width:250px;}
.w240 {width:240px;}
.w230 {width:230px;}
.w220 {width:220px;}
.w210 {width:210px;}
.w200 {width:200px;}
.w190 {width:190px;}
.w180 {width:180px;}
.w170 {width:170px;}
.w160 {width:160px;}
.w150 {width:150px;}
.w135 {width:135px;}

/* ++++++++++ Client Block ++++++++++ */

div#client {
	width:780px;
	margin: 10px auto;
	padding:10px;
	background-color:#ffffff;
	background:#ffffff url('images/backside.gif') repeat-y;
}

/* ++++++++++ Header Block ++++++++++ */

div#header {
	height: 50px;
	width:780px;
	padding-top:30px;
	background: url(images/logo.png) left center no-repeat;
	/*text-align: right;	IE6*/ 
}

ul#mainmenu {
	height:20px;
	width:480px;
	list-style-type:none;
	text-align:center; 
	margin-left:auto;
	border-bottom:4px #646464 solid;
	background-color:#3c3c3c;
}

ul#mainmenu li {
	height:20px;
	display:inline;
}

ul#mainmenu li a {
	margin:0 10px;
	text-decoration:none;
	line-height:20px;
	color: #ffffff;
}

ul#mainmenu li a:visited {
	color: #ffffff;
}

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

/* ++++++++++ Contents1 Block ++++++++++ */

div#contents1 {
	width:780px;
	height:260px;
	clear:both;
}

div#contents1 h1 {
	display:none;
}

dl#serviceinfo {
	width:165px;
	height:256px;
	float:left;
	background-color:#f5f5f5;
}

dl#serviceinfo dt {
	height:20px;
	border-bottom: 4px #646464 solid;
	padding-left:20px;
	background: #3c3c3c url(images/ico_1.gif) no-repeat left center;
	letter-spacing:0px;
	color:#ffffff;
	text-align:center;
	font-weight: bold;
}

dl#serviceinfo dd {
	text-align:center;
	height:24px;
}

dl#serviceinfo a {
	margin-top:10px;
	display:block;
}	

/* ++++++++ Service Block ++++++++ */

div#service {
	width:605px;
	height:256px;	
	margin-left:10px;
	background-color:#646464;
	float:left;
}

ul#tab {
	width:130px;
	height:256px;	
	list-style-type:none;
	float:left;
}

ul#tab li {
	height:35px;
	border-bottom:1px gray dotted;
	line-height:35px;
	text-align:left;
	letter-spacing:0;
}

/*3D GEOSOLUTION用 */
	#tab1 {background-image:url(images/tab1.png)}
	#tab2 {background-image:url(images/tab2.png)}
	#tab3 {background-image:url(images/tab3.png)}
	#tab4 {background-image:url(images/tab4.png)}
	#tab5 {background-image:url(images/tab5.png)}
	#tab6 {background-image:url(images/tab6.png)}
/*3D GEOSOLUTION用 */

a.sel_tab {	
	display:block;
	padding-left:30px;
	color: #ffffff;
	background-color:#3c3c3c;
	background-repeat:no-repeat;
	background-position:left center;

	/*3D GEOSOLUTION用では無効にする */
	/*background-image:url(images/tab_on.gif);*/
}

a.non_tab {
	display:block;
	padding-left:30px;
	color: #1e1e1e;
	background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:left center;

	/*3D GEOSOLUTION用では無効にする */
	/*background-image:url(images/tab_off.gif);*/
}

.sel_tab:hover {
	text-decoration: underline;
	color: #ffffff;
}

.non_tab:hover {
	text-decoration: underline;
	color: #3c3c3c;
}

ul#sheet {
	list-style-type:none;
	background-color:#3c3c3c;
	width:475px;
	height:252px;
	overflow:hidden;
}

ul#sheet li {
	height:232px;
	margin:5px 5px;
	padding:5px 5px;
	text-align:center;
	background-color:#323232;
}

li.sel_sheet {
	display:block;
	overflow:hidden;
}

li.non_sheet {
	display:none;
	overflow:hidden;
}

li.sel_sheet h2,
li.non_sheet h2 {
	display:none;
}

li.sel_sheet p,
li.non_sheet p {
	padding-top:5px;
	text-align:left;
	/*text-indent:1em;*/
	color:#ffffff;
}

/* ++++++++++ Contents2 Block ++++++++++ */

div#contents2 {
	width:780px;
	margin-top:20px;
	background-color: #ffffff;
	clear:both;
}

/* ++++++++++ Submenu Block ++++++++++ */

div#submenu {
	width:165px;
	float:left;
}

dl#submenu1,
dl#submenu2 {
	width:165px;
	margin-bottom:10px;
	background-color:#f5f5f5;
}

dl#submenu1 dt,
dl#submenu2 dt {
	height:20px;
	margin-bottom:10px;
	border-bottom: 4px #646464 solid;
	padding-left:20px;
	background: #3c3c3c url(images/ico_1.gif) no-repeat left center;
	letter-spacing:0px;
	color:#ffffff;
	text-align:center;
	font-weight: bold;
}

dl#submenu1 dd {
	text-align:left;
	height:25px;
}

dl#submenu1 a {
	border-bottom: 1px gray dotted;
	padding-left:25px;
	text-decoration: none;
	color: #1e1e1e;
	display:block;
	background: url(images/menubar1.png) no-repeat left center;
}

dl#submenu1 a:visited {
}

dl#submenu1 a:hover {
	background: url(images/menubar2.png) no-repeat left center;
}

dl#submenu2 dd {
	text-align:center;
	padding-top:10px;
}

/******** Contents variations ********/

div#contentsview {
	width:605px;
	margin-left:10px;
	float:left;
	background-color:#f5f5f5;
}

dl.contentsbox1 {
	/*clear:both;*/
}

dl.contentsbox1 dt {
	height:20px;
	border-bottom: 4px #646464 solid;
	padding-left:20px;
	background: #3c3c3c url(images/ico_1.gif) no-repeat left center;
	letter-spacing:2px;
	color:#ffffff;
	text-align:left;
	font-weight: bold;
}

dl.contentsbox1 dd {
	padding:10px 10px;
}

/* ----------------------------------- */

dl.contentsbox2 {
	margin:20px auto;
}

dl.contentsbox2 dt {
	height:20px;
	border-bottom: 2px #646464 solid;
	padding-left:20px;
	background: url(images/ico_2.gif) no-repeat left center;
	letter-spacing:2px;
	color:#1e1e1e;
	text-align:left;
	font-weight: bold;
}

dl.contentsbox2 dd {
	padding:10px 10px;
}

/* ----------------------------------- */

dl.contentsbox3 {
	margin:0 auto;
}

dl.contentsbox3 dt {
	height:20px;
	border-bottom: 1px #646464 dotted;
	padding-left:20px;
	background: url(images/ico_3.gif) no-repeat left center;
	letter-spacing:2px;
	color:#1e1e1e;
	text-align:left;
	font-weight: bold;
}

dl.contentsbox3 dd {
	padding:0;
}

/* ----------------------------------- */

div#news {
	margin:0 auto;
	width:585px;
	height:200px;
	overflow:auto;
}

div#news dl {
	background-color: #ffffff;
}

div#news dt {
	width:100px;
	height:25px;
	padding:0 10px;
	font-weight:normal;
	color:#1e1e1e;
	background:none;
	border-bottom: 1px gray dotted;
	float:left;
}

div#news dd {
	width:417px;
	height:25px;
	padding:0 10px;
	border-bottom: 1px gray dotted;
	float:left;
}

div#news a {
	display:block;	
	text-decoration:none;
}

div#news a:hover {
	background-color:#ff0000;
	color:#ffffff;
}

/* ----------------------------------- */

div#topics {
	margin:0 auto;
	width:585px;
	height:200px;
	overflow:auto;
}

div#topics dl {
	background-color: #ffffff;
}

div#topics dt {
	width:100px;
	height:25px;
	padding:0 10px;
	font-weight:normal;
	color:#ffffff;
	background:none;
	border-bottom: 1px gray dotted;
	float:left;
}

div#topics dd {
	width:417px;
	height:25px;
	padding:0 10px;
	border-bottom: 1px gray dotted;
	float:left;
}

div#topics a {
	display:block;	
	text-decoration:none;
}

div#topics a:hover {
	background-color:#646464;
	color:#ffffff;
}


/* ++++++++++ Footer Block ++++++++++ */

#footer {
	clear:both;
	width:780px;
	height:20px;
	border-bottom:4px #646464 solid;
	background-color:#3c3c3c;
}

#footer p {
	text-align: center; 
	vertical-align:middle;
	color: #ffffff;	
}

/* ----------------------------------- */

ul.text_list_none {
	margin: 10px auto;
	list-style-type:none;
	list-style-position:outside;
	text-align:left;
}

ul.text_list {
	margin: 10px auto;
	list-style-type:disc;
	list-style-position:inside;
	text-align:left;
}

/* ----------------------------------- */

.table_list {
	margin:20px auto;
	border:1px #3c3c3c solid;
	color:#1e1e1e;
}

.table_list th {
	border:0;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #3c3c3c;
	text-align: center;
	color: #ffffff;
}

.table_list td {
	border:1px #646464 solid;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-weight: normal;
}

/* ----------------------------------- */

.table_browse {
	margin:20px auto;
}

.table_browse th {
	border:0;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #3c3c3c;
	text-align: center;
	color: #ffffff;
	font-weight:normal;
}

.table_browse td {
	border:1px #646464 solid;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
	font-weight: normal;
}

/* ----------------------------------- */

div.image_list {
	margin:0 auto;
	padding:10px 0;
	overflow:auto; /* floatした画像に親ボックスが追従しない対応*/
}

div.image_list ul {
	margin:0 auto;
	list-style-type:none;
}

div.image_list li {
	display:-moz-inline-box;	/* Firefox 1,2 */
	display:inline-block;
	/display:inline;			/* IE 6, 7 */
	/zoom: 1;					/* IE 6, 7 */
	text-align:center;
}

div.image_list li img {
	margin:0;
	border:0;
	padding:0 1px;
}

/* ----------------------------------- */

div.image_detail {
	margin:20px auto;
	/*display:inline-block;*/
	overflow:auto; /* floatした画像に親ボックスが追従しない対応*/
}

div.image_detail img {
	margin:0;
	border:0;
	padding:0;
	float:left;
}

div.image_detail div {
	margin:0 auto 0 20px;
	float:left;
}

/* ----------------------------------- */

img.icon {
	vertical-align:middle;;
	margin-right:5px;
	border:0px;
	padding:0px;
}

/* ----------- 以下、サブウィンドウ用の定義 ------------ */

div#pop_contents {
	width:680px;
	margin:0 auto 20px auto;
}

/* ----------------------------------- */

table#mail {
	margin:0 auto;
	width:auto;
	border:1px #3c3c3c solid;
	color:#1e1e1e;
}

table#mail td {
	border:1px #646464 solid;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

td.title {
	width:80px;
	text-align:center;
	background-color:#3c3c3c;
	color:#ffffff;
	text-indent:1em;
}

td.input {
	text-align:left;
	background-color:#f5f5f5;
	color:#1e1e1e;
	text-indent:1em;
}

table#mail td#submit {
	text-align:center;
}

input#company,
input#section,
input#name,
input#kana,
input#address,
input#email,
input#tel,
input#service,
td.input label
 {
	margin:0 10px;
	border:0;
	background-color:#f5f5f5;
	color:#dcdcdc;
}

textarea#comment {
	margin:0 10px;
	border:0;
	background-color:#f5f5f5;
	color:#1e1e1e;
	overflow:auto;
	width:auto;
	font-size:small;		/* FireFoxが文字フォントサイズを継承しないため */
}

/* ----------------------------------- */

div#vr_view {
	margin:0 auto;
	width:480px;
	height:360px;
}

div#vr_info {
	margin:0 auto;
	padding-top:15px;
	width:480px;
	height:30px;
	text-align:center;
}