@charset "utf-8";
/* richall.jp */

/* init */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,blockquote,th,td,form,input,textarea {margin:0;padding:0;font-size:13px;}
body {color:#;line-height:1;background:url(../img/html-bg.jpg) repeat-y center top;text-align:center;}
h1 {margin:5px 0 0 24px;text-indent:-21010px;background:url(../img/logo.png) left top no-repeat;float:left;display:inline;}
ol,ul {list-style:none;}
hr {display:none;}
img,a img {border:none;}
img {vertical-align:top;}
a:link {color:#00F;text-decoration:underline;}
a:visited {color:#800080;text-decoration:underline;}
a:hover {color:#800080;text-decoration:underline;}
a:active {color:#800080;text-decoration:underline;}

/* layout */
#wrapper {width:1024px;margin:0 auto;padding:0;text-align:left;}
#header {width:1024px;height:132px;background:url(../img/header-bg.jpg) left top repeat-x;}
#footer {width:1024px;background:#333300 url(../img/footer-bg.jpg) no-repeat;color:#fff;float:left;display:inline;clear:both;}

#nav {width:1024px;margin-bottom:10px;float:left;display:inline;}
#contents {width:1024px;}

/* grid */
.article {width:992px;margin:16px 16px 0;padding-bottom:16px}
.aside {width:1024px;background:url(../img/nav_bg.gif); float:left;display:inline;} 

/* id */
#catchcopy {width:700px;height:24px;float:left;display:inline;margin:10px 10px 0 10px;font-size:.77em;line-height:1;color:#FFF;}
#search-box { float:right;display:inline;margin:5px 10px 0 10px;}
#search-box input {font-size:.7em;}

#global-header-menu {width:432px;margin:10px 50px 15px 0;float:right;display:inline;border-right:1px solid #333;text-align:right;}
#global-header-menu li {padding:0 8px;line-height:1.2;border-left:1px solid #333;float:right;display:inline;}
#global-header-menu li a {color:#333;text-decoration:none;}
#global-header-menu li a:hover {text-decoration:underline;}
#global-header-tel {width:332px;height:63px;margin:0 50px 0 0;text-indent:-21010px;background:url(../img/global-header-tel-bg.png) left top no-repeat;float:right;display:inline;}

#contents-menu {width:1000px;margin-bottom:1px;}
#contents-menu li {line-height:0;float:left;display:inline;}

#breadcrumbs {width:1024px;height:25px;background:#F0EDE4;}
#breadcrumbs li {margin-top:8px;padding:0 5px 0 15px;font-size:.77em;background:url(../img/breadcrumbs-li-bg.gif) left top no-repeat;float:left;display:inline;}
#breadcrumbs li.breadcrumbs-start {padding-left:20px;background:none;}
#breadcrumbs li a {color:#262626;text-decoration:none;}

#live-camera-charpter {width:1024px;height:500px;float:left;display:inline;position:relative;}
#live-camera-charpter .howcamera {width:258px;height:77px;position:absolute;bottom:5px;right:0;z-index:1;}
#live-camera-charpter .mapimage { width:1024px;height:500px;position:absolute;top:0;left:0;z-index:0;}
#live-camera-charpter .shadow {width:1024px;height:7px;background:url(../img/map_bg.png) repeat-x;position:absolute;top:0;z-index:2;}


.global-footer-menu {width:414px;margin:15px 10px 0 0;text-align:right;float:right;display:inline;}
.global-footer-menu li {padding:0 8px;font-size:.92em;line-height:1;color:#fff;border-left:1px solid #fff;float:right;display:inline;}
.global-footer-menu li.st {border:none;}
.global-footer-menu li a {color:#fff;text-decoration:none;}
.global-footer-menu li a:hover {color:#fff;text-decoration:underline;}

#global-footer-nav {width:1014px;margin:20px 0 5px 10px;text-align:left; float:left;display:inline;}
#global-footer-nav li {padding:0 8px;font-size:.92em;line-height:1.2;color:#fff;border-right:1px solid #fff;display:inline;}
#global-footer-nav li.ls {border:none;}
#global-footer-nav li a {color:#fff;text-decoration:none;}
#global-footer-nav li a:hover {text-decoration:underline;}

#copyright {width:570px;margin:15px;font-size:.77em; line-height:1.4;float:left;display:inline;}
#caution {width:1004px;height:60px;float:left;display:inline;margin:10px;}


/* peculiar */
h1 a {width:435px;height:88px;display:block;overflow:hidden;}
h2 { margin:15px 0 10px 20px;}

/* class */
.aside p {margin-bottom:1px;}
.btm {font-size:0;}
.center-box { float:left;width:995px;}
.left-box { float:left;width:656px;}
.right-box { float:right;width:326px;}


.submenu { width:1006px;margin:9px 0 9px 9px;}
.submenu li {margin:0 11px 0 0;padding:0;line-height:1;float:left;display:inline}
.submenu li.ls {margin:0;}
.submenu li a {/zoom:1;/display: inline;}
.submenu li a:hover {text-decoration:underline;}

.place-box { margin-top:15px; width:656px; background:url(../img/camera-place.png) no-repeat;height:115px; float:left;display:inline}
.place-box p { margin-left:20px; margin-top:20px; color:#fff; font-size:15px; line-height:1.4}
.place-box p img { margin-right:15px;}

.use-box { width:995px; background:url(../img/usebox-bg.jpg) repeat-y;}

.use-box .btm {margin:0;height:7px;background:url(../img/usebox_btm.jpg) no-repeat center bottom;}
.use-box h4{
	font-size: 16px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom:10px;
	color: #FF6600;
}
.use-box p {
	margin-left:15px;
	line-height: 2em;
}
.use-box dl{
	width:995px;
	height:260px
 }
 
.use-box dt { color:#CC0000;margin-bottom:5px;}
.use-box dd { line-height:2;}
.use-box dl .floatleft { margin-left:20px; margin-right:15px;}

.movietxt{
color:#fff;
background-color:#99CC00;
padding:3px 5px 3px 5px;
margin:0 2px 0 2px;
}

.phototxt{
color:#fff;
background-color:#FF6600;
padding:3px 5px 3px 5px;
margin:0 2px 0 2px;
}


.movie-box { width:656px; background:url(../img/camera-leftbox-bg.jpg) repeat-y;}
.movie-box h4{
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	color: #FF6600;
}
.movie-box p {
	margin-left:15px;
	line-height: 2em;
}


.movie-box dl {
	width:630px;
	height:200px;
	margin:10px auto 5px;
	padding-bottom:20px;
	background:url(../../common/img/use-line.gif) no-repeat center bottom;
}

.movie-box dt {
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom:10px;
	color: #FF6600;
}

.movie-box dd {
	line-height:2;
}

.movie-box dd .floatleft {
	margin-right:10px;
}

.movie-box .btm {margin:0;height:7px;background:url(../img/camera-leftbox-btm.jpg) no-repeat center bottom;}

.map-box { width:326px;margin-bottom:10px;background:url(../img/camera-rightbox-bg.jpg) repeat-y;}
.map-box p { margin-left:7px;}
.map-box .btm {margin:0;height:7px;background:url(../img/camera-rightbox-btm.jpg) no-repeat center bottom;}
.map-box dl { width:300px; margin:10px auto 5px;padding-bottom:10px;background:url(../img/camera-rightbox-line.gif) no-repeat center bottom;}
.map-box dt { color:#CC0000;margin-bottom:5px;}
.map-box dd { line-height:1.4;}
.map-box dd .floatleft { margin-right:10px;}

.shadow-page {width:1024px;height:7px;background:url(../img/map_bg.png) repeat-x;}
.subbanner li {margin-bottom:10px;text-align:center;}
.navi-pagetop {text-align:right;}

.floatleft {float:left; display:inline;}
.floatclear:after {content:".";display:block;height:0.1px;clear:both;visibility:hidden;}



/* class-entry */
.entry-body { margin:0 5px}
.entry-body p {line-height:1.4;padding-bottom:12px;}
.entry-body p.point { color:#0066FF;padding:0;}
.entry-body p.now-number {margin:0}
.entry-body .txt-cnt { text-align:center;}
.entry-body table {border:1px solid #333; border-collapse:collapse;margin-left:auto;margin-right:auto;}
.entry-body th,.entry-body td {border:1px solid #333; padding:8px;}
.entry-body th { background:#FDD068; white-space:nowrap; font-weight:normal; text-align:center;}


/* trash after */
*+html .floatclear {height:1%;display:block;overflow:visible;}
* html .floatclear {height:1%;display:block;overflow:visible;}
.floatclear { /zoom:1;}/*ie用*/