@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 : 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-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;}
#top-line {margin-bottom : 7px;width : 990px;margin: 0 auto;border: 0px solid #ccc;}


#head {position : relative;margin-bottom : 7px;border-top : 0px solid #FF66CC;border-left : 0px solid #FFFF00;border-right : 0px solid #66FFCC;background: transparent url(041.jpg) no-repeat center top;width : 990px;margin: 0px auto 0 auto;}
#japan {width: 996px;margin: 2px auto;border-bottom: 0px solid #CCC;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%;border: 0px solid #ffcc66;width: 500px;height: 1px;letter-spacing: 0.05em;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: transparent 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: transparent url(http://japan-web-magazine.com/image2/border21.gif) no-repeat left top;}

#head #subhead {position : absolute;margin: 5px auto;top : 0;right : 0;width : 450px;font-size : 97.5%;color: #33CCCC;text-align : right;border: 0px dotted #CCFFFF;}

#head #subhead * {display : inline;}
#head #subhead p{font-size: 100%;}
#head #subhead li {padding : 7px;}
#head #subhead ul li.resize {border-left : 2px solid red;}
#subhead a{text-decoration: none; }
#subhead a:hover {text-decoration: underline;}

#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: #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: 230px;margin: 5px auto;border: 1px solid #FF33CC;text-align: center;background-color: #FFCCFF;padding: 5px;}

.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 : #000;}
#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: #000 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: #000 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: #000 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: #000 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: #FFF;background-color: #000;font-family: serif;text-decoration: none;}

.banner1 {width: 250px;height: 250px;margin: 10px auto 0 auto;text-align: center;padding: 0;border: 1px solid #FF00FF;}
.banner2 {width: 250px;height: 160px;margin: 14px auto 0 auto;text-align: center;padding: 0;border: 1px solid #FF00FF;}
.banner3 {width: 300px;height: 250px;margin: 14px auto 0 auto;text-align: center;padding: 0;border: 0px solid #FF0;}
.banner4 {width: 120px;height: 600px;margin: 14px auto 0 auto;text-align: center;padding: 0px;border: 1px solid #FF00FF;}
.banner5 {width: 300px;height: 264px;margin: 14px auto 0 auto;text-align: center;padding: 0px;border: 0px solid #FF0;}
.banner350 {width: 350px;height: 260px;margin: 14px auto 0 auto;text-align: center;padding: 0px;border: 0px solid #FF00FF;}
.banner-left {width: 185px;height: 90px;margin: 14px auto 30px auto;text-align: center;padding: 0px;border: 1px solid #CCC;}
.banner777 {width: 250px;margin: 10px auto 10px auto;text-align: center;padding: 0;border: 0px solid #FF0;}
.banner777 img{width: 230px;margin: 10px auto;text-align: center;padding: 0;border: 1px solid #000;}
.content-right{width: 138px;height: 510px;margin: 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; 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;   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;}







/* p-list */


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


#p-list li {display:inline;  line-height:110%;  list-style-type:none; }  
#japan-ads { width: 840px;	height: 20px;	margin: 0 auto;  padding: 0 5px 0 30px;	}        

#map-map2 {width: 500px;margin: 10px auto;padding: 24px 4px 4px 4px;border: 1px solid #66FFFF;background: #000;text-align: center;}
#map-map3 {width: 500px;margin: 10px auto;padding: 24px 4px 4px 4px;border: 1px solid #66FFFF;background: #000;text-align: center;}

#top-pic7 {width: 988px;height: 220px;margin: 5px auto 5px auto; background: transparent;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: 900px;  padding:0;  margin:0 auto;  overflow: hidden;  }  
  
.pics img {height: 200px; width: 900px; margin: 10px auto;  padding: 0px;   border: 0px solid #ccc;    background: transparent #CCCC;   top:0; left:0;}  


.back{background-color: #CCC;}


/* フッター */
#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:#000;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;font-size: 77%;border: 0px solid #999;text-align: left;}


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

#map-map76 {width: 520px;margin: 10px auto;padding: 17px 1px 4px 1px;background: #FFF;border: 0px solid #999999;color: #666666;text-align: center;}
.japan-guide-article-info{width: 510px;border: 1px solid #000;margin: 10px auto 25px 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 #000;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 .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;}

.japan-guide-article-info .noline{margin: 0px 2px 0px 60px;color: #000;list-style: none;display:block;font-size: 96%;letter-spacing: 0.1em;border: 0px solid #000;}

.japan-guide-article777{width: 520px;border: 0px solid #33FFFF;margin: 10px auto 25px auto;padding: 5px 5px 0px 5px;font-size: 90%;color: #000;background: transparent url('http://japan-web-magazine.com/japan-js/2011/img/3bg-black.png');
}


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


#middle .japan-guide-article777 h3{width: 500px;margin: 5px auto;padding: 5px 0px 0px 15px;letter-spacing: 0.1em;font-size: 90%;border-bottom: 0px;}

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

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








#middle h2 {width: 93%; margin: 10px 0 !important;	padding: 5px;	clear:both;	font-size:110% !important;	border-left: 2px solid #66CCFF;	color: #000;text-align: left; background: #EBEBEB;}


#middle .bs1-h2 {width: 93%; margin: 10px 0 !important;	padding: 5px;	clear:both;	font-size:110% !important;	border-left: 2px solid #66CCFF;	color: #000;text-align: left; background: #EBEBEB;}
#middle .bs2-h2 {width: 93%; margin: 10px 0 !important;	padding: 5px;	clear:both;	font-size:110% !important;	border-left: 2px solid #FF6600;	color: #000;text-align: left; background: #EBEBEB;}
#middle .bs3-h2 {width: 93%; margin: 10px 0 !important;	padding: 5px;	clear:both;	font-size:110% !important;	border-left: 2px solid #66CC00;	color: #000;text-align: left; background: #EBEBEB;}
#middle .bs4-h2 {width: 93%; margin: 10px 0 !important;	padding: 5px;	clear:both;	font-size:110% !important;	border-left: 2px solid #999900;	color: #000;text-align: left; background: #EBEBEB;}
#middle .bs5-h2 {width: 93%; margin: 10px 0 !important;	padding: 5px;	clear:both;	font-size:110% !important;	border-left: 2px solid #9900FF;	color: #000;text-align: left; background: #EBEBEB;}
#middle .bs6-h2 {width: 93%; margin: 10px 0 !important;	padding: 5px;	clear:both;	font-size:110% !important;	border-left: 2px solid #339900;	color: #000;text-align: left; background: #EBEBEB;}


#middle h3 {margin: 40px 20px 20px 10px;	padding: 0 0 0 5px;	clear:both;	font-size:99%;	border-bottom: 2px dotted #666666;	color: #000;text-align: left;}
#middle h4 {font-weight: bold; text-decoration: underline; margin: 35px auto 10px 15px; padding: 0 0 0 5px; text-align: left !important; }



#middle .bs1-h3 {margin: 40px 20px 20px 10px;	padding: 0 0 2px 15px !important;	border-bottom: 2px dotted #666666;	color: #000;text-align: left; background: transparent url(http://japan-web-magazine.com/image2/mark/9.gif) no-repeat left center;}
#middle .bs2-h3 {margin: 40px 20px 20px 10px;	padding: 0 0 2px 15px !important;	border-bottom: 2px dotted #666666;	color: #000;text-align: left; background: transparent url(http://japan-web-magazine.com/image2/mark/10.gif) no-repeat left center;}
#middle .bs3-h3 {margin: 40px 20px 20px 10px;	padding: 0 0 2px 15px !important;	border-bottom: 2px dotted #666666;	color: #000;text-align: left; background: transparent url(http://japan-web-magazine.com/image2/mark/11.gif) no-repeat left center;}
#middle .bs4-h3 {margin: 40px 20px 20px 10px;	padding: 0 0 2px 15px !important;	border-bottom: 2px dotted #666666;	color: #000;text-align: left; background: transparent url(http://japan-web-magazine.com/image2/mark/12.gif) no-repeat left center;}
#middle .bs5-h3 {margin: 40px 20px 20px 10px;	padding: 0 0 2px 15px !important;	border-bottom: 2px dotted #666666;	color: #000;text-align: left; background: transparent url(http://japan-web-magazine.com/image2/mark/13.gif) no-repeat left center;}
#middle .bs6-h3 {margin: 40px 20px 20px 10px;	padding: 0 0 2px 15px !important;	border-bottom: 2px dotted #666666;	color: #000;text-align: left; background: transparent url(http://japan-web-magazine.com/image2/mark/14.gif) no-repeat left center;}
#middle .bs7-h3 {margin: 40px 20px 20px 10px;	padding: 0 0 2px 15px !important;	border-bottom: 2px dotted #666666;	color: #000;text-align: left; background: transparent url(http://japan-web-magazine.com/image2/mark/15.gif) no-repeat left center;}
#middle .bs8-h3 {margin: 40px 20px 20px 10px;	padding: 0 0 2px 15px !important;	border-bottom: 2px dotted #666666;	color: #000;text-align: left; background: transparent url(http://japan-web-magazine.com/image2/mark/16.gif) no-repeat left center;}







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



#myslides{background:#fff ;width: 990px;height:165px;margin: 10px auto 5px auto;  border:1px solid #8A8A8A;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 854px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
margin: 0px 48px 5px 48px;}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;top: 0;}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 20px 10px ; /*margin around each panel*/
width:170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#fff;
height:120px;
border:1px solid #1d2c44;}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/
}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#0E1829; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px 5px 5px; /*margin around each panel*/
padding:0px 0px;
}

div.span-1 input.text, div.span-1 input.title { width:30px; }
div.span-2 input.text, div.span-2 input.title { width:50px; }
div.span-3 input.text, div.span-3 input.title { width:90px; }
div.span-4 input.text, div.span-4 input.title { width: 130px; }
div.span-5 input.text, div.span-5 input.title { width: 170px; }
div.span-6 input.text, div.span-6 input.title { width: 210px; }
div.span-7 input.text, div.span-7 input.title { width: 250px; }
div.span-8 input.text, div.span-8 input.title { width: 255px; }
 
div.span-1 select { width:30px; }
div.span-2 select { width:50px; }
div.span-3 select { width:90px; }
div.span-4 select { width: 130px; }
div.span-5 select { width: 170px; }
div.span-1textarea {width:30px;	height:25px; }
 
div.span-2textarea {width:50px;	height:50px; }
div.span-3textarea {width:90px;	height:75px; }
div.span-4textarea {width: 130px;	height: 100px; }
div.span-5textarea {width: 170px;	height: 125px; }
div.span-6textarea {width: 210px;	height: 150px; }
div.span-7textarea {width: 250px;	height: 175px; }
div.span-8textarea {width: 290px;	height: 200px; }
div.span-9textarea {width: 330px;	height: 225px; }
div.span-10 textarea {width: 370px;	height: 250px; }

#logo-container { margin-top: 30px; }
 
	#logo-container a {
		display: block;
		height: 117px;
		width: 117px;
		background-image: url(/images/_structure/logo_orange.png);
		background-repeat: no-repeat;
		border-bottom: none; }
 
#main-container { margin-top: 60px; }
 
.date_block .time {	font-size: .8em;	line-height: 1.875em;	color: #666; }
 img.img-border,.avatar img {	padding: 2px;	border: 1px solid #CECECE !important; }
 
.sidebar-item {	background-color: #FFF;	padding:1.5em 1.7em;	border: 1px solid #CECECE;	margin-bottom: 18px; }
 
.blog-post-container {background-color: #FFF;	padding:18px 15px 0px 15px;	border: 1px solid #CECECE;	margin-bottom: 18px; }
 
	.blog-post-container h3 a,#latest-posts h3 a { border: none; }
 
#view-post-container { margin-bottom: 40px; }
 
#home-highlight-container {	margin-bottom: 48px;	margin-top: 80px; }
.home-highlight { }
	.home-highlight h1 { margin-bottom: 0.3em; }
		.home-highlight h1.hover { color: #333; }
		.home-highlight h1 span {
			border-top: 3px solid #CCC;
			padding-top: 6px; }
			.home-highlight h1 span.hover { border-top: 3px solid #ff3333; }
 
		.home-highlight h1 a { border: none; }
	.home-highlight p {
		font-size: 1.1em;
		line-height: 1.7em;
		color: #999;
		padding-bottom: 12px;
		height: 80px;
		margin-bottom: 4px; }
		.home-highlight p.hover { color: #000; }
	.home-highlight div.shortcut a,a#refresh-similar-sites {
		font-style: italic;
		font-weight: normal;
		font-family: Georgia, Times New Roman, Times, serif;
		border: none !important;
		font-size: 1.2em;
		color: #999;
		float: right;
		display: block; }
 
	.home-highlight div.shortcut a.hover { color: #222; }
 
h1.border,h2.border {
	padding-top: 8px;
	border-top: 1px solid #CECECE; }
 
#latest-posts .latest-post-container { margin-bottom: 24px; }
 
#featured-post {border-bottom: 1px dotted #CECECE;	margin-bottom: 16px; }
 
 
.pagination {text-align: right;	border-top: 1px dotted #CECECE;	margin: 18px 0 18px 0;	padding: 10px 0 10px 0; }
 
	.pagination a,.pagination strong {padding: 4px 8px;	background-color: #EEE;	border: none;	border: 1px solid #CECECE; }
 
	.pagination a:hover { background-color: #CECECE; }
 
	.pagination strong {color: #ff3333;		background-color: #CECECE; }
 
.category-group-description,.collection-container {	border: 1px solid #CECECE;	padding: 12px;	background-color: #FFF;	margin-bottom: 12px; }
 
.collection-container a.delete-container-link,.collection-container a.edit-container-link {	display: none;	float: right; }
 
#sitemap {border-top: 1px solid #CECECE;margin: 62px 0 18px 0;	padding: 8px 0 16px 0; } 
	#sitemap ul {list-style-type: none;	margin: 0;	padding: 0; } 
		#sitemap ul li { border-bottom: 1px dotted #CCC; } 
			#sitemap ul li a {border-bottom: none;	display: block; }
 
#current-password { display: none; } 
ul.tags {list-style: none;	padding: 0;	margin: 0 0 18px 0; }
 
	ul.tags li {background-color: #f3f3f3;		background-image: url(/images/tag/left.png);		background-position: top right;		background-repeat: no-repeat;		cursor:pointer;	float:left;	height:18px;	margin:1px 0 3px 3px;	padding:0 10px 0 0;	text-transform: lowercase; }
 
		ul.tags li:hover,ul.tags li.over { background-position: -18px right; }
 
		ul.tags li.alt {color: #222;		background: #505961 url(/images/tag/left_alt.png) top right no-repeat; }
 
		ul.tags li a {
			background: #F3f3f3 url(/images/tag/right.png) top left no-repeat;	border:0 none;	color:#FFF;	display:block;	font-size:10px;	height:14px;	line-height:100%;	padding:4px 0 0 12px; }
 
* html ul.tags li a:hover { color:#ff3333; }
 
ul.tags li a:active { opacity: 1.0 !important; } 
ul.tags li:hover a,ul.tags li.over a { background: #F3f3f3 url(/images/tag/right.png) -18px left no-repeat; } 
ul.tags li.alt a {
	background: #F3f3f3 url(/images/tag/right_alt.png) top left no-repeat;	border:0 none;	color:#222;	display:block;	font-size:10px;	height:14px;	line-height:100%;	padding:4px 0 0 12px; }
 
* html ul.tags li a {padding:0px 0 0 12px;	font-size:11px; }
 
ul.tags.category-tags { margin: 0 0 40px 0; }
 
ul.action-list {padding: 0;	margin: 0;	list-style: none; }
 
	ul.action-list li { }
 
		ul.action-list li a {display: block;	font-weight: bold;	padding: 10px 10px 10px 10px;	border-bottom: 1px #CECECE dotted; }
 
		ul.action-list li.last a { border-bottom: none; } 
		ul.action-list li a { font-weight: normal; } 
			ul.action-list li a:hover { background-color: #EEE; }
 
 
#breadcrumbs {
	width: 100%;
	padding: 3px 0 20px 0;
	margin: 0;
	list-style-type: none;
	border-top: 1px #CCC solid;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
 
	#breadcrumbs li {float: left;	display: block;	margin: 0px 6px 0px 0px; }
 
		#breadcrumbs li a {	text-transform: uppercase;	border-bottom: none;	font-size: 0.9em;	color: #697681;			font-weight: bold;	padding-bottom: 1px; }
 
			#breadcrumbs li a:hover { border-bottom: 1px #CECECE solid; }
 
ul#sort-selector {margin: 0;	padding: 0;	list-style-type: none; }
 
	ul#sort-selector li {float: left;	margin-bottom: 18px;	margin-right: 6px; }
 
		ul#sort-selector li a {display: block;	padding: 6px;	padding: 4px 8px;	background-color: #EEE;	border: 1px solid #CECECE; }
 
			ul#sort-selector li a:hover,ul#sort-selector li.selected a {
				color: #ff3333;
				background-color: #CECECE; }	
	
 
#thumbnails-container {   font-size: 80%;} 
#similar-sites-container { border-bottom: 1px dotted #CECECE; } 
#thumbnails-container-latest { height: 430px; border: 0px solid #33FFFF; } 
	#thumbnails-container-latest .thumbnail-container,#thumbnails-container .thumbnail-container,#collections-container .collection-container .thumbnail-container,#similar-sites-container .thumbnail-container {
		position: relative;
		float: left;
		margin: 0 auto; border: 0px solid #CC6699;
		width: 250px;}
 
#thumbnails-container .thumbnail-container.last,#similar-sites-container .thumbnail-container.last,#collections-container .collection-container .thumbnail-container.last { margin: 0px auto; }
 
#thumbnails-container .thumbnail-container a.thumbnail {
	display: block;
	background-color: #FFF;
	padding: 10px 10px 6px 10px; }
 
#thumbnails-container-latest .thumbnail-container a.thumbnail { display: block; }

 
#collections-container .collection-container.thumbnail-container a.thumbnail,#similar-sites-container .thumbnail-container a.thumbnail {display: block;	background-color: #EEE;	padding: 5px 2px 2px 2px; }
 
#thumbnails-container .thumbnail-container img {width: 230px;	height: 170px; }
 
#thumbnails-container-latest .thumbnail-container img { }
 
#thumbnails-container-latest .thumbnail-container p,#thumbnails-container .thumbnail-container p,#collections-container .collection-container.thumbnail-container p { margin-top: 4px; }
 
#similar-sites-container .thumbnail-container { margin: 0 2px 10px 0; }
 
#thumbnails-container-latest .thumbnail-container .info-panel,#thumbnails-container .thumbnail-container .info-panel {
	display: none;
	position: absolute;
	opacity: 0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=90);
	padding: 2px 4px 6px 4px;
	top: 150px;
	background: #5F5F5F none repeat scroll 0 0;
	z-index: 1;
	margin: 10px;
	width: 222px;
	height: 22px;
	color: #FFF; }
 
#thumbnails-container-latest .thumbnail-container .info-panel {position: absolute;	margin: 1px;	top: 300px;	padding: 10px 10px 6px 10px;	width: 250px; }
 
#thumbnails-container-latest .thumbnail-container:hover .info-panel,#thumbnails-container .thumbnail-container:hover .info-panel { display: block; }
 
#thumbnails-container-latest .thumbnail-container .info-panel strong,#thumbnails-container .thumbnail-container .info-panel strong { color: #CCC; }
 
#thumbnails-container-latest .thumbnail-container .info-panel a,#thumbnails-container .thumbnail-container .info-panel a { color: #FFF; }
 
#thumbnails-container-latest .thumbnail-container .info-panel a:hover,#thumbnails-container .thumbnail-container .info-panel a:hover { border-bottom: 1px solid #CCC; }
 
a#refresh-similar-sites { float: right; }
 
#thumbnails-container .thumbnail-container p { width: 250px; }
 
#nav-container {position:absolute;	top:20px; }
 
#nav ul {
	float: right;
	position: relative;
	top: 1px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px; }
 
	#nav ul li {
		position: relative;
		float: left;
		margin-right: 30px;
		padding-top: 5px; }
 
		#nav ul li.top { height: 30px; }
 
		#nav ul li.last {
			border: 0;
			margin-right: 0; }
 
		#nav ul li:hover, #nav ul li.over {
			top: -3px;
			border-top: 3px #ff3333 solid; }
 
		#nav ul li:hover > a, #nav ul li.over > a, #home #nav ul li.home > a,#showcase #nav ul li.showcase > a,#notes #nav ul li.notes > a,#submit #nav ul li.submit > a,#account #nav ul li.account > a,#collections #nav ul li.account > a,#users #nav ul li.account > a,#blog #nav ul li.blog > a { color: #ff3333; }
 
		#nav ul li a {
			display: block;
			text-decoration: none;
			border-bottom: none; }
 
		#nav ul li ul {
			display: none;
			position: absolute;
			top: 1em;
			left: 0;
			width: 100%; }
 
			#nav ul li ul li {
				text-indent: 0;
				border: 0;
				width: 150px; }
 
				#nav ul li ul li.sub { padding-top: 3px; }
 
				#nav ul li ul li:hover, #nav ul li ul li.over {
					top: 0px;
					border: none; }
 
				#nav ul li ul li a { }
 
		#nav ul li > ul {
			top: auto;
			left: auto; }
 
		#nav ul li:hover ul, #nav ul li.over ul { display: block; }
		
		
  

 
 .navinavi{ text-align: center; margin: 0 auto !important; font-size: 100%; color: #FF6600; }
 
  
 
 
 
.route2{
width: 90%;
font-size: 90%;
margin: 20px auto 20px auto;
padding: 2px 5px 2px 10px;
border: 1px dotted #000 ;
background: #CCCCCC;}

 
.route2 li{list-style: none;} 
 
 
 
 .japan-guide-article-info77{
width: 510px;
border: 1px solid #000000;
margin: 10px auto 25px auto;
padding: 10px 5px 10px 5px;
font-size: 90%;
color: #000;
background: #f0f0f0;
clear: both;
overflow: hidden;

}

.japan-guide-article-info77 p{

font-size: 110% !important; 
color: #000 !important;
text-decoration: underline;
background: #ccc;
}
.japan-guide-article-info77 img{
float: right;
margin: 4px 6px 10px 4px !important;
padding: 2px 2px 20px 2px !important;}

.japan-guide-article-info77 ul{
width: 490px;
border: 0px solid #000;
margin: 0px 10px 10px auto !important;}


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

.japan-guide-article-info77 a:hover{color: #FF00FF;text-decoration: underline;} 




.japan-guide-article-info77 .in-photo{
float: right;
margin: 4px 6px 10px 4px !important;
padding: 2px 2px 20px 2px !important;}

.clear {clear:both;}

.japan-guide-article-info77 .in-photo2{
width: 486px;
margin: 2px  auto !important;
padding: 1px !important;}

.clear {clear:both;}






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

.japan-guide-article-info76 p{

font-size: 110% !important; 
color: #000 !important;
text-decoration: none;
background: #ccc;
}

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


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


.japan-guide-article-info76 ul ul{width: 300px;border: 0px solid #000000;margin: 5px auto;padding: 0 0 0 70px;}


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

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

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


.sns-bottom {
	clear: both;
	width: 680px;
	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;}	


#menu3 {width: 986px;	height: 35px;	margin: 0 auto;  padding: 0 0 0 0; border: 1px solid #999;}
#menu3 h2 {	display: none;}
#menu3 ul {margin: 0;	padding: 5px 2px 0 12px;	list-style: none;}
#menu3 li {display: inline;}
#menu3 a {
	display: block;
	float: left;
	height: 20px;
	padding: 5px 10px 0 10px;
	border-right: 0px solid #2A2C2F;
	text-decoration: underline;
	text-align: center;
	font-size: 12px;
	color: #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;}