@charset "utf-8";


#sightseeing #title_text { width:680px; background:#f1eee3; margin:50px auto 0 auto;}
#sightseeing #title_text h2 { width:638px; margin:0 auto;}
#sightseeing #title_text h3 { font-weight:normal; font-size:small; text-align:center; padding-top:10px;}
#sightseeing #title_text p { width:580px; margin:0 auto; padding:20px 0;}

#sightseeing #link { width:680px; margin:11px auto 50px auto;}
#sightseeing #link ul { width:680px;}
#sightseeing #link ul li { float:left;}
#sightseeing #link ul li.link_01 { padding-right:8px;}
#sightseeing #link ul li.link_02 { padding-right:9px;}

#sightseeing #link ul li a { display:block; text-indent:-9999px; width:221px; height:105px;}
#sightseeing #link ul li.link_01 a { background:url(../../images/sightseeing/banner_01.jpg) no-repeat;}
#sightseeing #link ul li.link_01 a:hover { background:url(../../images/sightseeing/banner_01.jpg) bottom no-repeat;}
#sightseeing #link ul li.link_02 a { background:url(../../images/sightseeing/banner_02.jpg) no-repeat;}
#sightseeing #link ul li.link_02 a:hover { background:url(../../images/sightseeing/banner_02.jpg) bottom no-repeat;}
#sightseeing #link ul li.link_03 a { background:url(../../images/sightseeing/banner_03.jpg) no-repeat;}
#sightseeing #link ul li.link_03 a:hover { background:url(../../images/sightseeing/banner_03.jpg) bottom no-repeat;}