@charset "UTF-8";



body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background : #003300;
}

textarea {
	font-size: 11px;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
a {
	color: #333333;
}
a:hover {
	color: #A00E01;
}
img {
	border: none;
}
.look {
	background: #e7e5de;
}



/*リンク画像にカーソルがのった時の半透明設定
---------------------------------------------------------------------------------------*/
#contents a:hover img {
filter: Alpha(opacity=80);
opacity: 0.8; /*firefox safari*/
}


/*コンテナー
---------------------------------------------------------------------------------------*/
#container {
	background : #fbf9f1 url(container_bg.gif) repeat-y;
	text-align: left;
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;
}



/*ヘッダー
---------------------------------------------------------------------------------------*/
#header {
	background : url(header_bg.gif) no-repeat;
	height: 92px;
}
#header h1 {
	font-size: 10px;
text-indent: -9999px;

	line-height: 1.2em;
	font-weight: normal;	/*通常の文字の太さに設定。もし太字にしたいならこの１行を削除する*/
	padding-left: 20px;
	padding-top: 10px;
}

.link {
background: url("logogif.gif") no-repeat;
text-indent: -9999px;
display: block;
width: 436px;
height: 80px;
overflow: hidden;
}

/*メインメニュー
---------------------------------------------------------------------------------------
■画像なのでdisplay:inlineでもいいんですが、ビルダー編集画面で縦に並ぶので今回はfloat処理
---------------------------------------------------------------------------------------*/
ul#menu {
	width: 898px;
	margin-right: auto;
	margin-left: auto;
}
ul#menu li {
	float: left;
}
ul#menu img {
	vertical-align: bottom;
}

ul#sitemap li {margin-left: 30px;}




/*コンテンツ
---------------------------------------------------------------------------------------*/
#contents {
	clear: left;	/*メニューのfloat処理をここでクリア*/
	width: 898px;

	padding-top: 3px;
	margin-right: auto;
	margin-left: auto;
}

.bannerpink{
background: url("bnr015_08.png") no-repeat;
text-indent: 50px;
padding: 10px;
width: 600x;
height:75px;
}

.contents{
background: url("mainpage1.jpg") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 307px;
overflow: hidden;
}

.yokosobmp{
background: url("yokosobmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.campingcarlistbmp{
background: url("campingcarlistbmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.pricebmp {
background: url("pricebmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.calenderlogo {
background: url("calenderlogo.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.reservationbmp {
background: url("reservationbmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.insurancebmp {
background: url("insurancebmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.kiyakubmp {
background: url("kiyakubmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.rinkbmp {
background: url("rinklogo.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.oyakudachibmp{
background: url("oyakudachibmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.customerbmp{
background: url("customerlogo.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.optionbmp{
background: url("optionbmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.diarybmp{
background: url("diarybmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.qabmp{
background: url("qabmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.sitemapbmp{
background: url("sitemapbmp.bmp") no-repeat;
text-indent: -9999px;
display: block;
width: 898px;
height: 90px;
overflow: hidden;
}

.head003 {
height:14px;margin:5px 18px 0px 18px;padding:8px 0px 0px 8px;
font-size:12px;font-weight:bold;color:#FFFFFF;
background-image:url(images/head003_04.gif);
}

.head003-2 {
height:14px;margin:5px 18px 0px 18px;padding:8px 0px 0px 8px;
font-size:12px;font-weight:bold;color:#FFFFFF;
background-image:url(images/head003_01.gif);
}

.head003-3 {
height:14px;margin:5px 18px 0px 18px;padding:8px 0px 0px 8px;
font-size:12px;font-weight:bold;color:#FFFFFF;
background-image:url(images/head003_05.gif);
}

.head003-4 {
height:14px;margin:5px 18px 0px 18px;padding:8px 0px 0px 8px;
font-size:12px;font-weight:bold;color:#FFFFFF;
background-image:url(images/head003_02.gif);
}

/*メイン（右側）コンテンツ
---------------------------------------------------------------------------------------*/
#main {
	float: right;
	width: 630px;
	display: inline;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#main h2 {
clear: both;
	font-size: 100%;
	background : #99cc00;	/*h2の背景画像設定*/
	color: #003333;		/*h2の文字色（ここでは白）*/
	text-align: center;	/*h2の文字のセンタリング（中央よせ）。もし左よせがよければこの１行を削除する。*/
	line-height: 28px;
}

#main p {
	padding: 0.5em 20px 1em;	/*メインコンテンツ内の段落タグ<p>設定*/
}

#mainyakkan h3{
clear: both;
font-size:120%;
color: #006600;
text-align: left;
}

#mainyakkan h4{
clear: both;
font-size:100%;
background:#99ff99;
color: #333300;
text-align: left;
line-height: 25px;
}

#yakkanbox {
	width: 610px;
	height: 900px;
	overflow: scroll;
	background-color: #ffffff;
	border: dashed 1px green;
	padding: 0.3em;
	line-height: 1.4em;
}

div.mainleft {
float: right;
width: 50%;
}

div.mainleft2 {
	border: double 3px green;
	margin: 5px;
	float: right;
	width: 50%;
	background-color: #ffff99;
}

div.mainright {
float: right;
width: 30%
;}

div.mainleft33 {
clear: both;
float: left;
width: 33%;
}

div.mainleft25 {
clear: both;
float: left;
width: 25%;
}

div.mainleft50{
float: left;
width: 45%;
padding: 10px;
}

img.imgmargin {
margin: 3px 3px 3px 0px
}

img.sashie {
float: right;
}

/*サイド（左側）コンテンツ
---------------------------------------------------------------------------------------*/
#side {
	float: left;
	width: 230px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#side h3 {
	font-size: 100%;
	background : #669900;	/*h3の背景画像設定*/
	color: #FFFFFF;			/*h3の文字色（ここでは白）*/
	letter-spacing: 0.2em;	/*文字間隔をほんの気持ち広げる設定。通常にしたいなら、この１行を削除する。*/
	text-align: center;		/*h3の文字のセンタリング（中央よせ）。もし左よせがよければこの１行を削除する。*/
}
#side p {
	padding: 0px 10px 1em;	/*サイドコンテンツ内の段落タグ<p>設定*/
}

/*スクロールバー付きコラム*/
p.minibox {
float: right;	
width: 340px;
	height: 200px;
	overflow: scroll;
	background-color: #ffffff;
	border: dashed 1px green;
	padding: 0.3em;
	line-height: 1.4em;
}

/*コラムボックス*/
#box1 {
	float: center;
	width: 600px;
	border: 1px solid #DDDDDD;
	background-color: #ffff99;
	padding: 15px 5px 5px 5px;
	margin: 15px 5px;	
}

#box1red {
	float: center;
	text-align: left;
	width: 600px;
	border: 1px solid #DDDDDD;
	background-color: #ffcccc;
	padding: 5px;
	margin: 15px 5px;	
	border: double 3px green;
}

#box1red2 {
	float: center;
	text-align: left;
	width: 90%;
	border: 1px solid #DDDDDD;
	background-color: #ffcccc;
	padding: 5px;
	margin: 15px 5px;	
}

#box1lightgreen {
	float: center;
	text-align: left;
	width: 600px;
	border: 1px solid #DDDDDD;
	background-color: #ccffff;
	padding: 5px;
	margin: 15px 5px;	
	border: double 3px green;
}

#box1lightyellow {
	float: center;
	text-align: left;
	width: 600px;
	border: 1px solid #DDDDDD;
	background-color: #f8ffd7;
	padding: 5px;
	margin: 15px 5px;	
	border: double 3px green;
}

#inbox1 {
	float: center;
	width: 380px;
	border: 1px solid #999999;
	background-color: #ffffff;
	padding: 0px;
	margin: 5px;	
}

#inbox2 {
clear: both;
	float: center;
	width: 580px;
	border: 1px solid #999999;
	background-color: #ffffff;
	padding: 3px;
	margin: 5px;	
}

#box1 h3 {
	width: 70%;
	float: center;
	font-size: 100%;
	background : #006600;	/*h3の背景画像設定*/
	color: #FFFFFF;			/*h3の文字色（ここでは白）*/
	letter-spacing: 0.2em;	/*文字間隔をほんの気持ち広げる設定。通常にしたいなら、この１行を削除する。*/
	text-align: center;		/*h3の文字のセンタリング（中央よせ）。もし左よせがよければこの１行を削除する。*/
}

#box1 p {
	text-align: left;
	margin-left: 5px;
}


/*サイドメニュー
---------------------------------------------------------------------------------------*/
ul.sidemenu {
	margin-bottom: 20px;
}
ul.sidemenu li a {
	line-height: 36px;
	background : url(submenu_bg.gif) no-repeat;	/*サイドメニューの背景画像*/
	height: 36px;
	width: 220px;
	padding-left: 20px;
	display: block;
	color: #333333;
	text-decoration: none;
}
ul.sidemenu li a:hover {
	background : url(submenu_bg_over.gif) no-repeat;	/*カーソルオーバー時のサイドメニューの背景画像*/
	color: #333333;
}


/*当店のご紹介メニュー*/
#intro {
	clear: both;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
}
#intro p {
	font-size: 100%;
	text-align: center;
	padding: 0px 10px 1em;	/*サイドコンテンツ内の段落タグ<p>設定*/
}

#main2 {
	width: 100%;
	display: inline;
	margin-right: 20px;
	padding-top: 30px;
	padding-bottom: 20px;
}

#main2 h2 {
	font-size: 100%;
	background : #99cc00;	/*h2の背景画像設定*/
	color: #FFFFFF;		/*h2の文字色（ここでは白）*/
	text-align: center;	/*h2の文字のセンタリング（中央よせ）。もし左よせがよければこの１行を削除する。*/
	line-height: 28px;
}

#main3 {
	float: right;
	width: 380px;
}

#main3 h2 {
	font-size: 100%;
	background : #99cc00;	/*h2の背景画像設定*/
	color: #FFFFFF;		/*h2の文字色（ここでは白）*/
	text-align: center;	/*h2の文字のセンタリング（中央よせ）。もし左よせがよければこの１行を削除する。*/
	line-height: 28px;
}

#main4 {
float: left;	
width: 250px;
}



/*フッター
---------------------------------------------------------------------------------------*/
#footer {
	clear: both;			/*mainとsideのフロート処理解除*/
	width: 100%;
	background: #99cc00;	/*フッターの背景色*/
	text-align: center;		/*文字のセンタリング*/
	color: #FFFFFF;			/*文字色*/
	font-size: 10px;
}
#footer a {
	color: #FFFFFF;
}

/*h3装飾クラス*/
.h3red15px {
	color: #cc0000;
	font-size: 15px;
	text-align: left;
	margin-left: 20px;
}

.h3green13px {
	color: #009966;
	font-size: 13px;
	text-align: left;
	margin-left: 20px;
}

/*テーブル*/
.table_02 { 
width:100%;margin:0px 0px 10px 0px;padding:0px;
border-collapse:separate;
border-spacing:1px;
}
.table_02 th {
width:25%;padding:4px 2px 2px 4px;
text-align:center;vertical-align:middle;color:#339966;
background-color:#D8FEDA;
border:1px solid #BBBBBB;
}
.table_02 td {
padding:4px 2px 2px 4px;
border:1px dotted #999999;
}

/*規約用テーブル*/
.table_03 {
width:60%;margin:0px 0px 10px 0px;padding:0px;
border-collapse:collapse;
}
.table_03 th {
width:50%;padding:4px 2px 2px 4px;
text-align:center;vertical-align:middle;color:#006600;
background-color:#99ff66;
border:1px solid #333300;
}
.table_03 td {
padding:4px 2px 2px 4px;
text-align:center;vertical-align:middle;
background-color:#ccffcc;
border:1px solid #333300;
}

/*規約用テーブル背景グレー*/
.table_03g {
width:100%;margin:0px 0px 10px 0px;padding:0px;
border-collapse:collapse;
}
.table_03g th {
width:25%;padding:4px 2px 2px 4px;
text-align:center;vertical-align:middle;color:#ffffff;
background-color:#999999;
border:1px solid #333333;
}
.table_03g td {
padding:4px 2px 2px 4px;
text-align:left;
background-color:#ccff99;
border:1px solid #333333;
}

/*QA用テーブル背景グレー*/
table#table-qa {
    width: 590px;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
margin:20px 20px 20px 20px;
}

table#table-qa thead{
background-color: #ccccff; 
font-weight: bold;   
}

table#table-qa tbody{
background-color: #ffffff;   
}

table#table-qa th {
width: 10%;    
padding: 0px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	padding: 2px;
    white-space: nowrap; 
}
table#table-qa td {
width:90%;
    padding: 4px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: wrap;
}

/*提携用テーブル背景グレー*/

table#table-teikei {
    width: 590px;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
margin:20px 20px 20px 20px;
}

table#table-teikei thead{
background-color: #ccccff; 
text-align: center;
font-weight: bold;   
}

table#table-teikei tbody{
background-color: #ffffff;   
}

table#table-teikei th {
width: 45%;    
padding: 0px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	padding: 2px;
    white-space: nowrap; 
}
table#table-teikei td {
width:45%;
    padding: 4px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: wrap;
}

/*提携用テーブル2背景gif*/

table#table-teikei2 {
background: url("tableback1.gif") no-repeat;    
width: 600px;
height: 100px;
align: center;
cellspacing: 0px;
cellpadding: 2px;
margin:10px 10px 10px 10px;
}

table#table-teikei thead{
background-color: #ccccff; 
text-align: center;
font-weight: bold;   
}

table#table-teikei tbody{
background-color: #ffffff;   
}

table#table-teikei th {
width: 45%;    
padding: 0px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	padding: 2px;
    white-space: nowrap; 
}
table#table-teikei2 td {
width:180px;
    padding: 4px;
    text-align: left;
    white-space: wrap;
}

/*トップページ新着情報用テーブル*/

table.table001 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
align: center;
  font-size: 100%;
}

table.table001 th {
  background: #000066;
  text-align: center;
  white-space: nowrap;
  font-size: 100%;
border:1px solid #000066;
  color: #FFF;
}

table.table001 td {
  background: #ffffff;
  text-align: center;
font-size: 100%;
  white-space: nowrap;
border:1px solid #000066;
}

/*商品リスト用テーブル*/
table#table-list {
    width: 590px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 0px;
    border-collapse: collapse;
    border-spacing: 0;
margin:20px 20px 20px 20px;
}

table#table-list td {
width:50%;
    padding: 4px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 0 0;
    text-align: left;
    white-space: wrap;
}