@charset 'utf-8';
@import url("common.css");

.clear{
	display				: inline-block;
}

.clear:after {
	content				: ".";
	display				: block;
	height				: 0;
	clear				: both;
	visibility			: hidden;
}

#head2 {
	width				: 950px;
	height				: 55px;
	background			: url("../img/headimg2.jpg") no-repeat;
	font-size			: 12px;
	line-height			: 1.2;
	color				: #EBD89C;
	text-align			: right;
}

#head2 a, #head2 a:hover {
	font-size			: 12px;
	line-height			: 1.2;
	color				: #EBD89C;
}

#head2 p {
	padding				: 30px 50px 0 0;
}

.pancolor a:link{
	color				: #ffc;
    font-weight			: bold;
    border				: 1px solid #fff;
}

#main {
	width				: 650px;
	height				: 1%;
	margin				: 0 35px 0 0;
	float				: right;
	display				: inline;
}

#main:after {
	content				: ".";
	display				: block;
	height				: 0;
	clear				: both;
	visibility			: hidden;
}

/*************** main *********************************************************/

#main {
	width				: 650px;
	height				: 1%;
	margin				: 0 35px 0 0;
	float				: right;
	display				: inline;
	text-align			: left;
}

#main:after {
	content				: ".";
	display				: block;
	height				: 0;
	clear				: both;
	visibility			: hidden;
}
/*************** mainメニュートップページ **************************************/

#menuH2{
	padding				: 20px 0 20px 0;
}

.subTitle{
	padding				: 20px 0 20px 0;
}

.menuList{
	list-style-type		: none;
}

#sMenuListA, #sMenuListB, #sMenuListC, #sMenuListD, #sMenuListE, #sMenuListF, #sMenuListG, #sMenuListH{
	width				: 600px;
	height				: 170px;
	margin-bottom		: 15px;
	float				: left;
}

#sMenuListA{background:url(../img/menubg_a.gif);}
#sMenuListB{background:url(../img/menubg_b.gif);}
#sMenuListC{background:url(../img/menubg_c.gif);}
#sMenuListD{background:url(../img/menubg_d.gif);}
#sMenuListE{background:url(../img/menubg_e.gif);}
#sMenuListF{background:url(../img/menubg_f.gif);}
#sMenuListG{background:url(../img/menubg_g.gif);}
#sMenuListH{background:url(../img/menubg_h.gif);}

.sMenuImg{
	margin				: 64px 15px 0 19px;
	float				: left;
}

.sMenuInfo{
	width				: 435px;
	height				: 35px;
	font-size			: 12px;
	color				: #3E1D0A;
	line-height			: 1.3;
	margin				: 64px 0 5px 0;
	float				: left;
}

.sMenuInfo2{
	width				: 280px;
	height				: 18px;
	font-size			: 12px;
	color				: #3E1D0A;
	line-height			: 1.3;
	margin				: 140px 0 5px 0;
	float				: left;
}

.sMenuInfo3{
	width				: 435px;
	height				: 30px;
	font-size			: 12px;
	color				: #3E1D0A;
	line-height			: 1.3;
	margin				: 64px 0 2px 0;
	float				: left;
}

.sMenuTime{
	width				: 260px;
	font-size			: 12px;
	color				: #3E1D0A;
	line-height			: 1.3;
	float				: left;
}

.sMenuMore{
	margin				: 10px 15px 0 0;
	float				: right;
}
.sMenuMore2{
	margin				: 130px 15px 0 0;
	float				: right;
}


/*************** mainメニュートップページ **************************************/

.menuEntryBox{
	width				: 650px;
}

.boxTop{
	background			: url(../img/bg_boxtop.gif);
	width				: 650px;
	height				: 150px;
}

.topTitle{
	width				: 650px;
	height				: 40px;
	text-align			: center;
	position			: relative;
	top					: 36px;
}

.topReserve{
	width				: 630px;
	height				: 37px;
	text-align			: right;
	position			: relative;
	top					: 60px;
}

.menuBoxWrap{
	background			: url(../img/paper.gif);
	width				: 650px;
}

.menuEntryBox2{
	width				: 650px;
}

.menuInfo1{
	width				: 610px;
	margin				: 0 0 0 20px;
}

.menuInfoPhoto{
	width				: 300px;
	height				: 220px;
	background			: url(../img/photo_back.gif) no-repeat;
	float				: left;
}

.menuInfoPhoto img{
	margin				: 17px 0 0 12px;
}

.menuInfoTitle{
	width				: 310px;
	float				: left;
	font-size			: 14px;
	font-weight			: bold;
	color				: #3E1D0A;
	padding-top			: 15px;
}

.menuInfoText{
	width				: 310px;
	float				: left;
	font-size			: 14px;
	color				: #3E1D0A;
	line-height			: 1.3;
	padding-top			: 10px;
}

.menuEntryBox3{
	width				: 330px;
	float				: left;
	padding-top			: 20px;
}

.eBoxTitleL{
	background			: url(../img/bg_eboxtitle.gif) no-repeat;
	width				: 310px;
	height				: 25px;
	margin				: 30px 0 0 20px;
}

.eBoxTitleL span, .eBoxTitleR span{
	width				: 285px;
	margin				: 4px 0 0 25px;
	font-size			: 14px;
	line-height			: 1.3;
	font-weight			: bold;
	color				: #3E1D0A;
}

.eBoxTextBL{
	width				: 305px;
	margin				: 4px 0 4px 25px;
	font-size			: 14px;
	line-height			: 1.3;
	font-weight			: bold;
	color				: #3E1D0A;
}

.eBoxTextBL a{
	font-size			: 14px;
	line-height			: 1.3;
	font-weight			: bold;
	color				: #3E1D0A;
}

.eBoxTextNL{
	width				: 305px;
	margin				: 4px 0 4px 25px;
	font-size			: 12px;
	line-height			: 1.3;
	color				: #3E1D0A;
}

.menuEntryBox4{
	width				: 320px;
	float				: left;
	padding-top			: 20px;
}

.eBoxTitleR{
	background			: url(../img/bg_eboxtitle.gif) no-repeat;
	width				: 310px;
	height				: 25px;
	margin				: 30px 0 0 0;
}

.eBoxTextBR{
	width				: 295px;
	margin				: 4px 0 4px 5px;
	font-size			: 14px;
	line-height			: 1.3;
	font-weight			: bold;
	color				: #3E1D0A;
}

.eBoxTextBR2 {
	width				: 295px;
	margin				: 4px 0 10px 5px;
	font-size			: 14px;
	line-height			: 1.3;
	font-weight			: bold;
	color				: #3E1D0A;
	text-align			: center;
}

.eBoxTextNR{
	width				: 295px;
	margin				: 4px 0 4px 5px;
	font-size			: 12px;
	line-height			: 1.3;
	color				: #3E1D0A;
}

.eBoxTextCenter{
	width				: 300px;
	text-align			: center;
	margin				: 4px 0;
	font-size			: 12px;
	line-height			: 1.3;
	color				: #3E1D0A;
}

.eBoxTextCenter span{
	font-size			: 14px;
	line-height			: 1.3;
	font-weight			: bold;
}
.menuEntryBox5{
	width				: 650px;
	clear				: both;
	padding-top			: 20px;
}

.eBoxTitleBottom{
	background			: url(../img/bg_eboxtitleL.gif) no-repeat;
	width				: 610px;
	height				: 25px;
	margin				: 30px 0 0 20px;
}

.eBoxTitleBottom span{
	margin				: 4px 0 0 25px;
	font-size			: 14px;
	line-height			: 1.3;
	font-weight			: bold;
	color				: #3E1D0A;
}

.menuEntryBox5 ul{
	margin				: 0 0 0 30px;
}

.menuEntryBox5 ul li{
	width				: 595px;
	margin				: 4px 0 4px 5px;
	font-size			: 12px;
	line-height			: 1.3;
	font-weight			: bold;
	color				: #3E1D0A;
	list-style-type		: square;
}

.bottomReserve{
	width				: 630px;
	height				: 70px;
	margin				: 20px 0;
	text-align			: right;
	clear				: both;
}

.bottomReserve2{
	width				: 630px;
	height				: 35px;
	margin				: 0;
	text-align			: right;
	clear				: both;
}

.bottomReserve2 img {
	margin				: 0 15px 0 0;
}

#moreMenu{
	width				: 650px;
	height				: 232px;
	background			: url(../img/bg_boxbottom.gif) no-repeat;
	clear:both;
	margin				: 20px 0 0 0;
}

#moreMenu li{
	float				: left;
	margin				: 40px 0 0 25px;
}

ul.recruitBox{
	text-align		: left;
    margin			: 0 auto;
    padding			: 0 20px 20px 20px;
    font-size		: 14px;
    color			: #300;
    line-height		: 1.5em;
}

.recruitext {
	font-size		: 14px;
	line-height		: 1.2;
	margin			: 0 0 10px 20px;
	padding			: 10px 0 0 0;
}

.tyui {
	width			: 615px;
	margin			: 0 auto;
}

.allart{
	font-size	: 16px;
    color		: #300;
    width		: 600px;
    line-height	: 1.5em;
    text-indent	: 1em;
    text-align	: left;
    margin: 0 auto;
}

.allartred{
	font-size	: 16px;
    color		: #900;
    line-height	: 1.5em;
}

.index{
	text-align: left;
	padding: 10px 0 10px 10px;
	font-size: 14px;
	color: #300;
	line-height: 1.5em;
	width: 610px;
}

.scl1day {
	margin	: 0 0 10px 0;
}

.scl2day {
	padding		: 10px 0;
	border-top : 1px dashed #300;
	border-bottom : 1px dashed #300;
}

.scl3day {
	margin	: 10px 0 0 0;
}

table.priceTable {
	margin		: 5px auto 20px auto;
	font-size	: 12px;
	line-height	: 1.2;
	text-align	: left;
}

table.priceTable th , table.priceTable td {
	height		: 25px;
	font-size	: 12px;
	line-height	: 1.2;
	font-weight	: normal;
}

.kosu {
	width		: 250px;
	text-align	: center;
}

.ryoukin {
	width		: 200px;
	text-align	: center;
}

.sanka {
	width		: 150px;
	text-align	: center;
}

.pricebox {
	text-align	: center;
}

.priceh2 , .otherPrivce {
	font-size	: 14px;
	line-height	: 1.2;
	text-align	: center;
	margin		: 0;
	padding		: 10px 0 0 0;
}

.boatprice {
	margin		: 0 0 45px 0;
}

.bo1 {
	border-top : 1px dotted #300;
}

.bo2 {
	border-bottom : 1px dotted #300;
}

.bo3 {
	border-top : 1px dotted #300;
	border-bottom : 1px dotted #300;
}

form {
	margin		: 0 auto;
}

.infoButton{
	margin-top	: 20px;
}

span.buttonPosi{
	margin	: 0 5px;
}

.shop1{
	width		: 650px;
    margin-top	: 30px;
    clear		: both;
}

div.sepciality{
	background	: url(../img/speciality.gif) no-repeat;
    width		: 370px;
    float		: right;
   padding		: 40px 0 0 0;
}

div.sepciality p{
    font-size		: 16px;
    color			: #fff;
    line-height		: 1.5em;
    text-align		: left;
    margin			: 10px 0;
}

div.shopP{
	background				: url(../img/flower.gif) no-repeat;
	background-position		: bottom left;
	float					: left;
    width					: 270px;
    height					: 250px;

}

div.flowerPosi{
	text-align	: left;
}


div.shopDetail{
	float		: left;
    text-align	: left;
   margin		: 20px 0 0 0;
}

div.shopDetail p{
	    width		: 400px;
    font-size		: 16px;
    color			: #fff;
    line-height		: 1.5em;
    text-align		: left;
    margin			: 10px 0;
}

div.boatP{
	float		: right;
    margin		: 70px 30px 0 0;
}


/*-----------------ショップ概要・こだわり---------------------*/


span.buttonPosi{
	margin	: 0 5px;
}

.shop1{
	width		: 650px;
    margin-top	: 30px;
    clear		: both;
}

div.sepciality{
	background	: url(../img/speciality.gif) no-repeat;
    width		: 370px;
    float		: right;
   padding		: 40px 0 0 0;
}

div.sepciality p{
    font-size		: 16px;
    color			: #fff;
    line-height		: 1.5em;
    text-align		: left;
    margin			: 10px 0;
}

div.shopP{
	background				: url(../img/flower.gif) no-repeat;
	background-position		: bottom left;
	float					: left;
    width					: 270px;
    height					: 250px;

}

div.flowerPosi{
	text-align	: left;
}


div.shopDetail{
	float		: left;
    text-align	: left;
   margin		: 20px 0 0 0;
}

div.shopDetail p{
	    width		: 300px;
    font-size		: 16px;
    color			: #fff;
    line-height		: 1.5em;
    text-align		: left;
    margin			: 10px 0;
}

div.boatP{
	float		: right;
    margin		: 70px 30px 0 0;
}

.imgmap {
	vertical-align	: bottom;
	clear			: both;
	margin			: 20px 0 ;
}

.imgmap img {
	vertical-align	: bottom;
}

.access {
	color			: #fff;
	font-size		: 14px;
	ling-height		: 1.2;
}

/*-----------------お店紹介・ボートのご案内---------------------*/
.Info{
    margin-top: 20px;
    text-align: left;
}

.Info p{
	font-size: 16px;
    color: #fff;
    text-align: left;
    padding: 10px 0 0 0;

}

.photoSet{
	margin: 30px 0 0 0;
    /*border: 1px solid #fff;*/
    height: 185px;
}

.photo1{
	display: inline;
float: left;
padding: 0px 50px 0 0;

}
.photo1 img , .photo2 {
	display: inline;
}

.photo1 p{
	font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 1.3em;
	letter-spacing: 0.2em;
    margin: 10px 0 50px 0;
}

.photo2{
	display: inline;
	float: left;

}

.photo2 p{
	font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 1.3em;
	letter-spacing: 0.2em;
    margin: 10px 0 50px 0;
}

.photoBox {
	float			: left;
}

.shopinfotit {
	margin			: 20px 0 0 20px;
}

div.photoL{
	background		: url(../img/shopinfobig.gif) no-repeat;
	width			: 320px;
    height			: 245px;
    padding			: 10px 0 0 10px;
	margin			: 20px 10px 20px 10px;
}

.introduction p {
	background		: url("../img/shopinfomin.gif") no-repeat;
	width			: 120px;
	height			: 120px;
	padding			: 10px 0 0 10px;
	margin			: 0;
	float			: left;
}

.introduction p img {
	margin			: 0;
	padding			: 0;
}

.shopinfo {
	width		: 250px;
	float		: left;
	font-size	: 14px;
	line-height	: 1.6;
}

.shopinfo p {
	margin		: 5px 0;
	font-size	: 14px;
	line-height	: 1.6;
	font-weight	: bold;
}

.boatinfo {
	clear		: both;
}

.boatPhoto {
	width		: 290px;
	height		: 245px;
	background	: url("../img/boatbg.gif") no-repeat;
	padding		: 36px 0 0 19px;
	float		: left;
}

.boatinfoText {
	font-size	: 20px;
	line-height	: 1.5;
	color		: #EDE7C7;
	float		: left;
	padding		: 20px 0 0 0;
}

.boatinfoText p {
	font-size	: 20px;
	line-height	: 1.5;
}

.rentalboat {
	clear		: both;
}