@charset "UTF-8";

/*------------------------------------------------------------------------------
COMMON CSS
-------------------------------------------------------------------------------*/

html,body {
	margin: 0;
	padding: 0;
}
html {
	display: table;
	width: 100%;
	height: 100%;
}
body {
	color: #333;
	*font-size: small;
	*font: x-small;
	text-decoration: none;
	line-height: 1.8;
	height: 100%;
	
	/*for img stop
	min-width: 1000px;
	min-height: 700px;
	*/
	/*ie6
	_position:relative;
	_height: 100%;
	_min-height: 700px;
	
	overflow-x: hidden;
	*/
}
body,h2,h3,table,td {
	font: 11px Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro W3, "ＭＳ Ｐゴシック",  Osaka, verdana;
}
img {
	line-height: 1;
	vertical-align: top;
}
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,hr,address {
 margin: 0;
 padding: 0;
 list-style: none;
}
table {
 font-size: inherit;
 font: 100%;
}
img {
 border:none;
}

/*リンク*/
a,
a:link,
a:visited,
a:active {
	color:#09F;
	text-decoration:none;
}
a:hover {
	color:#999;
	text-decoration:underline;
}

/*------------------------------------------------------------------------------
BASE CSS
-------------------------------------------------------------------------------*/

#pageHome {
	display: table-cell;
	vertical-align:top;
	/*background:#EDE;*/
}
.pageMain{
display: table-cell;
vertical-align:top;
text-align:center;
background:url(../img/bg/bar-1.jpg) no-repeat center top;
}

#container {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
}
#wrapper {
 width: 1000px;
 margin:0 auto;
}
#wrapper,
#side, #main, #footer,
#sideInner, #mainInner, #footerInner,
#contents, #contentsInner {
	text-align: left;
	overflow: hidden;
	zoom: 1;
	position: relative;
}


#header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	/*float:left;*/
}
#headerInner {
	margin:40px 0px;
	padding:0;
	/*background:#383;*/
}

#main {
 width:100%;
 margin:0;
	padding:0;
 line-height:1.8;
	clear:both;
}
#mainInner {
 margin:0;
	padding:0;
}

#contents {
	margin:0;
	padding:0;
}
#contentsInner {
 margin: 0;
	padding: 0;
 /*ハック*/
 min-height: 550px;           /* ② */  
 height: auto !important;    /* ③ */  
 height: 550px;               /* ④ */
}

#footer {
	position:fixed;
	right:30px;
	bottom:30px;
	margin: 0;
	padding:0;
}
#footerInner {
	
	}
#copyright {
	float: right;
}


#rand-bg{
	position: absolute;
	top:50%;
	left:50%;
	width:1000px;
	height:700px;
	margin:-350px 0 0 -500px;
}
.rand-1{
	background: url(../img/bg/bg-1.jpg) no-repeat 0 0;
}
.rand-2{
	background: url(../img/bg/bg-2.jpg) no-repeat 0 0;
}
.rand-3{
	background: url(../img/bg/bg-3.jpg) no-repeat 0 0;
}

/*------------------------------------------------------------------------------
NAVI CSS
-------------------------------------------------------------------------------*/

/*NAVI*/
#navi {
	margin:0 0 0 18px;
	padding:0;
	width:360px;
	float:left;
}
#navi ul {
	margin:0;
	display:block;
}
#navi ul li {
	float:left;
	margin:0 3px 0 0;
	padding:0;
	display:block;
}
#navi ul li a,
#navi ul li span {
	margin:0;
	padding:0;
	height:26px;
	display:block;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	text-indent:-9999px;
}
#navi ul li b {
	display:none;
}
#navi ul li a {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}
#navi ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#navi ul li a.selected {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


#logo,
#logo a {
	width:127px;
	height:56px;
	display:block;
	text-indent:-9999px;
}

/*LOGO*/
#logo a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#logo {
	background:url(../img/navi/logo.png) no-repeat 0 0;
	float:right;
}
.pageMain #logo{
	display:none;
}
#navi1 a {
	background:url(../img/navi/navi1.png) no-repeat 0 0;
	width:57px;
}
#navi2 a {
	background:url(../img/navi/navi2.png) no-repeat 0 0;
	width:57px;
}
#navi3 a {
	background:url(../img/navi/navi3.png) no-repeat 0 0;
	width:66px;
}
#navi4 a {
	background:url(../img/navi/navi4.png) no-repeat 0 0;
	width:82px;
}
#navi5 a {
	background:url(../img/navi/navi5.png) no-repeat 0 0;
	width:80px;
}

/*PAGE TOP*/
.pagetop {
	 display: none;
		/*margin:10px 0 10px 0;
		text-align:right;
		clear:both;
		float:right;
		*/
}
.pagetop a {
	display: none;
	/*width:70px;
	height:30px;
	display:block;
	padding:0;
	color:#777;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/navi/pagetop.png) no-repeat 0px 0px;
	*/
}
.pagetop a:hover {
	/*filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	display:block;
	padding:2px 5px;
	color:#999;
	text-decoration:none;
	*/
}

/*COPYRIGHT*/
#copyright {
	display: display;
	background: url(../img/navi/copyright.png) no-repeat 0 0;
	margin: 0 30px 0 0;
	width: 165px;
	height: 26px;
	text-indent: -9999px;
	float:right;
}


/*------------------------------------------------------------------------------
TITLE CSS
-------------------------------------------------------------------------------*/

#titleInner{
	position: absolute;
	top:70px;
	right: 60px;
	width:120px;
	height:20px;
	margin:0px 0 0 0;
}

h1 {
}
h2 {
	display:block;
 margin:0;
 padding:0;
	width:100%;
	height:26px;
	font-size:18px;
	text-indent:-9999px;
}

#pageNews #titleInner h2{
	background:url(../img/etc/title-news.png) no-repeat;
}
#pageWorks #titleInner h2{
	background:url(../img/etc/title-works.png) no-repeat;
}
#pageCompany #titleInner h2{
	background:url(../img/etc/title-company.png) no-repeat;
}
#pageContact #titleInner h2{
	background:url(../img/etc/title-contact.png) no-repeat;
}

h3{ }

/*form*/
textarea {
	font-size:10px;
	font-family:verdana, arial, sans-serif;
	padding:3px 3px;
	color:#19360D;
	border:1px solid #CCC;
}
option {
	font-size:10px;
	font-family:verdana, arial, sans-serif;
	margin:0 0 3px 0;
	padding:0px 4px 0px 4px;
	color:#666;
}
select {
	font-size:10px;
	margin:0 0 3px 0;
	padding:2px 0px;
	color:#333;
	border:1px solid #CCC;
}
form {
	margin:0px;
	padding:0px;
 font-size:10px;
}


/*------------------------------------------------------------------------------
CONTENTS CSS
-------------------------------------------------------------------------------*/


/*NEWS CSS*/
#pageNews dl {
	width:100%;
	clear:both;
	margin: 120px 90px;
	line-height:2.0;
}
#pageNews dt,
#pageNews dd {
	/*ずれないポイント*/
	display:block;
	padding:0 0 30px 0;
	overflow:hidden;
	zoom:1;
}
#pageNews dt{
	/*ずれないポイント*/
	clear:left;
	float:left;
	width:120px;
}
#pageNews dd{
	/*ずれないポイント*/
	clear:right;
	width:520px;
}


/*COMPANY CSS*/
#pageCompany dl {
	width:100%;
	clear:both;
	margin: 100px 90px;
	line-height:2.0;
}
#pageCompany dt,
#pageCompany dd {
	/*ずれないポイント*/
	display:block;
	padding:0 0 12px 0;
	overflow:hidden;
	zoom:1;
}
#pageCompany dt{
	/*ずれないポイント*/
	clear:left;
	float:left;
	width:120px;
}
#pageCompany dd{
	/*ずれないポイント*/
	clear:right;
	width:280px;
}
#pageCompany dt.strong,
#pageCompany dd.strong{
	font-size:14px;
	padding:0 0 20px 0;
}

#company-box{
}
#company-table{
	float:left;
	width:520px;
}
#company-map{
	float:right;
	width:460px;
	height:280px;
	margin:130px 0 0 0;
}
#company-map a{
	display:block;
	float:left;
	width:85px;
	padding:10px 0 0 0;
}
#company-map a.expansion{
	margin:0 0 0 230px;
}
#company-map a.map{
	margin:0 0 0 5px;
}
#company-map a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*WORKS CSS*/

#works-intro{
	margin:100px 0 0;
}
#works-intro .txt{
	width:370px;
	margin:50px 0 100px 620px;
}


/*CONTACT CSS*/

#pageContact #contact-box{
	margin: 100px 90px;
}
#pageContact .contatc-txt{
	margin:0 0 30px 0;
}
#pageContact dl {
	width:100%;
	clear:both;
	margin: 0px;
	line-height:2.0;
}
#pageContact dt,
#pageContact dd {
	/*ずれないポイント*/
	display:block;
	padding:0 0 12px 0;
	overflow:hidden;
	zoom:1;
}
#pageContact dt{
	/*ずれないポイント*/
	clear:left;
	float:left;
	width:120px;
}
#pageContact dd{
	/*ずれないポイント*/
	clear:right;
	width:480px;
}

.errs{
	margin:0 0 30px 0;
	color:#F00;
}