@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;

}