@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: scroll;
      margin-left: auto;
      margin-right: auto;
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 95%;
	  letter-spacing: normal;
      color: #000033;
      text-align : center;
      letter-spacing: 0.05em;}

a:link      {color: #1d3994; text-decoration: none; }
a:visited   {color: #941D55; text-decoration: underline; }
a:hover		{color: #ffcc33; text-decoration: underline; }
a:active	{color: #990099; text-decoration: underline; }

hr.hidden {display : none;}
hr.clearfloat {clear : both;width : 100%;visibility : hidden;}
img {border : none;}
a:visited {color : #941D55;}
a:hover {color : #FF33CC;text-decoration : underline;border : 0px solid #33FF99;}


#head {position : relative;margin-bottom : 7px;background: transparent;width : 992px;margin: 0px auto 2px auto;}
#japan {width: 990px;margin: 2px auto;text-align: left;background: transparent;}
#japan a {font-size : 100%;margin: 5px auto;text-transform: uppercase;color: #66FFFF;}
#japan li {display: inline;}
#japan p {font-size : 90%;width: 500px;height: 1px;letter-spacing: 0.05em;color: #6699FF;}
#japan-adtop {width: 986px;  margin: 2px auto 5px auto; padding: 2px 0px; border: 1px solid #ff0066;text-align: center;}
#japan-adtop2 {width: 986px;  margin: 2px auto 5px auto; padding: 2px 0px; border: 1px solid ##00CCFF;text-align: right;}
.japan-title3 {
font-size : 100%;
font-weight: bold;
width : 980px;
height: 60px;
margin: 5px auto 2px 0;
color: #fff;
text-transform: uppercase;
text-align: left;
background: transparent url(../image2/japanwebmagazine.gif) no-repeat left bottom;
text-indent: -999px;}

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

.border99{width: 400px;margin: 2px auto 5px 1px;padding: 2px 0;background: transparent url(../image2/border21.gif) no-repeat left top;float: left;}

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

#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;}
#headnavi{width: 550px;	margin:10px auto;text-align:right;	border: 0px solid #FF33FF;	float: right;}
	
#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: #1d3994; font-size: 95%;}
#headnavi ul li a:visited{color: #941D55;}
#headnavi ul li a:hover{color: #FF0000;text-decoration: underline;}
#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}

#wrapper {width : 990px;position: relative;margin: 10px auto;padding: 0 0 30px 0;background: transparent;}


.list {color: #FFF;background-color: #000;}

.japan-guide-lv3-inside {background-color : transparent;width : 170px;margin: 0 auto 10px auto;}

#search1 {margin: 0 auto; text-align: center;}

.banner-left {width: 185px;margin: 14px auto 10px auto;text-align: center;padding: 0;}


/* Menu */

#menu {width: 988px;height: 35px;margin: 0 auto 3px auto; padding: 0; border: 1px solid #999; letter-spacing: 0.02em; 	clear: both;}

#menu h2 {display: none;}
#menu ul {margin: 0;	padding: 5px 2px 0 5px;	list-style: none;}
#menu li {display: inline;}
#menu 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;}

#menu a:visited  { color: #6600CC; text-decoration: underline; }
#menu a:hover {background-color: #33CC99;}
#menu .active a {background-color: #33FFCC;}

#menu .list0 a:hover {background-color: #f0f8ff; text-decoration: none;}
#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: #00bfff; 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: #008080; text-decoration: none;}
#menu .list9 a:hover {background-color: #33FFFF; text-decoration: none;}
#menu .list10 a:hover {background-color: #999900; text-decoration: none;}
#menu .list11 a:hover {background-color: #CC33CC; text-decoration: none;}
#menu .list12 a:hover {background-color: #696969; text-decoration: none;}

#menu2 {width: 988px;	height: 35px;margin: 0 auto 0px auto;  padding: 0;  border: 1px solid #999; letter-spacing: 0.02em;clear: both;}
#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 10px 0 10px;	border-right: 0px 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;}

.back{background-color: #CCC;}

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

#footer ul {list-style:none;	width:996px;	display:inline;	margin: 0 0 10px auto;}
#footer ul li {	display:inline; padding: 0;	margin: 0 16px 0 0;	font-size:small;}
#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;}

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

h1.border,h2.border {padding-top: 8px;	border-top: 1px solid #CECECE;} 

.t-con {font-size: 80%;} 
	.t-con .thumbnail-container {position: relative;float: left;margin: 0 auto; } 
.t-con .thumbnail-container.last { margin: 0px auto; } 
.t-con .thumbnail-container a.thumbnail {display: block;background-color: #FFF;	padding: 10px 10px 6px 10px; } 
.t-con .thumbnail-container p { margin-top: 4px; } 
.t-con .thumbnail-container .info-panel {
	display: none;
	position: absolute;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	padding: 10px 10px 6px 10px;
	top: 160px;
	background: #000 none repeat scroll 0 0;
	z-index: 1;
	margin: 10px;
	width: 260px;
	height: 24px;
	color: #FFF; }
 
.t-con .thumbnail-container:hover .info-panel { display: block; } 
.t-con .thumbnail-container .info-panel strong { color: #CCC; } 
.t-con .thumbnail-container .info-panel a { color: #FFF; } 
.t-con .thumbnail-container .info-panel a:hover { border-bottom: 1px solid #CCC; } 
.t-con .thumbnail-container p { width: 270px; }
.t-con .thumbnail-container222 p { width: 272px;}
.t-con .thumbnail-container222 a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";}
   
		#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; } 

/* トップページ-*/
.top {padding: 0 0 37px 0;}
#leftbox{width:322px;float:left;margin: 0 auto;padding: 0;background-color: transparent;border: 0px solid #6600FF;}

#rightbox{width: 658px; border: 0px solid #FF0000; margin: 0px auto 20px 4px; padding: 0; float: right; }	
	
#leftbox h1 {margin: 5px 0 5px 0;	padding: 0 0 0 2px;	font-size:120%;	color: #000;	text-align: center;	}	
#leftbox h2 {margin: 0 0 2px 0;	padding: 0 0 0 2px;	font-size:100%;	color: #000;	text-align: center;	}
#leftbox h3 {margin: 0 0 5px 0;	padding: 0 0 0 2px;	font-size:100%;	color: #000;	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;	}	
	
#leftbox p {margin: 0 0 3px 0;	font-size:85%;	color: #000;	border-bottom: 0px solid #000;	text-align: center;	}	
	
#leftbox dl {border-bottom: solid 0px #000;	margin: 0 0 3px 0;	padding: 0 0 10px 0px;	text-align: center;	}
#leftbox dl dt {margin: 0 0 2px 0;	font-size:100%;	text-align: center;	}
#leftbox dl dd {line-height:1.6;	font-size:small;	}
	#leftbox dl dd strong {color:#000;}
#leftbox ul {	list-style:none;	padding: 0 0 0 23px;}
#leftbox ul li {margin: 0 0 9px 0;	font-size:80%;}

.masu{width: 320px;margin: 5px auto;border: 1px solid #999; text-align: left;}
.masu2{width: 320px;height: 200px;margin: 5px auto;border: 1px solid #999;}
.masu-spe{width: 320px;height: 380px;margin: 5px auto 5px auto;border: 1px solid #999;}
.masu-pre{width: 320px;height: 450px;margin: 5px auto 5px auto;border: 1px solid #CCC;background: #FFF;}
.masu-ad{width: 320px;height: 400px;margin: 5px auto 5px auto;border: 1px solid #999;}
.masu-ad2{width: 320px; margin: 5px auto 5px auto;border: 1px solid #999;}



.masu-ad-l{width: 320px; margin: 5px auto 0px 0; border:  1px solid #999;}
#leftbox .masu-ad-l h2 {width: 300px;height: 25px;margin: 0px auto;padding: 8px 0 1px 0px;float: right;font-size:90%;overflow: auto;text-align: center; background: #fff url(top-image/284.jpg) no-repeat right top;}
.img-l-ads{width: 320px; height: 36px; background: #fff;}















.masu-top{width: 320px; margin: 5px auto 5px 0;border: 1px solid #999;}


.masu7{width: 320px; margin: 5px auto 5px 0; border: 1px solid #999;}
.masu7 img{margin: 3px auto 0; padding: 0; border: 0px solid #999;}
.masu7 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}	
.masu7 .img-l{height: 36px;float: left;}

 .clear { clear:both; }  
 .clear hr { display:none; }  		
					
#leftbox .masu7 h2 {width: 274px;height: 27px;margin: 0px auto 3px auto;padding: 6px 0 2px 10px;float: right;font-size:110%;border-bottom: 1px solid #666666;overflow: hidden;text-align: left;}
#leftbox .masu7 dl {padding: 0 0 0px 2px;	border: 0px solid #66FF00;}
#leftbox .masu7 dl.last {padding:0 0 23px 2px;}
#leftbox .masu7 dl dt {float:left;	margin:0;	padding:0;	display:inline;	font-size:100%;	}
	#leftbox .masu7 dl dt img {border: solid 1px #FEFEFE;}	
#leftbox .masu7 dl dd {line-height:1.4;font-size:x-small;	text-align: left;}
	#leftbox .masu7 dl dd strong {color:#000;	font-size:small;}
	#leftbox .masu7 dl dd {	width:240px;	float:right;margin:0;padding: 0 4px 0 0;	border: 0px solid #FF00FF;}
	
#leftbox .masu7 dl span.caption {display:block;	width:230px;	font-size:120% !important;}
#leftbox .masu7 dl span.button {width:164px;	float:right;	margin:0;	padding: 4px 3px 0 0;	font-size:120%;		clear:both;	display:block;	text-align: right;}
		






		
.masu8{width: 320px; margin: 5px auto 0px 0; border-top: 1px solid #999; border-left:  1px solid #999; border:  1px solid #999; background: #F0F8FF;}

.masu8 img{margin: 3px auto 0; padding: 0; border: 0px solid #999;}
.masu8 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}	

.masu8 .img-l{height: 36px;float: left;}

 .clear { clear:both; }  
 .clear hr { display:none; }  		
				
						
#leftbox .masu8 h2 {width: 274px;height: 25px;margin: 0px auto;padding: 8px 0 1px 10px;float: right;font-size:90%;border-bottom: 1px solid #666666; border-top: 1px solid #666666;overflow: auto;text-align: left; background: #fff url(top-image/284.jpg) no-repeat right top;}

#leftbox .masu8 .h2-no {width: 274px;height: 26px;margin: 0px auto;padding: 8px 0 1px 10px;float: right;font-size:90%;border-bottom: 1px solid #666666; border-top: 0px solid #666666;overflow: auto;text-align: left;}

#leftbox .masu8 p { margin: 0 auto 2px auto; padding: 0;width: 310px; text-align: right; }	
#leftbox .masu8 .m8-t{width: 310px !important; margin: 0 auto 10px 10px !important; padding: 0; clear: both; text-align: left; border: 0px solid #66FF00; }		
#leftbox .masu8 .m8-t .ddt {float:left;	margin:0;	padding:0;	display:inline;	font-size:100%; width: 312px;}
#leftbox .masu8 .m8-t .ddt img {border: solid 1px #FEFEFE;}

#leftbox .masu8 .m8-t ul{width: 146px !important; margin: 0 auto 10px 0px; padding: 0; float: left; }
#leftbox .masu8 .m8-t ul li {list-style: url('top-image/red.gif') circle; list-style-position: outside; margin: 3px 0 3px 12px;  }	



    .clear { clear:both; }  
    .clear hr { display:none; }  



	
	
.masu9{width: 320px; margin: 5px auto 5px 0; border: 1px solid #999; background: #FFF;}

.masu9 img{margin: 3px auto 0; padding: 0; border: 0px solid #999;}
.masu9 a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}	

.masu9 .img-l{height: 36px;float: left;}

 .clear { clear:both; }  
 .clear hr { display:none; }  		
					
#leftbox .masu9 h2 {height: 27px;margin: 0px auto 3px auto;padding: 6px 0 2px 0px;font-size:100%;border-bottom: 1px solid #666666;text-align: center; }


#leftbox .masu9 .odl {padding: 0 0 0px 2px;	border: 0px solid #66FF00; min-height:60px;}
#leftbox .masu9 .odl .ddt {float:left;	margin:0;	padding:0;	display:inline;	font-size:100%; width: 320px;}
#leftbox .masu9 .odl .ddt img {border: solid 1px #FEFEFE;}
#leftbox .masu9 p { margin: 0 auto 2px auto; padding: 0; width: 310px;}

#leftbox .masu9 .p-title {
	margin: 5px 0 4px 0;
	padding: 5px 0 0;
	clear:both;
	font-size:100%;
	font-weight: bold;
	border-bottom: 1px solid #666666;
	text-align: center;
	background: #fFF url(top-image/284.jpg) no-repeat right top;}

#leftbox .masu9 .p-tate300{width: 302px !important; margin: 0 auto 10px 10px !important; padding: 0; clear: both; text-align: left;  overflow: auto;}		
#leftbox .masu9 .p-tate300 ul{width: 150px !important; margin: 10px auto 10px 0; padding: 0; float: left; }		
#leftbox .masu9 .p-tate300 ul li{list-style: url('top-image/red.gif') circle; list-style-position: outside; margin: 3px 0 3px 16px;}	

#leftbox .masu9 .p-tate220{width: 310px !important; margin: 0 auto 10px 10px !important; padding: 0; clear: both; text-align: left;  overflow: auto;}		
#leftbox .masu9 .p-tate220 ul{width: 100px !important; margin: 10px auto 10px 1px !important; padding: 0; float: left; }#leftbox .masu9 .p-tate220 ul li {list-style: url('top-image/red.gif') circle; list-style-position: outside; margin: 3px 0 3px 20px;}


#leftbox .masu9 .p-ken{width: 100% !important; margin: 0 auto 10px 10px !important; padding: 0; clear: both; text-align: left;  overflow: auto;}		
#leftbox .masu9 .p-ken ul{width: 103px !important; margin: 10px auto 10px 0; padding: 0; float: left; }		
#leftbox .masu9 .p-ken ul li{list-style: url('top-image/red.gif') circle; list-style-position: outside; margin: 3px 0 3px 16px;}


#leftbox .masu9 .p-yoko300{width: 302px !important; margin: 0 auto 10px 10px !important; padding: 0; clear: both; text-align: left;  overflow: auto;}		
#leftbox .masu9 .p-yoko300 ul{width: 300px !important; margin: 10px auto 10px 0; padding: 0; float: left; }		
#leftbox .masu9 .p-yoko300 ul li{list-style: url('top-image/red.gif') circle; list-style-position: outside; margin: 3px 0 3px 16px;}



#hokkai{list-style: url('top-image/red.gif') circle; list-style-position: outside; margin: 3px 0 15px 16px !important; }
#middle {width:323px;float:left;margin: 0 0px 10px 7px;	padding: 0px;font-family:Arial, Helvetica, sans-serif;}
#middle p {margin: 0;	clear:both;	font-size:97%; color: #000;text-indent: -9999px;}
	
#middle .masu-pre p {width: 274px;margin: 0 auto;	clear:both;	font-size:97%;	background: transparent url(file2/premium2.gif) no-repeat;	color: #000;text-indent: -9999px;	border: 0px solid #ccc;	}	
		
#middle .masu .img-l{height: 36px;float: left;}
 .clear { clear:both; }  
 .clear hr { display:none; }  		
					
#middle .masu h2 {width: 274px;height: 27px;margin: 0px auto;padding: 6px 0 2px 10px;float: right;font-size:110%;text-align: left;}
	
#middle .masu dl {padding: 0 0 14px 0px;}
#middle .masu  dl.last {padding:0 0 23px 2px;}
#middle .masu  dl dt {float:left;	margin:0;	padding:0;	display:inline;	font-size:100%;	}
#middle .masu  dl dt a {padding:0px;	display:block;	background:#fff;}
	#middle .masu  dl dt a:hover {padding:0px;		display:block;}		
	#middle .masu  dl dt a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}	
		
#middle .masu  dl dt img {border: solid 0px #FEFEFE;}
#middle .masu  dl dd {line-height:1.6;	font-size:x-small;}
#middle .masu  dl dd strong {color:#000;font-size:small;}
#middle .masu  dl dd {width:270px;		margin:0 auto 0 33px;	padding: 0 4px 0 0;	border: 0px solid #FF00FF;	}
	
#middle .masu  dl span.caption {display:block;	width:240px;font-size:120% !important;}
#middle .masu  dl span.caption sub {font-size:70%;	vertical-align:baseline;	margin:0 1px;}
#middle .masu  dl span.button {width:274px;	float:right;	margin:0;	padding: 4px 0 0 0;	font-size:130%;	clear:both;	display:block;	border: 0px solid #66FF00;	text-align: right;}

.img-jwmp{width: 300px;margin: 0 auto;padding: 10px 0;text-align: center;}	
 .clear { clear:both; } 
 .clear hr { display:none;}					

.right011 {width:301px;	float:right;margin:5px 0 4px 0px;padding: 0px 3px 2px 3px;border: 1px solid #999999;text-align: center;}
.right011 p {margin: 3px 0 3px 4px;	padding: 1px 0 0 0;	clear:both;	font-size:100%;	text-align: left;	text-indent: 0em;}
.right011 .p-s {margin: 3px 0 3px auto;	padding: 1px 0 0 0;	clear:both;	font-size:80% !important;	text-align: center;	text-indent: 0em;}


.right011 ul {margin: 4px auto 2px 20px;padding: 2px 2px 13px 2px;	font-size:80% !important;	text-align: left;}
.right011 li {margin: 3px auto 2px 10px;list-style: none;list-style: url('top-image/red.gif') circle;}	

.right011 .p-title {
	margin: 5px 0 4px 0;
	padding: 5px 0 0;
	clear:both;
	font-size:100%;
	font-weight: bold;
	border-bottom: 1px solid #666666;
	text-align: center;
	background: #fFF url(top-image/284.jpg) no-repeat right top;}
	
	
.right011 .loca {
	margin: 0px 0 2px 2px;
	padding: 0;
	clear:both;
	font-size:85%;
	border-bottom:dotted 1px #ccc;
	font-weight: bold;
	text-align: left;}	
	
	
	
	


.right011 .hidari{display:block;margin: 2px 1px;padding: 0px;float:left;width: 65px;height: 65px;clear:both;}

.right011 .hidari a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}	

.right011 .migi{width: 228px;height: 63px;margin: 2px auto 1px 0;padding: 0;float: right;background: #f0f8ff;border: 1px solid #ccc;font-size: 80% ;text-align: left;}

.right011 .migi h2{text-align: left;font-size: 100%;margin: 2px auto 2px 4px;padding: 0;border-bottom: 1px solid #CCC;}
.right011 .migi h3{text-align: left;font-size: 100%;margin: 0 auto 2px 4px;padding: 0;font-weight: normal; }
.right011 .migi a {margin: 2px auto 1px 4px;font-size:95%;}

.right011 .all-s{clear: both;width: 300px;margin: 2px 1px;padding: 0px;}
.right011 .all-s p{margin: 2px 1px 2px 1px;padding: 0px;text-align: left;}
.right011 .all-s li{margin: 3px auto 1px 6px;list-style: none;list-style: url('top-image/gr.gif') circle;}


.right02 {width:301px;    float:right;	margin:5px 0 5px 0px;	padding: 0 3px 0 3px;	border: 1px solid #999;}
.right02 h2 {margin: 5px 0;	padding: 2px 0;	clear:both;	font-size:100%;	font-weight: normal;text-align: center;}
.right02 p {width:300px;	margin: 0 auto;	padding: 0 2px 13px 0;	clear:both;	font-size:100%;	text-align: center;	}
.right02 p img {margin: 0 13px 0 0;	}
.right02 p img.last {margin:0;}
.right02 dl {width:250px;margin:0;	padding: 0 0 0 23px;font-size:small;}

.right02 dl dt {width:7em;	display:inline;	float:left;	font-family:Arial, Helvetica, sans-serif;	line-height:1.3;}
.right02 dl dt img {vertical-align:top;	margin:0.35em 9px 0 0;	}
.right02 dl dd {width:auto;	margin: 0 0 14px 7.7em;	line-height:1.4;}

.right02 div.staffbnn {background-color: #FFf;    width: 300px;    height: 250px;    border: 0px solid #FF00FF;	padding:10px 0 10px 0px;	margin:0 auto 12px auto;	text-align: center;}

.right02 div.staffbnn img{border: 7px solid #000;}
.right02 div.staffbnn p{font-size: 80%;}

.right02 div.staffbnn2 {background-color: transparent;    width: 300px;    height: 300px;    border: 0px solid #00CCFF;	padding:10px 0 10px 0px;margin:0 auto 17px auto;	text-align: center;	}

.right02 div.staffbnn234 {background-color: transparent;    width: 300px;   height: 360px;    border: 0px solid #00CCFF;	padding:10px 0 10px 0px;	margin:0 auto 17px auto;	text-align: center;}

.right02 .p-title {margin: 5px 0 4px 0;	padding: 5px 0 0;	clear:both;	font-size:100%;	font-weight: bold;	border-bottom: 1px solid #666666;	text-align: center;	background: #fFF url(top-image/284.jpg) no-repeat right top;}

.right05 {width:301px;    float:right;	margin:5px 0 5px 0px;	padding: 3px 3px 0 3px;	border: 1px solid #999;}

.p-tate300z{width: 298px !important; margin: 0 auto 10px 10px; padding: 0; clear: both; text-align: left;}		
.p-tate300z ul{width: 146px !important; margin: 0 auto 10px 0px; padding: 0; float: left; }
.p-tate300z ul li {list-style: url('top-image/red.gif') circle; list-style-position: outside; margin: 3px 0 3px 12px;  }

.p-tate200z{width: 298px !important; margin: 0 auto 10px 18px; padding: 0; clear: both; text-align: left;}		
.p-tate200z ul{width: 96px !important; margin: 0 0 10px 0px; padding: 0; float: left; }
.p-tate200z ul li {list-style: url('top-image/red.gif') circle; list-style-position: outside; margin: 3px 0 3px 3px;  }
	

/* ページタイトル */
h2 {margin: 0 0 59px 0;	font-size:100%;	}
/* 中見出し */
h3 {margin: 0 0 23px 0;	font-size:100%;	}
/* キャッチコピー */
h3.catch {margin: 0 0 59px 0;	font-size:100%;}
/* 段落 */
p {padding: 0 5px 17px 0;text-indent:1em;line-height:1.6;font-size:116%;}

.gal{clear: both;margin: 2px auto 5px;width: 990px;height: 320px;border: 0px solid #ccffFF;}

.gal .gal-l{margin: 4px auto;float: left;width: 650px;padding: 0px;height: 300px;border: 0px solid #999;text-align: left;}

.gal .gal-r{margin: 4px auto;float: right;width: 300px;padding: 4px;height: 300px;border: 0px solid #999; background: #000 !important;}
.gal .gal-r .gal-r-in{margin: 25px 0 0 0 !important; }
.clear {clear:both}

#gallery {position:relative;height:300px}
#gallery a {float:left;position:absolute;}	
#gallery a img {border:none;}	
#gallery a.show {z-index:500}

#gallery .caption {z-index:600; background-color:#000; color:#fff; height:100px; width:100%;position:absolute;bottom:0;}
#gallery .caption .content {margin:5px}	
#gallery .caption .content h3 {margin:0;padding:0;color:#1DCCEF;}

.p-masu{width: 1000px;margin: 0 auto !important;padding:0px !important;clear: both;border-top: 3px solid #ccc;background: #f5f5f5; text-align: center;}

.masu-bottom{width: 990px;margin: 20px auto;padding: 20px 5px;clear: both;border-top: 3px solid #66CCFF;background: #f5f5f5 ;}

.masu-bottom a{font-size: 80%;padding: 0 5px;line-height: 150%;}
.masu-bottom a:link      { text-decoration: none; }
.masu-bottom a:visited   { text-decoration: underline; }
.masu-bottom a:hover		{ background: #fFF; text-decoration: underline; }

#th-888 {font-size: 80%; } 
.th-888in,#th-888 .th-888in, .th-888in {position: relative; float: left; margin: 0 auto; }
 
#th-888 .th-888in, .th-888in, { margin: 0px auto; } 
#th-888 .th-888in a.thumbnail888 {display: block;background-color: #fff;	padding: 10px 10px 6px 10px;} 

#th-888 .th-888in .info-panel888 {
	display: none;
	position: absolute;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	padding: 10px 10px 6px 10px;
	top: 20px;
	right: 0;
	background: #000 none repeat scroll 0 0;
	z-index: 1;
	margin: 10px;
	width: 260px;
	height: 230px;
	color: #FFF; 
	text-align: left;
	} 
  
#th-888 .th-888in:hover .info-panel888 {display: block;}
#th-888 .th-888in .info-panel888 a {color: #FFF;}
#th-888 .th-888in .info-panel888 a:hover {border-bottom: 1px solid #0000FF; }  
#th-888 .th-888in p {width: 270px;}



/* Col 1 */

#content #col-1 {width: 662px;  margin: 0 auto;  overflow: hidden;}
#content #col-1 #slider {
  background: #fff;
  border: 1px solid #999;
  width: 650px;
  height: 300px;
  position: relative;
  margin-bottom: 18px;
  padding: 5px;
  overflow: hidden;}

#content #col-1 #sliderContent {width: 640px;  position: absolute;  top: 0;  list-style: none;  margin-left: 0;}
#content #col-1 .sliderImage {float: left;  margin-top: 4px;  position: relative;  display: none;}

#content #col-1 .sliderImage span.bottom {
  position: absolute;
  padding: 10px;
  width: 630px;
  background-color: #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.7;
  color: #fff;
  display: none;}

#content #col-1 .sliderImage span.bottom strong.title {float: left;  font-size: 20px; font-weight: bold;}
#content #col-1 .sliderImage span.bottom strong.date {font-size: 12px; font-weight: normal; float: right;}
#content #col-1 .sliderImage span.bottom strong.content {clear: both;  float: left;
  font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif;
  padding-top: 5px;  width: 100%;}

#content #col-1 #slider .bottom {bottom: 3px;  left: 0;}
#content #col-1 #slider span.bottom span { font-family: Arial, Helvetica, sans-serif;  font-size: 12px;}  
#content #col-1 #slider .clear {  clear: both;}

#content #col-1 .sliderImage span.top {
  position: absolute;
  padding: 10px;
  width: 630px;
  background-color: #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;  opacity: 0.7;  color: #fff;  display: none;}

#content #col-1 .sliderImage span.top strong.title {float: left;  font-size: 20px; font-weight: bold;}
#content #col-1 .sliderImage span.top strong.date {font-size: 12px; font-weight: normal;  float: right;}
#content #col-1 .sliderImage span.top strong.content {
  clear: both;
  float: left;
  font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif;
  padding-top: 5px;  width: 100%;}

#content #col-1 #slider .top {top: 1px;  left: 0;}
#content #col-1 #slider span.top span {font-family: Arial, Helvetica, sans-serif;  font-size: 12px;} 
#content #col-1 .sliderImage span.left {
  position: absolute;
  padding: 10px;
  width: 630px;
  background-color: #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.7;
  color: #fff;
  display: none;
}

#content #col-1 .sliderImage span.left strong.title {float: left;  font-size: 20px; font-weight: bold;}
#content #col-1 .sliderImage span.left strong.date {font-size: 12px; font-weight: normal;  float: right;}
#content #col-1 .sliderImage span.left strong.content {
  clear: both;
  float: left;
  font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif;
  padding-top: 5px;
  width: 100%;}

#content #col-1 #slider .left {top: 0;   left: 0;	width: 110px !important;	height: 280px;}
#content #col-1 #slider span.left span {font-family: Arial, Helvetica, sans-serif;  font-size: 12px;} 
#content #col-1 .sliderImage span.right {
  position: absolute;
  padding: 10px;
  width: 630px;
  background-color: #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.7;
  color: #fff;
  display: none;
}

#content #col-1 .sliderImage span.right strong.title {float: left;  font-size: 20px; font-weight: bold;}
#content #col-1 .sliderImage span.right strong.date {font-size: 12px; font-weight: normal;  float: right;}
#content #col-1 .sliderImage span.right strong.content {
  clear: both;
  float: left;
  font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif;
  padding-top: 5px;
  width: 100%;
}

#content #col-1 #slider .right {right:  0;	bottom: 2px;	width: 120px !important;	height: 270px;}
#content #col-1 #slider span.right span {font-family: Arial, Helvetica, sans-serif;  font-size: 12px;} 


.limg-l-arch{ width: 320px; height: 36px; background:  url(mark/arch.gif) no-repeat left top; }
.limg-l-cul{ width: 320px; height: 36px; background:  url(mark/cul.gif) no-repeat left top;}
.limg-l-land{ width: 320px; height: 36px; background:  url(mark/land.gif) no-repeat left top;}

.limg-l-food{ width: 320px; height: 36px; background:  url(mark/food.gif) no-repeat left top;}
.limg-l-nat{ width: 320px; height: 36px; background:  url(mark/nat.gif) no-repeat left top;}
.limg-l-onsen{ width: 320px; height: 36px; background:  url(mark/onsen.gif) no-repeat left top;}
.limg-l-sweet{ width: 320px; height: 36px; background:  url(mark/sweet.gif) no-repeat left top;}
.limg-l-meisyo{ width: 320px; height: 36px; background: url(mark/meisyo.gif) no-repeat left top;}
.limg-l-bi{ width: 320px; height: 36px; background: url(mark/bi.gif) no-repeat left top;}
.limg-l-shiro{ width: 320px; height: 36px; background: url(mark/shiro.gif) no-repeat left top;}
.limg-l-shrine{ width: 320px; height: 36px; background: url(mark/shrine.gif) no-repeat left top;}
.limg-l-tera{ width: 320px; height: 36px; background: url(mark/buk.gif) no-repeat left top;}
.limg-l-matsuri{ width: 320px; height: 36px; background: url(mark/matsuri.gif) no-repeat left top;}
.limg-l-machi{ width: 320px; height: 36px; background: url(mark/machi.gif) no-repeat left top;}
.limg-l-hakko{ width: 320px; height: 36px; background: url(mark/hakko.gif) no-repeat left top;}
.limg-l-sekai{ width: 320px; height: 36px; background: url(mark/sekai.gif) no-repeat left top;}

.img-l-f{ width: 320px; height: 36px; background: url(mark/f.gif) no-repeat left top;}
.img-l-arch{ width: 320px; height: 36px; background: url(mark/arch.gif) no-repeat left top;}
.img-l-cul{ width: 320px; height: 36px; background: url(mark/cul.gif) no-repeat left top;}
.img-l-land{ width: 320px; height: 36px; background: url(mark/land.gif) no-repeat left top;}

.img-l-land-autumn{ width: 320px; height: 36px; background: url(mark/land-a.gif) no-repeat left top;}

.img-l-food{ width: 320px; height: 36px; background: url(mark/food.gif) no-repeat left top;}
.img-l-nat{ width: 320px; height: 36px; background: url(mark/nat.gif) no-repeat left top;}
.img-l-onsen{ width: 320px; height: 36px; background: url(mark/onsen.gif) no-repeat left top;}
.img-l-sweet{ width: 320px; height: 36px; background: url(mark/sweet.gif) no-repeat left top;}
.img-l-meisyo{ width: 320px; height: 36px; background: url(mark/meisyo.gif) no-repeat left top;}
.img-l-bi{ width: 320px; height: 36px; background: url(mark/bi.gif) no-repeat left top;}

.img-l-see{width: 320px; height: 36px; background: url(mark/see.gif) no-repeat left top;}

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

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




.ad600 {width:301px;    float:right;	margin:5px 0 5px 0px;	padding: 0 3px 0 3px;	border: 0px solid #999; background: #fff;}
.ad600 p {width:300px;	margin: 0 auto;	padding: 0 2px 13px 0;	clear:both;	font-size:100%;	text-align: center;	}
.ad600 .p-title {margin: 5px 0 4px 0;	padding: 5px 0 0;	clear:both;	font-size:100%;	font-weight: bold;	border-bottom: 1px solid #666666;	text-align: center;	background: #fFF url(top-image/284.jpg) no-repeat right top;}


.masu-r{width: 320px; margin: 5px auto 5px 0; border: 0px solid #999; background: #FFF;}
.masu-r img{margin: 3px auto 0; padding: 0; border: 0px solid #999;}
#leftbox .masu-r h2 {height: 27px;margin: 0px auto 3px auto;padding: 6px 0 2px 0px;font-size:100%;border-bottom: 0px solid #666666;text-align: center; }
#leftbox .masu-r .p-title {
	margin: 5px 0 4px 0;
	padding: 5px 0 0;
	clear:both;
	font-size:100%;
	font-weight: bold;
	border-bottom: 0px solid #666666;
	text-align: center;
	background: #fFF url(top-image/284.jpg) no-repeat right top;}