@charset "utf-8";
/* CSS Document */

*{
	/*-moz-opacity:0.99;いる？*/
	font-family:Arial, Helvetica, Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color:#333333;
}
/*-------------------
	Clear Fix
------------------- */
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


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

	初期設定
	
----------------------------------- */
html{
	height:100%;
}
html>/**/body{
	overflow:-moz-scrollbars-vertical;
}
html:first-child body{
	min-height:100%;
	padding-bottom:1px;
} 

body{
	font-size: 62.5%;
	font-size:0.75em;
	word-wrap: break-word;
	letter-spacing:0.1em;
	line-height:140%;
	text-align:center;
}

/*ul ul,ul dl,dl ul,table p,table ul,table table, input,textarea{
  font-size:0.9em;0.9emにする？
}*/

ul,ol,dl{
	list-style:none;
}

li{
	display:list-item;
	zoom:normal;
} 

a:link {
	color:#333333;
	text-decoration:none;
	cursor:pointer;
}
a:visited {
	color:#333333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#333333;
}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #333;
	color:#CCC;
}
pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}
th,td{
  vertical-align:top;
  border:solid 1px #000;
  font-weight:normal;
  text-align:left;
}
caption{
  text-align:left;
} 

img,a img{
  vertical-align:bottom;
  border:none;
  background:transparent;
}
object,embed{
  vertical-align:top;
}

fieldset{
  border:none;
}

em,address,dfn{
  font-style:normal;
}

hr{
  height:0px;
  margin:7px 0;
  border:none;
  border-top:1px solid #000;
}
* html hr{/* for -IE6 */
  margin:0;
}
*:first-child+html hr{/* for IE7 */
  margin:0;
} 

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

	レイアウト
	
----------------------------------- */
html{
	background-color:#ffffff;
	background-image:url(../../images/common/headerbg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

body{
	background-image:url(../../images/common/footerbg.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#wrap{
	width:800px;
	height:100%;
	margin:0 auto;
	text-align:left;
}

#header{
	height:132px;
	margin:0 auto;
}

#content{
	clear:left;
	height:100%;
	min-height:550px;
}


#main{
	width:760px;
	height:100%;
	margin:0px 0px 0px 20px;

}

#footer{
	width:800px;
	margin:0 auto;
	height:62px;
	padding-top:60px;
	bottom:0;
}




/* ---------------　共通部分　詳細　------------------ */
/* ----　ヘッダー　---- */
#header h1{
	width:231px;
	height:131px;
	float:left;
	margin-left:20px;
}

#header h1 a{
	width:231px;
	height:131px;
	background-image:url(../../images/common/h1logo.gif);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

/*サブナビ*/
#header ul#snavi{
	float:left;
	width:212px;
	height:35px;
	background-image:url(../../images/common/Snavibg.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 337px;
}

#header ul#snavi li{
	float:left;
	height:23px;
}
#header ul#snavi li a{
	height:23px;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#header ul#snavi li.snavi01{
	width:75px;
	margin-left:10px;
}
#header ul#snavi li.snavi02{
	width:125px;
}
#header ul#snavi li.snavi01 a{
	width:78px;
	background-image:url(../../images/common/Snavi01.jpg);
}
#header ul#snavi li.snavi02 a{
	width:125px;
	background-image:url(../../images/common/Snavi02.jpg);
}

/*グローバルナビ*/
#header ul#gnavi{
	float:left;
	width:520px;
	height:48px;
	margin:49px 0px 0px 29px;
}

#header ul#gnavi li{
	float:left;
	height:48px;
}
#header ul#gnavi li a{
	height:48px;
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.company #header ul#gnavi li.gnavi01 a,
.jigyo #header ul#gnavi li.gnavi02 a,
.policy #header ul#gnavi li.gnavi03 a,
.contact #header ul#gnavi li.gnavi04 a,
#header ul#gnavi li a:hover{
	background-position:0 -48px;
}

#header ul#gnavi li.gnavi01 a{
	width:143px;
	background-image:url(../../images/common/Gnavi01.jpg);
}
#header ul#gnavi li.gnavi02 a{
	width:127px;
	background-image:url(../../images/common/Gnavi02.jpg);
}
#header ul#gnavi li.gnavi03 a{
	width:132px;
	background-image:url(../../images/common/Gnavi03.jpg);
}
#header ul#gnavi li.gnavi04 a{
	width:118px;
	background-image:url(../../images/common/Gnavi04.jpg);
}



/* ----　サイド　----- */


/* ----　メイン　---- */
/*パンクズ*/
#main ul#pankuzu{
	height:29px;
}

#main ul#pankuzu li{
	float:left;
	margin:4px 10px auto 0px;
	font-size:0.8em;
}

#main h2{
	clear:left;
	height:42px;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}

.jigyo #main h2{
	background-image: url(../../images/business/h2.jpg);
}
.company #main h2{
	background-image:url(../../images/company/h2.jpg);
}
.policy #main h2{
	background-image:url(../../images/policy/h2.jpg);
}
.contact #main h2{
	background-image:url(../../images/contact/h2.jpg);
}
.privacy #main h2{
	background-image:url(../../images/privacy/h2.jpg);
}

.recruit #main h2{
	background-image:url(../../images/recruit/h2.jpg);
}

/* ----　フッター　---- */

#footer ul{
	height:24px;
	margin:0px 0px 0px 150px;
}

#footer ul li{
	float:left;
	font-size:0.8em;
	padding:4px 15px 0px 13px;
}

#footer ul li.fnavi01,
#footer ul li.fnavi02,
#footer ul li.fnavi03,
#footer ul li.fnavi04,
#footer ul li.fnavi05{
	background-image:url(../../images/common/border.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#footer address{
	font-size:0.8em;
	text-align:center;
	margin-top:13px;
}

/*-------------------
	各ハック
------------------- */
/*　-----ＩＥ６向け----　*/
*html #header h1,
*html #header ul#snavi,
*html #header ul#snavi li,
*html #header ul#gnavi,
*html #header ul#gnavi li,
*html #main ul#pankuzu li,
*html #footer ul li{
	display:inline;
}

*html #header ul#snavi li.snavi02{
	width:120px;
}
*html #header ul#snavi li.snavi02 a{
	width:120px;
}

*html #footer ul li a{
	font-size:0.9em;
}
	
/*　----ＩＥ７向け----　*/
*:first-child+html #footer ul li a{
	font-size:0.9em;
}

/*　----ｓａｆａｒｉ向け----　*/
/* safari3 */
body:last-child:not(:root:root) {
	
}
/* safari4 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	 /*ここにsafari4＆Chrome用ハック*/

}