@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 url(../../images/mountain/m-top4.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;background: transparent;}

#japan-adtop {width: 988px;  margin: 2px auto 5px auto; padding: 2px 0px 2px 0px;   border: 0px solid #ff0066;      text-align: center;  background: #fff;}
#japan-adtop2 {width: 986px;  margin: 2px auto 5px auto; padding: 2px 0px; border: 0px solid #00CCFF; text-align: right;}


#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: transparent;
width : 990px;
margin: 0 auto;

}




#japan li {display: inline;}
#japan p {
font-size : 90%;
border: 0px solid #ffcc66;
width: 500px;
height: 2px;
letter-spacing: 0.07em;
color: #CCFFFF;
}


#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-title3 {
font-size : 110%;
font-weight: bold;
width : 992px;
height: 60px;
margin: 5px auto 2px auto;
color: #fff !important;
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;
background: transparent;
text-indent: 0px;
}

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

}

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

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


#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: #FFF;background-color: #000;}

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



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

.banner2 {
width: 198px;
margin: 14px auto 0 auto;
text-align: center;
padding: 0;
}


.banner3 {
width: 300px;
height: 250px;
margin: 14px auto 0 auto;
text-align: center;
padding: 0px;
border: 1px solid #FF00FF;

}


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

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



/* Menu */
#menu {	width: 986px;	height: 35px;	margin: 0 auto 3px auto; padding: 0; border: 1px solid #999; background: #fff;}
#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; background: #fff;}
#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: #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;
	margin: 0 auto 1200px 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;}




#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;}
.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 #FF00CC;
background: #CCFFFF;
list-style: none;
}






/* 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: #ccffff;
text-align: left;}  

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


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


.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-photo{width: 500px;margin: 20px auto;border: 0px solid #FFFF00;}


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

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

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


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


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

#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;height:20px;}

#headnavi ul{	margin: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;}

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




.arcticleBox-mountain {width: 520px; margin:10px auto 18px auto; color: #000000; background-color: #fff; border: 0px solid #33FFFF; }
.arcticleBox-mountain .lef {width: 160px; margin:0 4px 10px 4px; padding-bottom:2px; border: 1px solid #FF0000; float: left;　}

.arcticleBox-mountain .middle {width: 160px;  margin:30px 4px 10px 4px; padding-bottom:2px;border: 1px solid #33FF33; float: left;}

.arcticleBox-mountain .righ  {width: 160px; margin:60px 4px 10px 4px; padding-bottom:2px; border: 1px solid #9966FF; float: left;}

.arcticleBox-mountain ul li {width: 160px; margin:4px 4px 0 4px; padding-bottom:2px; list-style:none;  font-size: 80%;}





.japan-guide-article777 div.arcticleBox-special567 {width: 500px; margin:10px 0 18px 9px;  background: #fff url(../../images/mountain/mountain-bg.jpg) no-repeat center top;　color: #000; font-size: 100%; overflow: auto; }

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

.japan-guide-article777 div.arcticleBox-special567 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-special567 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-special567 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-special567 ul li {width: 135px; height: 20px; margin:1px 10px 4px 5px; font-size: 90%; display: block; float: right; border: 1px solid #66FFFF; text-align: center;}
.japan-guide-article777 div.arcticleBox-special567 ul li img.thumb {float:left; margin-right:5px;}


.arcticleBox-cas {width: 520px; height: 900px; margin:10px auto 18px auto; color: #000000; background-color: #FFFFFF; border: 0px solid #33FFFF;}
.arcticleBox-cas ul li {width: 160px; height: 190px; margin:0 5px 10px 5px; padding-bottom:2px; display: block; float: left; list-style:none;}
.arcticleBox-cas ul li img.thumb {float:left; margin-right:5px;}
.arcticleBox-cas p {width: 490px; margin:8px 0 18px 0px; padding: 5px 0 0 0; text-align: right;}
.cas-name1{border: 1px solid #6633FF; text-align: center;}
.cas-name2{border: 1px solid #0066CC; text-align: center; font-size: 100%;}
.introdisc{text-align: center; }










/* トップページ
---------------------------------------------------------------------------------------*/
.top {
	padding: 0 0 37px 0;
	}
	
	
	
	
#contents-right{width:777px; float:left;margin: 0 auto 10px auto;	padding: 0;}


	
#inside-left01 {
	width:187px;
	float:left;
	margin: 0 auto 10px auto;
	padding: 5px 2px 0 2px;
	background: #fff;
	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: 1px 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: #fff;
	border: 1px solid #ccc;	}

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










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