/* CSS Document */


body{
	font-family:Verdana, Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS Pゴシック", Osaka, sans-serif;
	color:#FFF;
	margin:0px;
	padding:0px;
	line-height:1.8em;
	font-size:12px;
	background-color: #10208A;
}

form,input,p,ul,li,dl,th,
dd,dt,h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

h3,h4,h5,h6,strong{
	font-size:12px;
	margin: 0px;
	font-weight: normal;
	padding: 0px;
}

a img,img{
	border:0;
	vertical-align:bottom;
	margin: 0px;
	padding: 0px;
}

ul,ol,dl{
	margin:0; padding:0;
}

dt,dd,li{
	list-style-type:none;
}

a:link{
	text-decoration:none;
	color:#FFF;
}

a:visited{
	text-decoration:none;
	color:#FFF;
}

a:hover{
	text-decoration:underline;
	color:#FFFF00;
}

a:active{
	text-decoration:none;
	color:#FFFF00;
}

.clfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clfix{
	display:inline-block;	/*for ie7*/
}

.clear{
	clear:both;
}

.allclear{
	clear:both;
	height:0;
	font-size:0;
}


#container{
}


h1{
	margin: 0px;
	padding: 0px;
	float: left;
}

h2{
	text-align:right;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #333333;
}

/*　ヘッダーエリア　*/
#container #headder {
	clear: none;
	background-repeat: no-repeat;
	height: 440px;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
	background-image: url(../../headder-image/main_new.jpg);
}


#container #headder .headder_main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;	
}

#container #headder .headder_main .tel {
	float: right;	
}



/*　ナビゲーションエリア　*/
#container #headder #navi {
	clear: both;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 235px;
}

#container #headder #navi ul {
	
}

#container #headder #navi li {
	float: left;
}


/*　メインエリア
-----------------------------------　*/
#container #open {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 70px;
}



/*　メインエリア
-----------------------------------　*/
#container #main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 40px;
}



/*　電話番号変更
-----------------------------------　*/
#container #new_tel {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 70px;
}


/*　メインエリア- news
-----------------------------------　*/
#container #main .news {
	background-image: url(../../index-image/news.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding-right: 15px;
	padding-left: 130px;
	color: #000000;
	padding-top: 5px;
	margin-bottom: 20px;
}

#container #main .news a {
	color: #FF0000;
}

#container #main .news a:hover{
	color: #101B53;
}


/*　メインエリア- 料金
-----------------------------------　*/
#container #main .price {
	margin-bottom: 40px;
}





/*　メインエリア　レフトエリア
-----------------------------------　*/
#container #main #left {
	width: 650px;
	float: left;
}


/*　レフトエリア -船紹介
-----------------------------------　*/

#container #main #left .fune {
	margin-bottom: 40px;	
}

#container #main #left .fune .box_l {
	float: left;
	width: 309px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-right: 14px;
}

#container #main #left .fune .box_r {
	float: right;
	width: 310px;
	padding-left: 15px;
}

#container #main #left .fune .line {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;
	margin-bottom: 15px;
	margin-top: 15px;
}


/*　レフトエリア -店内紹介
-----------------------------------　*/

#container #main #left .shop {
	margin-bottom: 40px;	
}

#container #main #left .shop .box_l {
	float: left;
	width: 210px;
	margin-right: 10px;
	background-color: #000;
	text-align: center;
	margin-top: 10px;
}

#container #main #left .shop .box_r {
	float: right;
	width: 210px;
	background-color: #000;
	text-align: center;
	margin-top: 10px;
}



/*　
-----------------------------------　*/


#container #main #left .ryokin {
	margin-bottom: 10px;	
}

#container #main #left .ryokin .box_l {
	float: left;
	margin-right: 30px;
}

#container #main #left .ryokin .box_r {
	float: right;
}



#container #main #left .shusen {
	background-color: #101B53;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#container #main #left .shusen .box {
	background-color: #102084;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 10px;
}

#container #main #left .shusen .box .bin {
	padding: 5px;
	border: 1px solid #FFFFFF;
	margin-bottom: 15px;
}

#container #main #left .shusen .box .date {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 8px;
	background-image: url(../../index-image/mark.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 18px;
}

#container #main #left .shusen .box .noriai_box_l {
	float: left;
	width: 183px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	margin-right: 15px;
	margin-top: 10px;
}

#container #main #left .shusen .box .noriai_box_r {
	float: left;
	width: 182px;
	margin-top: 10px;
}


#container #main #left .shusen .box .shitate_box {
	margin-right: 15px;
	margin-top: 10px;
}


#container #main #left .shusen .box .charter_box_l {
	float: left;
	width: 287px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#container #main #left .shusen .box .charter_box_r {
	float: left;
	width: 287px;
	margin-top: 10px;
}


#container #main #left .shusen .tyui {
	font-size: 10px;
	padding-top: 15px;
}




#container #main #left .blog{
	margin-bottom: 10px;	
}

#container #main #left .blog p{
	padding-right: 10px;
	padding-left: 10px;
}


#container #main #left .blog .box_l {
	float: left;
	margin-right: 30px;
	width: 310px;
	background-image: url(../../index-image/blog/back.gif);
	background-repeat: repeat-y;
}

#container #main #left .blog .blog_area{
	margin-left: 15px;
	width: 280px;
}

#container #main #left .blog .box_r {
	float: right;
	width: 310px;
	background-image: url(../../index-image/blog/back.gif);
	background-repeat: repeat-y;
}





/*　メインエリア　ライトエリア　*/
#container #main #right {
	width: 250px;
	float: right;
}

#container #main #right .tel {
	margin-bottom: 10px;
	margin-top: 20px;
}

#container #main #right .bloc {
	margin-bottom: 20px;
}

#container #main #right .facebook {
	margin-top: 40px;
	background-color: #FFFFFF;
}





/*　フッターエリア　*/
#footerarea {
	margin-top: 60px;
	background-image: url(../../footer-image/back.jpg);
	background-repeat: no-repeat;
	height: 350px;
}

#footerarea .main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;	
}

#footerarea .main ul {
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-bottom: 7px;
	margin-bottom: 8px;
}

#footerarea .main li {
	float: left;
	margin-right: 25px;
	background-image: url(../../footer-image/mark.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}

address {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	font-style: normal;
}



/*　RSS フィード
----------------------------------------------- */

#feed1 li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1DACE4;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #1DACE4;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 20px;
}

#feed1 li .noriai_blog_l {
	float: left;
	margin-right: 10px;
	width: 100px;
}

#feed1 li .noriai_blog_r {
	float: right;
	width: 160px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

#feed1 li a {
	text-decoration: none;
}

#feed2 li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1DACE4;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #1DACE4;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 20px;
}

#feed2 li .staff_blog_l {
	float: left;
	margin-right: 10px;
	width: 100px;
}

#feed2 li .staff_blog_r {
	float: right;
	width: 160px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

#feed2 li a {
	text-decoration: none;

}



#feed3 li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1DACE4;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #1DACE4;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 20px;
}

#feed3 li .noriai_blog_l {
	float: left;
	margin-right: 10px;
	width: 100px;
}

#feed3 li .noriai_blog_r {
	float: right;
	width: 160px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

#feed3 li a {
	text-decoration: none;
}

#feed4 li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1DACE4;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #1DACE4;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 20px;
}

#feed4 li .staff_blog_l {
	float: left;
	margin-right: 10px;
	width: 100px;
}

#feed4 li .staff_blog_r {
	float: right;
	width: 160px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

#feed4 li a {
	text-decoration: none;

}