@charset "utf-8";

/* ページの基本設定 
--------------------------------------------------------*/
*{
	padding:0;
	margin:0;
}

body{
	font-size:12px;
	line-height:1.6;
	overflow-x:hidden;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#666666;
	
}
img{
	border:none;
	vertical-align:bottom;
}

p{
	margin:0.6em;
}
hr{
	clear:both;
	visibility:hidden;
	border:none;
	height:1px;
}
.clear{
	clear:both;
}

.clearfix:after{
	content:".";
	display:block;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
.red{
	color:#FF0033;
}
.red-smallc{
	color:#FF0033;
	font-size:10px;
	}

.blue{
	color:#6699CC;
	}

.img-right{
	text-align:right;
	padding::10px;
	}
		
.img-center{
	text-align:center;
	margin-bottom:20px;
	}
	
.mobile{
	display:none;
	}
	
.border{
	border-bottom:#6699FF 1px solid;
	}
	
a{
	text-decoration:none;
	}
	
.text{
	margin:10px;
	}
	
.text35{
	margin:10px 10px 10px 35px;
	}

.text20{
	margin:10px 20px 20px 45px;
	letter-spacing: 1px;
	}
	
.small-c{
	font-size:10px;
	line-height:12px;
	}
	
.big-c{
	font-size:18px;
	margin-bottom:10px;
	}	

h3{
	font-size:16px;
	margin-top:20px;
	}

h4{
	font-size:14px;
	margin-top:10px;
	}
	
.margin0_10{
	margin:0px 0px 0px 30px;
	}
	
.font-1{
	font-size:18px;
	}	
	
	

/* 基本レイアウト
--------------------------------------------------------*/

#wrapper{
	width:950px;
	background-image:url(../images/common/line.jpg);
	background-repeat:repeat-y;
	margin:0 auto;
	padding-left:25px;
	padding-right:25px;
	text-align:left;
}


#header{
	width:950px;
	padding-top:20px;
}


#h-left{
	width:570px;
	float:left;
	}
	
	
#h-right{
	width:380px;
	float:right;
	}
	
#main{
	margin-top:15px;
	width:950px;
	}	

	
.adress{
	margin-top:10px;
	margin-bottom:10px;
	font-size: 10px;
	letter-spacing: 1px;
	text-align:center;
	}
	
#footer a{
	padding-left:10px;
	}
	
#footer{
	padding-top:25px;
	width:950px;
	}
	
.jsca{
	text-align:center;
	font-size:11px;
	}
	
.copy{
	text-align:center;
	font-size:10px;
	}
	

	
/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿基本の設定（トップページ以外)＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#content-img{
	width:950px;
	padding-top:15px;
	}
	
#left{
	width:230px;
	float:left;
	}
	
#left ul li{
	list-style:none;
	width:230px;
	}
	
.seakayak li{
	list-style:none;
	margin-bottom:5px;
	}
	
#right{
	width:720px;
	float:left;
	}	
#right ul li{
	list-style:none;
	}
	
.page-up{
	margin:10px 70px 20px 0px;
	text-align:right;
	}
	
.page-up a{
	color:#FF3333;
	}
/*___________＿＿＿トップページ_____________________*/
	
#top-img{
	width:950px;
	padding-top:15px;
	}
	
#g-menu ul li{
	list-style:none;
	float:left;
	}
	
#top-right ul li{
	width:230px;
	list-style:none;
	}
	
#top-right{
	width:230px;
	float:left;
	text-align:right;
	}
	
#top-left{
	width:720px;
	float:left;
	}

/*トップページ右側リンクの設定*/	
.school li{
	margin-bottom:7px;
	}
	
.school{
	padding-bottom:40px;
	}
	
	
.ctc{
	margin-top:40px;
	margin-bottom:40px;
	}
	
.weather li{
	margin-bottom:10px;
	}
	
.import{
	margin-top:50px;
	}
	
.import li{
	margin-bottom:7px;
	}

.shopping{
	margin-top:50px;
	}	
	
	
/*トップページ左側・・初心者・お知らせ・おすすめエリアの設定*/	
.bigginer {
	margin-bottom:10px;
	}
	
#info{
	margin-top:25px;
	width:720px;
	}
	
.news{
	margin-left:15px;
	margin-top:15px;
	}
	
.news ul li{
	list-style:none;
	float:left;
	padding:15px 20px 20px 20px;
	border-bottom:#cccccc dotted 2px;
	border-right:#cccccc dotted 2px;
	height:225px;
	width:124px;
	}
	
.left-news{
	list-style:none;
	float:left;
	padding:15px 20px 20px 20px;
	border-bottom:#cccccc dotted 2px;
	border-left:#cccccc dotted 2px;
	height:225px;
	width:124px;
	}
	
	
	
.date{
	font-size:13px;
	color:#031e8f;
	}

#reco{
	margin-top:25px;
	width:720px;
	}
	
.reco-class{
	margin-top:15px;
	margin-left:15px;
	}
	
.reco-class ul li{
	list-style-type:none;
	}
		
	
.b-1{
	height: 170px;
	width: 670px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	text-align: left;
	}

.right-border{
	height:30px;
	text-align:left;
	color:#031e8f;
	font-weight:bold;
	font-size:13px;
	border-left:#CCCCCC dotted 2px;
	padding-left:5px;
	padding-top:5px;
	}

.b-1 th{
	height:25px;
	text-align:left;
	color:#031e8f;
	font-weight:bold;
	font-size:14px;
	padding-left:5px;
	letter-spacing: 2px;
	}
	
.detail-reco{
	width:150px;
	padding-right:5px;
	line-height: 15px;
			}	
					
	
.img-left-border{
	border-left:#CCCCCC dotted 2px;
	width:152px;
	padding-left:7px;
	}
	
.price-reco{
	height:20px;
	border-bottom:#CCCCCC dotted 2px;
	padding-left:7px;
	padding-bottom:5px;
	letter-spacing: 2px;
	}
		
.price-reco-l{
	height:20px;
	border-left:#CCCCCC dotted 2px;
	border-bottom:#CCCCCC dotted 2px;
	padding-left:7px;
	padding-bottom:5px;
	letter-spacing: 2px;
	}
	
.price-reco-l-nb{
	height:20px;
	border-left:#CCCCCC dotted 2px;
	padding-left:7px;
	padding-bottom:5px;
	letter-spacing: 2px;
	}
	
.price-reco-nb{
	height:20px;
	padding-left:7px;
	padding-bottom:5px;
	letter-spacing: 2px;
	}
	
.reco-photo{
	width:152px;
	padding-left:7px;
	}
	
.reco-class-mgt{
	padding-top:5px;
	}
	
/*_____________________シーカヤックページの設定_____________________________*/

.cat li{
	float:left;
	margin-right:10px;
	margin-bottom:14px;
	}
	
.cat{
	width:706px;
	margin-left:20px;
	}
	
.cat-bar{
	margin-left:12px;
	margin-top:30px;
	}
	
.detail-cat{
	margin-bottom:15px;
	}
	
.class-l th{
	width:250px;
	}
	
.mark{
	width:59px;
	}
	
.ctc{
	width:190px;
	padding-right:1px;
	}
	
.class-detail{
	width:260px;
	margin:25px 30px 0px 30px;
	float:left;
	}
	
.class-detail ul{
	list-style:none;
	}
	
.class-detail li{
	float:left;
	padding:2px 3px 2px 3px;
	}
	
.name{
	font-size:18px;
	font-weight:bold;
	padding-bottom:7px;
	}
	
.class-detail-r{
	width:385px;
	margin-top:20px;
	margin-bottom:45px;
	}
	
.class-detail-r th{
	text-align:left;
	font-size:18px;
	vertical-align:text-top;
	}
	
.midashi{
	width:100px;
	height:44px;
	border:#CCCCCC 1px solid;
	padding:3px;
	background-color:#e1e2f3;
	text-align:center;
	letter-spacing:3px;
	}
	
.detail-class{
	border:#CCCCCC 1px solid;
	text-align:center;
	padding:3px;
	letter-spacing:1px;
	}
	
.contents{
	width:100px;
	border:#CCCCCC 1px solid;
	padding:3px;
	background-color:#e1e2f3;
	text-align:center;
	letter-spacing:3px;
	}
	
.detail-contents{
	border:#CCCCCC 1px solid;
	padding:3px;
	letter-spacing:1px;
		}

.price-page{
	margin-bottom:20px;
	}
	
.belongings{
	width:720px;
	}
	
.list{
	width:693px;
	padding-left:27px;
	padding-top:30px;
	}
	
	
.list ul{
	list-style-type:none;
	}
	
.list li{
	float:left;
	padding:5px 7px 5px 7px
	}
	
.attn-kyotsu{
	margin-top:30px;
	}
	
.photo{
	width:250px;
	float:left;
	margin-left:30px;
	margin-top:30px;
	margin-bottom:40px;
	}
	
.time-line{
	width:420px;
	margin-left:20px;
	float:right;
	margin-top:30px;
	margin-bottom:40px;
	}
	
.faq{
	margin-left:10px;
	font-size:16px;
	}
	
.repeat{
	width:410px;
	background-image:url(../images/kayak/staff/paper.jpg);
	background-repeat:repeat-y;
	}
	
.msg{
	width:410px;
	margin-left:30px;
	margin-top:20px;
	float:right;
	}
	
.staff{
	width:358px;
	padding:0px 10px 20px 10px;
	}
		
.photo-stf{
	width:250px;
	float:left;
	margin-left:30px;
	margin-top:41px;
	margin-bottom:40px;
	}
	
.msg-naka{
	padding-top:5px;
	padding-bottom:5px;
	line-height: 35px;
	}
	
.about-img{
	margin-left:20px;
	margin-top:20px;
	margin-bottom:30px;
	}
	
.rent-chart{
	float:left;
	width:224px;
	margin:20px;
	}
	
.rent-flow{
	margin:20px 20px 20px 0px;
	float:right;
	width:435px;
	}

.rent th{
	width:150px;
	height:65px;
	padding:5px;
	}
	
.rent td{
	text-align:center;
	padding:5px;
	}

.rent{
	margin:20px;
	}
	
.nyukai{
	margin:20px;
	}

.nyukai th{
	width:95px;
	padding:5px;
	background-color:#FFFFCC;
	}
	
.nyukai td{
	width:205px;
	padding:5px;
	text-align:center;
	}
		
/*中古・修理情報
　--------------------------
							右側の表は、スクール詳細の表を流用
																------------------------*/

.second-hand{
	width:250px;
	float:left;
	margin:20px 30px 0px 30px;
	}

.second-hand ul{
	list-style:none;
	}
	
.second-hand li{
	float:left;
	padding-bottom:2px;
	}

.second-hand-bdr{
	padding-right:4px;
	padding-bottom:2px;
	}

.sold-out{
	background-color:#FFCCFF;
	color:#FF3333;
	font-size:18px;
	margin:10px 20px 5px 30px;
	text-align:center;
	border:#FF3333 solid 1px;
	}
	
.negotiation-now{
	background-color:#FFFF99;
	color:#FF3333;
	font-size:18px;
	margin:10px 20px 5px 30px;
	text-align:center;
	border:#FF3333 solid 1px;
	}
	
.repair{
	margin:20px 30px 30px 30px;
	}
	
.application{
	list-style-type:none;
	padding:10px;
	}
	
.application li{
	padding:5px;
	}
	
.boat-house td{
	width:300px;
	height:50px;
	text-align:center
	}

.ratex td{
	width:100px;
	height:50px;
	text-align:center;
	}
	
.ratex{
	float:right;
	margin-top:30px;
	width:380px;
	margin-left:30px;
	margin-right:30px;
	}
	
/*―――――――――――――会社情報―――――――――――――*/

.company-l{
	width:155px;
	height:45px;
	text-align:center;
	}
	
.company-r{
	width:350px;
	height:45px;
	padding-left:10px;
	}
	
.recruit{
	list-style-type:none;
	}
	
.year {
	margin-top:20px;
	margin-bottom:30px;
	}
	
.year td{
	padding:3px;
	}
	
.menu{
	background-image:url(../images/lunch/lunch-mat.jpg);
	background-repeat:no-repeat;
	width:460px;
	margin-left:10px;
	height:327px;
	float:left;
	margin-top:20px;
	}
.menu-title{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top:25px;
	}
	
.lunch-img{
	width:225px;
	margin-left:30px;
	padding-top:25px;
	text-align:center;
	float:left;
	}
	
.lunch-detail{
	width:170px;
	padding-top:35px;
	font-weight:bold;
	float:right;
	padding-left:20px;
	padding-right:15px;
	}
	
.lunch-text{
	width:650px;
	float:left;
	padding-top:10px;
	}
	
.lunch-attn{
	width:216px;
	float:right;
	}
	
.f-detail{
	width:402px;
	margin-left:30px;
	margin-top:20px;
	float:right;
	margin-bottom:20px;
	}
	
.photo-f{
	width:250px;
	float:left;
	margin-left:28px;
	margin-top:20px;
	border:#999999 1px solid;
	padding:2px;
	margin-bottom:20px;
	}

/*会社情報ー沿革ー別ページ*/

#wrapper-h{
	width:950px;
	margin:0 auto;
	padding-left:25px;
	padding-right:25px;
	text-align:left;
	margin-top:10px;
}

#main-h{
	width:950px;
	background-image:url(../images/company/history/detail/line.jpg);
	background-repeat:repeat-y;
}

.topics{
	width:450px;
	float:left;
	margin-left:50px;
	margin-top:10px;
	}
	
.media{
	width:450px;
	float:right;
	margin-top:10px;
	}
	
.close{
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	}
	
footer-h{
	width:950px;
	
	}

/*スケジュール*/

.schedule li{
	float:left;
	padding:10px 2px 10px 2px;
	list-style-type:none;
	}
	
.schedule ul{
	margin-left:20px;
	}
	
.calendar{
	text-align:center;
	margin-top:20px;
	}

/*初めてのカヤック*/

.hajimete-chart td{
	padding:7px 15px 7px 15px;
	}
.hajimete-fee{
	width:256px;
	float:left;
	margin-left:20px;
	margin-right:10px;
	}
	
.hajimete-fee td{
	padding:7px 15px 7px 15px;
}

.hajimete-fee th{
	padding:7px 15px 7px 15px;
	background-color:#f4f9fa;
	border:#CCCCCC 1px solid;
	width:35px;
	font-weight:normal;
	}
	
.hajimete-chart{
	width:816px;
	}

.hajimete-sup{
	width:816px;
	}

.hajimete-sup th{
	width:100px;
	background-color:#f4f9fa;
	border:#CCCCCC 1px solid;
	font-weight:normal;
	padding:7px 15px 7px 15px;
	}
	
.hajimete-sup td{
	width:304px;
	padding:7px 15px 7px 15px;
	}
	
.hajimete-list ul{
	list-style-type:none;
	}
	
.hajimete-list li{
	float:left;
	padding:15px 17px 25px 0px;
	}
	
/*春のおススメページ*/
.date1 li{
	padding:5px;
	float:left;
	list-style-type:none;
	}
	
.video{
	width:400px;
	float:left;
	}
	
.video-d th{
	padding:7px 15px 7px 15px;
	background-color:#f4f9fa;
	border:#CCCCCC 1px solid;
	width:50px;
	font-weight:normal;
	} 
	
.video-d{
	width:400px;
	margin-left:20px;
	margin-right:30px;
	}
	
.video-d td{
	border:#CCCCCC 1px solid;
	padding:7px 15px 7px 15px;
	text-align:center;
	}

/*お客様の声*/
.voice-wrap{
	text-align:center;
	width:389px;
	float:left;
	margin:15px;
	}

.voice{
	width:389px;
	background-image:url(../images/others/voice/back-ground2.jpg);
	background-repeat:repeat-y;
	}
	
	
.sigh{
	text-align:right;
	padding-right:15px;
	padding-top:15px;
	background-image:url(../images/others/voice/back-ground3.jpg);
	background-repeat:no-repeat;
	height:32px;
	}

.group {
	width:905px;
	margin-left:30px;
	}
	
.group li{
	list-style-type:none;
	float:left;
	padding:10px 30px 10px 30px;
	}