@charset "UTF-8";


/* html body base
===============================================================*/

/*
Module --------------------------------------------------------*/

 
.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.iepngfix{ behavior:url(/spot/js/iepngfix.htc); }


/*
Module --------------------------------------------------------*/



/* html body base
===============================================================*/

/*
body base -----------------------------------------------------*/


#content{ width:100%; height:100%; background:url(../spot/images/main_back.jpg) repeat top left; margin:0 auto; text-align:center; padding:0; color:#666;}
#content:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#content a{ color:#0099cc; text-decoration:underline;}
#content a:hover{ color:#0099cc; text-decoration:none;}

#content_container{ width:992px; margin:0 auto; height:100%;}
#content_container:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


#content_wrapper{ text-align:left; width:949px; padding:10px 22px 10px 21px; background:url(../spot/images/body_back.gif) repeat-y top center; behavior:url(/spot/js/iepngfix.htc); height:100%; }
#content_wrapper:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.content_bottom{ clear:both; width:991px; height:8px; margin:0 0 60px 0; font-size:1px; line-height:1px;}


#content_left{ width:687px; float:left; display:inline; margin:4px 12px 0 0; }
#content_left:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}



#content_right{ width:250px; float:left; display:inline; margin:0; padding:0 0 31px 0; }
#content_right:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}



/* header
===============================================================*/

/* header
-------------------------------------------------------------- */

.ecoresospot_header{ width:949px; height:100px; padding:0; }

.ecoresospot_header h1{ width:227px; height:100px; float:left; display:inline; }
.ecoresospot_header h2{ float:left; display:inline; padding:35px 0 0 19px; width:675px; height:45px; _width:694px; _height:80px; }


/* topic path  */

.ecoresospot_topic_path{ margin:0 0 30px 0; width:949px; height:25px; text-align:left; background:url(../spot/images/topic_path_back.gif) no-repeat top left; }
.ecoresospot_topic_path p{ line-height:25px; color:#826e3c; margin:0 0 0 14px; }
.ecoresospot_topic_path p a{color:#826e3c; text-decoration:none; }



/* header
===============================================================*/



/* footer
===============================================================*/

/* footer
-------------------------------------------------------------- */




/* footer
-------------------------------------------------------------- */


/* Contents
===============================================================*/

/* map */

#map_spot{ background:#f0eae1; padding:7px 0 7px 7px; margin:0 0 18px 0; _width:942px;}
#map{ border:3px solid #b3a884; width:930px; height:370px;}
#map img{ border:5px solid #e1e1e1; float:left; display:inline;margin:0 10px 50px 0;}
#map h4{ font-size:12px; margin:0 0 5px 0; line-height:16px;}
#map p{ font-size:12px; margin:0 0 15px 0; line-height:16px;}

.ecoreso_category{ padding:0 0 10px 7px; font-size:12px;}
.ecoreso_category a{ text-decoration:underline;}


/* main column */

#main_method{ margin:0;}
#main_method h3{ margin:0; line-height:41px; font-size:26px; padding:0 0 0 43px;}

#main_method h3.food{ background:url(../spot/images/entry_tit_back_food.gif) no-repeat top left;}
#main_method h3.people{ background:url(../spot/images/entry_tit_back_people.gif) no-repeat top left;}
#main_method h3.scene{ background:url(../spot/images/entry_tit_back_scene.gif) no-repeat top left;}
#main_method h3.krukku3{ background:url(../spot/images/entry_tit_back_krukku3.gif) no-repeat top left;}
#main_method h3.tokyo{ background:url(../spot/images/entry_tit_back_tokyo.gif) no-repeat top left;}
#main_method h3.shuzen{ background:url(../spot/images/entry_tit_back_shuzen.gif) no-repeat top left;}


.people_area{ float:left; display:inline; width:165px; padding:15px 0 0 0;}
.hukidashi_area{ float:left; display:inline; width:305px; height:355px; background:url(../spot/images/entry_hukidashi.gif) no-repeat top left;}
.hukidashi_area p{ margin:42px 27px 0 37px; font-size:14px; line-height:22px;}
.memo_area{ float:left; display:inline; width:217px; background:url(../spot/images/entry_memo_bottom.gif) no-repeat bottom left;}
.memo_area_head{ height:47px; }

.memo_area_method{ padding:0 19px 20px 14px;}
.memo_area_method h4{ font-size:12px; line-height:20px;}
.memo_area_method p a{ padding:5px 0 0 0;}
.memo_area_method p{ margin:0 0 15px 0;}

.memo_area_img{ background:url(../spot/images/img_back.gif) no-repeat top left; padding:0 0 0 0; margin:0 0 8px 0;}
.memo_area_img_method{ background:url(../spot/images/img_back_bottom.gif) no-repeat bottom left; padding:4px 0 6px 4px;}

.entry_info{ text-align:center; clear:both; padding:20px 0 35px 0;}



.post_area{ background:url(../spot/images/post_back.gif) no-repeat top left; margin:0 0 30px 10px; padding:21px 20px 13px 24px; width:616px; height:141px;}

.post_area_img{ width:100px; float:left; display:inline; margin:0 21px 0 0; }
.post_area_txt{ width:495px; float:left; display:inline;}
.post_area_txt h5{ margin:0 0 6px 0; }
.post_area_txt p{ margin:0 0 9px 5px; font-size:14px; line-height:20px; }



#entry_arrow{ text-align:center; clear:both; margin:0 0 25px 0; height:43px;}
#entry_arrow:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#entry_arrow ul{ list-style:none;}
#entry_arrow li{ display:inline;width:122px;}
#entry_arrow li.previous a{ margin:0 40px 25px 0; background:url(../spot/images/arrow_prev.gif) no-repeat top left; padding:14px 0 14px 50px; line-height:43px; }
#entry_arrow li.next a{ margin:0 0 25px 40px; background:url(../spot/images/arrow_next.gif) no-repeat top left; padding:14px 0 14px 50px; line-height:43px; }

.backnumber_bt{ clear:both; display:block; text-align:center; margin:0 0 20px 0;}


/* menu
-------------------------------------------------------------- */

#right_menu{ width:250px; text-align:left; }

#right_menu h3{ width:216px; background:url(../spot/images/r_tit_back.gif) no-repeat top left; line-height:42px; padding:0 0 0 34px; font-size:14px; margin:0 0 20px 0; }

ul.r_menu_spot{ margin:0 0 12px 13px; list-style:none; padding:0; width:227px;}
ul.r_menu_spot li{ margin:0 10px 0 0; clear:both; font-size:12px; font-weight:bold;}
ul.r_menu_spot li img{ margin:0 8px 10px 0; float:left; display:inline;}


#right_menu p.list_menu{ clear:both; text-align:right; font-size:14px; margin:0 10px 30px 0;}


.r_box_head{ height:9px; font-size:1px; line-height:1px; width:250px; }
.r_box{ background:url(../spot/images/r_box_bottom.gif) no-repeat bottom left; padding:0 0 8px 0; width:250px;}

#right_menu .r_box h3{ margin:0 0 0 13px; line-height:37px; font-size:14px; background:none; padding:0; width:200px; }

ul.ecoresospot_theme{ margin:0 10px 9px 13px; list-style:none; padding:0; }
ul.ecoresospot_theme li{ margin:0 0 9px 0; }


ul.ecoresospot_theme li.people{ background:url(/spot/images/pin_people.png) no-repeat -6px top; padding:16px 0 5px 24px; display:block; line-height:13px; behavior:url(/spot/js/iepngfix.htc);}

ul.ecoresospot_theme li.scene{ background:url(/spot/images/pin_scene.png) no-repeat -6px top; padding:16px 0 5px 24px; display:block; line-height:13px; behavior:url(/spot/js/iepngfix.htc);}

ul.ecoresospot_theme li.food{ background:url(/spot/images/pin_food.png) no-repeat -6px top; padding:16px 0 5px 24px; display:block; line-height:13px; behavior:url(/spot/js/iepngfix.htc);}


ul.ecoresospot_theme2{ margin:0 10px 0 13px; list-style:none; padding:0; }
ul.ecoresospot_theme2 li{ margin:0 0 9px 0; }


ul.ecoresospot_theme2 li.kurkku3{ background:url(/spot/images/pin_kurukku.png) no-repeat -6px top; padding:16px 0 5px 24px; display:block; line-height:13px; behavior:url(/spot/js/iepngfix.htc);}

ul.ecoresospot_theme2 li.renovation{ background:url(/spot/images/pin_renovation.png) no-repeat -6px top; padding:16px 0 5px 24px; display:block; line-height:13px; behavior:url(/spot/js/iepngfix.htc);}

ul.ecoresospot_theme2 li.shuzen{ background:url(/spot/images/pin_banzai.png) no-repeat -6px top; padding:16px 0 5px 24px; display:block; line-height:13px; behavior:url(/spot/js/iepngfix.htc);}

ul.ecoresospot_theme2 li.tokyo{ background:url(/spot/images/pin_curry.png) no-repeat -6px top; padding:16px 0 5px 24px; display:block; line-height:13px; behavior:url(/spot/js/iepngfix.htc);}



/* Back Number */

.ecoresospot_header_bn{ width:949px; height:100px; padding:0; text-align:center; }

.ecoresospot_header_bn h1{ margin:0 0 15px 0; }


#backnumber_body{ width:673px; margin:0 auto;}

#backnumber_body h3{  margin:0 0 14px 0; line-height:41px; font-size:16px; padding:0 0 0 43px; display:block;}

#backnumber_body h3.food{ background:url(../spot/images/backnumber_tit_food.gif) no-repeat top left;}
#backnumber_body h3.people{ background:url(../spot/images/backnumber_tit_people.gif) no-repeat top left;}
#backnumber_body h3.scene{ background:url(../spot/images/backnumber_tit_scene.gif) no-repeat top left;}
#backnumber_body h3.krukku3{ background:url(../spot/images/backnumber_tit_krukku.gif) no-repeat top left;}
#backnumber_body h3.tokyo{ background:url(../spot/images/backnumber_tit_tokyo.gif) no-repeat top left;}
#backnumber_body h3.shuzen{ background:url(../spot/images/backnumber_tit_shuzen.gif) no-repeat top left;}



.backnumber_entry{ width:205px; margin:0 0 15px 17px; float:left; display:inline; }
.backnumber_entry img{ margin:0 8px 25px 0; float:left; display:inline; }
.backnumber_entry h4{ font-size:12px; line-height:18px;}
.backnumber_entry p{ font-size:12px; line-height:18px;}


.backnumber_entry_break{ clear:both; height:8px; font-size:1px; line-height:1px; margin:0 0 14px 0;}



.backnumber_navi{ text-align:center; margin:0 0 40px 0;}

.backnumber_navi p{ text-align:center; font-size:14px; line-height:24px;}