@charset "utf-8";
/* -----------------------------------------------------------
* Description: 「Agile Modeling」レイアウト用
----------------------------------------------------------- */

/*-- Ajaxローディング --*/
.loading {
position: absolute;
left: 50%;
top: 185px;
}





/*-- フェード画像のレイアウト --*/
#slide_holder {
position: relative;
left: 50%;
width: 1980px;
height: 444px;
margin-left: -990px;
overflow: hidden;
z-index: 1;
}
#slide_holder_inner {
position: absolute;
top: 0;
left: 0;
width: 1980px;
height: 444px;
overflow: hidden;
z-index: 2;
}
#slide_holder_inner div {
position: absolute;
}
div#slide_holder_inner div.slide div {
position: relative;
}





/*-- 今どこボタン --*/
div#carousel_controls {
position: absolute;
top: 433px;
left: 50%;
width: 110px;
height: 4px;
margin-left: 358px;
z-index: 4;
}
#carousel_controls #button_selected {
cursor: auto;
}
#slide_buttons li {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}
#slide_buttons li:hover {
cursor: pointer;
cursor: hand;
z-index: 5;
}
#slide_buttons li span {
margin-left: -10000px;
}
ul#slide_buttons {
position: absolute;
left: 0;
top: 0;
z-index: 5;
}
ul#slide_buttons li {
display: block;
float: left;
list-style: none;
width: 15px;
height: 4px;
margin: 0 0 0 3px;
background-image: url(images/button.png);
}
ul#slide_buttons li:hover {
}

/*-- 今どこボタンのアクティブな時。 --*/
ul#slide_buttons li#button_selected {
background-image: url(images/button_selected.png);
}
ul#slide_buttons li#button_selected:hover {
}