@charset "Shift_JIS" ;

/* サブページ　基本レイアウト 
------------------------------------------*/
#container {
	margin : 0 auto;
	text-align : left;
	width : 915px;
	color: #006699;
	background: url(../img/umi/main_bg.jpg) repeat-y;
	height: auto;
}

#container a {
	text-decoration : underline;
	color : #006699;
	font-weight: bold;
}

#container a:hover { 
	text-decoration : none ;
	color : #DF7118;
}

#map {
	margin-right: 0px;
	height: auto;
}


#yohou {
	text-align : right;
	margin : 0 22px 3px 0;
}

/* サブページヘッダー---------------------*/
#header {
	margin : 0px;
	background:  url(../img/umi/h_bg.jpg) no-repeat;
	padding: 0px;
	height: 150px;
	width: 915px;
}
#moritop {
	position:absolute;
	height: 150px;
}

#header #wajima_b a{
	position:relative;
	top:-70px;
	left:630px;
	height:17px ;
	width:16px ;
	display : block;
	text-indent : -9999px;
	overflow : hidden;
}

#header #umamichi_b a {
	position:relative;
    top:-57px;
    left:662px;
    height:17px;
    width:16px;
	display : block;
    text-indent:-9999px;
	overflow : hidden;
}




#header #wajima_b2 a{

	position:relative;
	top:76px;
	left:805px;
	height:17px ;
	width:16px ;
	display : block;
	text-indent : -9999px;
	overflow : hidden;
}

#header #umamichi_b2 a {

	position:relative;
    top:110px;
    left:835px;
    height:17px;
    width:16px;
	display : block;
    text-indent:-9999px;
	overflow : hidden;
}



#header #wajima_btn a{

	position:absolute;
	top:76px;
	left:695px!important ;
	left /* */ :722px; /* */
	height:17px ;
	width:29px ;
	display : block;
	text-indent : -9999px;
	overflow : hidden;
}

#header #umamichi_btn a {

    position:absolute;
    top:110px;
    left:725px!important ;
	left /* */ :755px; /* */
    height:17px;
    width:29px;
	display : block;
    text-indent:-9999px;
	overflow : hidden;
}





/* サブページメイン----------------------------*/
#bg {
	background: url(../img/umi/main_bg.jpg) left bottom no-repeat;
}

#main {
	margin : 0;
	width: 915px;
	height: auto;
	padding: 0px 25px 0px 65px;
	position: relative;
}
#m_box {
	width: 837px;
	height: auto;
	position: relative;

}

#tenki {
	background: url(../img/umi/tenki_bg.jpg) no-repeat;
	height: 18px;
	width: auto;
	margin: 0px;
	text-align: right;
	color: #333333;
	padding-right: 25px;
	padding-left: 180px;
}


#tenki_frame {
	margin : 2px 0 0;
}


#tenki_frame a,
#tenki a {
	color: #ff1111;
	font-weight: normal;
}

#tenki_frame a:hover,
#tenki a:hover {
	color: #ff3333;
}


.box {
	margin: 20px 6px 0px 0px;
	padding: 0px;
	height: 250px;
	width: 198px;
	float: left;
	border: 1px solid #009BD8;
	background: #FBF6D5;
	display: inline;
}
.img_01 {
	margin-top: 20px;
}

.box p {
	text-align: left;
	margin: 0px auto;
	background: #FBF6D5;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	height: auto;
	width: auto;
	position: relative;
}
.line01 {
	line-height: 2em;
	padding-bottom: 20px;
	width: 830px;
}



#footer {

	margin: 20px 0px 0px;
	padding: 3px 0px 0px;
	height: 39px;
	width: 915px;
	clear: both;
	position: relative;
}
#link {
	width: auto;
	padding-left: 45px;
	clear: both;
	padding-top: 8px;
	color: #FFFFFF;
}
#link li {
	background: url(../img/maru.jpg) no-repeat left center;
	letter-spacing: 0.5px;
	float: left;
	padding-left: 16px;
}
#link li a {
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}
#link li a:hover {
	color: #EDE721;
}

.right2 {
	float: right;
	color: #666666;
	margin-right: 25px;
	border-top: 1px none #009AD8;
	border-right: 1px solid #009AD8;
	border-bottom: 1px solid #009AD8;
	border-left: 1px solid #009AD8;
	line-height: 1.5em;
}
.list01 {
	padding-left: 10px;
}
#map_box1 {


	width: 837px;
	height: 420px;
	padding-top: 20px;
}
#map_box2 {



	width: 837px;

	padding-top: 20px;
}
.left {
	float: left;
	color: #666666;
}
.right {
	padding-right: 130px;
	float: right;
}

#ryo_left {
	float: left;
	height: auto;
	width: 460px;
}
#ryo_right {
	float: right;
	text-align : center;
	height: auto;
	width: auto;
	padding-right: 100px;
	padding-top: 55px;
}
#ryo_right img {
	margin : 10px 0;
}

/* 料金レイアウト-----------------------------------------*/
table.layout01{
	border-top:1px solid #006699;
	border-left:1px solid #006699;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	color: #006699;
	width: 95%;
	margin-bottom: 25px;
}
.layout01 th{
	border-right:1px solid #0099D9;
	border-bottom:1px solid #0099D9;
	color:#006699;
	padding:0.3em 1em;
	text-align:center;
	background: #F1E227 left top;
}
.layout01 td{
    border-right:1px solid #006699;
    border-bottom:1px solid #006699;
    padding:0.3em 1em;
}
#ryo_left img {
	margin-bottom: 3px;
}



.umiwaku {
	border : 1px solid #006699;
	padding : 3px;
	width : 450px;
}