/************************
*toppage
************************/

/*****div class="w220 rightside"
#top		{background:url(../images/topimg01.jpg) center top no-repeat;}
.webcam		{width:190px;margin:5px;}
.livephoto	{width:190px;height:190px}
.livephoto p	{margin:0;font-size:80%;color:#aaa;line-height:16px}
*****/


#top		{background:url(../images/topimg01.jpg) center top no-repeat;}
#main .w575	{width:575px;}


/*****div class="w330 rightside"***/
#main {background-color:#fff}
#main .w330	{width:330px;}
#main .w310	{width:310px;}
.middletitle	{font-size:96%;line-height:1.2em}
.middletitle a	{width:100%;display:block;color:#111;text-decoration:none;background:url(http://www.yakushima-info.com/files/img/bullet_go.png) right -3px no-repeat}
.middletitle a:hover	{color:#6495ed;}

.webcam		{width:300px;margin:5px;}
.livephoto	{width:300px;}
.livephoto p	{margin:0;font-size:80%;color:#aaa;line-height:16px}
.news 		{border-top:1px solid #ddd}
.news li	{width:300px;border-bottom:1px dotted #ddd}
.news a		{font-size:90%;width:100%;display:block;text-indent:3px;}
.news a:hover	{background-color:#fffff0}

.news a.webpage	{text-indent:20px;background:url(img/webpages.png) left no-repeat;}
.news a.twitter	{text-indent:20px;background:url(img/ico_twitter.png) left no-repeat;}
	
.newsunder	{font-size:60%;text-align:right;line-height:1.2em;position:relative;top:3px}

.second		{margin-top:10px}



/*****ƒ‰ƒ“ƒ_ƒ€**********/
.flowers	{width:320px;height:110px;margin:0;position:relative;left:11px;}
.flowers h4	{text-indent:5px}
.flowers li	{width:95px;float:left;margin:0 6px 3px 0px;font-size:80%;line-height:1.5em;text-align:center;background-color:#fff;border:2px solid #fff}




/******mainside***********/

h2.title_h	{margin:0 0 8px 65px;border-bottom:2px solid #d6e5b7;line-height:1.5em;}
.title_p	{margin-left:65px;font-size:86%;color:#333;margin-top:0px;line-height:1.7em;}
.ico_tworeaf	{background:url(img/ico_tworeaf.png) -5px top no-repeat;height:60px;padding-top:10px}
.ico_singlleaf	{background:url(http://www.yakushima-info.com/files/img/ico_singlleaf.png) -5px top no-repeat;height:60px;padding-top:10px}
.ico_map	{background:url(img/ico_map.png) -5px top no-repeat;height:60px;padding-top:10px}
.ico_cafe	{background:url(img/ico_cafe.png) -5px top no-repeat;height:100px;padding-top:10px}

.categori	{clear:both;}
.categori_next	{clear:both;padding-top:30px}
.main_contents	{margin:15px 0 0 65px}


/*******box***********/
.box	{width:160px;margin:0 15px 0 0;font-size:86%;line-height:1.5em;float:left;}
.box a	{width:100%;height:100%;display:block;color:#444;text-decoration:none; }
.box a:hover	{color:#888}
.box a img.pic	{border:1px solid #eee;}
.box a:hover img.pic {border:1px solid #6495ed;}
.box a span.kakudai	{position:absolute}
.box a span.kakudai img	{position:relative;left:137px;top:-25px}
.box a span.link	{color:#4169e1;text-decoration:underline;line-height:2em}
.box a span.link:hover	{color:#6495ed;}

/******spots ******/
.spots	{width:250px;margin:0 0 10px 0;font-size:80%;line-height:1.5em;}
.spots a	{width:100%;height:100%;display:block;color:#444;text-decoration:none; overflow:hidden}
.spots a:hover	{color:#888}
.spots a img.pic	{border:1px solid #eee;float:left;margin:0 7px 0 0}
.spots a:hover img.pic {border:1px solid #6495ed;}
.spots a span.kakudai	{position:absolute}
.spots a span.kakudai img	{position:relative;left:132px;top:-25px}
.spots a span.link	{color:#4169e1;text-decoration:underline;font-size:115%;line-height:2.0em;position:relative;top:-3px}
.spots a span.link:hover	{color:#6495ed;}



.img200w	{width:210px;margin:0 20px 0px 0;border:1px solid #eee;float:left}
.picimg	{margin:1px 5px;position:relative;top:4px}
.pictext	{margin:0;font-size:70%;color:#aaa;line-height:1.1em;position:relative;top:20px}
.pictext_r	{margin:0;font-size:70%;color:#aaa;line-height:1.1em;position:relative;top:20px;text-align:right;}
.size_mm	{font-size:98%}
ul.w200ul	{width:260px;margin:20px 0 10px 0;padding:0 0 0 15px;list-style-type:disc;float:right;font-size:98%}
.bgmap	{background:url(../images/maps.jpg) 60px 100px no-repeat;height:300px}