@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(00.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 : 1000px;
	position:relative;
text-align : left;
margin-top: 10px;
margin-left : auto;
margin-right : auto;
padding: 0 0 37px 0;
border-left : 0px solid #FFFF66;
border-right : 0px solid #FFFFCC;
background: transparent;
}




#japan-adtop { 
           
            width: 988px;
            margin: 2px auto 5px auto;
            padding: 2px 0px 2px 0px;
            border: 1px solid #ff0066;
            text-align: center;
            
}

#japan-adtop79 { 
           
            width: 988px;
            margin: 2px auto 5px auto;
            padding: 2px 0px 2px 0px;
            border: 1px solid #ff0066;
            text-align: center;
            
}


* html #head h1 {
margin-bottom : -5px;
}


#head {
position : relative;
margin-bottom : 7px;
border-top : 0px solid #FF66CC;
border-left : 0px solid #FFFF00;
border-right : 0px solid #66FFCC;
background: #fff url(041.jpg) no-repeat center top;
width : 990px;
margin: 0 auto;

}





#japan {
width: 996px;
margin: 2px auto;
border-bottom: 0px solid #CCCCCC;
text-align: left;

}

#japan a {
font-size : 200%;
margin: 5px auto;
text-transform: uppercase;
color: #66FFFF;

}

#japan li {
display: inline;

}
#japan p {

font-size : 90%;
border: 0px solid #ffcc66;
width: 500px;
height: 2px;
letter-spacing: 0.07em;
color: #6699FF;

}

.japan-title3 {
font-size : 110%;
font-weight: bold;
width : 992px;
height: 60px;
margin: 5px auto 2px auto;
color: #fff;
border: 0px solid #CCFF00;
text-transform: uppercase;
text-align: left;
background: #fff url(http://japan-web-magazine.com/image2/japanwebmagazine.gif) no-repeat left bottom;


text-indent: -999px;



}

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

}

.border99{
width: 100%;
margin: 2px auto 0px auto;
padding: 2px 0 0 0;
background: #fff;
}

#head #subhead {
position : absolute;
margin: 5px auto;
top : 0;
right : 0;
width : 393px;
font-size : 97.5%;
font-family: cursive;
color: #33CCCC;
text-align : right;
padding : 0px;
background-color : transparent;
border: 0px dotted #33FF33;
}

#head #subhead p{
font-family: cursive;

}
#head #subhead * {
display : inline;
}


#head #subhead li {
padding : 7px;
}

#head #subhead ul li.resize {
border-left : 2px solid red;
}






#head div#globalbar dl#search dd * {
margin: 1px auto;
border: 0px solid #FFFF00;


}





#head dl#search {
position : absolute;
left : 495px;
bottom : 3px;
}


#contents {
width : 100%;
margin: 2px auto;
line-height : 1.4;
padding-top : 0px;
background-color : transparent;
border-left : 0px solid #FFCC00;
border-right : 0px solid #00FF66;
}




#inside-left p{

margin: 2px 0px 0px 9px;
padding: 0;
border: 0px solid #FFCC00;
font-size: 90%;
}


.special {
color: #ffFFFF;
font-size: 130%;}











.list {
color: #FFFFFF;
background-color: #000000;


}

.japan-guide-lv2 {border-right : 1px solid #FFCC00;}

#contents #main #themearea1 #photo, #contents #main #themearea2 #theme {
margin-left : 50%;
}
#contents #main #themearea1 h3 a img, #contents #main #themearea2 h3 a img {
border : 1px solid #66FFFF;
}
#contents #main #themearea1 h3 a:hover img, #contents #main #themearea2 h3 a:hover img {
border : 1px solid #FFFF00;
}
#contents #main #themearea1 ul, #contents #main #themearea2 ul {
margin-top : 5px;
line-height : 1.4;
}
#contents #main #themearea1 li, #contents #main #themearea2 li {
display : inline;
}
#contents #main #themearea1 li.newline, #contents #main #themearea2 li.newline {
display : block;
list-style : none;
}
#contents #main #themearea1 li img, #contents #main #themearea2 li img {
margin : 0 4px;
}





#contents #submenu {
font-size : 87.5%;
float : right;
width : 250px;
margin: 0 3px 0 auto;
border-top : 1px solid #66FFFF;
border-bottom : 1px solid #66FFFF;
border-left : 1px solid #66FFFF;
border-right : 1px solid #66FFFF;








}
#contents #submenu .japan-guide-lv3 {
margin: 0 auto;

}
#contents #submenu h3 {
font-size : 100%;
margin-right: 1px;
margin-left: 1px;
margin-top: 1px;
margin-bottom : 3px;
background : transparent ;
}
#contents #submenu h3 span.Round {
display : block;
border : 1px solid #FFFF00;
}
#contents #submenu h3 span.Round a, #contents #submenu ul li a {
display : block;
padding-left : 25px;
}
#contents #submenu ul {
margin : 0;
padding : 0;
background-color : transparent;
}
#contents #submenu ul {
margin : 0;
padding : 0;
background-color : transparent;
}
#contents #submenu ul li {
list-style : none;
padding : 2px;
border-top : 0px solid #66FFCC;
border-bottom : 1px solid #33FFFF;
background : transparent url(cssimg/listitem_topsubmenu_lv2.gif) no-repeat left center;
}









#contents #submenu #japan-ads-bnr1 {
margin-bottom : 10px;
background-color : transparent;
}
#contents #submenu #japan-ads-bnr1 p {
font-size : 95%;
text-align : left;
padding-left : 5px;
}
#contents #submenu #japan-ads-bnr1 span {
color : gray;
}
#contents #submenu #japan-ads-bnr1 ul.banner {
margin-top : 0;
background : none;
height : 50px;
}
#contents #submenu ul.banner {
margin-top : 5px;
background : none;
}
#contents #submenu ul.banner li, #contents #submenu #japan-ads-bnr1 ul.banner li {
text-align : center;
list-style : none;
padding : 3px;
border : none;
background : none;
}
#contents #submenu ul.banner li a {
display : inline;
padding : 0;
}

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


#maintenance {
border : solid red;
border-width : 1px 2px 2px 1px;
background-color : #000000;
}
#maintenance h2 {
color : #FFFF99;
font-size : 120%;
padding : 3px;
}
#maintenance p {
padding : 3px;
}







#contents #submenu #nature-mountain {
background-color : transparent;
width : 170px;
margin: 0 auto 10px auto;


}
#contents #submenu #nature-mountain ul {
margin : 0;
padding : 0;
background-color : transparent;
}
#contents #submenu #nature-mountain ul li.japanese-mountain {
border-top : none;
}



.japan-guide-lv3-inside

{
background-color : transparent;
width : 170px;
margin: 0 auto 10px auto;


}



#contents #submenu #oneshot h3 {
background : transparent url(cssimg/oneshot_icon.png) no-repeat 3px center !important;
}
#contents #submenu #oneshot h3 span.Round a {
display : block;
min-height : 26px;
line-height : 1.75;
padding-left : 40px;
}
#tokyo {
width: 400px;
margin: 5px auto;
}
#search1 {
margin: 0 auto;
text-align: center;
}


#hannah {
background-color : transparent;
width : 170px;
padding-left: 10px;
margin: 1px 0 1px 5px;
border: 0px solid #999;
text-align: center;

}


#rose {
background-color : transparent;
width : 170px;
padding-left: 10px;
margin: 1px 0 1px 5px;
border: 0px solid #999;
text-align: center;

}

#keyword h3 {
width: 250px;
height: 38px;
padding-top: 5px;
background: #000000 url(http://japan-web-magazine.com/japan1/1.jpg) no-repeat center top;
border: 1px solid #66FFFF;
text-align: center;

}
#keyword h3 a {
font-size: 120%;
color: #FFFFFF;
background-color: #000000;
font-family: serif;
text-decoration: none;
}

#photo h3 {
width: 250px;
height: 38px;
padding-top: 5px;
background: #000000 url(http://japan-web-magazine.com/japan1/1.jpg) no-repeat center top;
border: 1px solid #66FFFF;
text-align: center;

}
#photo h3 a {
font-size: 120%;
color: #FFFFFF;
background-color: #000000;
font-family: serif;
text-decoration: none;
}

#area h3 {
width: 250px;
height: 38px;
padding-top: 5px;
background: #000000 url(http://japan-web-magazine.com/japan1/1.jpg) no-repeat center top;
border: 1px solid #66FFFF;
text-align: center;

}
#area h3 a {
font-size: 120%;
color: #FFFFFF;
background-color: #000000;
font-family: serif;
text-decoration: none;
}

#theme h3 {
width: 250px;
height: 38px;
padding-top: 5px;
background: #000000 url(http://japan-web-magazine.com/japan1/1.jpg) no-repeat center top;
border: 1px solid #66FFFF;
text-align: center;

}
#theme h3 a {
font-size: 130%;
color: #FFFFFF;
background-color: #000000;
font-family: serif;
text-decoration: none;
}

.banner1 {
width: 198px;
margin: 0px auto 0 auto;
text-align: center;

border: 0px solid #FF00FF;



}

.banner2 {
width: 198px;
margin: 14px auto 25px auto;
text-align: center;
padding: 0px 0 0px 0;
border: 0px solid #FFFF00;
}




.banner3 {
width: 300px;
height: 250px;

margin: 14px auto 0 auto;
text-align: center;
padding: 0px 0 0px 0;
border: 1px solid #FF00FF;



}


.banner350 {
width: 350px;
height: 260px;

margin: 14px auto 0 auto;
text-align: center;
padding: 0px 0 0px 0;
border: 0px solid #FF00FF;



}

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







.content-right{
width: 138px;
height: 510px;
margin: 4px 0 4px 0;
text-align: center;
padding: 3px 0 2px 0;
border:1px solid #FF00FF;
}












.transOFF {
margin: 0 auto; 
width: 100%; 
background-color: black;opacity:.80;
filter: alpha(opacity=80); -moz-opacity: 0.8;
border:0px solid black; 
text-align: center;
}

.transON {
margin: 0 auto; 
width: 100%; 
background-color: black;opacity:.45;
filter: alpha(opacity=45); -moz-opacity: 0.65;
border:0px solid black; 
text-align: center;
}


/* Menu */

#menu {
	width: 988px;
	height: 35px;
	margin: 0 auto 3px auto;
        padding: 0 0 0 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 .list9 a:hover {
	background-color: #FFCC00;
	text-decoration: none;
}




#menu2 {
	width: 988px;
	height: 35px;
	margin: 0 auto;
        padding: 0 0 0 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;
}

#menu2 .list2 a:hover {
	background-color: #FFFF00;
}


#menu2 .list3 a:hover {
	background-color: #FF99CC;
}

#menu2 .list4 a:hover {
	background-color: #009966;
}

#menu2 .list5 a:hover {
	background-color: #99FF00;
}

#menu2 .list6 a:hover {
	background-color: #CC6600;
}


#menu2 .list7 a:hover {
	background-color: #CC9999;
}

#menu2 .list8 a:hover {
	background-color: #009966;
}










#menu3 {
	width: 988px;
	height: 35px;
	margin: 5px auto 5px auto;
        padding: 0 0 0 0; 
        border: 1px solid #999;
}


#menu3 h2 {
	display: none;
}

#menu3 ul {
	margin: 0;
	padding: 5px 2px 0 15px;
	list-style: none;
}

#menu3 li {
    
	display: inline;
}

#menu3 a {
	display: block;width: 95px;
	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;
}

#menu3 a:visited     { color: #6600CC; text-decoration: underline; }


#menu3 a:hover {
	background-color: #33CC99;
}

#menu3 .active a {
	background-color: #33FFCC;
}



#menu3 .list1 a:hover {
	background-color: #99FF00;
}

#menu3 .list2 a:hover {
	background-color: #FFFF00;
}


#menu3 .list3 a:hover {
	background-color: #FF99CC;
}

#menu3 .list4 a:hover {
	background-color: #009966;
}

#menu3 .list5 a:hover {
	background-color: #99FF00;
}

#menu3 .list6 a:hover {
	background-color: #CC6600;
}
#menu3 .list6 a{
border-right:0px ;
}

#menu3 .list7 a:hover {
	background-color: #CC9999;
}

#menu3 .list8 a:hover {
	background-color: #009966;
}













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

}

#map-map3 {
width: 507px;
margin: 10px auto;
padding: 17px 4px 4px 2px;
border: 1px solid #66FFFF;
background: #555;
color: #66FFFF;
text-align: center;

}

#map-map3 p{
font-size: 90%;

margin: 0 auto;

text-align: center;

}

#map-map4 {
width: 557px;
margin: 10px auto;
padding: 7px 2px 4px 2px;
border: 0px solid #FF9900;
text-align: center;

}

#map-map4 p{
font-size: 80%;
margin: 0 auto;
text-align: center;
list-style: none;

}

#map-map4 li{
font-size: 80%;
margin: 0 auto;
text-align: center;
list-style: none;

}

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

}
#map-map7 {
width: 527px;
margin: 10px auto 20px auto;
padding: 17px 4px 4px 2px;
border: 0px solid #66FFFF;
background: #FFFFFF;
color: #666666;
text-align: center;

}

#map-map7 p{
font-size: 90%;
margin: 0 auto;
text-align: center;
}


#map-map7 a{
margin: 10px auto;
text-align: center;
}









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


#top-pic7 h1 { padding:0; margin-top: 20px; }

#top-pic7 h2 { 
color: #FFFF33;
text-align: left; }


#header2 { 
width: 950px;
background-color: #000000;
margin:0 auto; 
font-size: 140%; }

#header2 a{
color: #CCCCCC;
font-size: large;
text-align: right;
}



.pics { height: 200px;
 width: 600px; 
 padding:0; 
 margin:0 auto;
  overflow: hidden;
  
   }
  
  
.pics img {
 height: 200px;
 width: 600px;
 margin: 10px auto;
  padding: 0px;
   border: 0px solid #ccc;
    background: transparent #CCCCCC;
     top:0; left:0;
     
}  


.back{
background-color: #CCCCCC;

}


/* フッター */
#footer {
	width:998px;
	height: 100px;
	padding:8px 0 5px 0;
	border-top: solid 1px #339999;
	border-bottom: solid 4px #339999;
	clear:both;
	background: #fff url(012.jpg) no-repeat center top;
	}

#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:#000000;

font-size: 100%;	
	}	
























































	
	

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


/* breadcramb */
#cramb {
	width:700px;
	padding: 0 0 26px 224px;
	font-size:x-small;
	line-height:1;
	}






#side {
	width:187px;
	float:left;
	margin: 0 0 37px 0;
	}
#side h2 {
	margin: 0 0 23px 0;
	font-size:100%;
	}
#side dl {
	border-bottom: solid 1px #000;
	margin: 0 0 23px 0;
	padding: 0 0 20px 23px;
	}

#side ul.sideNavi {
	list-style:none;
	padding: 0 0 9px 23px;
	margin: 0 0 23px 0;
	border-bottom: solid 1px #000;
	}
#side ul.sideNavi li {
	padding: 0 0 14px 0;
	font-size:100%;
	}

#side ul.bnnWrap {
	list-style:none;
	padding: 0 0 0 23px;
	}
#side ul.bnnWrap li {
	margin: 0 0 9px 0;
	font-size:100%;
	}
#side ul.bnnWrap li.bnnBig {
	margin: 0 0 14px 0;
	font-size:100%;
	}
	#side ul.bnnWrap li.last {
		margin:0;
		}




.clr:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
.clr {
	display:inline-table;
	min-height:1%;
	}

* html .clr {
	height:1px;
	}
.clr {
	display:block;
	}






#spotlight h2{font-size:100%;}

#spotlight,
.bx{margin-bottom:10px;background-color:#fff;}


#spotlight{border:1px solid #9fb7d4; height: 220px;}

#spotlight li a{padding-left:12px;background-color:transparent;background-repeat:no-repeat;background-position:0 -872px;*background-position:0 -870px;}



#spotlight{border:1px solid #dce3ea;background:#f0f3fa;
padding:10px;
background-position:0 -300px;
}

#spotlight ul{
clear:both;
margin:0 40px;
}

#spotlight ul li{
float:left;
width:50%;
margin:2px -1px 2px 0;
font-size: 80%;
}

.spltmp #splsentence{
float:left;
width:61%;
}

#splsentence h2{
margin-bottom: 3px;

}


#splsentence p{
margin:4px 4px;
line-height:1.6em;*line-height:1.5em;
}


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



#splimg{
float:right;
width:142px;
padding-bottom:5px;
text-align:center;
}

#splimg a{
font-size: 80%;

}



#splimgfilter{width:142px;height:100px;}

.imgfilter{
display:block;
background:no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}






#jwm-note{
width: 325px; 
height: 130px;
border:1px solid #dce3ea;
background:#f0f3fa;
padding:10px;

}

#splimg-japan{
float: left;
width:110px;
padding-bottom:5px;
}



#jwm-japan{
margin: 0 auto;
float:right;
width:195px;
border: 0px solid #FF0000;
}

#jwm-japan h3{
margin: 0 0 5px 0;
font-size:88%;
}


#jwm-japan p{

width: 190px;
margin: 0 auto 0 0;
padding: 0 0 0 0;
font-size: 77%;
border: 0px solid #999;
text-align: left;
}



#koyo-spot {
width:560px;

}

#map-alea {
width:560px;
}
#map {
width:550px;
height:500px;
margin: 1px auto 10px auto;

}

.side_bar {
vertical-align:top;

width:200px;
padding:5px;
font-size:13px;
text-align:left;
line-height:1.2em;
overflow:none;
border: 1px solid #666666;
background: #FFF;
list-style: none;
}








/* p-list */



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


#p-list li {  
display:inline;  
line-height:110%;  
list-style-type:none; 

}  


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

.japan-guide-article p{

width: 500px;
margin: 5px auto 25px auto;
padding: 5px 5px 0px 5px;
letter-spacing: 0.1em;
font-size: 90%;



}

.japan-guide-article h3{

width: 480px;
margin: 10px auto 25px auto;
padding: 10px 5px 0px 5px;

color: #000000;


}




.japan-guide-article a{
 color: #0033FF;


}
.japan-guide-article7 {

width: 486px;
margin: 10px auto 25px auto;
padding: 20px 5px 0px 5px;
letter-spacing: 0.1em;
color: #000000;
background: #CCCCCC;
border: 1px solid #00CCFF;



}
.japan-guide-article7 p{

width: 480px;
margin: 10px auto 25px auto;
padding: 20px 5px 0px 5px;
letter-spacing: 0.1em;
color: #000000;
background: #CCCCCC;
}

.japan-guide-article7 h3{

width: 80px;
margin: 0px auto 15px 15px;
padding: 4px 5px 0px 5px;
letter-spacing: 0.1em;
color: #000000;
background: #FFFFFF;
border: 1px solid #000000;
text-align: center;
}




.japan-guide-article55 {

width: 556px;
margin: 10px auto 15px auto;
padding: 5px 0px 0px 0px;
letter-spacing: 0.1em;
color: #000000;
background: #fff;
border: 0px solid #00CCFF;
}
.japan-guide-article55 p{

width: 507px;
margin: 2px auto 5px auto;
padding: 2px 0px 3px 0px;
letter-spacing: 0.1em;
color: #000000;
font-size: 85%;
}

.japan-guide-article55 h3{
width: 80px;
margin: 0px auto 15px 15px;
padding: 4px 5px 0px 5px;
letter-spacing: 0.1em;
color: #000000;
background: #FFFFFF;
border: 1px solid #000000;
text-align: center;
}




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

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


.japan-guide-article57 {
width: 520px;
border: 1px solid #000;
margin: 20px auto;
padding: 10px 0 0 0;
background: #f0f0f0;

}

.black90 {
width: 500px;
margin: 0px auto;
font-size:100%;
		}
		
.black90 img {
margin: 10px auto;
padding: 0;
float:left;
border-top: solid 64px #000;
border-bottom: solid 64px #000;}	




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

.black1 img {
border-top: solid 64px #000;
border-bottom: solid 64px #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;
border: 0px solid #FFFF00;


}

.article-photo222{
width: 515px;
margin: 20px auto;
border: 0px solid #9933CC;

}


.article-photo22{
width: 170px;
height: 210px;
float: left;
margin: 20px auto;
border: 0px solid #FF0000;


}







.article-photo{
width: 500px;
margin: 20px auto;

}
.article-photo2{
width: 500px;
margin: 20px auto;

}
.article-photo2 ul{
width: 500px;
border: 0px solid #000000;
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-photo-l{
width: 240px;
margin: 10px auto;
float: left;
}
.article-photo-r{
width: 240px;
margin: 10px auto;
float: right;
}
.japan-guide-article-info{
width: 510px;
border: 1px solid #000000;
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;
border: 0px solid #000000;
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-link{
width: 510px;
border: 1px solid #000000;
margin: 3px auto 55px auto;
padding: 10px 5px 17px 5px;
font-size: 90%;
color: #000;
background: #f0f0f0;
}

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

.japan-guide-article-info-link ul{
width: 450px;
border: 0px solid #000000;
margin: 0px auto;}


.japan-guide-article-info-link li{
margin: 2px 2px 2px 5px;
list-style: none;
display:block;
font-size: 96%;
letter-spacing: 0.1em;}
















.japan-guide-article-info .inside2 {
margin: 10px 2px 0px 22px;
color: #000;
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: #000;
border-bottom: 0px solid #fff ;
list-style: none;
display:block;
font-size: 100%;
background: #fff;
}

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

}

.letter97{
margin: 7px auto;
padding: 0 2px 0 4px;
width: 500px;
font-size: 90%;
color: #000000;
background: #fFF;
}
.letter98{
margin: 7px auto 0 5px;
padding: 0 2px 0 4px;
width: 300px;
font-size: 90%;
color: #000000;
background: #CCCCCC;
}
.letter99{
width: 550px;
font-size: 90%;
color: #000000;
clear:both;
}
.letter99 ul{
clear:both;
margin:0 10px;
}

.letter99 ul li{
width:100%;
margin:2px 0px 12px 0px;
border-left:0px solid #999 ;
border-right:0px solid #999 ;
padding: 0 0 0 3px;
}


.black88 {
width: 245px;
margin: 10px auto;
text-align: center;
float:left;
display:inline;
font-size:100%;
border: 0px solid #FF00FF;
}

.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: #000000;
border: 0px solid #00FF99;

}
.arcticleBox-world {width: 490px; margin:10px 0 18px 9px;  }
.arcticleBox-world ul li {width: 240px; height: 220px; margin:0 1px 10px 1px; padding-bottom:2px; display: block; float: left;  list-style:none; color: #000000;}
.arcticleBox-world ul li img.thumb {float:left; margin-right:5px;}
.special-name{border: 1px solid #00CCFF; text-align: center; font-size: 100%; color: #000000;}
.special-name2{border: 1px solid #FFCC00;text-align: center; color: #000000;}
.special-pre{text-align: center; color: #000000;}

.special-name3{border: 1px solid #990033; text-align: center; font-size: 100%; color: #000000;}
.special-name4{border: 1px solid #0000CC;text-align: center; color: #000000;}

.arcticleBox-world2 {width: 490px; margin:10px 0 18px 9px;}

.arcticleBox-world2 h2 {width: 490px; margin:10px auto 2px auto; color: #fff; padding:20px 0 0 0; border-top: 1px dotted #666666; font-size: 120%;}
.arcticleBox-world2 h3 {width: 490px; margin:10px auto 2px auto; color: #FFFF00; border-bottom: 0px solid #000000; font-size: 100%;}
.arcticleBox-world2 p {width: 490px; margin:1px auto 2px auto; color: #FFFFFF; border-bottom: 0px solid #000000; font-size: 100%;}
.arcticleBox-world2 ul {width: 500px; border-bottom: 1px dotted #666666;  display: block;}
.arcticleBox-world2 ul li {width: 500px;  height: 300px ;margin:1px 1px 4px 20px; list-style:none; font-size: 100%;}
.arcticleBox-world2 ul li img.thumb {float:left; margin-right:5px;}


.arcticleBox-world4 {width: 290px;  margin:10px 0 18px 9px;}
.arcticleBox-world4 ul li {width: 240px; height: 10px; margin:0 1px 10px 1px; padding-bottom:2px; display: block; float: left;  list-style:none; color: #000000;}



.arcticleBox-world7 {clear: both; width: 520px;  margin:10px auto 18px auto; padding: 0 0 0 10px;  }
.arcticleBox-world7 ul {clear: both; width: 520px; margin: 0 auto; text-align: center; border: 0px dotted #33FFFF;  display: block;}
.arcticleBox-world7 ul li {width: 125px; margin:0 auto 10px auto; float: left;  list-style:none; color: #000000;}



.arcti {width: 250px;  margin:10px 0 58px 2px; padding: 0 0 0 1px; color: #000000; background: #FFCCFF; float: left;  }
.arcti h2 {width: 240px; margin:2px auto 2px auto; color: #000; padding:20px 0 0 0; font-size: 120%;}
.arcti h3 {width: 240px; margin:4px auto 2px auto; color: #FFFFCC; font-size: 100%;}
.arcti h4 {width: 240px; margin:4px auto 2px auto; color: #FF6600; font-size: 100%; }

.arcti p {width: 240px; margin:1px auto 2px auto; color: #000; font-size: 100%;}
.arcti ul {width: 240px; margin: 2px auto; font-size: 98%; float: left;  }
.arcti ul li {width: 200px; margin:1px 20px; list-style:none; font-size: 100%; display: block;}


.arcti2 {width: 250px;  margin:10px 0 58px 2px; padding: 0 0 0 1px; color: #000000; background: #FFCCFF; float: left;  }
.arcti2 h2 {width: 240px; margin:2px auto 2px auto; color: #000; padding:20px 0 0 0; font-size: 120%;}
.arcti2 h3 {width: 240px; margin:10px auto 12px auto !important; color: #003333; font-size: 100%;}
.arcti2 h4 {width: 240px; margin:4px auto 2px auto; color: #FF6600; font-size: 100%; }

.arcti2 p {width: 240px; margin:1px auto 2px auto; color: #000; font-size: 100%;}
.arcti2 ul {width: 240px; margin: 2px auto 20px auto!important; font-size: 98%; float: left;  }
.arcti2 ul li {width: 200px; margin:1px 20px!important; list-style:none; font-size: 100%; display: block; }





.arcti700 {width: 340px;  margin:10px 0 58px 2px; padding: 0 0 0 1px; color: #000000; background: #FFCCFF; float: left;  }
.arcti700 h2 {width: 330px; margin:2px auto 2px auto; color: #000; padding:20px 0 0 0; font-size: 120%;}
.arcti700 h3 {width: 330px; margin:10px auto 12px auto !important; color: #003333; font-size: 100%;}
.arcti700 h4 {width: 330px; margin:4px auto 2px auto; color: #FF6600; font-size: 100%; }

.arcti700 p {width: 330px; margin:1px auto 2px auto; color: #000; font-size: 100%;}
.arcti700 ul {width: 330px; margin: 2px auto 20px auto!important; font-size: 98%; float: left;  }
.arcti700 ul li {width: 300px; margin:1px 20px!important; list-style:none; font-size: 100%; display: block; }










.arcticleBox-world888 {width: 520px; margin:10px 0 18px 19px; border: 0px solid #ccc;  }
.arcticleBox-world888 ul li {width: 250px; height: 220px; margin:0 1px 10px 1px; padding-bottom:2px; display: block; float: left;  list-style:none; color: #000000;}
.arcticleBox-world888 ul li img.thumb {float:left; margin-right:5px;}


#headnavi {
position : absolute;
margin: 5px auto;
top : 60px;
right : 0;
width : 393px;
font-size : 97.5%;
font-family: cursive;
color: #33CCCC;
text-align : right;
padding : 0px;
background-color : transparent;
border: 0px dotted #33FF33;


height:20px;
}

#headnavi ul{
	margin:0 0 0 0;
	padding:0}

#headnavi ul li{
	display:inline;
	margin:0 0 0 5px;}

#headnavi ul li img{ vertical-align:middle; margin:0 4px 0 0;}

#headnavi ul li input{margin-right:8px}

#headnavi ul li a:link{
color: #FF00FF;
}

#headnavi ul li a:visited{
color: #66FFFF;
}

#headnavi ul li a:hover{
color: #FF6600;
text-decoration: none;
}

#headnavi ul li a:active{
color: #66FFFF;
}

#headnavi ul li input{margin:0.7em 0 0 0;}

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



#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; border:0px solid #CC99FF;}
#animalp ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; border: 0px solid #FF33CC;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; border:0px solid #CC99FF;}
#plant ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; border: 0px solid #FF33CC;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; border:0px solid #CC99FF;}
#bird ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; border: 0px solid #FF33CC;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; border:0px solid #CC99FF;}
#insect ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; border: 0px solid #FF33CC;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; border:0px solid #CC99FF;}
#snake ul li{float:left;width:47%;margin:2px auto 2px auto; padding: 0 0 0 10px; border: 0px solid #FF33CC;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; border:0px solid #CC99FF;}
#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: #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;}








.japan-guide-article977{
width: 520px;
border: 0px solid #33FFFF;
margin: 10px auto 25px auto;
padding: 5px 5px 0px 5px;
font-size: 90%;
color: #000000;
background: #fff;
overflow: hidden;


}

.japan-guide-article977 p{

width: 500px;
margin: 5px auto 25px auto;
padding: 5px 5px 0px 5px;
letter-spacing: 0.1em;
font-size: 90%;
}



.japan-guide-article977 a{
 color: #0033FF;
}





.japan-guide-article887{
width: 520px;
border: 0px solid #33FFFF;
margin: 10px auto 25px auto;
padding: 5px 5px 0px 5px;
font-size: 90%;
color: #000000;
background: #fff;
overflow: hidden;


}

.japan-guide-article887 h3{
 color: #0033FF;
 margin: 20px auto 12px !important;
 padding: 4px 0 2px 0;
}
.japan-guide-article887 p{

width: 500px;
margin: 2px auto 2px auto;
padding: 2px 5px 3px 5px;
letter-spacing: 0.1em;
font-size: 90%;
}



.japan-guide-article887 a{
 color: #0033FF;
}


.japan-guide-article887 ul{
  width: 490px; 
 margin: 15px auto 5px auto;
 padding: 1px 0 10px 0;
}


.japan-guide-article887 li{
 width: 480px; 
 margin: 2px 3px 2px 3px;
 padding: 2px 0 2px 0;
 list-style: none;
}















.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%;
border: 0px solid #ccc;

}




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

.japan-guide-article-navi p{

width: 100px;
margin: 0px auto 0px auto;
padding: 0px;
font-size: 120%;
border-left: 10px solid #FFFF00;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}



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


.article-photo-navi{
width: 500px;
margin: 20px auto;
border: 0px solid #FFFF00;


}

.article-photo2{
width: 500px !important;
}
.article-photo2 .sample{
margin: 5px 20px 0 auto;
border: 0px solid #66FFFF;
float: left !important;
}
.article-photo2 p{
margin: 0 auto 20px auto;
}

.halfphoto{
width: 250px;
float: left;
text-align: left;}

.halfphoto h2{
width: 240px;
float: left;
text-align: left;}