@charset "utf-8";

/*レイアウト自動調整*/
/*
@media screen and (max-width:800px) {
div.wrap{width:100%;}
#headder{width:100%;}
#mmenu{width:100%;}
#navi{width:100%;}
#foot{width:auto;}
}

@media screen and (max-width: 480px) {
#headder {width:100%;} 
#main {width:100%;}
#navi {width:100%;}
#breadcrumb {width:100%;}
#menu {width:100%;}
#foot {width:100%;}
#main img{width:250px;height:-o-object-fit:contain;}
#headder img{width:106px;height:49px;}
img.topimg {width:304px;height:152px;}
#main img{width:40%;height:40%;max-width:300px;}
}*/

/* CSS Document */
body{margin:0px auto;padding:0px;/*background-image:url(images/bg1.gif);background-repeat:repeat;*/text-align:center;font-size:12px;}
div.wrap{margin:0px auto;padding:0px;width:960px;background-color:#fff;text-align:left;/*background-image:url(images/bg_wrap1.jpg);background-repeat:repeat-x;*/}
div.falshimg{text-align:center;}
br.clear{clear:both;}
br.left{clear:left;}
div.headder01{width:100%;height:85px;font-size:0.8em;line-height:2em;color:#666;text-align:right;/*background-image:url(images/bg_headder02.jpg);*/}
#headder01 img{border:0px;}
#headder01 img.left{float:left;margin:0px;padding:0.5em 2.5em;}
#headder01 img.right{float:right;margin:0px;padding:0.2em 2.5em;}
/*Main menu*/
div.mmenu{margin:0px auto;width:100%;font-size:13px;line-height:2em; height:3em;/*background:url(images/bg_mmenu1.jpg) repeat-x;*/text-align:center;}
#mmenu ul{margin:0px;padding:0px;list-style-type:none;}
#mmenu li{margin:0px;padding:0px;width:12.5%;text-align:center;display:inline-block;list-style-type:none;float:left;letter-spacing:-0.3;}
#mmenu li a{display:block;
border-radius:3px 3px 0 0;
background-color:#cc5d00;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cc5d00), color-stop(0.00, #fd8608));
background:-webkit-linear-gradient(top, #fd8608 0%, #cc5d00 100%);
background:-moz--linear-gradient(top, #fd8608 0%, #cc5d00 100%);
background:-o--linear-gradient(top, #fd8608 0%, #cc5d00 100%);
background:linear-gradient(topm #fd8608 0%, #cc5d00 100%);
text-decoration:none;
padding:0.5em 0px 0.5em 0px;
line-height:1.2;
font-size:1em;
color: #fff;
border:1px solid rgba(140,130,100,0.5);
border-bottom:none;
text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.4), inset -1px 0px 1px rgba(255,255,255,0.4);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.4), inset -1px 0px 1px rgba(255,255,255,0.4);
}
#mmenu li a:link{color:#033;}
#mmenu li a:visited{color:#033;}
#mmenu li a:active{color:#611000;}
#mmenu li a:hover{color:#611000;}
/*navigation menu*/
div.navi{margin:0px;padding:0px;width:100%;height:2em;font-size:1em;line-height:2em;color:#666;background-color:#fff;}
#navi ul{margin:0px;padding:0px 1em;list-style-image:url(images/logo_navi1.gif);list-style-position:outside;line-height:2em;}
#navi li{margin:0 0 0 2em;padding:0px 1em 0px 0px;float:left;line-height:2em;list-style-image:url(images/logo_navi1.gif);}
#navi a:link{text-decoration:none;}	
#navi a:visited{text-decoration:none;}
#navi a:hover {text-decoration:none;}
#navi a:active {text-decoration:none;}
/*main*/
div.main{float:right;width:796px;margin:0px;padding:0px;line-height:1.5em;color:#333;font-size:1em;background-color:#fff;}
div.top{float:left;width:780px;margin:0px;padding:0px;line-height:1.5em;color:#333;font-size:1em;background-color:#fff;}
h1{margin:0px;padding:0px 0px 0px 1em;font:bold 1.25em/3em "ＭＳ ゴシック", "Osaka－等幅";color:#000066;border-color:#003333;border-style:solid;border-width:2px 1em 2px 1em;}
h2{margin:1em 0px;padding:0 0 0 3em;font-size:1.1em;font-weight:bold;color:#003333;line-height:3em;background:url(images/bg_h2.gif) no-repeat left;}
h3{margin:1em 0 1em;padding:0 0 0 1em;font:normal 1.1em/1em "ＭＳ Ｐゴシック", "Osaka";border-left:1em solid #003333;}
h4{margin:1em 0 1em;padding:0 0 0 1.2em;color:#003366;font-size:1.1em;font-weight:bold;line-height:1em;}
div.itemarea{float:right;margin:2px;padding:1px;width:120px;text-align:left; display:inline; height:20px}
/*menu*/
div.menu{margin:0px;padding:0px;float:left;width:155px;border:0px;font-size:1em;color:#666;}
#menu img {margin:0px auto;padding:1em 0px;border:0px;}
#menu ul{margin:0px 0px 0.5em;padding:0px;list-style-type:none;}
#menu li{margin:0px;padding:0px;line-height:2em;height:26px;letter-spacing:-0.15em;}
#menu li.head {color:#333;font-weight:bold;}
#menu li a:link{text-decoration:none;background:url(images/bg_menuli_down.gif) #fff no-repeat;width:150px;height:26px;display:block;}
#menu li a:visited{text-decoration:none;background:url(images/bg_menuli_down.gif) #fff no-repeat;width:150px;height:26px;display:block;}
#menu li a:hover{text-decoration:underline;background:url(images/bg_menuli_up.gif) #fff no-repeat;width:150px;height:26px;display:block;}
#menu li a:active{text-decoration:underline;background:url(images/bg_menuli_up.gif) #fff no-repeat;width:150px;height:26px;display:block;}
/*left*/
div.left{float:right;margin:1em 0px;padding:0px;width:160px;font-size:1em;color:#666;border:0px;}
div.AddClips{margin:2em 0;}
#left br{line-height:1em;}
#left img {margin:0px auto;padding:1em 0px;border:0px;}
#left ul{list-style-type:none;border:1px solid #336699;margin:1em 0px;padding:0px;display:block;width:160px;}
#left li{margin:0px;padding:0px;display:block;line-height:2em;}
#left li.head {margin:0px;padding:0px 0px 0px 0.5em;background:#336699;color:#fff;font-weight:bold;line-height:2em;}
/*-#left p{ border:1px solid #3F0; background-color:#6F6;}*/
#left p{
	margin:1em 0 2em;
	padding:0 0 0 0;
	border:0.2em solid #ff8800;
	color:#ffff66;
	-webkit-border-top-left-radius:0.7em;
	-moz-border-top-left-radius:0.7em;
	border-top-left-radius:0.7em;
	line-height:3em;
/*	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.5), inset 0 -1px 1px rgba(0,0,0,0.9);
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.5), inset 0 -1px -1px rgba(0,0,0,0.9);*/
	background-image:-moz-linear-gradient(left, #ff8800 20%, #ffff00 80%);
	background-image:-webkit-linear-gradient(left, #ff8800 20%, #ffff00 80%);
	background-image:-o-linear-gradient(left, #ff8800 20%, #ffff00 80%);
	background-image:-ms-linear-gradient(left, #ff8800 20%, #ffff00 80%);
}
center {text-align:center;}
img.right{float:right;padding:5px;}
div.cat{width:67%;padding:0.5em;text-align:left;line-height:1.3em;}
#pictlist img{display:block;margin:1px;border:1px solid #666;}
ul.pictlist{list-style-type:none;margin:15px 0;padding:0px;}
#pictlist li{list-style-type:none;float:left;margin:0px;padding:0px;display:block;font-size:11px;}
ul.pagelist{margin:0px;line-height:1.5em;list-style-type:none;}
li.pagelist{margin:0px;padding:0 5px;line-height:1.5em;float:left;list-style-type:none;display:block;}
ul.list{margin:1em 0;padding:0;list-style-type:none;letter-spacing:-0.1em;}
li.list{margin:0px;padding:0px 2px;line-height:2.5em;float:left;font-size:12px;width:150px;display:block;}
div.quarter {margin:3px;padding:0;border:1px solid #993300;width:170px;float:left;height:120px;overflow-y:scroll;overflow-x:hidden;}
div.main100 {margin:0;padding:0;border:0;width:780px;}
.txtred {color:#990000;}
p.right{ text-align:right; font-size:small;}
li.sub {padding-left:30px;}
div.pagelist {width:73%;}
p.center {text-align:center;}
div.mainright{margin:0px;padding:0px;float:right;width:160px;}
.borderr{margin:0;padding:1em;border:2px dotted #990000;font-family:monospace;}
.borderb{margin:0;padding:1em;border:2px dotted #990000;font-family:monospace;}
table.tlist {margin:0px auto;padding:0px;border:1px solid #999999;table-layout:fixed;border-collapse:collapse;font-size:1em;}
table.top1{margin:0px;padding:0px;border:1px solid #999999;table-layout:fixed;border-collapse:collapse;font-size:1em;}
#top1 td{margin:0px;padding:2px;width:150px;border-bottom:1px solid #999999;line-height:2em;font-size:1em;}
#top1 th{margin:0px;padding:2px;width:150px;background-color:#CCCC99;border-bottom:1px solid #999999;line-height:2em;font-size:1em;text-align:left;}
#top2 td{margin:0px;padding:2px;width:150px;border-bottom:1px solid #999999;line-height:2em;font-size:12px;}
#top2 th{margin:0px;padding:2px;width:150px;background-color:#CCCC99;border-bottom:1px solid #999999;line-height:2em;font-size:1em;text-align:left;}
#top3 td{margin:0px;padding:2px;width:150px;border-bottom:1px solid #999999;line-height:2em;font-size:12px;}
#top3 th{margin:0px;padding:2px;width:150px;background-color:#CCCC99;border-bottom:1px solid #999999;line-height:2em;font-size:1em;text-align:left;}
#top4 td{margin:0px;padding:2px;width:150px;border-bottom:1px solid #999999;line-height:2em;font-size:12px;}
#top4 th{margin:0px;padding:2px;width:150px;background-color:#CCCC99;border-bottom:1px solid #999999;line-height:2em;font-size:1em;text-align:left;}
#top5 td{margin:0px;padding:2px;width:150px;border-bottom:1px solid #999999;line-height:2em;font-size:12px;}
#top5 th{margin:0px;padding:2px;width:150px;background-color:#CCCC99;border-bottom:1px solid #999999;line-height:2em;font-size:1em;text-align:left;}
#top6 td{margin:0px;padding:2px;width:150px;border-bottom:1px solid #999999;line-height:2em;font-size:12px;}
#top6 th{margin:0px;padding:2px;width:150px;background-color:#CCCC99;border-bottom:1px solid #999999;line-height:2em;font-size:1em;text-align:left;}
#tlist td {margin:0px;padding:3px;border-bottom:1px solid #999999;line-height:2em;font-size:0.9em;}
#tlist th {margin:0px;padding:3px;background-color:#999999;line-height:2em;font-size:11px;text-align:left;}
table.targetlist {margin:1em 0;padding:0px;width:630px;border:1px solid #999999;table-layout:fixed;border-collapse:collapse;font-size:0.9em;}
th.number {margin:0px;padding:0 0 0 7px;background-color:#CCCCCC;line-height:2em;border-bottom:1px solid #999999;border-left:5px solid #999999;text-align:left;width:45px;font-weight:normal;}
th.name {margin:0px;padding:0 0 0 7px;background-color:#CCCCCC;line-height:2em;border-bottom:1px solid #999999;border-left:5px solid #999999;text-align:left;width:120px;font-weight:normal;}
td.name {margin:0;padding:0 0 0 3px;line-height:2em;border-bottom:1px solid #999;text-align:left;width:110px;font-weight:normal;}
th.item {margin:0px;padding:0 0 0 7px;background-color:#CCC;line-height:2em;border-bottom:1px solid #999;border-left: 5px solid #999;text-align:left;width:180px;font-weight:normal;}
table.linkname{margin:1em 0;padding:0px;width:630px;border:1px solid #999999;table-layout:fixed;border-collapse:collapse;font-size:1em;}
th.linkname{margin:0px;padding:0 0 0 7px;background-color:#D5EACA;line-height:2em;border-bottom:1px solid #fff;border-left:5px solid #339900;text-align:left;width:200px;font-weight:normal;}
table.food {margin:0px;padding:0px;width:600px;border:1px solid #999999;table-layout:fixed;border-collapse:collapse;font-size:12px;}
td.property {margin:0px;padding:0 0 0 3px;width:133px;border-bottom:1px solid #999999;line-height:2em;}
td.address {margin:0px;padding:0 0 0 3px;width:270px;border-bottom:1px solid #999999;line-height: 2em;}
table.summary {margin:0px;padding:0px;width:390px;border:1px solid #999999;table-layout:fixed;border-collapse:collapse;font-size:0.9em;}
#summary td {margin:0px;padding:1px 0px 1px 3px;border-bottom:1px solid #999999;line-height:1.8em;}
#summary th {margin:0px;padding:1px 0px 1px 7px;background-color:#CCCCCC;line-height:1.8em;border-bottom:1px solid #999999;border-left:5px solid #999999;text-align:left;width:90px;font-weight:normal;}
img.frame{margin:10px;padding:5px;float:right;border:1px solid #666600;}
div.adver {width:160px; height:160px; padding:70px 0px; border:1px solid #CC0000; background-color:#CC9900; color:#006600;}
div.mainleft{margin:0px;padding:0px;float:left;width:630px;padding:0px;margin:0px;line-height:1.5em;color:#333;font-size:small;}
img.fr{margin:3px;padding:5px;border:1px solid #666600;}
/*footmenu*/
div.footmenu{margin:0px auto;height:24px;width:100%;font-size:1em;line-height:2em; background:url(images/bg_mmenu1.jpg) repeat-x;font-weight:bold;}
#footmenu ul{margin:0px;padding:0px;list-style-type:none;}
#footmenu li{margin:0px;padding:0 0.5em;float:left;display:block;}
#footmenu li a:link{text-decoration:none;}	
#footmenu li a:visited{text-decoration:none;}
#footmenu li a:hover{text-decoration:underline;}
#footmenu li a:active {text-decoration:underline;}
/*foot*/
div.foot{margin:0px;padding:0px 10px;text-align:right;font-size:1em;color:#666;}
#foot ul{margin:0px;padding:0px;list-style-type:none;width:100%;font-size:1em;}
#foot li{margin:0px;padding:0px;line-height:2.5em;float:left;display:block;width:150px;}
#foot p{margin:0px 20px;padding:0px;line-height:1.5em;}
#foot a:link{text-decoration:none;color:#66CC00;}	
#foot a:visited{text-decoration:none;color:#66CC00;}
#foot a:hover{text-decoration:underline;color:#996600;}
#foot a:active {text-decoration:underline;color:#996600;}
/*lightbox*/
#lightbox{position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }