/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#animatedtabs{
border-bottom: 1px solid #9999ff;
overflow: hidden;
width: 100%;
font-size: 12px; /*テキスト文字のフォントサイズ*/
}

#animatedtabs ul{
list-style-type: none;
margin: 20px 0 30px 5px;  /*上下マージンはタブが下がっている状態を基準*/
padding: 0;
}

#animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

#animatedtabs a{
float: left;
position: relative;
top: 6px; /* 1) 選択タブのはみ出し値 (3)の値－(2)の値以下にすること */
background: url(img/menu1-left.gif) no-repeat left top;
margin: 0;
margin-right: 1px; /*各タブ間のスペース値*/
padding: 0 0 0 9px; /*左画像の幅9pxを確保*/
text-decoration: none;
}

#animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(img/menu1-right.gif) no-repeat right top;
padding: 8px 16px 2px 5px; /* 2) 各タブ内のpadding値。下の値3pxは(3)-(1) */
font-weight: normal;
color:#3399ff;
}

/* IE5-Mac用のバックスラッシュハック \*/
#animatedtabs a span {
float:none;
}
/* End IE5-Mac hack */


/*ロールオーバー*/

#animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

#animatedtabs .selected a span{
background-position: 100% -125px;
color:#3399ff;
padding-bottom: 9px; /* 3) 選択タブの下padding値。(1)+(2)*/
color:#3399ff;
top: 0;
}

#animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

#animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 9px; /* 3) 選択タブの下padding値。(1)+(2)*/
color:#ff33cc;
top: 0;
}



/*Credits: A-Key//MOVABLE PRESS */
/*URL: http://www.weblaads.info/movablepress/ */

/* ///// horizon-navi-002 ▼ ///// */

#horizon-navi-002 {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
width: 100%;
font-size: 11px;
margin:20px 0 0 0;
padding:20px 0;
background:#fff;
}

#horizon-navi-002 ul{
list-style-type: none;
overflow: hidden; /*必須*/
height:60px; /*ボックスの高さを指定*/
margin: 0; 
padding: 0;
border-left:1px solid #aaa;
border-bottom:1px solid #aaa;
}

#horizon-navi-002 li {
float:left; /*後続を横並びにする*/
width:94px;
margin:0 1px 0 0;
padding: 0;
}

* html #horizon-navi-002 li {
margin:0; /*IE6用のハック*/
}

#horizon-navi-002 a {
display: block;
padding: 35px 0 14px 0;
color: #aaa;
text-decoration: none;
text-align: center;
border-right: 1px solid #aaa;
background:#222;
width:100%; /* for IE */
}

#horizon-navi-002 .stay a {
background: #444;
}

#horizon-navi-002 .stay a:hover{
color: #ccffcc;
background: #444;
}

#horizon-navi-002 a:hover{
color: #ccffcc;
background: #444;
}

#marker {
font-size:28px;
color:#444;
position:relative;
top:-36px;
}

span.home {
position:relative;
left:35px;
}

span.how-to {
position:relative;
left:131px;
}

span.all-navi {
position:relative;
left:226px;
}

span.horizontal {
position:relative;
left:320px;
}