@charset "utf-8";
/**********************************************************************
ふくい歴史百景
テンプレートCSS
[ css/tenplate.css ]

Since         : 09.07.03
Last modified : 09.07.03
**********************************************************************/



/* 目次
-------------------------------------------------
 ・リンク設定
 ・共通クラス
 ・レイアウト
 ・ヘッダ
 ・フッタ
 ・サイドメニュー
 ・パンくず
 ------------------------------------------------- */

  /* リンク設定
-------------------------------------------------*/

a:link    {color: #006699; text-decoration: underline;}
a:active  {color: #006699; text-decoration: underline;}
a:visited {color: #006699; text-decoration: underline;}
a:hover   {color: #006699; text-decoration: underline;}




/* 共通クラス 表示
------------------------------------------------- */

td{
	word-break: break-all;
}

div{
	word-break: break-all;
}


.none{
	display:none;

}

.border_none{
	border:none !important;

}

img{
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-size: 0px;
	vertical-align:bottom;
}



/* 共通クラス フロート
------------------------------------------------- */

body{
	line-height:150%;
	font-size:12px;
	color:#333333;
	position: relative;
	background:#FFFFFF;
}

.floatL  {float: left;}
.floatR {float: right;}
.clear    {
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}

.floatClear{
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
	display:block;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*配置設定クラス*/
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}

div.separateS {
	font-size: 1px;
	line-height: 0%;
	margin: 5px 0px 0px 0px;
	clear:both;
}

div.separateM {
	clear:both;
	font-size: 1px;
	line-height: 0%;
	margin: 10px 0px 0px 0px;
}

div.separateL {
	clear:both;
	font-size: 1px;
	line-height: 0%;
	margin: 20px 0px 0px 0px;
}

div.separateLL {
	font-size: 1px;
	line-height: 0%;
	margin: 30px 0px 0px 0px;
	clear:both;
}

div.separateXL {
	font-size: 1px;
	line-height: 0%;
	margin: 40px 0px 0px 0px;
	clear:both;
}


/* レイアウト
------------------------------------------------- */
#container{
	width:100%;
	background:url(../images/bg_common.jpg) repeat-y;
	background-position:center;
	background-color:#F0EDDC;
}

#header{
	width:950px;
	margin:0 auto 5px auto;
}

#wrapper{
	width:950px;
	margin:0 auto;
}

#main_contents{
	width:640px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
}

*html #main_contents{
	overflow:hidden;
}


#side_contents{
	width:290px;
	float:left;
}

#footer{
	width:950px;
	margin:0 auto;
}

/* ヘッダ
------------------------------------------------- */
#header h1{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:950px;
	height:80px;
	background:url(../images/bg_header.jpg) no-repeat;
}

/* フッタ
----------------------------------------------4-- */
#footer .sub_page_list{
	width:950px;
	border-top:2px #000000 solid;
	border-bottom:2px #000000 solid;
	padding:10px 0;
}

#footer .sub_page_list ul{
	display:block;
	float:left;
	font-size:10px;
	width:560px;
	margin:0 0 0 220px;
}

*html #footer .sub_page_list ul{
	display:block;
	float:left;
	font-size:10px;
	width:560px;
	margin:0 0 0 100px;
}

#footer .sub_page_list ul .sub_page{
	display:block;
	padding:0 5px 0 0;
	float:left;
}

#footer .sub_page_list ul .sub_page a{
	display:block;
	text-decoration:none;
}

#footer .sub_page_list ul .pipe{
	display:block;
	padding:0 5px 0 0;
	float:left;
}

#footer .sub_page_list .button_return_top{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	float:right;
	width:96px;
	height:20px;
	background:url(../images/button_this_page.jpg) no-repeat;
}

#footer .copyright{
	margin:0 auto 20px auto;
	color:#666666;
	font-size:12px;
	margin:10px auto;
    width:900px;
    text-align:center;
}


/* サイドメニュー
------------------------------------------------- */
#side_contents .common_button{
	display:block;
	width:290px;
	height:36px;
	background:url(../images/bg_top_side_button.jpg) no-repeat;
}


#side_contents .common_button .top{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	float:left;
	margin:0 10px 0 10px;
	position:relative;
	top:6px;
}

#side_contents .common_button .top a{
	display:block;
	width:130px;
	height:24px;
	background:url(../images/button_return_top.jpg) no-repeat;
}

*html #side_contents .common_button .top{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	float:left;
	margin-left:5px;
	margin-right:10px;
	position:relative;
	top:6px;
}

*html #side_contents .common_button .top a{
	display:block;
	width:130px;
	height:24px;
	background:url(../images/button_return_top.jpg) no-repeat;
}

#side_contents .common_button .sitemap{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	float:left;
	position:relative;
	top:6px;
}

#side_contents .common_button .sitemap a{
	display:block;
	width:130px;
	height:24px;
	background:url(../images/button_sitemap.jpg) no-repeat;
}


#side_contents .ad_area{
	width:290px;
	margin-top:5px;
}

#side_contents .ad_area .ads_image{
	margin-top:2px;
}

#side_contents .ad_area .banner01{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:290px;
	height:65px;
	margin:2px 0 5px 0;
	background:url(../images/banner_fukui_rekishioh.jpg) no-repeat;
}

#side_contents .ad_area .banner02{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:290px;
	height:65px;
	margin:2px 0 5px 0;
	background:url(../images/banner_ads.jpg) no-repeat;
}

#side_contents .search_movie_tag{
	width:290px;
	margin-top:5px;
}

#side_contents .search_movie_tag .tag_list_top{
	display:block;
	font-size:0px;
	line-height:0%;
	text-indent:-9999px;
	border:none;
	width:290px;
	height:24px;
	position:relative;
	top:1px;
	background:url(../images/title_search_movie_top.jpg) no-repeat;
}

#side_contents .search_movie_tag .tag_list_contents{
	width:274px;
	padding:7px;
	border:1px #CCCCCC solid;
}

#side_contents .search_movie_tag .tag_list_contents a{
	padding:0 5px;
	color:#663333;
}

#side_contents .news{
	width:290px;
	margin-top:5px;
}

#side_contents .news .news_list_top{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:290px;
	height:24px;
	position:relative;
	top:1px;
	background:url(../images/title_news_top.jpg) no-repeat;
}

#side_contents .news .news_list_contents{
	width:258px;
	padding:7px 7px 7px 23px;
	border:1px #CCCCCC solid;
	list-style-type:disc;
	font-size:12px;
}

#side_contents .news .news_list_contents a{
	color:#0033ff;
	text-decoration:none;
}

#side_contents .news .news_list_contents a:hover{
	text-decoration:underline;
}


#side_contents .ranking{
	width:290px;
	margin-top:5px;
}

#side_contents .ranking .sightseeing_ranking_top{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:290px;
	height:24px;
	position:relative;
	top:1px;
	background:url(../images/title_ranking_top.jpg) no-repeat;
}

#side_contents .ranking .end_line{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	background-color:#333333;
	width:290px;
	height:3px;
}

#side_contents .ranking .sightseeing_ranking_contents{
	width:278px;
	padding:5px;
	border:1px #CCCCCC solid;
}

#side_contents .ranking .sightseeing_ranking_contents .left_contents{
	width:74px;
	margin-left:3px;
	margin-right:3px;
	float:left;
}

#side_contents .ranking .sightseeing_ranking_contents .left_contents .copyright{
	font-size:9px;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents{
	width:195px;
	float:left;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .rank01{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank1.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .rank02{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank2.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .rank03{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank3.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .rank04{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank4.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .rank05{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank5.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .sightseeing_spot{
	display:block;
	font-size:14px;
	float:left;
	margin-left:5px;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .explain{
	font-size:10px;
	padding:3px;
	line-height:130%;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .impression{
	display:block;
	float:left;
	font-size:10px;
	margin-left:2px;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .count{
	display:block;
	float:left;
	font-size:10px;
	font-weight:bold;
	margin-left:5px;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .watching{
	display:block;
	font-size:10px;
	text-decoration:none;
	float:left;
	padding-left:15px;
	margin-left:10px;
	background:url(../images/right_link_mark.gif) no-repeat 0 40%;
}

#side_contents .ranking .hero_ranking_top{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:290px;
	height:24px;
	position:relative;
	top:1px;
	background:url(../images/title_hero_ranking_top.jpg) no-repeat;
}

#side_contents .ranking .end_line{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	background-color:#333333;
	width:290px;
	height:3px;
}

#side_contents .ranking .hero_ranking_contents{
	width:278px;
	padding:5px;
	border:1px #CCCCCC solid;
}

#side_contents .ranking .hero_ranking_contents .left_contents{
	width:74px;
	margin-left:3px;
	margin-right:3px;
	float:left;
}

#side_contents .ranking .hero_ranking_contents .left_contents .copyright{
	font-size:9px;
}

#side_contents .ranking .hero_ranking_contents .right_contents{
	width:195px;
	float:left;
}

#side_contents .ranking .hero_ranking_contents .right_contents .rank01{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank1.gif) no-repeat;
}

#side_contents .ranking .hero_ranking_contents .right_contents .rank02{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank2.gif) no-repeat;
}

#side_contents .ranking .hero_ranking_contents .right_contents .rank03{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank3.gif) no-repeat;
}

#side_contents .ranking .hero_ranking_contents .right_contents .rank04{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank4.gif) no-repeat;
}

#side_contents .ranking .hero_ranking_contents .right_contents .rank05{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:40px;
	height:18px;
	float:left;
	background:url(../images/rank5.gif) no-repeat;
}

#side_contents .ranking .hero_ranking_contents .right_contents .hero_name{
	display:block;
	font-size:14px;
	float:left;
	margin-left:5px;
}

#side_contents .ranking .hero_ranking_contents .right_contents .explain{
	font-size:10px;
	padding:3px;
	line-height:130%;
}

#side_contents .ranking .hero_ranking_contents .right_contents .impression{
	display:block;
	float:left;
	font-size:10px;
	margin-left:2px;
}

#side_contents .ranking .hero_ranking_contents .right_contents .count{
	display:block;
	float:left;
	font-size:10px;
	font-weight:bold;
	margin-left:5px;
}

#side_contents .ranking .hero_ranking_contents .right_contents .watching{
	display:block;
	font-size:10px;
	text-decoration:none;
	float:left;
	padding-left:15px;
	margin-left:10px;
	background:url(../images/right_link_mark.gif) no-repeat 0 40%;
}

#side_contents .other{
	width:290px;
	margin-top:5px;
}

#side_contents .other .other_list_top{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:290px;
	height:24px;
	position:relative;
	top:1px;
	background:url(../images/title_other_top.jpg) no-repeat;
}

#side_contents .other .other_list_contents{
	width:258px;
	padding:7px 7px 7px 23px;
	border:1px #CCCCCC solid;
	list-style-type:disc;
	font-size:10px;
}

#side_contents .other .news_list_contents a{
	text-decoration:none;
}

#side_contents .mobile{
	width:290px;
	margin-top:5px;
	margin-bottom:20px;
}

#side_contents .mobile .banner_mobile{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:183px;
	height:100px;
	float:left;
	background:url(../images/banner_mobile.jpg) no-repeat;
}

#side_contents .mobile .banner_qr{
	display:block;
	font-size: 0px;
	line-height: 0%;
	text-indent: -9999px;
	border:none;
	width:290px;
	height:100px;
	float:left;
	margin-left:2px;
	background:url(../images/qr_cord.jpg) no-repeat;
}

/* パンくず
------------------------------------------------- */

/* ando create 7/7
------------------------------------------*/
#side_contents .ranking .sightseeing_ranking_contents .right_contents .ranking_image1{
	display:block;
	text-indent: -9999px;
	font-size:0px;
	line-height:0%;
	float:left;
	width:40px;
	height:18px;
	background:url(../images/rank1.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .ranking_image2{
	display:block;
	text-indent: -9999px;
	font-size:0px;
	line-height:0%;
	float:left;
	width:40px;
	height:18px;
	background:url(../images/rank2.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .ranking_image3{
	display:block;
	text-indent: -9999px;
	font-size:0px;
	line-height:0%;
	float:left;
	width:40px;
	height:18px;
	background:url(../images/rank3.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .ranking_image4{
	display:block;
	text-indent: -9999px;
	font-size:0px;
	line-height:0%;
	float:left;
	width:40px;
	height:18px;
	background:url(../images/rank4.gif) no-repeat;
}

#side_contents .ranking .sightseeing_ranking_contents .right_contents .ranking_image5{
	display:block;
	text-indent: -9999px;
	font-size:0px;
	line-height:0%;
	float:left;
	width:40px;
	height:18px;
	background:url(../images/rank5.gif) no-repeat;
}


#flash_header{
	width:950px;
	height:450px;
	margin:0 auto 5px auto;
}