/*----------------------------------------------------------
   夏の伊豆遊び
-----------------------------------------------------------*/

/*setting
------------------------------------*/
body#index{ background: #d6c9aa url(../images/header_fin.jpg) repeat-x ; background-position: 50% 0%;}
body {font-size: 12px;line-height: 170%;color: #fff; margin: 0; padding: 0; font-family: Arial; }
a:hover img{opacity:0.6;filter: alpha(opacity=60);}
b.red{ color: red;}
b.big{  font-size: 20px; line-height: 170%;}
img.img_right{ float: right; margin-left: 10px; margin-bottom: 10px;}
img.img_left{ float: left; margin-right: 20px; margin-bottom: 10px;}
img.photo{ background: #fff; border: 1px solid #ccc; padding: 5px;}
.clear{ clear: both; margin: 0; padding: 0; }
.clear_left{ clear: left; margin: 0; padding: 0; }
a:link {color:#663300;text-decoration:underline;}
a:visited {color:#663300;text-decoration:underline;}
a:hover {color:#996633;text-decoration:underline;}
a:active {color:##996633;}
.right{ float: right;}
h1,h2{ margin: 0; padding: 0;}
.mb40{margin-bottom: 40px}
.mr40{margin-right: 40px}
.mr7{margin-right: 7px}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mt15{margin-top: 15px}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.fleft{float: left;}
.fright{float: right;}

/*contents
------------------------------------*/
#header{width: 960px; margin-left: auto; margin-right: auto; margin-top: 25px;
height: 450px;}
h1{display: none;}	
#camp{width: 273px; padding: 10px; background: #cf0000;
margin: 100px 0 0 640px;}
#mapbox{width: 930px;margin-left: auto; margin-right: auto; padding: 15px;
	background: #1a415f;}
#mapimg{width: 384px; height: 434px; background: url(../images/map.jpg);float: left;}
div#info{height: 400px; width:530px; float: right; margin-right: 0px;}
div#info img{margin-bottom: 5px;}
h2{margin-bottom: 8px;}
div.inbox{height: 400px;}
img#frag001{position: relative; top: 39px; left: 240px;}
img#frag002{position: relative; top: 240px; left: 179px;}
img#frag003{position: relative; top: 151px; left: 97px;}
img#frag004{position: relative; top: 199px; left: 109px;}
img#frag005{position: relative; top: 115px; left: 116px;}
img#frag006{position: relative; top: 295px; left: 55px;}
img#frag007{position: relative; top: 152px; left: 97px;}
img#frag008{position: relative; top: 154px; left: 3px;}

.blackbox{width: 920px;margin-left: auto; margin-right: auto; padding: 20px;
	background: #323232; margin-top: 20px; margin-bottom: 20px ;}
.text{width: 440px;float: left;}
.text p{margin-left: 47px;}
.limg{ float: right; }
.simg{margin-top: 20px;}
.simg img{margin-right: 20px; float: left;}
.simg .memo img{float: right; margin-right: 0; margin-left: 20px;}
.memo{width: 440px; float: right;}
p.orange{color: #ffa93d;}
h3{font-size: 14px;  margin: 0 0 10px 0;}
.gotop{width: 940px; margin-left: auto; margin-right: auto;display: block; 
	margin-top: 10px; font-size: 10px; text-align: right; }

.copy{color: #000;}
#gaiyo{width: 920px;margin-left: auto; margin-right: auto; padding: 20px;
	background: #555; margin-top: 20px; margin-bottom: 20px ;}
table.basic{width: 900px;}
table.basic td, table.basic th{border:none; border-bottom: 1px solid #aaa;
padding: 10px;}
table.basic th{background: #666;}