@charset "utf-8";

/* CSS Document */

/* reset ------------------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:bold;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/* common ------------------------------------------------------------------ */

body {
color:#333333;
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:13px;
line-height:1.3;
}

table {
    font-size:inherit;
    font:100%;
}

a img{border:none;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

hr {
	border:medium none;
	clear:both;
	height:1px;
	visibility:hidden;
}


p{
	margin:0 0 5px;
}

h1,h2,h3,h4,h5,h6 {
	font-size:14px;line-height:1.6;
	margin:0 0 5px;
}

    
a
{
	color: deepskyblue; 
	text-decoration : none;
	font-weight: bold;
}

a:hover
{
	color           : Red; 
	text-decoration :  none;
	font-weight: bold;
}

a:active
{
	color           : deepskyblue; 
	text-decoration :  none;
	font-weight: bold;
}
td{
	line-height: 1.1em;
}

.alignleft{
	float:left;
	padding:10px;
	}
.alignright{
	float:right;
	padding:10px;
	}


/* Global Navi Style ------------------------------------------------------------------ */

#g_navi {
	height:25px;
	width:581px;
	padding:  0;
}

#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:25px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(./img_format/g_navi.gif)  no-repeat 0px 0px;
	width:96px;

}
#g_navi li.g_navi02 a {
	background:url(./img_format/g_navi.gif)  no-repeat -96px 0px;
	width:97px;

}
#g_navi li.g_navi03 a {
	background:url(./img_format/g_navi.gif)  no-repeat -193px 0px;
	width:97px;

}
#g_navi li.g_navi04 a {
	background:url(./img_format/g_navi.gif)  no-repeat -290px 0px;
	width:97px;

}
#g_navi li.g_navi05 a {
	background:url(./img_format/g_navi.gif)  no-repeat -387px 0px;
	width:97px;

}
#g_navi li.g_navi06 a {
	background:url(./img_format/g_navi.gif)  no-repeat -484px 0px;
	width:97px;

}

body#club #g_navi li.g_navi05 a {
	background:url(./img_format/g_navi.gif)  no-repeat -387px -50px;
	width:97px;
}

body#raft #g_navi li.g_navi03 a {
	background:url(./img_format/g_navi.gif)  no-repeat -193px -50px;
	width:97px;
}

body#canoe #g_navi li.g_navi02 a {
	background:url(./img_format/g_navi.gif)  no-repeat -96px -50px;
	width:97px;
}


/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(./img_format/g_navi.gif)  no-repeat 0px -25px;
}
#g_navi li.g_navi02 a:hover {
	background:url(./img_format/g_navi.gif)  no-repeat -96px -25px;
}
#g_navi li.g_navi03 a:hover {
	background:url(./img_format/g_navi.gif)  no-repeat -193px -25px;
}
#g_navi li.g_navi04 a:hover {
	background:url(./img_format/g_navi.gif)  no-repeat -290px -25px;
}
#g_navi li.g_navi05 a:hover {
	background:url(./img_format/g_navi.gif)  no-repeat -387px -25px;
}
#g_navi li.g_navi06 a:hover {
	background:url(./img_format/g_navi.gif)  no-repeat -484px -25px;
}

#main{
	width:800px;
	margin:20px auto 0;
	background:url(img_format/main_bg_sidebar.gif) left bottom no-repeat;
}

#footer{
	background:url(img_format/design_footerr.jpg) repeat-x;
	width:800px;
	height:30px;
	margin:20px auto 0;
	clear:both;
	font-size:11px;
	color:#fff;
}
#footer div{
	line-height:30px;
	text-align:center;
}
body#club #head{
	background:url(img_format/header_bg_club.jpg) no-repeat;
	width:800px;
	height:43px;
	margin:0 auto;
	padding:71px 0 0;
}

body#raft #head{
	background:url(img_format/header_bg_raft.jpg) no-repeat;
	width:800px;
	height:43px;
	margin:0 auto;
	padding:71px 0 0;
}

body#canoe #head{
	background:url(img_format/header_bg_canoe.jpg) no-repeat;
	width:800px;
	height:43px;
	margin:0 auto;
	padding:71px 0 0;
}

#side{
	background:url(img_format/main_bg_01.gif) 4px top no-repeat;
	width:150px;
	float:left;
	padding:0 0 100px;
}
#side ul{
	width:140px;
	margin:30px auto 0;
}

#side ul li{
	padding:8px 3px 8px 8px;
	border-bottom:1px solid #999;
	font-size:10px;
	line-height:1.3;
}

#side ul li a{
	display:block;
	font-size:13px;
}
#contents{
	float:right;
	width:640px;
}

#contents #area{
	padding:0 10px 0 ;
}

#main_img_tb td{
	padding:0 5px 10px;
}
#table01{
	margin:0 0 20px;
}
#table01 td{
padding:5px;
line-height:1.6em;
}
span.raftinfo{
color:#356046;
font-weight:bold;
margin:10px 0 0;
}

ul#album{
	margin:10px 0;
}
ul#album li{
	padding:5px 0;
}
#whatsnew_ttl{
	color:red;	
	margin:10px 0 0;
	line-height:14px;
}
#whatsnew{
	height:100px;
	padding:5px 15px;
	overflow-y:auto;
	border:1px solid #999;
	margin:0 0 15px;
}

#whatsnew li{
	padding:0 0 10px 0;
	font-size:11px;
}
#whatsnew li a{
	font-weight:normal;
	font-size:12px;
}

table.club_img{
margin:15px 0;
}
table.club_img td{
padding-right:10px;
vertical-align:top;
font-size:10px;
}
table.club_img td img{
	padding-bottom:3px;
}
.credit_green{
background-color:#E7FFF7;
border:1px solid #BAFDE6;
padding:10px;
margin:20px 0 20px;
}
.credit_green h4{
color:#003300;
}
.credit_green strong{
	font-weight:bold;
}
div.star1{
     background:url("raft/img/line11.gif") -126px top no-repeat;
	display:block;
	padding-left:50px;
	margin-bottom:10px;
}
div.star2{
     background:url("raft/img/line11.gif") -112px top no-repeat;
	display:block;
	padding-left:50px;
	margin-bottom:10px;
}
div.star3{
     background:url("raft/img/line11.gif") -98px top no-repeat;
	display:block;
	padding-left:50px;
	margin-bottom:10px;
}
div.star4{
     background:url("raft/img/line11.gif") -84px top no-repeat;
	display:block;
	padding-left:50px;
	margin-bottom:10px;
}
.credit_earth{
background-color:#F6F6E1;
border:1px solid #DBDBBB;
padding:10px;
margin:0 0 20px;
}
.credit_earth p span{
	font-size:16px;
	font-weight:bold;
	color:#440000
}
.credit_earth strong{
	font-weight:bold;
}

a.camp_bnr img{
	border:2px solid red;
}

/* トップページ */
#top h1{
/*	margin:20px 0 10px;*/
	margin:10px 0 5px;
	font-size:14px;
	line-height:1.3;
}
#top h1 span a{
	font-size:12px;
	font-weight:normal;
}
#top_main{
	width:806px;
	margin:0 auto;
}
#main_frame{
	border-top:10px solid #183b69;
	background:url(img/bar_brue.gif) bottom center repeat-x #000;
}
#top_flash{
	float:left;
	width:600px;
}
#top_menu{
	float:right;
	width:206px;;
	padding:7px 0 0 0;
}
#top_menu ul{
	margin-top:7px;
	border-top:2px solid #FFF;
	padding-top:5px;
}
#top_menu ul li{
	margin:0 0 0;
}
#top_menu ul li a{
color:#FFFFFF;
font-size:14pt;
font-weight:bold;
display:block;
line-height:33px;
height:33px;
padding:0 0 0 8px;
}
#top_menu ul li a:hover{
	background:#f4bc53;
	color:#072349;
}

.top_bnr{
	margin:0 auto 10px;
	width:805px;
}
#addr{
	margin:10px 0 0;
	background:url(img/concept_mark.gif) left top no-repeat;
	padding:0 0 0 100px;
}

#campaign h2{
	font-size:20px;
}

#smb{
	text-align:right;
	padding:10px 0 10px;
}

#smb iframe{
	padding-left:5px;
}

#deal_title {
	background:#ebebeb;
	padding:10px;
	margin-bottom:10px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	}

#deal_title h2 {
    text-decoration:none;
    font-size:22px;
    padding:7px;
    line-height:140%;
    color:#336699;
    }

.align-right{
	float:right;
}

.align-right img{
	padding-left:10px;
}

#campaign h3 {
background:none repeat scroll 0 0 #EBEBEB;
font-size:14px;
margin:0;
padding:5px;
text-align:center;
margin-top:10px;
margin-bottom:5px;
}

#campaign h4 {
background:none repeat scroll 0 0 #EBEBEB;
font-size:12px;
line-height:28px;
margin:0;
padding:0 5px;
margin-top:10px;
margin-bottom:5px;
display:inline;
}

.red{
	color:red;
}

.coupon-list{
	display:inline-block;
	padding:5px;
	border:1px solid #999999;
	width:610px;
	margin-bottom:20px;
}

.ticket-list-R{
	float:right;
	width:400px;
}
.ticket-list-L{
	float:left;
	width:200px;
}
.ticket-list-R .title{
	font-size:16px;
}
.ticket-list-R .open,.ticket-list-R .title,.ticket-list-R .desc{
border-bottom:1px dotted #CCCCCC;
padding:5px;
}

.ticket-list-R .order-button{
	padding:5px 0;
}
.ticket-list-R .order-button a{
	display:block;
	height:20px;
	width:150px;
	text-align:center;
	line-height:20px;
	background:#C4E1FC;
	padding:10px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
}

.ticket-detail .normal{
	color:#719B3B;
	text-decoration:line-through;
	font-weight:bold;
}
.ticket-detail .saleprice{
	color:#E98900;
	font-weight:bold;
}

ul.star li{
	background:url("raft/img/line11.gif") -126px top no-repeat;
	padding-left:18px;
	margin-bottom:3px;
}

#whatWeDo{
	display:inline-block;
	padding:5px;
	border:1px solid #999999;
	width:610px;
	margin-bottom:20px;
	font-size:15px;
	font-weight:bold;
	}
	
#whatWeDo a{
	background:url("img/arrow_r.gif") 0 5px no-repeat;
	padding-left:11px;
}