/*全体*/
body{
	margin			: 0px ! important;
	padding			: 0px;
	background		: #88AEBF url(img/bg_white.gif) left top fixed repeat-x;
}
body,td{
	color			: #000;
	font-size		: 12px;
	font-family 	: "ＭＳ ゴシック","ヒラギノ角ゴ";
}
h1{
	color			: #FFF;
	font-size		: 18px;
	margin			: 0px;
	padding			: 0px;
}
h2{
	color			: #333;
	font-size		: 14px;
}
h3{
	color			: #429FBF;
	font-size		: 12px;
	margin			: 0px 0px 2px 0px;
}
#all{
	margin			: 0px;
	padding			: 0px;
	width			: 100%;
	height			: 100%;
}
a{
	color			: #333;
	text-decoration	: none;
}
a:hover{
	text-decoration	: underline;
}
img{
	border			: 0px;
}
div.float{
	width			: 260px;
	float			: left;
	margin			: 0px;
}
div.float_r{
	width			: 260px;
	float			: right;
	margin			: 0px;
}
div.line{
	width			: 825px;
	background		: url(img/line.gif) center top no-repeat;
	clear			: both;
	padding			: 20px 0px 0px 0px;
	margin-top		: 20px;
	float			: left;
}
div.em{
	padding-left	: 1em;
}
/*ヘッダー*/
#header{
	margin			: 0px;
	padding			: 0px;
	position		: relactive;
	text-align		: center;
	width			: 100%;
	height			: 100px;
	background		: url(./img/header_back.jpg) repeat-x center top;
} 
.header_base{
	width			: 900px;
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
	background		: url(./img/logo.jpg) no-repeat left top;
}
ul.header_list{
	font-size			: 10px;
	margin-left			: 470px;
	padding				: 50px 0px 30px 85px;
	background			: url(./img/header_list.gif) no-repeat;
	background-position	: 85px 45px;
}
li.header_list_h{
	display			: inline;
	padding			: 0px 40px;
}
li.header_list_g{
	display			: inline;
	padding			: 0px 25px;
}
li.header_list_a{
	display			: inline;
	padding			: 0px 13px;
}
a.header{
	color			: #000;
}
/*背景*/
#base{
	padding			: 0;
	margin			: 0;
	position		: absolute;
	top				: 100px;
	width			: 100%;
	height			: 1000;
	z-index			: 0;
	background		: url(./img/back.jpg) repeat-x center top #E1E5D4;
}
#gray{
	width			: 50%;
	height			: 50px;
	background		: url(./img/gray.gif) repeat-x center top;
	float			: left;
}
#green{
	padding			: 0px;
	width			: 49%;
	height			: 50px;
	background		: url(./img/green.gif) repeat-x center top;
	float			: right;
}
/*コンテンツ*/
#contents{
	position		: absolute;
	top				: 100px;
	width			: 100%;
	padding			: 0px;
	margin			: 0px;
	text-align		: center;
	z-index			: 2;
}
.contents_base{
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
	width			: 900;
	background		: #FFF;
	}
.contents_gray{
	background		: url(./img/gray.gif) repeat-x center top;
	width			: 500px;
	height			: 50px;
	padding			: 15px 0px 0px 40px;
	float			: left;
}
.contents_green{
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
	width			: 902px;
	height			: 50px;
	background		: url(./img/green.gif) repeat-x center top;
}
div.contents_main{
	line-height		: 18px; 
	padding			: 30px 40px 0px 40px;
	height			: 900px;
}
span.contents_main{
	color			: #429FBF;
	font-weight		: bold;
}
span.contents_main a{
	color			: #429FBF;
}
h3 a{
	color			: #429FBF;
}

/*フッター*/
.footer{
	position		: absolute;
	top				: 1050px;
	z-index			: 3;
	clear			: both;
	width			: 100%;
	height			: 50px;
	background		: url(./img/footer_back.gif) repeat-x left top #87ADBE;
	text-align		: center;
}
.footer_base{
	margin-left		: auto;
	margin-right	: auto;
	width			: 900px;
	height			: 25px;
	background		: url(./img/copyright.jpg) no-repeat left 5px;
	text-align		: left;
}
ul.footer_list{
	margin			: 5px 0px 0px 0px;
	padding			: 0px 45px 0px 0px;
	color			: #FFF;
	float			: right;
}
li.footer_list{
	background		: url(./img/footer_navi.gif) no-repeat left center;
	display			: inline;
	padding			: 0px 0px 0px 15px;
	margin			: 0px 0px 0px 60px;
	line-height		: 25px;
	float			: right;
}
a.footer_list{
	color			: #FFF;
}
/*フラッシュ*/
#base_fla{
	padding			: 0px;
	margin			: 0px;
	z-index			: 0;
	position		: absolute;
	top				: 100px;
	width			: 100%;
	height			: 600px;
	background		: #E1E5D4 url(./img/back.jpg) repeat-x center top;
}
.contents_main_fla{
	padding			: 0px;
	height			: 550px;
	position		: absolute;
	top				: 50px;
	z-index			: 1;
}
.footer_fla{
	position		: absolute;
	top				: 700px;
	z-index			: 3;
	clear			: both;
	width			: 100%;
	height			: 30px;
	background		: #87ADBE url(./img/footer_back.gif) repeat-x left top;
	text-align		: center;
}
/*ここから　トップのみ*/
/*背景 トップ*/
#top_base{
	padding			: 0px;
	margin			: 0px;
	position		: absolute;
	top				: 100px;
	width			: 100%;
	height			: 575px;
	z-index			: 0;
	background		: url(./img/back.jpg) repeat-x center top;
}
#top_gray{
	width			: 50%;
	height			: 300px;
	background		: #989898;
	float			: left;
	border-top		: 1px #FFF solid;
}
#top_green{
	width			: 49%;
	height			: 300px;
	background		: #A9C713;
	float			: right;
	border-top		: 1px #FFF solid;
}

/*フラッシュ　トップ*/
#fla_base{
	position		: absolute;
	top				: 100px;
	width			: 100%;
	height			: 400px;
	z-index			: 1;
	text-align		: center;
}
.fla{
	margin-left		: auto;
	margin-right	: auto;
}
/*コンテンツ トップ*/
#top_contents{
	position		: absolute;
	top				: 500px;
	width			: 100%;
	text-align		: center;
	z-index			: 2;
}
.top_contents_base{
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
	width			: 900px;
	background		: #FFF;
	height			: 175px;
	border-left		: #FFF 1px solid;
	border-right	: #FFF 1px solid;
}
/*コンテンツ トップ　上*/
.news_base{
	width			: 900px;
	height			: 25px;
	margin			: 0px;
	padding			: 0px;
	background		: url(./img/news_title_back.gif) repeat left top;
}
.news_left{
	width			: 400px;
	float			: left;
	height			: 25px;
	margin			: 0px;
	padding			: 0px;
	border-top		: #8BA6BE 1px solid;
}
.news_right{
	width			: 500px;
	float			: left;
	height			: 25px;
	margin			: 0px;
	padding			: 0px;
	border-top		: #998ABC 1px solid;
}

/*コンテンツ トップ　下*/
.main_base{
	background		: url(./img/banner_back.gif) repeat left top;
	clear			: both;
	width			: 900px;
	height			: 150px;
	margin			: 0px;
	padding			: 0px;
}
.main_left_base{
	height			: 150px;
	margin			: 0px;
	border			: 0px;
	padding			: 0px;
	width			: 400px;
	line-height		: 25px;
	background		: url(./img/news_back.gif) repeat left top;
	border-top		: #FFF 1px solid;
	border-right	: #CCC 1px solid;
	float			: left;
}
.main_left{
	margin			: 0px;
	padding			: 0px 0px 0px 30px;
	width			: 400px;
}
.main_right_base{
	width			: 494px;
	margin			: 0px;
	border			: 0px;
	padding			: 10px 0px 0px 0px;
	height			: 150px;
}
div.main_right{
	background		: url(./img/banner_back.gif) repeat left top;
	border-top		: #FFF 1px solid;
	float			: left;
}
img.main_right{
	margin-left		: 13px;
	margin-bottom	: 10px;
}
/*フッター トップ*/
.top_footer{
	position		: absolute;
	top				: 675px;
	z-index			: 3;
	clear			: both;
	width			: 100%;
	height			: 50px;
	background		: #87ADBE url(./img/footer_back.gif) repeat-x left top;
	text-align		: center;
}
/*ここまで　トップのみ*/



/*プライバシーポリシー*/
h2.privacy{
	text-indent		: -9999px;
	width			: 820px;
	height			: 25px;
	background		: url(./img/privacy.jpg) no-repeat;
	padding			: 0px;
	margin			: 0px 0px 20px 0px;
}

/*お問い合わせ*/
h2.contact{
	text-indent		: -9999px;
	width			: 820px;
	height			: 25px;
	background		: url(./img/contact.jpg) no-repeat;
	margin			: 0px 0px 20px 0px;
}
input.contact{
	width			: 345px;
	height			: 25px;
	font-size		: 12px;
}
textarea.contact{
	width			: 345px;
	height			: 150px;
}
div.contact{
	line-height		: 25px;
}

/*アクセスマップ*/
div.map{
	width			: 500px;
	float			: left;
}
div.access{
	width			: 300px;
	float			: right;
}

/*会社概要とか*/
h2.offer{
	text-indent		: -9999px;
	width			: 820px;
	height			: 25px;
	background		: url(./img/offer.jpg) no-repeat;
	padding			: 0px;
	margin			: 0px 0px 20px 0px;
}
div.kura_list{
	padding			: 25px 0px 80px 0px;
}
h2.ennkaku{
	text-indent		: -9999px;
	width			: 820px;
	height			: 25px;
	background		: url(./img/ennkaku.jpg) no-repeat;
	margin			: 15px 0px 20px 0px;
	padding			: 0px;
}
h2.kaishagaiyou{
	text-indent		: -9999px;
	width			: 820px;
	height			: 25px;
	background		: url(./img/kaishagaiyou.jpg) no-repeat;
	margin			: 40px 0px 20px 0px;
	padding			: 0px;
}
h2.groupe{
	text-indent		: -9999px;
	width			: 400px;
	height			: 25px;
	background		: url(./img/groupe.jpg) no-repeat;
	padding			: 0px;
	margin			: 20px 0px 20px 0px;
}
table.profile_table{
	border-left		: 1px solid #999;
	border-top		: 1px solid #999;
	width			: 820px;
}
td.profile_table{
	border-right	: 1px solid #999;
	border-bottom	: 1px solid #999;
	line-height		: 25px;
	padding			: 0px 5px;
}
#fla_kaishagaiyou{
	position		: absolute;
	top				: 150px;
	width			: 100%;
	height			: 315px;
	z-index			: 3;
	text-align		: center;
}
div.kaishagaiyou{
	margin-left		: auto;
	margin-right	: auto;
	clear			: both;
}
div.spacer{
	width			: 600px;
	height			: 295px;
	margin			: 0px;
	padding			: 0px;
}

div.ichiran{
	padding			: 0px 0px 0px 30px;
}
ul.groupe{
	margin			: 0px;
	padding			: 0px;
}
ul.groupe li{
	margin			: 10px 0px;
	background		: url(img/icon.gif) top left no-repeat;
	padding			: 0px 0px 0px 20px;
	list-style		: none;
	line-height		: 20px; 
}

div.contents_main_img{
	line-height		: 18px; 
	padding			: 0px 40px;
	position		: absolute;
	top				: 365px;
	z-index			: 3;
	background		: #FFF;
}
h2.ie{
	text-indent		: -9999px;
	width			: 300px;
	height			: 25px;
	background		: url(./img/ie.jpg) no-repeat;
	margin			: 15px 0px 20px 0px;
	padding			: 0px;
}
h2.reform{
	text-indent		: -9999px;
	width			: 300px;
	height			: 25px;
	background		: url(./img/reform.jpg) no-repeat;
	margin			: 15px 0px 20px 0px;
	padding			: 0px;
}
h2.manegement{
	text-indent		: -9999px;
	width			: 300px;
	height			: 25px;
	background		: url(./img/manegement.jpg) no-repeat;
	margin			: 0px 0px 20px 0px;
	padding			: 0px;
}
h2.techno{
	text-indent		: -9999px;
	width			: 400px;
	height			: 25px;
	background		: url(./img/techno.jpg) no-repeat;
	margin			: 0px 0px 20px 0px;
	padding			: 0px;
}
div.blue{
	background		: url(./img/blue.gif) no-repeat center center;
	width			: 445px;
	height			: 130px;
	margin			: 10px 0px;
	padding			: 0px;
	}
div.blue span{
	font-size		: 18px;
	margin			: 10px 0px 0px 20px;
	width			: 70px;
	float			: left;
	color			: #429FBF;
	font-weight		: bold;
}
ul.blue{
	margin			: 15px 0px 0px 0px;
	padding			: 0px;
}
ul.blue li{
	list-style		: none;
	padding			: 0px 0px 0px 5px;
}
div.blue ul.management{
	float			: left;
	clear			: both;
	margin			: 5px 0px 0px 0px;
	padding			: 0px;
}
ul.management li{
	list-style		: none;
	padding			: 0px;
	margin			: 0px 0px 0px 40px;
}

/*ヒロタテクノホーム*/
div.techno_all{
	width			: 820px;
	margin			: 0px;
	padding			: 0px;
}
div.techno_left{
	width			: 405px;
	float           : left;
}
div.techno_right{
	padding			: 0 0 0 30px;
   width			: 385px;
   _width			: 415px;
   float			: left;	
}
div.techno_text{
	margin			: 0px;
	padding			: 0 0 0 10px;
}
h3.techno_pointtitle{
	height			: 24px;
	margin			: 25px 0 0 0;
	padding			: 0 30px 0 10px;
	color			: #429FBF;
	font-style		: bold;
	font-size       : 16px;
	border-bottom	: 3px double #999999;
}
ul.techno_pointlist{
	list-style		:none;
	margin			: 0px ;
	padding			: 0px;

}
li.techno_pointlist{
	list-style		:none;
	margin			: 15px 0 0 0;
	padding			: 0 0 10px 50px;
	border-bottom	: 1px solid #999999;
	background-position:top left;
	background-repeat:no-repeat;
	line-height     :120%;
}
h4.techno_pointlisttitle{
	font-style		: bold;
	font-size       : 14px;
	margin			: 0;
	padding			: 0 0 5px 0;
}

li.techno_pointbg1{
	background-image: url("img/techno_point1.gif");
}
li.techno_pointbg2{
	background-image: url("img/techno_point2.gif");
}
li.techno_pointbg3{
	background-image: url("img/techno_point3.gif");
}
li.techno_pointbg4{
	background-image: url("img/techno_point4.gif");
}
li.techno_pointbg5{
	background-image: url("img/techno_point5.gif");
}
li.techno_pointbg6{
	background-image: url("img/techno_point6.gif");
}
li.techno_pointbg7{
	background-image: url("img/techno_point7.gif");
}

h3.technost{
	margin:0;
	padding:0;
	text-indent		: -9999px;
	height:100px;
	background-position:top left;
	background-repeat:no-repeat;
	background-image: url("img/technost.gif");
}
div.technost_text{
	width		:385px;
	margin		:10px 0 0 0;
	padding		:10px 0 0 0;
	background-position:top left;
	background-repeat:repeat-x;
	background-image: url("img/technoline.gif");
	clear		:both;
}


div.technost_left{
	width		: 185px;
	float       : left;
}
.technost_img{
	margin:0 0 5px 7px;
}
	
div.technost_right{
	width		: 192px;
	float       : right;
	padding	:0 3px 5px 0;
}
div.technotaisin{
	margin	:0;
	padding :0 10px 10px 10px;
}
div.technopdfbox{
	width		:820px;
	padding		:30px 0 0 0;
	clear		:both;
}
div.technopdf{
	width		:190px;
	height		:180px;
	text-align	:center;
	float		:left;
}
#fla_techno{
	position		: absolute;
	top				: 150px;
	width			: 100%;
	height			: 315px;
	z-index			: 3;
	text-align		: center;
}
div.techno{
	margin-left		: auto;
	margin-right	: auto;
	clear			: both;
}

		
/*ロールオーバー*/
a.access { 
	display			: block; 
	width			: 116px; 
	height			: 26px; 
	background		: url("./img/access.jpg") 0px 0px no-repeat; 
	text-decoration	: none; 
	text-indent		: -9999px;
} 
a:hover.access { 
	background-position	: 0 -26; 
	text-indent			: -9999px;
} 
a.sekoujireishu { 
	display			: block; 
	width			: 116px; 
	height			: 26px; 
	background		: url("./img/sekoujireishu.jpg") 0px 0px no-repeat; 
	text-decoration	: none; 
	text-indent		: -9999px;
} 
a:hover.sekoujireishu { 
	background-position	: 0px -26px; 
	text-indent			:-9999px;
} 
a.otoiawase { 
	display			: block; 
	width			: 116px; 
	height			: 26px; 
	background		: url("./img/otoiawase.jpg") 0px 0px no-repeat; 
	text-decoration	: none; 
	text-indent		: -9999px;
} 
a:hover.otoiawase { 
	background-position	: 0px -26px; 
	text-indent			: -9999px;
	text-decoration		: none; 
}