@charset "utf-8";

/*formatting style                      

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



* {

	font-style: normal;

	margin: 0px;

	padding: 0px;

}

body {
	font-family: sans-serif;
	font-size: 75%;
	line-height: 1.6;
	color: #333333;
	background-color: #3366FF;
	background-image: url(../top-images/haikei.gif);
	background-repeat: repeat;

}

hr {

	display: none;

}

/*link style                   

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

a img {

	border-style: none;

}

a:link {

	color: #666666;

	text-decoration: underline;

}

a:visited {

	color: #999999;

	text-decoration: underline;

}

a:hover {

	color: #333333;

	text-decoration: none;

}

a:active {

	text-decoration: none;

	position: relative;

	left: +1px;

	top: +1px;

}

/*bssic layout                      

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

#wrapper {

	background-color: #FFFFFF;

	margin: 0px auto;

	width: 898px;

	border-right: 1px solid #666666;

	border-left: 1px solid #666666;

}

#main {

	padding: 15px;

	float: right;

	width: 593px;

	margin-bottom: 20px;

}

#sidebar {

	padding: 15px;

	float: left;

	width: 245px;

	margin-bottom: 20px;

}

#footer {

	color: #FFFFFF;

	background-color: #000033;

	padding: 15px;

	clear: both;

	height: 50px;

}

/* toplogo styles                     

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



#toplogo {

	background-color: #FFFFFF;

	height: 40px;

	border-bottom: 5px solid #000033;

	position: relative;

}

#toplogo #logo {

	position: absolute;

	top: 10px;

	left: 10px;

}

#header {

	background-image: url(../page-image/tenpo-top.jpg);

	background-repeat: no-repeat;

	height: 255px;

	position: relative;

}

#menseki #header {

	background-image: url(../page-image-2/maptop.jpg);

}



#user #header {
	background-image: url(../hakodate/page-image/h-user.jpg);

}



#contact #header {

	background-image: url(../page-image/contact-top.jpg);

}



#map #header {
	background-image: url(../page-image/kouyou-top.jpg);

}

#pol #header {
	background-image: url(../page-image/kouyou-top.jpg);

}





#price #header {
	background-image: url(../hakodate/page-image/h-pri.jpg);

}
#shop #header {
	background-image: url(../hakodate/page-image/h-shop.jpg);
	background-repeat: no-repeat;
}




#car #header {
	background-image: url(../hakodate/page-image/h-car.jpg);
	background-repeat: no-repeat;

}



#link #header {

	background-image: url(../page-image/link-top.jpg);

}



#faq #header {

	background-image: url(../page-image/faq-top.jpg);

}
#camp #header {
	background-image: url(../page-image/link-top.jpg);
}


#car1 #header {

	height: 50px;

	margin-bottom: 50px;

	background-image: none;

}
#yoyakuprre #header {
	background-image: url(../page-image/preyoyaku-top.jpg);
	background-repeat: no-repeat;
}

#yoyakurioc #header {
	background-image: url(../hakodate/page-image/yoyakuca.jpg);
	background-repeat: no-repeat;
}
#yoyaku2room #header {
	background-image: url(../hakodate/page-image/yoyaku2r.jpg);
	background-repeat: no-repeat;
}


#com-top #header {
	background-image: url(../page-image-2/maptop.jpg);
}

#yoyakuat #header {
	background-image: url(../page-image/atheyoyaku.jpg);
}
#yoyaku #header {
	background-image: url(../hakodate/page-image/h-yoyaku.jpg);
	background-repeat: no-repeat;
}



#yoyakutyx #header {

	background-image: url(../page-image/typex-ytop.jpg);

}

#yoyakuco #header {

	background-image: url(../page-image/car-top.jpg);

}

#yoyakupr #header {

	background-image: url(../page-image/preyoyaku-top.jpg);

}
#yoyakuzil #header {
	background-image: url(../page-image/ziltop.jpg);
	background-repeat: no-repeat;
}
#yoyakuniw #header {
	background-image: url(../page-image/top-niw.jpg);
	background-repeat: no-repeat;
}











#header ul {

	background-color: #FFFFFF;

	width: 898px;

	position: absolute;

	left: 0px;

	top: 200px;

}

#header ul li {

	float: left;

	list-style: none;

}

#header ul li a {
	line-height: 2.5em;
	color: #666666;
	text-decoration: none;
	background-color: #CCCCCC;
	text-align: center;
	display: block;
	height: 2.5em;
	width: 126px;
	border-top: 3px solid #FFFF66;
	border-bottom: 3px double #999999;
	border-left: 2px solid #FFFFFF;



/* main style                    

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

}

#header ul li a:hover {

	background-color: #e8ecf5;

}

#home #header #nHome a,

#shop #header #nShop a,

#car #header #nCar a,

#price #header #nPrice a,

#yoyaku #header #nyoyaku a,

#user #header #nReservation a,

#contact #header #nContact a,

#faq #header #nFaq a,

#link #header #nLink a

{

	color: #FFFFFF;

	background-color: #828ca7;

}



#main h2 {

	margin-bottom: 15px;

	font-size: 100%;

	font-weight: bold;

	background-image: url(../page-image/midasi2.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

	border-top: 3px solid #FF6600;

	border-bottom: 1px dotted #333333;

}

#main p {

	line-height: 1.8;

	margin-bottom: 1em;

}

#main dl#news dt {

	font-weight: bold;

	background-image: url(../top-images/point.gif);

	background-repeat: no-repeat;

	background-position: left center;

	margin: 0px 0px 10px;

	clear: left;

	float: left;

	width: 5em;

	padding-left: 15px;

}

#main dl#news dd {

	margin: 0px 0px 10px 6em;





/* sidebar styles                    

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



}

#sidebar h2 {

	margin-bottom: 15px;

}
#sidebar #h21 {
	background-image: url(../page-image/hishi-us.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	border-bottom: 2px solid #FF9933;
	font-size: 100%;
}




#sidebar dl dt a {

	padding: 5px;

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	border: 1px solid #CCCCCC;

}

#sidebar   dl   dt {

	clear: both;

}

#sidebar dl dd {

	margin-bottom: 10px;

}



#sidebar ul {

	margin-top: 10px;

}

#sidebar  ul  li  {

	margin-bottom: 6px;

	list-style: none;

}

#sidebar ul li a {

	background-image: url(../page-image/yagirushi2.gif);

	background-repeat: no-repeat;

	background-position: left center;

	display: block;

	width: 210px;

	padding-left: 15px;

}

#sidebar  ul  li a:hover {

	background-image: url(../page-image/yajirushi.gif);

}



/*footer styles                     

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

#footer ul li a {

	color: #CCCCCC;

}



#footer ul li:hover {

	color: #FFFFFF;

	text-decoration: none;

}

#footer p a {

	color: #CCCCCC;

}

#footer p a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

#footer ul li {

	display: inline;

	margin-right: 15px;

	list-style: none;

}

#footer ul {

	height: 1%;

}



#footer p {

	margin: 0px;

	float: right;

}

/*faq                   

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

#main  dl#faqlist  dt {

	font-weight: bold;

	background-image: url(../page-image/q.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 25px;

}

#main dl#faqlist dd {

	line-height: 1.8;

	background-image: url(../page-image/a.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-bottom: 1em;

	padding-left: 25px;

}

/*table                      

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

#main table {

	margin-bottom: 15px;

	border-top: 1px solid #FF9966;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-collapse:collapse;

	float: none;

	height: 1%;

}

#main table th {

	text-align: right;

	padding: 5px 15px;

	border-bottom: 1px solid #FF9966;

}

#main table td {

	padding: 5px 15px;

	border-bottom: 1px solid #FF9966;

}

#main  table  tr.odd {

	background-color: #FFCC99;

}

#main h3 {

	margin-bottom: 15px;

	float: left;

	margin-right: 5px;

}

#main #accsesslist dt {

	font-weight: bold;

	margin-bottom: 5px;

}

#main #accsesslist dd {

	margin-bottom: 5px;

}

#main #accsesslist p {

	float: right;

	margin-right: 10px;

	font-weight: bold;

}

/* link                 

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

#main  dl#camplist dt  {

	font-weight: bold;

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 25px;

	border-bottom: 1px solid #CCCCCC;

}

#main dl#camplist dd {

	line-height: 1.8;

	padding-bottom: 1px;

	padding-left: 25px;

	margin-bottom: 10px;

}

#main dl#linkship dt {

	font-weight: bold;

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 25px;

	border-bottom: 1px solid #CCCCCC;

}

#main dl#linkship dd {

	line-height: 1.8;

	padding-bottom: 1px;

	padding-left: 25px;

	margin-bottom: 10px;

}

#main dl#linkryuko dt {

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 25px;

	border-bottom: 1px solid #CCCCCC;

	font-weight: bold;

}

#main dl#linkryuko dd {

	line-height: 1.8;

	margin-bottom: 10px;

	padding-bottom: 1px;

	padding-left: 25px;

}

#main dl#linkrv dt {

	font-weight: bold;

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 25px;

	border-bottom: 1px solid #CCCCCC;

}

#main dl#linkrv dd {

	line-height: 1.8;

	margin-bottom: 10px;

	padding-bottom: 1px;

	padding-left: 25px;

}
#main #inkp {
	padding-left: 25px;
}


#main /* cars                 

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



 #pic {

	margin-right: 20px;

}

#main    #pagelink    a:link {

	color: #0066FF;

	text-decoration: underline;

}

#main #pagelink a:visited {

	color: #0066FF;

	text-decoration: underline;

}

#main #pagelink a:hover {

	color: #0099CC;

	text-decoration: none;

}

#main #pagelink a:active {

	position: relative;

	left: 1px;

	top: 1px;

}

#main #syuyou img {

	margin-left: 325px;

}

#main   /* price                  

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

#tapr    tr.pri  {

	background-color: #FFFFCC;

}

#main #tapr {
	border-top: 1px solid #66CC33;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 0px none;
	border-collapse:collapse;
	clear: none;
	float: none;
	margin-bottom: 15px;
	margin-left: 30px;
	margin-top: 30px;
	width: 570px;

}

#main #tapr th {

	border-bottom: 1px solid #66CC33;

	text-align: center;

	padding: 5px 15px;

}

#main #tapr td {

	border-bottom: 1px solid #66CC33;

	text-align: center;

	padding: 5px 15px;

}

#main #yuta {

	margin-left: 40px;

	margin-bottom: 15px;

	border-right: 1px solid #FF9966;

	border-left: 1px solid #FF9966;

}

#main #yuta td {

	text-align: right;

	border-right: 1px solid #FF9966;

	padding: 5px 15px;

}

#main #yuta th {

	text-align: center;

	padding: 5px 15px;

}

#main #gata {

	margin-left: 40px;

}







#main #prp {

	font-weight: normal;

	background-image: url(../page-image/hishi-us.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

	margin-left: 40px;

}

#main #prp2 {

	margin-left: 40px;

}



#main #pim {
	margin-top: 10px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	background-image: url(../page-image/hishi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;

}

#main #pim1 {

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: bold;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

	margin-top: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #CCCCCC;

}

#main #pim2 {

	font-weight: bold;

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	background-position: left center;

	margin-top: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #CCCCCC;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

}

#main #pim3 {

	font-weight: bold;

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	background-position: left center;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

	border-bottom: 1px solid #CCCCCC;

}
#main #pim4 {
	font-weight: bold;
	background-image: url(../page-image/hishi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main #pim5 {
	background-image: url(../page-image/hishi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
}





/* map                     

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

#main #ma {

	margin-left: 150px;

	margin-bottom: 20px;

}

#main #mati {

	font-weight: bold;

	margin-left: 50px;

}

/*  user                    

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

#user #main #usp {

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	background-position: left center;

	border-bottom: 1px solid #CCCCCC;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

	margin-left: 10px;

	font-weight: bold;

}

#user #main #usdl {
	margin-bottom: 15px;
	margin-left: 70px;

}

#user #main #usdl dd {
	margin-bottom: 15px;

}

#user #main #usdl dt {

	font-weight: bold;

	margin-bottom: 5px;

	background-image: url(../page-image/hishi-us.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

}

#main #usta {
	margin-left: 50px;
	text-align: center;

}



/*  police                   

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

#main #podl {

	margin-left: 50px;

	font-weight: normal;

}

#main #podl dt {

	background-image: url(../page-image/hishi-us.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

	font-weight: bold;

}

/*   cars                   

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

#main #carta {

	margin-left: 20px;

	text-align: center;

}

#main #carp {

	font-weight: bold;

	background-image: url(../page-image/hishi.gif);

	background-repeat: no-repeat;

	margin-left: 20px;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

	background-position: left center;

}

#header #carmi {

	top: 0px;

}

/*   dairy                   

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

#main #dap {

	clear: none;

	float: left;

	margin-bottom: 30px;

	margin-right: 15px;

}

#main #data {

	font-weight: normal;

	margin-bottom: 50px;

}

/*    form                  

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

#main  form {

	margin-bottom: 25px;

}

#main input[type="text"], #main texyarea {

	border: 1px solid #999999;

}

#main form em {

	color: #FF0000;

	padding-left: 5px;

}

#main #form textarea #comment {

	overflow: auto;

	height: 120px;

	width: 300px;

}

#main table tr.con {

	background-color: #FFFFCC;

}

#main #yday {

	text-align: right;

}

#main #gorai {

	font-weight: bold;

}
#main #pcur {
	padding-left: 100px;
}
#main #linkbr {
	padding-left: 50px;
}
#main #linkbr2 {
	float: left;
}
#main #bota {
	margin-left: 40px;
}





address#footerad {

	text-align: center;

	margin-top: 30px;

}
#main #tapr1 {
	border-top: 1px solid #66CC33;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 0px none;
	border-collapse:collapse;
	clear: none;
	float: none;
}
#main #tapr1 th {
	border-bottom: 1px solid #66CC33;
	text-align: center;
	padding: 5px 15px;
}
#main #tapr1 td {
	border-bottom: 1px solid #66CC33;
	text-align: center;
	padding: 5px 15px;
}
#main #tapr1 tr.pri {
	background-color: #FFFFCC;
}
#main #usta1 {
	text-align: center;
}
#main #pti {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #666666;
}