@charset "utf-8";
* {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", Osaka, Black, "Comic Sans MS", "Courier New";
}

body {
	  margin: 0;
	  padding: 0;
	  background: #000;
      background-attachment: fixed;
      margin-left: auto;
      margin-right: auto;
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 95%;
	  letter-spacing: normal;
      color: #fff;
      text-align : center;}

a:link      { color: #66FFFF; text-decoration: underline; }
a:visited   { color: #6600ff; text-decoration: underline; }
a:hover		{ color: #ffcc00; text-decoration: none; }
a:active	{ color: #990099; text-decoration: underline; }


#head dl#env dt, #head #globalnavi dt, #foot #globalnavi2 dt, #head dl#subhead dt, #head dl#search dt, #head dl#env dt, dl#topicpath dt, dl.ancherlink-hidden, dl.ancherlink-hidden dt, dl.ancherlink-hidden dd, dl.ancherlink-hidden ol, dl.ancherlink-hidden dd ol li, p.area-announce {
display : inline !important;
font-size : 0 !important;
position : absolute !important;
text-indent : -9999px;
left : -9999px;
text-decoration : none !important;
list-style : none !important;
margin : 0 !important;
padding : 0 !important;
border : none !important;
}
hr.hidden {display : none;}
hr.clearfloat {clear : both;width : 100%;visibility : hidden;}
img {border : none;}
a:visited {color : #66FFFF;}
a:hover {color : #FF33CC;text-decoration : none;border : 0px solid #33FF99;}


#wrapper {
width : 988px;
position:relative;
text-align : left;
margin: 10px auto 20px auto;
padding: 0 0 37px 0;
overflow: hidden;}

#contents {width : 100%;margin: 2px auto;line-height : 1.4;padding-top : 0px;background-color : transparent;}

#japan-adtop {            
            width: 986px;
            margin: 2px auto 5px auto;
            padding: 2px 0px;
            border: 1px solid #232;
            text-align: center;}                  
            
* html #head h1 {margin-bottom : -5px;}

#head {
position : relative;
margin-bottom : 7px;
background: transparent;
width : 990px;
margin: 0 auto;}

#japan {width: 988px;margin: 2px auto;text-align: left;background: transparent; }
#japan a {font-size : 200%;margin: 5px auto;text-transform: uppercase;color: #fFF; }
#japan a:hover {color:#fff;text-shadow:
	    0px 0px 10px #FFf,
	    0px 0px 20px #FFf,
	    0px 0px 30px #FFf,
	    0px 0px 40px #FFf,
	    0px 0px 50px #FFf,
	    0px 0px 60px #FFf;}
#japan li {display: inline;}
#japan p {font-size : 90%;width: 500px;height: 2px;letter-spacing: 0.07em;color: #fFF; text-align: left;}

.japan-title3 {
font-size : 110%;
font-weight: bold;
width : 990px;
height: 45px;
margin: 10px auto 2px auto;
color: #fff;
text-transform: uppercase;
text-align: left;
background: transparent;
}

.japan-title3 a{color: #fff;text-decoration: none;text-align: left; }


.border99{width: 986px;margin: 2px auto 0px auto;padding: 5px 0;
background: transparent url(http://japan-web-magazine.com/image2/border1.gif) no-repeat left top; border: 0px solid #ffccff;}
#head div#globalbar dl#search dd * {margin: 1px auto;}
#head dl#search {position : absolute;left : 495px;bottom : 3px;}

#inside-left p{margin: 2px 0px 0px 9px;padding: 0;font-size: 90%;}

.list {color: #FFF;background-color: #000;}
.japan-guide-lv2 {border-right : 1px solid #FFCC00;}

.kokkyou {
width: 198px;
margin: 5px auto;
border: 1px solid #FF33CC;
text-align: center;
background-color: #FFCCFF;
padding: 1px;}

.kokkyou li{list-style: none;}
.kokkyou2 {width: 190px;margin: 7px auto;border: 1px solid #33FF00;text-align: center;}

#contents:after, #contents div#main:after, #contents #infoarea:after, #contents #infoarea #topics #sp-col:after, #contents #infoarea #topics dl:after {
content : ".";
display : block;
height : 0;
clear : right;
visibility : hidden;}

#contents #main #theme h2, #contents #main #infoarea h2, #contents #main #themearea1 p, #contents #main #themearea2 p, #contents #main #themearea1 dl dt, #contents #main #themearea2 dl dt, #japan-ads-bnr2 h2, #contents #main #theme7 h2 {
display : inline !important;
font-size : 0 !important;
position : absolute !important;
text-indent : -9999px;
left : -9999px;
text-decoration : none !important;
list-style : none !important;
margin : 0 !important;
padding : 0 !important;
border : none !important;}

.japan-guide-lv3-inside{
background-color : transparent;
width : 170px;
margin: 3px auto 10px auto;
padding: 2px;
border: 1px solid #666666;}

#tokyo {width: 400px;margin: 5px auto;}
#search1 {margin: 0 auto;text-align: center;}

.banner1 {width: 198px;margin: 0px auto 0 auto;text-align: center;}
.banner2 {width: 198px;margin: 14px auto 20px auto;text-align: center;padding: 0px 0 0px 0;}
.banner2 li {list-style: none;}

.banner350 {width: 350px;height: 260px;margin: 14px auto 0 auto;text-align: center;padding: 0px 0 0px 0;}

.banner-left {
width: 185px;
height: 90px;
margin: 14px auto 30px auto;
text-align: center;
padding: 0;
border: 1px solid #CCC;}


/* Menu */

#menu {	width: 986px;	height: 35px;	margin: 0 auto 3px auto; padding: 0; border: 1px solid #232323;}
#menu h2 {display: none;}
#menu ul {margin: 0;padding: 5px 2px 0 15px;	list-style: none;}
#menu li {	display: inline;}
#menu a {
	display: block;
	float: left;
	height: 20px;
	padding: 5px 20px 0 20px;
	border-right: 1px solid #2A2C2F;
	text-decoration: underline;
	text-align: center;
	font-size: 12px;
	color: #66FFFF;
}
#menu a:visited   {color: #fff; text-decoration: underline; }
#menu a:hover {	background-color: #33CC99;}
#menu .active a {	background-color: #33FFCC;}
#menu .list1 a:hover {background-color: #99FF00;	text-decoration: none;}
#menu .list2 a:hover {background-color: #FFFF00;	text-decoration: none;}
#menu .list3 a:hover {background-color: #FF99CC;	text-decoration: none;}
#menu .list4 a:hover {background-color: #009966;	text-decoration: none;}
#menu .list5 a:hover {background-color: #99FF00;	text-decoration: none;}
#menu .list6 a:hover {background-color: #CC6600;	text-decoration: none;}
#menu .list7 a:hover {background-color: #CC9999;	text-decoration: none;}
#menu .list8 a:hover {background-color: #009966;	text-decoration: none;}

#menu2 {width: 986px;	height: 35px;	margin: 0 auto;  padding: 0; border: 1px solid #232323;}
#menu2 h2 {	display: none;}
#menu2 ul {margin: 0;	padding: 5px 2px 0 15px;	list-style: none;}
#menu2 li {display: inline;}
#menu2 a {
	display: block;
	float: left;
	height: 20px;
	padding: 5px 20px 0 20px;
	border-right: 1px solid #2A2C2F;
	text-decoration: underline;
	text-align: center;
	font-size: 12px;
	color: #66FFFF;}
#menu2 a:visited {color: #fff; text-decoration: underline; }
#menu2 a:hover {background-color: #33CC99;}
#menu2 .active a {	background-color: #33FFCC;}
#menu2 .list1 a:hover {background-color: #99FF00;	text-decoration: none;}
#menu2 .list2 a:hover {background-color: #FFFF00;	text-decoration: none;}
#menu2 .list3 a:hover {background-color: #FF99CC;	text-decoration: none;}
#menu2 .list4 a:hover {background-color: #009966;	text-decoration: none;}
#menu2 .list5 a:hover {background-color: #99FF00;	text-decoration: none;}
#menu2 .list6 a:hover {background-color: #CC6600;	text-decoration: none;}
#menu2 .list7 a:hover {background-color: #CC9999;	text-decoration: none;}
#menu2 .list8 a:hover {background-color: #009966;	text-decoration: none;}
#menu2 .list9 a:hover {background-color: #FFCC00;	text-decoration: none;}


#japan-ads {width: 840px;	height: 20px;	margin: 0 auto;   padding: 0 5px 0 30px;}
        
#map-map2 {
width: 500px;
margin: 10px auto;
padding: 14px 4px 4px 4px;
border: 1px solid #66FFFF;
background: #000;
text-align: center;}

#map-map6 {
width: 520px;
margin: 10px auto;
padding: 17px 1px 4px 1px;
background: #FFF;
border: 1px solid #999;
color: #000 !important;
text-align: center;}

.map-map6 {
width: 520px;
margin: 10px auto;
padding: 17px 1px 4px 1px;
background: #FFF;
border: 1px solid #999;
color: #000 !important;
text-align: center;}

#map-map6 p{color: #000 !important;}
.map-map6 p{color: #000 !important;}

#top-pic7 {width: 988px;height: 300px;margin: 4px auto 4px auto; background: #fff;border: 0px solid #3366CC;text-align: center; }

#top-pic7 h1 { padding:0; margin-top: 20px; }
#top-pic7 h2 {color: #fff;text-align: left; }

#header2 { width: 970px;background-color: #fff;margin:0 auto; font-size: 140%; }
#header2 a{color: #CCC;font-size: large;text-align: right;}

.pics { height: 300px; width: 988px;  padding:0;  margin:0 auto;  overflow: hidden; }    
.pics img { height: 300px; width: 988px; margin: 0px auto;  padding: 0px; background: transparent #CCC; top:0; left:0;}  

.back{background-color: #fff;}

/* フッター */
#footer {
	width:998px;
	margin: 0 auto;
	height: 100px;
	padding:10px 0;
	border-top: solid 1px #339999;
	border-bottom: solid 2px #339999;
	clear:both;
	font-size: 12px;
	line-height: 1;
	text-align:center;}

#footer ul {list-style:none;	width:990px;	display:inline;	margin: 0 0 10px auto;}
#footer ul li {	padding: 0 0 0 8px;	margin: 0 27px 0 0;	font-size:small; line-height:1;}
#footer ul li.last {margin:0;}
#footer a:link{color:#66FFFF;	text-decoration:underline;}
#footer a:visited{color:#fff;	text-decoration:underline;}
#footer a:hover{color:#FF00CC;	text-decoration:none;}
#footer a:active{color:#FF6699;	text-decoration:underline;}	
#footer p{margin: 20px auto;	color:#fff;font-size: 100%;	}	
#footer ul li{display:inline; margin:0 1em 0 0;}

#bottom1 {padding:14px 0 0 0;}

.lead{padding-top:1px; font-size: 80%;}

/* p-list */

#p-list {  
width: 986px;
height: 20px;
font-size: 80%;
margin: 10px auto 0px auto;
padding: 5px 0 0;
border: 1px solid #232323;
background: transparent;
text-align: left;}  

#p-list li {display:inline;  line-height:110%;  list-style-type:none; margin: 0 0 0 10px;  }  

#contents-right{width:777px; float:left;margin: 0 auto 10px auto;	padding: 0;}


.japan-guide-article777{
width: 520px;
margin: 10px auto 25px auto;
padding: 5px 5px 0px 5px;
font-size: 90%;
color: #fff;
}

.japan-guide-article777 h2{margin: 20px auto 15px auto;}


.japan-guide-article777 h3{margin:50px auto 15px auto !important;}


.japan-guide-article777 p{
width: 500px;
margin: 5px auto 25px auto;
padding: 5px 5px 0px 5px;
letter-spacing: 0.1em;
font-size: 90%;}

.japan-guide-article777 a{ color: #fFF;}


.black0{
	width: 470px;
	margin: 0 auto 10px 10px;
	padding:20px 20px 10px 10px;
	background: #fff; }
 
 .black0 p {
width: 470px;
color: #000 !important;}

.black1 {
width: 520px;
margin: 20px auto 30px auto;
text-align: center;
float:left;
display:inline;
font-size:100%;}

.black1 img {border-top: solid 30px #000;border-bottom: solid 30px #000; }

.black77 {
width: 520px;
margin: 10px auto 20px auto;
text-align: center;
float:left;
display:inline;
font-size:100%;
}
.black77 img {border-top: solid 30px #000; border-bottom: solid 30px #000;}


.b-t {
width: 520px;
margin: 40px auto 20px auto;
text-align: center;
float:left;
display:inline;
font-size:100%;
border-top: 1px solid #333;
}
.b-t img {border-top: solid 50px #000; border-bottom: solid 30px #000;}

.b-t-1 {
width: 520px;
margin: 10px auto 20px auto;
text-align: center;
float:left;
display:inline;
font-size:100%;
border-top: 0px solid #333;
}
.b-t-1 img {border-top: solid 30px #000; border-bottom: solid 30px #000;}




.article-photo15{width: 500px;margin: 20px auto;}
.article-photo222{width: 515px;margin: 20px auto;}

.article-photo22{width: 170px;height: 210px;float: left;margin: 20px auto;}
.article-photo{width: 520px;margin: 20px auto; text-align: center;}
.article-photo2{width: 500px;margin: 20px auto;}
.article-photo2 ul{width: 500px;margin: 0px auto;}

.article-photo2 li{
margin: 2px 2px 2px 5px;
color: #fff;
border-bottom: 1px dotted #333 ;
list-style: none;
display:block;
font-size: 96%;
letter-spacing: 0.1em;}

.article-photo-l{width: 240px;margin: 10px auto;float: left;}
.article-photo-r{width: 240px;margin: 10px auto;float: right;}
.article-photo-b{width: 520px;margin: 20px auto;overflow: hidden;}
.article-photo-box{width: 240px;margin: 10px 5px 10px 5px;float: left;}

.article-photo-box p{
width: 245px;
margin: 2px auto 10px auto;
font-size: 90% !important;
color: #fff !important;
text-decoration: none;}

.article-photo-box .titl{
width: 250px;
height: 15px;
padding: 0;
font-size: 90% !important; 
color: #fff !important;}


.j-inf{
width: 510px;
border: 1px solid #000;
margin: 3px auto 55px auto;
padding: 10px 5px 17px 5px;
font-size: 90%;
color: #000;
background: #111;}

.japan-guide-article-info{
width: 510px;
border: 1px solid #000;
margin: 3px auto 55px auto;
padding: 10px 5px 17px 5px;
font-size: 90%;
color: #000;
background: #f0f0f0;}

.japan-guide-article-info p{
font-size: 110% !important; 
color: #000 !important;
text-decoration: underline;
background: #ccc;}

.japan-guide-article-info ul{width: 500px;margin: 0px auto;}

.japan-guide-article-info li{
margin: 2px 2px 2px 5px;
color: #000;
border-bottom: 1px dotted #333 ;
list-style: none;
display:block;
font-size: 96%;
letter-spacing: 0.1em;}

.japan-guide-article-info ul li ul{width: 470px;margin: 0px auto 12px auto;}
.japan-guide-article-info .no-line{border-bottom: 0px;}
.japan-guide-article-info a{color: #3333FF !important;  }
.japan-guide-article-info a:hover{color: #FF00FF !important;  }


.japan-guide-article-info .no-b{
background: #f0f0f0;
text-decoration: none;
font-size: 100% !important;
font-weight: bold;
text-indent: 0;}

.japan-guide-article-info .inside2 {
margin: 10px 2px 0px 22px;
color: #fff;
border-bottom: 0px solid #fff ;
list-style: none;
display:block;
font-size: 90%;
width: 50%;
background: #fff;}

.japan-guide-article-info .inside {
margin: 0px 2px 0px 32px;
color: #fff;
border-bottom: 0px solid #fff ;
list-style: none;
display:block;
font-size: 100%;
background: #fff;}

.japan-guide-article-info .inside3 {background: #f0f0f0;
margin: 0px 0px 7px 0px !important;
color: #fff;
text-decoration: none;
font-size: 100% !important;
font-weight: bold;}



.tuunel{width: 518px;margin: 10px 0 50px 0; border-top: 1px solid #232; border-right: 1px solid #232;  overflow: auto; }
.tuunel ul { width: 258px; margin: 0px auto; float: left; border-left: 1px solid #232; text-align: center;}
.tuunel li {width: 100%; margin: 5px auto 0 auto; list-style: none;  border-bottom: 1px solid #232;}

.tuunel1{width: 48px; float: left; margin: 10px 0 50px 0; border-top: 1px solid #232; }
.tuunel1 ul { width: 100%; margin: 0px auto; float: left; text-align: center;}
.tuunel1 li {width: 98%; margin: 5px auto 0 auto; list-style: none;  border-bottom: 1px solid #232;}

.tuunel2{width: 190px; float: left; margin: 10px 0 50px 10px; border-top: 1px solid #232; }
.tuunel2 ul { width: 100%; margin: 0px auto; float: left; text-align: center;}
.tuunel2 li {width: 98%; margin: 5px auto 0 auto; list-style: none;  border-bottom: 1px solid #232;}


.tuunel3{width: 248px; float: right; margin: 10px 0 50px 0; border-top: 1px solid #232; }
.tuunel3 ul { width: 100%; margin: 0px auto; float: left; text-align: center;}
.tuunel3 li {width: 98%; margin: 5px auto 0 auto; list-style: none;  border-bottom: 1px solid #232;}





.map99{text-align: center;}
.map99 a{font-size: small;}


.black88 {width: 245px;margin: 10px auto;text-align: center;float:left;display:inline;font-size:100%;}
.black88 img {width: 242px;border-top: solid 20px #000;border-bottom: solid 20px #000;}
.black88 p{clear: both;margin: 0px auto;width: 234px;font-size: 90%;color: #fff;}

.banner{margin:0 0 0.5em 0; clear:both;}

.world-note2 {overflow: hidden;clear:both;border:1px solid #9fb7d4; width: 500px; background:#f0f3fa; margin: 10px auto 30px auto; padding:10px 0 10px 0px;}

.world-note2 ul{margin:10px auto 10px 20px;  }
.world-note2 ul li{float:left;width:440px;margin:2px auto; padding: 2px 2px; font-size: 80%; list-style: none; border-bottom: 0px dotted #ccc; }


.world-note3 {overflow: hidden;clear:both;border:1px solid #9fb7d4; width: 500px; background:#fff; margin: 10px auto 30px auto; padding:10px 0 10px 0px;}

.world-note3 ul{margin:10px auto 10px 20px;  }
.world-note3 ul li{width:440px;margin:7px auto; padding: 2px 2px; font-size: 90%;}


#middle .world-note22{width: 97%;margin: 20px 0 12px 0;	padding: 0;	clear:both;	font-size:100%;	color: #fff;margin: 0 auto;	text-align: leftr;}		

#middle .world-note22 h3{margin: 40px 0 2px 0;	padding: 0 0 0 5px;	clear:both;	font-size:100%;	color: #fff;	border: 1px solid #666666;}		

#middle .world-note22 ul{width: 90%;	margin: 20px auto;}		
#middle .world-note22 li{width: 95%; margin: 4px 0 2px 0; padding: 0 0 0 10px; list-style-type: none; font-size:90%;}
#middle .world-note22 .li li{margin: 4px 0 2px 0;    list-style-type: square;	font-size:90%;   font-weight: bolder;}	

#animalp{clear:both;border:1px solid #9fb7d4; width: 500px; height: 2040px; background:#f0f3fa; margin: 0 auto 20px auto; padding:0 0 0 20px;}
#animalp h2{font-size:100%;}
#animalp ul{clear:both;margin:10px 10px 20px 0; }
#animalp ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; font-size: 80%; }

#plant{clear:both;border:1px solid #FF00FF; width: 500px; height: 3040px; background:#FFCCFF; margin: 0 auto 20px auto; padding:0 0 0 20px;}
#plant h2{font-size:100%;}
#plant ul{clear:both;margin:10px 10px 20px 0; }
#plant ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; font-size: 80%; }

#bird{clear:both;border:1px solid #FFFF00; width: 500px; height: 1140px; background:#FFFFCC; margin: 0 auto 20px auto; padding:0 0 0 20px;}
#bird h2{font-size:100%;}
#bird ul{clear:both;margin:10px 10px 20px 0; }
#bird ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; font-size: 80%; }

#insect{clear:both;border:1px solid #336600; width: 500px; height: 540px; background:#66CC99; margin: 0 auto 20px auto; padding:0 0 0 20px;}
#insect h2{font-size:100%;}
#insect ul{clear:both;margin:10px 10px 20px 0;}
#insect ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; font-size: 80%; }

#snake{clear:both;border:1px solid #990000; width: 500px; height: 540px; background:#CCFF66; margin: 0 auto 20px auto; padding:0 0 0 20px;}
#snake h2{font-size:100%;}
#snake ul{clear:both;margin:10px 10px 20px 0; }
#snake ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; font-size: 80%; }

#snake2{clear:both;border:1px solid #990000; width: 480px; height: 550px;margin: 0 auto 40px auto; padding:0 0 0 20px;}
#snake2 h2{font-size:100%;}
#snake2 ul{clear:both;margin:10px 10px 20px 0; }
#snake2 ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; list-style: none; font-size: 80%; }


.japan-guide-article777 #spec2 {
width: 100%;
height: 2450px;
margin: 15px auto;
padding: 10px 0 10px 0;
border: 1px solid #6699FF;
background: #CCFFFF;}


.japan-guide-article777 div.arcticleBox-special4 {width: 500px; margin:10px 0 18px 9px; background: #fff; color: #fff; font-size: 100%;}

.japan-guide-article777 div.arcticleBox-special4 h2 {width: 490px; margin:10px auto; color: #0000FF; padding:20px 0 0 0; border-top: 0px dotted #666666;}
.japan-guide-article777 div.arcticleBox-special4 h3 {width: 490px; margin:20px auto 2px auto; padding: 10px 0 0 0;  font-size: 120%; color: #FF00FF; border-bottom: 0px solid #000000; clear: both;}

.japan-guide-article777 div.arcticleBox-special4 h4 {width: 490px; margin:12px auto 10px auto; color: #FF99FF; border-bottom: 0px solid #000000; font-size: 100%;  clear: both;}

.japan-guide-article777 div.arcticleBox-special4 p {width: 490px; margin:12px auto 10px auto; padding: 17px 0 0px 0 ; color: #FF99FF; clear: both; border-bottom: 0px solid #000000; font-size: 100%;}

.japan-guide-article777 div.arcticleBox-special4 ul {width: 500px;  padding: 10px 0 100px 0; border-top: 0px dotted #999999; border-bottom: 0px dotted #666666; clear: both; text-align: left;}
.japan-guide-article777 div.arcticleBox-special4 ul li {width: 135px; height: 20px; margin:1px 10px 4px 5px; font-size: 100%; display: block; float: right; border: 1px solid #66FFFF; text-align: center;}
.japan-guide-article777 div.arcticleBox-special4 ul li img.thumb {float:left; margin-right:5px;}


.play1{
width: 300px ;
margin: 5px auto;
padding: 5px 2px 5px 2px;
border: 1px solid #000;
background: #fff;}

.play1 p{color: #fff !important;}
#play2 {width: 58px;height: 55px;margin: 0 auto 20px auto;}
#play2 a{
display: block;
height: 55px;
text-indent: -9999px;
background: #ccc url(http://japan-web-magazine.com/japanese/onsen/sizuoka/kanaya/slide/images/play2.gif) no-repeat top;}
#play2 a:hover{
background: #ccc url(http://japan-web-magazine.com/japanese/onsen/sizuoka/kanaya/slide/images/play_dull.gif) no-repeat;}
.artice-photo{margin: 10px auto;width: 100%;}

.japan-guide-article-navi{
width: 520px;
border: 1px solid #33FFFF;
margin: 10px auto 25px auto;
padding: 5px 5px 0px 5px;
font-size: 90%;
color: #fff;
background: #FFCCFF;
}

.japan-guide-article-navi p{
width: 200px;
margin: 5px auto 25px auto;
padding: 5px 5px 0px 5px;
font-size: 120%;
}

.japan-guide-article-navi a{ color: #0033FF; margin: 0 10px 0 10px;}

.article-photo-navi{width: 500px;margin: 20px auto;}
.article-photo2{width: 500px !important;}
.article-photo2 .sample{margin: 5px 20px 0 auto;float: left !important;}
.article-photo2 p{margin: 0 auto 20px auto;}

.top {padding: 0 0 37px 0;}	
	
#inside-left01 {
	width:187px;
	float:left;
	margin: 0 auto 10px auto;
	padding: 5px 2px 0 2px;
	border: 1px solid #232323;	}
	
	
#inside-left01 h1 {
	margin: 5px 0 5px 0;
	padding: 0 0 0 2px;
	font-size:120%;
	color: #00FFCC;
	border-bottom: 1px solid #666666;
	text-align: center;	}	
	
#inside-left01 h2 {
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	font-size:100%;
	color: #fff;
	border-bottom: 1px solid #666666;
	text-align: center;	}	
	
#inside-left01 h3 {
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	font-size:100%;
	color: #fff;
	border-bottom: 0px solid #666666;
	text-align: center;	}		
	
#nobo h2 {
width: 80%;
	margin: 0 auto 15px auto;
	padding: 0 0 3px 0px;
	font-size:100%;
	color: #fff;
	border-bottom: 1px dotted #666666;
	text-align: center;	}	
	
#nobo77 h2 {
    width: 90%;
    height:30px;
	margin: 0 auto 5px auto;
	padding: 0 0 0px 0px;
	font-size:100%;
	color: #fff;
	background: #99FFFF;
	border-bottom: 1px dotted #666666;
	text-align: center;	}	

#nobo77 ul{	list-style-type: none;	margin: 0 ;	padding: 0;	}
#nobo77 ul li {	height:100%;	line-height:18px;}
#nobo77 ul li a:link{
	color: #3300FF;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	background:#fff;
	border-bottom:1px solid #020408;}
	
#nobo77 ul li a:visited {
	color: #9900FF;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	background:#fff;
	border-bottom:1px solid #020408;}
	
#nobo77 ul li a:hover {background:#CCFFFF;	color:#FF00FF;}	
#nobo77 ul li a:active {background:#66CCFF;	color:#FFCC00;}			
	
#inside-left01 p {margin: 0 0 3px 0;font-size:85%;　color: #fff;border-bottom: 1px solid #000;	text-align: center;}
#inside-left01 dl {	border-bottom: solid 1px #000;	margin: 0 0 23px 0;	padding: 0 0 20px 0px;	text-align: center;	}
#inside-left01 dl dt {	margin: 0 0 8px 0;	font-size:100%;	text-align: center;	}
#inside-left01 dl dd {	line-height:1.6;	font-size:small;}
#inside-left01 dl dd strong {color:#fff;}
#inside-left01 ul {	list-style:none;	padding: 0 0 0 3px;	}
#inside-left01 ul li {width: 170px;	margin: 2px auto 10px auto;	padding: 0 0 0 2px;	font-size:80%;}	
#inside-left01 ul li.last {	margin:0;}


#middle {
	width:561px;
	float: right;
	margin: 0 3px 10px 5px;
	padding: 5px 3px 30px 3px;
	border: 1px solid #232323;
	color: #FFFFFF;
	}
	
#middle h1 {
	margin: 0 0 23px 0;
	padding: 0 0 0 5px;
	clear:both;
	font-size:140%;
	border-bottom: 1px solid #666666;
	color: #fff;}	
#middle p {
	margin: 0 0 23px 0;
	padding: 0 0 0 5px;
	clear:both;
	font-size: small;
	color: #fff;	}	
	
#middle .morepd a {
	margin: 0px 0 23px 0;
	padding: 0 0 0 5px;
	font-size: 100%;
	color: #66FFFF;	}		
	
#middle a {font-size: 100%;	color: #66FFFF;	}
	
#middle a:visited   { color: #fff; text-decoration: underline; }
#middle a:hover		{ color: #66FF00; text-decoration: none; }			
	
#middle .no-indnet p {
	padding: 0 5px 23px 20px;
   font-style: italic;
  	text-indent:0em;
  	clear:both;
	line-height:1.6;
	font-size:100%;	}				
						
#middle h2 {
	margin: 30px 0 10px 0 !important;
	padding: 30px 0 0 5px;
	clear:both;
	font-size:135% !important;
	border-bottom: 1px solid #666666;
	color: #fff;}
	
#middle h3 {
	margin: 20px 0 7px 0;
	padding: 40px 0 0 5px;
	clear:both;
	font-size:100%;
	border-bottom: 1px dotted #666666;
	color: #fff;}

#middle h4 {
width: 200px;
font-size:96%;
margin: 10px 0 5px 10px;
	padding: 0 0 0 5px;
	color: #fff;
	text-decoration: underline;}
	
	
#middle .japan-guide-article-info h4 {
width: 40%;
	margin: 0 0 23px 0;
	padding: 0 0 0 5px;
	clear:both;
	font-size:90%;
	border-left: 20px solid #FF33CC;
	background: #fff;
	color: #fff;}		
	
#middle dl {padding: 0 0 14px 23px;}
#middle dl.last {padding:0 0 23px 23px;}
#middle dl dt {float:left;	margin:0;	padding:0;	display:inline;	font-size:100%;}
#middle dl dt a {padding:3px;	display:block;	background:#CCC;}
	#middle dl dt a:hover {padding:3px;	display:block;	background:#AAA;}
	#middle dl dt img {border: solid 1px #FEFEFE;}
#middle dl dd {line-height:1.6;	font-size:x-small;}
	#middle dl dd strong {color:#fff;		font-size:small;}
	#middle dl dd {width:507px;	float:left;	margin:0;padding: 0 5px 0 0;}	
#middle dl span.caption {display:block;	font-size: 120%;width:507px;}
#middle dl span.caption sub {font-size:70%;	vertical-align:baseline;margin:0 2px;}
	#middle dl span.button {width:140px; float:right;margin:0;padding: 10px 0 0 0;font-size:100%;clear:both;	display:block;	text-align: right;}

#right04 {
	width:200px;
	float:right;
	margin:0 auto 20px 0px;
	padding: 0 3px 0 2px;
	color: #fff;	
	border: 1px solid #232323;
	}

#right04 h3{border-bottom: 1px solid #333;
	margin:5px auto 20px 8px; padding: 0 0 0 2px;	color: #fff;}
	
.banner27 {font-size: 92% !important;width: 198px;margin: 14px auto 20px auto;text-align: left;padding: 0;}
.banner27 li {margin: 3px auto 10px 15px;list-style: none;}	

#main {	width:726px;	float:right;}
h2 {margin: 0 0 59px 0;	font-size:100%;}
h3 {margin: 0 0 23px 0;	font-size:100%;}

/* 段落 */
p {padding: 0 5px 23px 0;	text-indent:1em; line-height:1.6; font-size:116%;}
.no-in{text-indent: 0.02em;}


.letter-right{width: 600px;text-align: right; }
.letter-poet{width: 500px;text-align: center;}

.letter-right-t{
margin: 22px auto 10px auto;
width: 500px;
height: 120px;
border: 1px solid #CCCCCC;
padding: 0px;}

.letter-right-t h3{width: 490px;border-bottom: 1px solid #CCC;padding: 3px;}

.letter-right-t img{
margin: 0px auto;
padding: 0px 0 0 10px;
width: 65px !important;
height: 65px;
float: left !important;
}
.box-r{margin: 0 auto ;
width: 400px;
height: 50px;
padding: 0px;
float: right;
}
.box-r h4{
margin: 0 auto !important;
width: 400px !important;
height: 15px !important;
padding: 0px !important;
float: right !important;}
.box-r p{
margin: 5px auto !important;
width: 400px !important;
height: 15px !important;
padding: 0px !important;
float: right !important;}

#inside-left01 .japan-guide-lv333{
	width:185px;
	margin: 0 auto 10px auto;
	padding: 5px 2px 0 2px;
	background-color: transparent;}	
	

.black1-out {
width: 520px;
margin: 10px auto 15px auto;
text-align: center;
float:left;
display:inline;
font-size:100%;}

.black1-out img {border-top: solid 0px #000;border-bottom: solid 0px #000;}

.black1-in {
clear: both;
width: 250px;
height: 320px;
float: left;
margin: 0px auto 0 8px;
padding: 0;
text-align: center;
display:block;
font-size:100%;
}

.black1-in img { padding: 0; margin: 0;}

.black1-in-r {
clear: both;
width: 250px;
height: 320px;
float: right;
margin: 0px 8px 0 auto;
padding: 0;
text-align: center;
display:block;
font-size:100%;
}

.black1-in-r img { padding: 0; margin: 0; }

.black1-ref {
clear: both;
width: 500px;
margin: 10px auto 10px 10px;
padding: 5px 0;
text-align: center;
float: left;}

.sns-bottom {
	clear: both;
	width: 480px;
	background: transparent;
	margin: 35px auto 30px auto;
	padding: 20px 0;
	height: 50px;
	text-align: center;
	border-top: 1px solid #232323;}
 
.sns-bottom ul {margin: 2px 2px 2px 2px;}
 
	.sns-bottom ul li {
			float: left;
			margin: 2px auto 2px auto;
			padding: 0 2px 0 2px;
			display: inline; }
			
iframe.twitter-share-button {width: 60px !important;}			
			
			
			
			
			
			
.japan-guide-article{ color: #000000 !important; border:1px solid #66FFFF ; background: #fff; margin: 50px auto; padding: 10px 5px;}
.japan-guide-article p{ color: #000000 !important; }
.japan-guide-article a{ color: #3333FF !important; }



.new1{ background: transparent url(http://japan-web-magazine.com/image2/2.gif) no-repeat right top; padding: 0 10px 0 0;}


.a-Box {width: 500px; margin:20px auto 20px auto;}
.a-Box ul li {width: 160px; height: 200px; margin:0 1px 10px 1px; padding-bottom:2px; display: block; float: left; list-style:none;}

.a-Box a {margin:8px 0 18px 0px;  color: #FFF;}

.a-Box a:visited {margin:8px 0 18px 0px;  color: #66FF99;}
.a-Box a:hover {margin:8px 0 18px 0px;  color: #FF6600;}
.a-Box p {margin:8px 0 18px 0px; ;}

.food-name2{border: 1px solid #FF66FF;}




.a-Box2 {width: 500px; margin:30px auto 38px auto;}
.a-Box2 ul li {width: 120px; height: 50px; margin:0 1px 10px 1px; padding-bottom:2px; display: block; float: left; list-style:none;}

.a-Box2 a {margin:8px 0 18px 0px;  color: #FFF;}

.a-Box2 a:visited {margin:8px 0 18px 0px;  color: #66FF99;}
.a-Box2 a:hover {margin:8px 0 18px 0px;  color: #FF6600;}
.a-Box2 p {margin:8px 0 18px 0px; }

.food-name3{border-bottom: 1px solid #FFCC00;}

#black-l{color: #000 !important;  display: none; }
#white-l{color: #0000FF !important; background: #fff; padding: 5px;}



#menu3 {width: 986px;	height: 35px;	margin: 0 auto;  padding: 0 0 0 0; border: 1px solid #999;}
#menu3 h2 {	display: none;}
#menu3 ul {margin: 0;	padding: 5px 2px 0 12px;	list-style: none;}
#menu3 li {display: inline;}
#menu3 a {
	display: block;
	float: left;
	height: 20px;
	padding: 5px 10px 0 10px;
	border-right: 0px solid #2A2C2F;
	text-decoration: underline;
	text-align: center;
	font-size: 12px;
	color: #66FFFF;}
	
	
#menu3 .list0 a {border-bottom: 2px solid #0000FF;	text-decoration: none; }
#menu3 .list1 a {border-bottom: 2px solid #999900;	text-decoration: none; }
#menu3 .list2 a {border-bottom: 2px solid #00F9A9;	text-decoration: none;}
#menu3 .list3 a {border-bottom: 2px solid #B6FF01;	text-decoration: none;}
#menu3 .list4 a {border-bottom: 2px solid #00ECFF;	text-decoration: none;}
#menu3 .list5 a {border-bottom: 2px solid #005FFF;	text-decoration: none;}
#menu3 .list6 a {border-bottom: 2px solid #5507FF;	text-decoration: none;}
#menu3 .list7 a {border-bottom: 2px solid #FF4F02;	text-decoration: none;}
#menu3 .list8 a {border-bottom: 2px solid #009966;	text-decoration: none;}
#menu3 .list9 a {border-bottom: 2px solid #FFCC00;	text-decoration: none;}		
	
#menu3 a:visited {color: #6600CC; text-decoration: underline; }
#menu3 a:hover {background-color: #33CC99;}
#menu3 .active a {	background-color: #33FFCC;}
#menu3 .list0 a:hover {background-color: #00CCFF;	text-decoration: none;}

#menu3 .list1 a:hover {background-color: #CCCC00;	text-decoration: none;}
#menu3 .list2 a:hover {background-color: #B1F9D0;	text-decoration: none; color: #777;}
#menu3 .list3 a:hover {background-color: #EDFFBE;	text-decoration: none; color: #777;}
#menu3 .list4 a:hover {background-color: #C2EEFF;	text-decoration: none; color: #777;}
#menu3 .list5 a:hover {background-color: #BAD3FF;	text-decoration: none;}
#menu3 .list6 a:hover {background-color: #DCC2FF;	text-decoration: none; color: #777;}
#menu3 .list7 a:hover {background-color: #FFC7AF;	text-decoration: none;}
#menu3 .list8 a:hover {background-color: #009966;	text-decoration: none;}
#menu3 .list9 a:hover {background-color: #FFCC00;	text-decoration: none; color: #777;}