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

.blue{
	color:#6699CC;
	}

.img-right{
	text-align:right;
	}
	
.img-center{
	text-align:center;
	}
	
.mobile{
	display:none;
	}
	
.border{
	border-bottom:#6699FF 1px solid;
	}

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

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


#header{
	width:800px;
}


#h-left{
	width:490px;
	float:left;
	}
	
	
#h-right{
	width:310px;
	float:right;
	}
	
	
#main{
	width:800px;
	margin-top:10px;
}


#footer{
	width:800px;
	padding-top:30px;
	text-align:center;
	clear:both;
	}
	
	
#link{
	width:800px;
	}
	
	
#adress{
	width:800px;
	padding-top:10px;
	}



/* リンク
--------------------------------------------------------*/
a{
	outline:none;
	text-decoration:none;
}
a:link{
	color:#0066FF;
}
a:visited{
	color:#009966;
}
a:hover,
a:active{
	color:#003366;
}

.jsca a{
	color:#666666;
	}




/* メインナビ
--------------------------------------------------------*/
#navi{
	width:800px;
	}
	
#navi ul li{
	list-style:none;
	float:left;
}



/* トップページ
--------------------------------------------------------*/
#top{
	width:800px;
	}
	

#top-left{
	width:576px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}

#top-left h2{
	font-size:16px;
	color:#330000;
	border-left:#6699CC 5px solid;
	border-bottom:#6699CC 1px solid;
	text-indent:7px;
	}


#top-right{
	width:164px;
	padding-right:20px;
	padding-top:35px;
	float:right;
	}
	
#top-right img{
	padding-bottom:10px;
	}
	
#top-right ul li{
	list-style:none;
	}
	
#top-left ul{
	padding-top:15px;
	}
	

#top-left ul li{
	margin-left:30px;
	list-style-type:square;
	padding-bottom:10px;
	}
	
	
	

/* 下層ページレイアウト
--------------------------------------------------------*/
#main-left{
	width:164px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	float:left;
	}
	
#main-left ul li{
	list-style:none;
	}
	
#main-left img{
	padding-bottom:7px;
	}
	
#main-right{
	width:576px;
	padding-right:20px;
	padding-top:20px;
	float:right;
	}
	
#main-right h2{
	font-size:16px;
	color:#330000;
	border-left:#6699CC 5px solid;
	border-bottom:#6699CC 1px solid;
	text-indent:7px;
	}
	
#main-right h3{
	font-size:14px;
	}
	
#main-right h4{
	font-size:14px;
	color:#6699CC;
	margin-bottom:5px;
	}
	
	
.text{
	padding:10px;
	}
	
.photo{
	width:250px;
	float:left;
	margin-right:10px;
	}
	
.detail{
	width:266px;
	float:right;
	margin-bottom:15px;
	padding-bottom:25px;
	border-bottom:#6699CC 1px solid;
	}
	
.wearing{
	width:480px;
	text-align:inherit;
	padding:10px 10px 10px 20px;
	}
	
.wearing img{
	padding-right:5px;
	}
	
.rental1{
	width:258px;
	padding:10px;
	text-align:center;
	float:left;
	}
	
.rental2{
	width:258px;
	padding:10px;
	text-align:center;
	float:right;
	}
	
.square{
	list-style-type:square;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:10px;
	}

		
.faq li{
	padding-bottom:30px;
	list-style-type:none;
	}
	
.calender{
	width:220px;
	margin-left:336px;
	}
	
.stress{
	font-size:14px;
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
	}
	
.application{
	list-style-type:none;
	padding:10px;
	}
	
.company-detail{
	float:right;
	width:396px;
	margin-left:50px;
	}
	
.company-detail2{
	float:left;
	width:80px;
	margin-left:20px;
	}
	
.company-detail2 a{
	color:#333333;
	}
	
	
.s-photo{
	margin:30px;
	text-align:center;
	}
	
.s-photo img{
	margin-bottom:30px;
	}
	
.boathouse{
	list-style-type:square;
	width:200px;
	float:left;
	margin-left:20px;
	}
	
.boathouse2{
	list-style-type:none;
	width:300px;
	float:right;
	}
	
.boathouse ul{
	list-style-type:square;
	}
	
.detail-s{
	width:266px;
	height:450px;
	float:right;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:#6699CC 1px solid;
	}
	
	
.border{
	border-bottom:#6666FF 1px solid;
	}
	
	
.u-c{
	height:400px;
	text-align:center;
	margin-top:200px;
	}
	

.detail270{
	width:266px;
	height:270px;
	float:right;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:#6699CC 1px solid;
	}
	
	
.detail200{
	width:266px;
	height:200px;
	float:right;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:#6699CC 1px solid;
	}

	
.mega{
	border:1px #3333CC solid;
	background-color:#CCFFCC;
	padding:5px;
	font-weight:bold;
	margin-top:10PX;
	text-align:center;
	}
	
	
.spec tr{
	height:30px;
	text-align:center;
	}
	
.spec td{
	width:100px;
	}
	
.spec{
	width:510px;
	}
	
.detail200nb{
	width:266px;
	height:200px;
	float:right;
	margin-bottom:15px;
	padding-bottom:10px;
	}
	
.repair{
	width:266px;
	}
	
.repair tr{
	text-align:center;
	height:40px;
	}
	
.repair td{
	width:88px;
	}
	
.boardcase{
	width:470px;
	}
	
.boardcase tr{ 
	text-align:center;
	height:40px;
	}
	
.boxtable td{
	width:88px;
	}
	
.boxtable{
	margin:10px;
	}
	
caption{
	font-weight:bold;
	color:#3366CC;
	text-align:left;
	}
	
.detailnb{
	width:266px;
	float:right;
	margin-bottom:15px;
	padding-bottom:10px;
	}
	
	
.sold-out{
	border:#FF3333 1px solid;
	color:#FF3333;
	background-color:#FFCCFF;
	text-align:center;
	font-weight:bold;
	margin-bottom:15PX;
	margin-top:15px;
	padding:3PX;
	font-size:14px;
	}