@charset "utf-8";

/****************************************
		1. 基本設定 
*****************************************/

*{
	margin:0;
	padding:0;
}

body{
	font:13px/1.231 Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    *font-size:small;/* IE用 */
    *font:x-small;/* IE 互換モード用 */
	font-weight:bold;
	color:#fff;
}

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

a {
	text-decoration:none;
}

img{
	border:none;
}


/***** 背景スクロール *****/

.bgmaximage{
  position:fixed !important;
  display:none;
}

#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

.loader {
  position:absolute;
  z-index:9999;
  width:39px;
  height:39px;
  top:49%;
  left:49%
}

/***** wrapper *****/

#wrapper{
	width:960px;
	margin:0 auto;
	font-size:123.1%;
	line-height:25px;
}

.clear{
	clear:both;
}


/***** ヘッダー *****/

#header{
	background:url(../image/r_bg03.png) repeat-x;
	margin:30px 0 50px 0;
	padding:10px;
	overflow:hidden;
}

#header a img{
	float:left;
}

#header p{
	float:right;
	margin:75px 0 0 0;
	color:#CF0;

}

h1{
	font-size:100%;
	font-weight:bold;
	float:right;
	color:#fff;
}


/***** メイン *****/

#campaign{
	width:630px;
	margin:100px auto 110px;
}

.rafting{
	background:url(../image/r_bg01.png);
	padding:0px 20px;
}

#rafting{
	background:url(../image/r_bg01.png);
	padding:0px 20px;
}

#rafting p{
	float:left;
}

#rafting p:first-child{
	float:none;
}

#rafting #raft_left{
	margin:0 0 0 70px;
	
}

.rafting a {
	clear:both;
	display:block;
	width:400px;
	margin:20px auto 0 ;
}

#rafting a {
	clear:both;
	display:block;
	width:400px;
	margin:20px auto 0 ;
}

h2{
	color:#fff;
	background:#18436b;
	padding:5px 0 5px 50px;
	margin:0px 0 10px 0;
	font-size:131%;
	/*position:relative;*/

}

h2 img{
	margin:0px 5px 0 0;
}

#left{
	float:left;
	width:630px;
	margin:0 0 120px 0;
}

#left .rafting a {
	display:block;
	width:400px;
	margin:25px auto 0;
}




#right{
	width:300px;
	float:right;
}

#right .right_box:first-child{
	margin:0 0 25px 0 
}

#bottom{
	width:960px;
}

#footer{
	position:relative;
	width:960px;
	margin:150px auto 0;
	padding:10px 0 20px;
}

#footer p{
	position:absolute;
	top:20px;
	left:160px;
	color:#18436a;
	font-size:153.9%;
}

#footer .email{
	position:absolute;
	top:750px;
	left:450px;
	font-size:108%;
	font-weight:normal;
	color:#fff;
}

#r_logo{
	position:absolute;
	bottom:30px;
	left:20px;
}

#reserve{
	position:absolute;
	bottom:30px;
	left:445px;
}