/*default*/
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
FORM{margin:0px;}

body{

	background:transparent url(../img/bg.gif) repeat-y;
	background-color:#F7F7F7;
	margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
	
UL,DL,DD{
	margin:0px;
	padding:0px;}

H1{
	margin:0px;
	height: 51px;
	width: 520px;
}

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

/*====Basic Layout===============*/
	
#OutFrame{
	background:#FFF;
	width: 745px;}
	

/*--font--------------------*/
a:link {
	color: blue;
	text-decoration: none;}
a:visited {
	color: purple;
	text-decoration: none;}
a:hover {
	color: blue;
	text-decoration: underline;}
a:active {
	color: red;
	text-decoration: underline;}

.textS{font-size:8pt;}
.textM{font-size:10pt;line-height:150%;}

	
/*==Header Area =========================*/
#Header{
	border-top:3px #5172B3 solid;
	}
#Header .LeftColumn{float:left;margin-top:10px;}
#Header .RightColumn{float:right;text-align:left;padding-right:10px;}

/*--link---*/

#Header .RightColumn P,#Header .RightColumn A{color:#0C419A;}
#Header .RightColumn P{margin:5px 0px 5px 0px;}

/*---Google Search Box-----*/
#Header INPUT.textbox{width:130px;}

/*--navi---*/
#Header .Navigation{
clear:both;
width:745px;
}
#Header .Navigation ul{
width:745px;
margin:0px;padding:0px;
list-style-type: none;
list-style-position:inside;
}

#Header .Navigation li{
display:inline;
}

#HeaderImagePht{
	width:745px;
	margin:0px 0px 10px 0px;
	height:92px;
	padding-left:10px;
	background: url(../img/hdr_image.jpg) no-repeat;
	}

/*==Footer Area==================================*/
#Footer{
	clear:both;
	height:133px;
	padding:5px;
	background:#0C419A url(../img/ftr_bg.gif) repeat-x;
	}
#Footer P{margin:0px 0px 18px 0px;padding-top:5px;}
#Footer P,#Footer A{color:#FFF;}
#Footer .textSSS{
font-size:8px;
color:#FFFFFF;
}
#Footer .textSS{
font-size:9px;
color:#FFFFFF;
}
#Footer .textS{
font-size:10px;
color:#FFFFFF;
}
#Footer .box{
width:100;
hieght:43;
}


/*==Contents Area==================================*/
#Contents{margin:0px 30px 0px 10px;}

/*==Sub Navigation Area==================================*/
#SubNavigation{
	width:150px;
	margin-right:30px;
	float:left;
	}
#SubNavigation UL{
	margin-bottom:22px;
	list-style: url(none) none;}

#SubNavigation UL.textM{
	width:140px;
	line-height:100%
	}
#SubNavigation UL.textM LI{
	display:block;
	border-left:2px #85A0CC solid;
	padding:0px 0px 22px 0px;
	margin-bottom:10px;
	background: url(../img/dotline.gif) repeat-x bottom;
	}
#SubNavigation A{color:#3D6299;}
#SubNavigation UL.banner LI{
	margin-bottom:5px;
	}
#SubNavigation UL.textM LI.on{
	border-left:2px solid #339933;
	color:#339933;
	}

/*==Main Contents Area==================================*/
#RightContentsArea{float:left;width:520px;margin-bottom:40px;}
#MainContents H1{margin:0px 0px 40px 0px;}
#MainContents H2{margin:0px 0px 15px 0px;}


/*==円陣追加分==*/
#PageLink{width:520px;margin-bottom:10px;}
#PageLink A{color:#3D6299;}
#PageLink .textM{
	width:140px;
	line-height:100%
	}
	
#PageLinkM{width:510px;margin-bottom:10px;font-size: 12px;text-align: right;}
#PageLinkM A{color:#3D6299;}


.PLon{color:#339933;}

#GoTop{
	width:520px;
	margin-bottom:10px;
	text-align: right;
}
#GoTop A{color:#3D6299;}
#GoTop .textM{
	width:140px;
	line-height:100%
	}



/*==Products==================================*/
#Products DIV.DotLineGray2px{
	margin:14px 0px 22px 0px;
	background: url(../img/dotline_gray_2px.gif) repeat-x;	}
#Products .Section{margin:0px 5px;}



/*==Apprication（円陣追加分）======================*/

.case{color: #2d72b9;}
.app_geo{color: #5EAC06;}


/*==App_pkg（円陣追加分）======================*/


.g_pra{
	color: #CC3300;
}
.ap_bold { font-weight: bold; font-size: 14px; line-height: 150%; text-align: justify }


.peta_top_td{
	padding: 5px 5px 5px 5px;
	}


#App_pkg_field{
	width:250px;
	height: 110px;
	background-image: url(../app_pkg/petaboad/img/field_tbg_m.gif);
	background-repeat: no-repeat;
	padding: 10px 15px 10px 10px;
	}
	
#App_pkg_field_L{
	width:250px;
	height: 130px;
	background-image: url(../app_pkg/petaboad/img/field_tbg_l.gif);
	background-repeat: no-repeat;
	padding: 10px 15px 10px 10px;
	}


/*==App_pkg（Geoffice機能表）======================*/
div#gf1 ul {margin:6px 0px; line-height:140%; font-size:14px;}
div#gf1 ul li {list-style:disc outside; margin:0px 0px 0px 24px;}

/*==geoplats（製品コンセプト）======================*/
div#concept ul {margin:6px 0px; line-height:140%; font-size:12px;}
div#concept ul li {list-style:square outside; margin:0px 0px 0px 24px;}

/*==theme（主題図）======================*/
div#theme ul {margin:6px 0px; line-height:140%; font-size:12px;}
div#theme ul li {list-style:none outside; margin:0px 0px 0px 24px;}


/*==from old css==================================*/
.l_bold { font-weight: bold; font-size: 18px; line-height: 140%; text-align: justify; word-spacing: -2px }
.r_reg   { font-size: 12px; line-height: 140% }
.l_regular { font-size: 18px; line-height: 140%; text-align: justify; word-spacing: -2px }
.m_bold { font-weight: bold; font-size: 13px; line-height: 150%; text-align: justify }

.m_bold_g { color: #999999;font-weight: bold; font-size: 13px; line-height: 150%; text-align: justify }

.m_regular { font-size: 13px; line-height: 150%; text-align: justify }
.s_bold { font-weight: bold; font-size: 11px; line-height: 160%; text-align: justify }
.s_regular { font-size: 11px; line-height: 160%; text-align: justify }
.ss_bold { font-weight: bold; font-size: 10px; line-height: 100%; text-align: justify }
.ss_regular { font-size: 10px; line-height: 100%; text-align: justify }
.ss_reg120 { font-size: 10px; line-height: 120% }
.r_bold { font-weight: bold; font-size: 12px; line-height: 150% }