@charset "utf-8";
/* ===================================================================
あいらんど・どりーむず
トップページ　2013/7/3
=================================================================== */

body {
background:url(../images/bgimg_mainbg.gif) left top repeat-x;
}

#container {
position:relative;
}

/*----------------------------------------------------
	#header-top
----------------------------------------------------*/

#header-top {
text-align: left;
height:586px;
}

h1 {
position : absolute;
z-index: 10010;
top: 0;
left: 20px; 
width: 180px;
height: 107px;
overflow: hidden;
color: #eaf7ff;
}

.top-logo {
position : absolute;
z-index: 10020;
top: 0;
left: 0; 
width: 213px;
height: 107px;
}

.catch-h1 {
position : absolute;
top: 0;
left: 206px; 
width: 540px;
height: 25px;
background:url(../images/catch01.png) left top no-repeat;
text-indent: -9999px;
}

h2 {
position : absolute;
top: 26px;
left: 206px; 
width: 540px;
height: 16px;
background:url(../images/h2_top.png) left top no-repeat;
text-indent: -9999px;
}

#navi {
position : absolute;
top: 485px;
left: 50px;
}

#navi li, #sub-navi li {
float: left;
z-index: 10;
}

.sub01 {
position : absolute;
z-index: 10130;
top: 275px;
right: 5px;
}

.sub02 {
position : absolute;
z-index: 10120;
width: 182px;
top: 342px;
right: 3px;
}

.sub03 {
position : absolute;
top: 596px;
right: 145px;
}

.sub04 {
position : absolute;
top: 596px;
right: 0;
}

.sub02 a:hover img,
.sub03 a:hover img,
.sub04 a:hover img {
filter: alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;
}

/*----------------------------------------------------
	#socialbuttons
	module.css指定を上書き
----------------------------------------------------*/
#socialbuttons {
position : absolute;
z-index: 10050;
top: 555px;
right: -60px;
}

#socialbuttons div {
  float: left;
}

#main-con {

background:none;
}

/*----------------------------------------------------
	#main-con
----------------------------------------------------*/

.con01 {
width: 500px;
float: left;
}

h3 { 
width: 500px;
height: 36px;
margin-top:20px;
background: url(../images/h3_top.png) 0 0 no-repeat;
text-indent: -9999px;
}

.con01 p {
margin: 1.5em 0.5em;
}

.photo-staff {
margin-top:1.5em;
}

.con02 {
width: 424px;
float: right;
}

h4 { 
width: 424px;
height: 127px;
margin-top:55px;
background: url(../images/h4_infomation.png) 0 0 no-repeat;
text-indent: -9999px;
}

#info {
background: url(../images/bgimg_info.png) repeat-y;
}

#info dt {
padding:15px 25px 0 60px;
}

#info dd {
color: #3399ff;
padding:0 25px 15px 60px;
background:url(../images/line_info.png) bottom left no-repeat;
}

#info dd:last-child {
padding-bottom: 40px;
background: url(../images/bgimg_info2.png) bottom left no-repeat;
}

.photo-list {
position : absolute;
top: 48px;
left: 0;
z-index: 1;
}