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

img.bg { /* Set rules to fill background */
	min-height: 400px;
	/*min-width: 400px;*/
	min-width: 640px;
	/* Set up proportionate scaling */
	width: 640px;
	height: 400px;
	/* Set up positioning */
	position:absolute;
	display:block;
	left:130px;
	top: 80px;
}

@media screen and (max-width: 700px) {
}

body  {
	background-image:url(../img/bk.jpg);
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 10px;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color:#666;
	letter-spacing:0.1em;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;  
	line-height: 1.9;
		font-size: 10px;  
}

html>/**/body {  
	font-size: 10px;  
}

img {  
	border: 0;  
}

#img_bg_area {
	top:100px;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {  
	margin: 0;  padding: 0;  
}

h1, h2, h3, h4, h5, h6  {  
	font-size: 100%;}  

br { letter-spacing: 0;
} 

a, a:link, a:active {
		color:#F90;
	text-decoration: none;
	text-underline-position: below;
	overflow:hidden;
outline:none;
	}

a img {
	border-style:none;
}

a:visited {
	color:#F90;
	text-decoration: none;
	text-underline-position: below;
}

a:hover {
	color:#F90;
	text-decoration: none;
	text-underline-position: below;
}


.twoColHybRtHdr #container { 
	width: 900px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:900px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	margin-top:10px;
	background-color:#FFF;
}

.twoColHybRtHdr #container_company { 
	width: 900px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:1300px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	margin-top:10px;
	background-color:#FFF;
}


.twoColHybRtHdr #container_index { 
	width: 900px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:600px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	margin-top:10px;
	background-color:#FFF;
}

.twoColHybRtHdr #header { 
	width: 940px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:80px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	display:block;
	position:relative;
	margin-top:5px;
	background-color:#83BFE7;
}

.logo_area {
	display:block;
	position:absolute;
		width:900px;
		height:600px;
		margin-top:200px;
}

.map_area {
	display:block;
	position:absolute;
	width:600px;
	height:400px;
	top:100px;
	left:230px;
}

#link_area {
height:100px;
top:100px;
width:600px;
left:230px;
position:absolute;
display:block;
}

.link_text_area {
height:100px;
width:300px;
left:240px;
text-align:left;
position:absolute;
display:block;
}

.link_photo_area {
height:60px;
width:200px;
left:0px;
position:absolute;
display:block;
}

#link_area_2 {
height:100px;
top:200px;
width:600px;
left:230px;
position:absolute;
display:block;
}

#link_area_3 {
height:100px;
top:300px;
width:600px;
left:230px;
position:absolute;
display:block;
}

#link_area_4 {
height:100px;
top:400px;
width:600px;
left:230px;
position:absolute;
display:block;
}

#link_area_5 {
height:100px;
top:500px;
width:600px;
left:230px;
position:absolute;
display:block;
}

#link_area_6 {
height:100px;
top:600px;
width:600px;
left:230px;
position:absolute;
display:block;
}


#logo a {
	display:block;
	width: 283px;
	outline: none;
	display: block;
	height: 77px;
	text-indent: -9999px;
	background-image:url(../img/logo_main.jpg);
}

.twoColHybRtHdr #menu { 
	width: 880px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:80px;
	display:block;
	position:relative;
	margin-left:20px;
	background-color:#FFF;
}

.twoColHybRtHdr #potfolio {
	width: 160px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:200px;
	display:block;
	position:absolute;
	margin-left:20px;
	background-color:#FFF;
	text-align:left;
	left:20px;
	top:135px;
}

.main_portfolio_text{
	width: 600px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:600px;
	display:block;
	position:absolute;
	background-color:#FFF;
	text-align:left;
	float:right;
	left:60px;
	top:135px;
}

.main_recruit_text{
	width: 600px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height:600px;
	display:block;
	position:absolute;
	background-color:#FFF;
	text-align:left;
	float:right;
	left:220px;
	top:135px;
}

.main_portfolio_photo_a{
	left:80px;
	top:60px;
	display:block;
	position:absolute;
}

.main_portfolio_photo_b{
	left:60px;
	top:60px;
	display:block;
	position:absolute;
}

.main_portfolio_text_b{
       left:250px;
       top:560px;
       width:400px;
       height:280px;
       display:block;
       position:absolute;
       text-align:left;
}


.twoColHybRtHdr #menu img{ 
	text-align:center;
	margin-right:50px;
	background-color:#FFF;
}

#main_new {
	top:510px;
	width:80px;
	height:11px;
	display:block;
	position:absolute;
	background-image:url(../img/menu/what.jpg);
	left:60px;
}

#main_area {
	top:540px;
	width:760px;
	height:150px;
	display:block;
	position:absolute;
	left:0px;
}
#main_area_2 {
	top:680px;
	width:760px;
	height:150px;
	display:block;
	position:absolute;
	left:0px;}

.main_photo_area {
	left:60px;
	display:block;
	position:absolute;
	width:100px;
	height:100px;
	text-align:left;
	background-image:url(../img/menu/main_photo_bg.jpg);
}

.main_date_area {
	left:180px;
	display:block;
	position:absolute;
	width:100px;
	height:20px;
	text-align:left;
	font-weight:bold;
}

.main_icon_area {
	left:256px;
	display:block;
	position:absolute;
	width:36px;
	height:20px;
	background-image:url(../img/new.jpg);
}

.main_text_area {
	left:180px;
	display:block;
	position:absolute;
	width:500px;
	height:70px;
	top:30px;
	text-align:left;
}

.main_buttom_area {
	left:610px;
	display:block;
	position:absolute;
	width:66px;
	height:26px;
	top:75px;
	text-align:left;
}

.main_link_area {
	left:780px;
	display:block;
	position:absolute;
	width:90px;
	height:300px;
	top:510px;
}


.popup01 a{position:relative;}
.popup01 a span{
	position:absolute;
	top:-80px;
	left:-80px;
	width:500px;
	padding:10px;
	visibility:hidden;
	background:#f5f5f5;
	border:1px solid #000;
	color:#000;
	}
.popup01 a:hover,.popup01 a:hover span{visibility:visible;}

	




div#conteneur_menu_secondaire, div#conteneur_menu_secondaire a, div#conteneur_menu_secondaire a:link, div#conteneur_menu_secondaire a:visited {
color:#FFF;
text-decoration:none;
font-size:10px;
}

div#conteneur_menu_secondaire {
background-color:#83BFE7;
bottom:0;
height:20px;
right:0px;
text-align:center;
padding-bottom:2px;
padding-left:0;
padding-top:10px;
width:900px;
position:absolute;
display:block;
}

.banner_area {
	position:absolute;
	display:block;
	top:539px;
	left:970px;
	float:right;
	padding-bottom:10px;
}
/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#pager ul.pages {
display:block;
border:none;
font-size:10px;
margin:10px 0 50px;
padding:0;
}

#pager ul.pages li {
list-style:none;
float:left;
border:1px solid #ccc;
text-decoration:none;
margin:0 5px 0 0;
padding:5px;
}

#pager ul.pages a {
text-decoration:none;
}
 
#pager ul.pages li.pgCurrent {
border:1px solid #003f7e;
color:#000;
font-weight:700;
background-color:#eee;
}
[if IE 5]>
<style type="text/css"> 
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */
</style>
<![endif]