@charset "utf-8";
/* ===================================================================
あいらんど・どりーむず
共通スタイル指定 2013/7/3
=================================================================== */

body {
text-align: center; /* IE 向けセンタリング指定 */
margin: 0 auto; /* Firefox 向けセンタリング指定 */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
line-height:1
vertical-align: baseline;
-webkit-text-size-adjust: none;
background:#ffffff;
}

#container {
width:950px;
text-align: center; /* IE 向けセンタリング指定 */
margin: 0 auto; /* Firefox 向けセンタリング指定 */
font-size: 13px; /* modern browser */
font-size: small; /* IE 7 */
font: x-small; /* IE 6 */
line-height:1.6;
}

a:link, a:visited {
color: #0066cc;
text-decoration: underline;
}

a:hover {
color: #ff3399;
text-decoration: none;
}

a:active {
color: #ff3399;
text-decoration: none;
}

.clearfix:after { 
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
} 

*1257897500* html .clearfix { display: inline-block; } 
/* no ie mac \*/ 

*1257897501* html .clearfix { height: 1%; } 
.pkg { display: block; } 
/* */


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

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

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

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

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

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

#navi {
position : absolute;
top: 125px;
left: 30px;
}

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

/*----------------------------------------------------
	#socialbuttons
----------------------------------------------------*/
#socialbuttons {
position : absolute;
top: 60px;
right: 0;
}


#socialbuttons div {
  float: left;
}

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

#main-con {
position: static;
text-align: left;
background: url(../../activities/images2/bgimg_ranking.png) top right repeat-y;
}

.con01 {
width: 600px;
float: left;
padding-bottom: 105px;
}

.con02 {
width: 320px;
float: right;

}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#footer-wrap {
text-align: center; /* IE 向けセンタリング指定 */
margin: 0 auto; /* Firefox 向けセンタリング指定 */
background:url(../images/bgimg_footer.png) bottom center repeat-x;
}

#footer {
text-align: center; /* IE 向けセンタリング指定 */
margin: 0 auto; /* Firefox 向けセンタリング指定 */
width: 950px;
height: 305px;
background:url(../images/bgimg_footer2.png) top center no-repeat;
position:relative;
}

#footer a:hover {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

#footer ul {
position : absolute;
bottom: 12px;
left: 8px;
text-align: left;
}

#footer ul li {
float: left;
height: 16px;
}

#footer ul li a {
display:block;
height: 16px;
text-indent: -9999px;
}

.copyright {
width: 265px;
background:url(../images/footer01.png) 0 0 no-repeat;
text-indent: -9999px;
}
 
.footer01 {
width: 63px;
background:url(../images/footer02.png) 0 0 no-repeat;
}
 
.footer02 {
width: 49px;
background:url(../images/footer03.png) 0 0 no-repeat;
}

.footer03 {
width: 48px;
background:url(../images/footer04.png) 0 0 no-repeat;
} 

.footer04 {
width: 79px;
background:url(../images/footer05.png) 0 0 no-repeat;
} 

.footer05 {
width: 62px;
background:url(../images/footer06.png) 0 0 no-repeat;
} 

.footer06 {
width: 156px;
background:url(../images/footer07.png) 0 0 no-repeat;
text-indent: -9999px;
} 

.footer07 {
width: 80px;
background:url(../images/footer08.png) 0 0 no-repeat;
} 

.go-page-top {
position : absolute;
top: 0;
right: 8px; 
width: 54px;
height: 30px;
display: block;
background:url(../images/btn_pagetop_off.png) bottom left no-repeat;
text-indent: -9999px;
}