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

}