@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: #fff url(http://japan-web-magazine.com/images/blog/01a.jpg) no-repeat center top;
      background-attachment: fixed;
      margin-left: auto;
      margin-right: auto;
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 95%;
	  letter-spacing: normal;
      color: #000033;
      text-align : center;}

a:link          { color: #0000FF; text-decoration: underline; }
a:visited       { color: #3300CC; 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 : #6600CC;}
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 #ff0066;text-align: center;}* html #head h1 {margin-bottom : -5px;}
#japan-adtop2 {width: 986px;  margin: 2px auto 5px auto; padding: 2px 0px; border: 0px solid #00CCFF; text-align: right;}

#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: #66FFFF;}
#japan li {display: inline;}
#japan p {font-size : 90%;width: 500px;height: 2px;letter-spacing: 0.07em;color: #6699FF;}

.japan-title3 {
font-size : 110%;
font-weight: bold;
width : 990px;
height: 60px;
margin: 5px auto 2px auto;
color: #000;
text-transform: uppercase;
text-align: left;
background: transparent url(http://japan-web-magazine.com/image2/japanwebmagazine.gif) no-repeat left bottom;
text-indent: -999px;}

.japan-title3 a{color: #000;text-decoration: none;text-align: left;}
.border99{width: 100%;margin: 2px auto 0px auto;padding: 2px 0 0 0;
background: transparent url(http://japan-web-magazine.com/image2/border1.gif) no-repeat left top;}

#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: 0px solid #666666;}


#tokyo {width: 400px;margin: 5px auto;}
#search1 {margin: 0 auto;text-align: center;}
#search1 p{border-bottom: 0px !important;}

.banner1 {width: 198px;margin: 0px auto 0 auto;text-align: center;}
.banner2 {width: 198px;margin: 14px auto 20px auto;text-align: center;padding: 0px;}
.banner2 li {list-style: none;}
.banner2 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

.banner-float {width: 198px;margin: 14px auto 20px auto;text-align: center;padding: 0px;position: relative; z-index: 10}
.banner350 {width: 350px;height: 260px;margin: 14px auto 0 auto;text-align: center;padding: 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 #999;}
#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: #0000FF;
}
#menu a:visited   {color: #6600CC; 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 #999;}
#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: #0000FF;}
#menu2 a:visited {color: #6600CC; 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;}



#menu3 {width: 986px;	height: 35px;	margin: 0 auto;  padding: 0 0 0 0; border: 1px solid #999;background: #fff;}
#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: #0000FF;}
	
	
#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;}
#menu3 .list3 a:hover {background-color: #EDFFBE;	text-decoration: none;}
#menu3 .list4 a:hover {background-color: #C2EEFF;	text-decoration: none;}
#menu3 .list5 a:hover {background-color: #BAD3FF;	text-decoration: none;}
#menu3 .list6 a:hover {background-color: #DCC2FF;	text-decoration: none;}
#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;}


#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: #666666;
text-align: center;}

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



#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: #FFFF33;text-align: left; }



#header2 { width: 970px;background-color: #000;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; top:0; left:0;}  

.back{background-color: #CCC;}


/* フッター */
#footer {
	width:998px;
	margin: 0 auto;
	height: 100px;
	padding:10px 0;
	border-top: solid 1px #339999;
	border-bottom: solid 4px #339999;
	clear:both;
	background: #fff;
	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:#00CCCC;	text-decoration:underline;}
#footer a:visited{color:#6600FF;	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:#000;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 #666666;
background: #FFCCCC;
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: #333333;
background: #fff;}

.japan-guide-article777 h2{margin: 20px auto 15px auto;}
.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: #0033FF;}

.p-color {clear:both; width: 500px; background:#eeffff; margin: 15px auto 12px auto; padding:8px 5px 4px 5px;
}

.p-color2 {clear:both; width: 510px; background:#FFFFEE; margin: 5px auto; padding:28px 5px;
}
.border1{width: 500px; border-bottom: 1px dotted #222; margin: 40px auto !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;}
.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: 500px;margin: 20px auto;}
.article-photo2{width: 500px;margin: 20px auto;}
.article-photo2 ul{width: 500px;margin: 0px auto;}

.article-photo2 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;}

.article-photo3{width: 500px;margin: 20px auto; clear: both; }
.article-photo520 {width: 520px;margin: 20px auto;}
.article-photo-line{clear: both; width: 500px; margin: 20px auto; padding: 10px; border: 1px solid #33CCFF; height: 200px;} 

.article-photo-l{width: 240px;margin: 10px auto;float: left;}
.article-photo-r{width: 240px;margin: 10px auto;float: right;}
.article-photo-r p{width: 240px;margin: 2px auto 10px auto;font-size: 90% !important;}

.article-photo-b{width: 520px;margin: 20px auto;overflow: hidden;}

.box2{width: 170px;  float: left; margin: 22px 0 10px 2px;}
.box2 p{width: 170px;  margin: 2px 0 2px 2px !important;}

.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: #222 !important;
text-decoration: none;}

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

.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 .no-line2{border-bottom: 0px; margin: 0 auto 10px auto;}

.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: #000;
list-style: none;
display:block;
font-size: 90%;
width: 50%;
background: #fff;
}

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

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


.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: #000;}

.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: 82%; 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: #333;margin: 0 auto;	text-align: left;}		

#middle .world-note22 h3{margin: 40px 0 2px 0;	padding: 0 0 0 5px;	clear:both;	font-size:100%;	color: #666666;	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; overflow: auto; 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; overflow: auto; 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; overflow: auto; 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; overflow: auto; 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; overflow: auto; 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; overflow: auto;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;border: 1px solid #6699FF;
background: #CCFFFF;}

.japan-guide-article777 div.arcticleBox-special4 {width: 500px; margin:10px 0 18px 9px; background: #fff; color: #000; 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: #000 !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: #000;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 20px auto;float: left !important;}
.article-photo2 p{margin: 0 auto 20px auto;}

.top {	padding: 0 0 37px 0;}
.sample{margin: 5px 20px 0 auto;float: left !important;}	
	
#inside-left01 {
	width:187px;
	float:left;
	margin: 0 auto 10px auto;
	padding: 5px 2px 0 2px;
	background:transparent;	
	border: 1px solid #CCC;	}
	
	
#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: #000000;
	border-bottom: 0px solid #666666;
	text-align: center;	}	
	
#inside-left01 h3 {
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	font-size:100%;
	color: #000;
	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: #000;
	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: #000;
	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: #000; 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:#000;}
#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 #00CCFF;
	background-color: #FFF;
	}
	
#middle h1 {
	margin: 0 0 23px 0;
	padding: 0 0 0 5px;
	clear:both;
	font-size:140%;
	border-bottom: 1px solid #666666;
	background: #fff;
	color: #232323;}	
#middle p {
	margin: 0 0 23px 0;
	padding: 0 0 0 5px;
	clear:both;
	font-size: small;
	color: #232323;	}	
	
#middle .morepd a {
	margin: 0px 0 23px 0;
	padding: 0 0 0 5px;
	font-size: 100%;
	color: #66FFFF;	}		
	
#middle a {font-size: 100%;	color: #0000FF;	}
	
#middle a:visited   { color: #6600FF; 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: #000;}
#middle h3 {margin: 20px 0 7px 0;	padding: 4px 0 0 5px;	clear:both;	font-size:100%;	border-bottom: 1px dotted #666666;	color: #000;}

#middle h4 {width: 200px;font-size:96%;margin: 10px 0 5px 10px;	padding: 0 0 0 5px;	color: #000;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: #000033;	}		
	
#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:#000;	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: #000;	
	background: transparent;
	border: 1px solid #ccc;	}

#right04 h3{border-bottom: 1px solid #333;	margin:5px auto 20px 8px; padding: 0 0 0 2px;	color: #000;}
	
	
.right07 {width:200px;	float:right;	margin:0 auto 20px 0px;	padding: 0 3px 0 2px; color: #000;background: #CFF9FE;border: 1px solid #ccc;	}
.right07 h3{border-bottom: 1px solid #333;margin:5px auto 20px 8px; padding: 0 0 0 2px;	color: #000;}	
	
	
.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;}	
.ba-o p{font-size: 85%; text-align: center; }
.banner2 p{font-size: 85%; text-align: center; }


#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;}

.letter99{width: 550px;font-size: 90%;color: #000;clear:both;}
.letter99 ul{clear:both;margin:0 10px;}

.letter99 ul li{width:100%;margin:2px 0px 12px 0px; padding: 0 0 0 3px;}


.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 #CCC;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;}	
	

.b-box{width: 250px;
text-align: center;
margin: 20px auto 30px 5px;
float:left;
display:inline;
font-size:100%;
border: 1px solid #999;}
.b-box p{width: 240px !important;}
.b-box img {border-top: solid 5px #fff;border-bottom: solid 10px #fff; }	
	

.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: #fFF;
	margin: 40px 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;}			
			
.black1 .quo1{ width: 400px; margin: 0px auto!important; padding: 15px 20px 5px  20px!important; text-align: left; background: #eeFFFF; font-weight: bold; font-size: 90% !important;}
.black1 .quo2{ width: 400px; margin: 0px auto!important; padding: 15px 20px 45px  20px!important; text-align: left; background: #eeFFFF; font-weight: bold; font-size: 90% !important;}
.black1 .quo3{ width: 400px; margin: 0px auto!important; padding: 0 20px 5px!important; text-align: right; background: #eeFFFF; font-weight: bold; font-size: 90% !important;}

.japan-guide-article{}

.a-photo-l{width: 180px;margin: 10px 1px 10px auto;float: left;}
.a-photo-r{width: 320px;margin: 10px auto;float: right;}

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