/*----------------------------------------------------------
:::::::::::::::::::::　　基本スタイル　 ::::::::::::::::::::
-----------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */


/*-------------------------------------------------
ヘッダメニュー
-------------------------------------------------*/

a:hover img{
/*モダンブラウザ用*/
opacity:0.7	;
/*IE7以下用*/
filter:alpha(opacity=7);
/*IE8用*/
-ms-filter:"alpha(opacity=7)";
}	

body#CityEbooks_tpl div{
	padding:0;
	margin:0;
	margin:auto;
}

body#CityEbooks_tpl {
	background:#FFF;
    display: block;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px;
}


#CityEbooks_tpl #content #logo {
	background-size:96% auto;
	background-repeat:no-repeat;
    height: 50px;
    width: 100%;
    max-width: 1000px;
    z-index: -9999; 
    margin: 0.9% auto 0;
    padding: 8px 0 0;
}


#CityEbooks_tpl #content #main_image {
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% auto;

    text-align: center;
	width:100%;
    z-index: -9999;
	max-width:1374px;
	height:100%;
	margin:auto;	
}
	

#CityEbooks_tpl a .main-image_box{
	background: url("../../img/subpage/city_ebooks/kobayashi/original-book_off.png") no-repeat scroll center top rgba(0, 0, 0, 0);
	background-position:top center;
	background-size:100% auto ;
    height: 360px;
    text-indent: -99999px;
    width: 975px;
}



#CityEbooks_tpl a:hover .main-image_box{
	    background: url("../../img/subpage/city_ebooks/kobayashi/original-book_on.png");
		width:975px;
		height:360px;
		text-indent:-99999px;
}


#CityEbooks_tpl #container {
    background: none;
    box-shadow: none;
	width:100%;
	max-width:950px;
	padding:10px 0 0 0;
}





#CityEbooks_tpl #content .line_bottom {
    margin: auto;
    padding: 0px;
    width: 100%;
	background: url("../img/subpage/CityEbooks_tpl/bottom_img.png") no-repeat ;
	background-size:100% auto;
	z-index:-9999;
	height:45px;
	}
	
#CityEbooks_tpl ul{
	padding:0px 0 0 0;
	width:100%;
}

#CityEbooks_tpl #container ul{
	padding:5px 0 0 0;
	width:100%;
}

#CityEbooks_tpl ul:after, #CityEbooks_tpl #book_list:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}
	
#CityEbooks_tpl #container ul li{
    float:left;
	line-height:0;
	font-size:0px;
	width:25%;
	}
	
#CityEbooks_tpl #container ul li img{
	width:100%;
	max-width:237px;
}

#CityEbooks_tpl ul.kushima_navi {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    max-width: 950px;
    width: 100%;
	padding: 33% 0 0;
	margin:0 auto;
}

#CityEbooks_tpl ul.kushima_navi li{
    float:left;
	line-height:0;
	font-size:0px;
	width:25%;
    margin:0 0 20px 0;
}

.ie7 #CityEbooks_tpl ul.kushima_navi li,
.ie8 #CityEbooks_tpl ul.kushima_navi li{
		padding: 1px 0 0;
}

.ie7 #CityEbooks_tpl ul.kushima_navi li{
		width:24.7%;
}

	
#CityEbooks_tpl ul.kushima_navi li img{
	width:100%;
	max-width:237px;
}
	
#CityEbooks_tpl #book_list{
	width:100%;
}



#CityEbooks_tpl hr{
	border:none;
	border-bottom:1px dashed #b2b2b2;
	width:96%;
	margin:auto;
}


#CityEbooks_tpl .title_booklisg{
	padding:5px 0 11px 0 ;
	text-align:center;
}

#CityEbooks_tpl .title_booklisg img{
	width:147px;
}
	
	
#CityEbooks_tpl #book_list .books{
	float:left;
	margin:0 0 1% 0.5%;
	border:1px dashed #b2b2b2;
	height:280px;
	width:19%;
	min-width:144px;
}


#CityEbooks_tpl #book_list .map{
	float:left;
	margin:0 0 1% 0.5%;
	border:1px dashed #b2b2b2;
	height:280px;
	width:39%;
	min-width:144px;
}


#CityEbooks_tpl #book_list.fourth .books{
		height:280px;
		margin: 0 0 1px 0.5%;
}



#CityEbooks_tpl .books .cover{
	display: block ;
    height: 173px ;
    position: relative ;
    width: 100% ;
	padding:10px 0 0 0;
}



#CityEbooks_tpl .fourth .books .cover{
    height: 173px ;
}


#CityEbooks_tpl  .books .cover a {
    bottom: 0 ;
    margin: auto ;
    position: absolute ;
    width: 100% ;
	text-align-last:center;
}




#CityEbooks_tpl  .books .cover img{
	max-width:70%;
	max-height:173px;
	margin:7px auto 0;
	background: none repeat scroll 0 0 #333333 ;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4) ;
    display: block ;
    width: 100% ;
	height:auto;
}
#CityEbooks_tpl .books img {
    width: 100%;
}



#CityEbooks_tpl  .ht .cover img{
	width:auto;
}

#CityEbooks_tpl  .books .txt01{
	 color:#333333;
	 text-align:center;
	 font-size:78%;
	 font-weight:bold;
	 line-height:16px;
	 padding:3px 0 5px 0;
}

#CityEbooks_tpl  .books .txt01 a{
		 color:#333333;
}


#CityEbooks_tpl  .books .txt02{
	 color:#808080;
	 text-align:center;
	 font-size:12px;
	 padding:0 5px 5px 10px;
	 line-height:16px;
}



#CityEbooks_tpl  .books .txt_large{
	display:block;
}

#CityEbooks_tpl  .books .txt_586{
	display:none;
}


#CityEbooks_tpl  .books .txt02 a{
	 color:#808080;
}





#CityEbooks_tpl #bottom_navi{
	margin:15px 0 10px 0;
	text-align:center;
	}
	
#CityEbooks_tpl .more{
	text-align:right;
	padding:15px 15px 0 0;
}

#CityEbooks_tpl #ft-box ul{
	padding:0px 0 0 0;
	width:100%;
}


#CityEbooks_tpl .empty .txt02 img {
    padding: 0 0 5px;
    width: 64px;
}


#CityEbooks_tpl .empty .cover img {
    max-width: 64.7%;
}



/* SNS
------------------------------ */
#CityEbooks_tpl .fb-like-box{
	margin:0 auto 15px;
	padding:0 0 0 0;
	line-height:0;
	font-size:0px;
}

#CityEbooks_tpl .sns .twitter{
	margin:0px 10px 15px 0px;
	padding:0px 0 0 0;
	width:300px;
	display:inline-block;
	}


#CityEbooks_tpl .sns .twitter .tw_main{
	margin:0px 0 0 0;
}









@media screen and (max-width: 768px) {
	
/* header
------------------------------ */




#CityEbooks_tpl #content #logo{
	margin:0.9% 0 0 3%;
	height:35px;
}




#CityEbooks_tpl #content{
	    background: #fff;
}

#CityEbooks_tpl #container {
    padding: 0px 0 0;
}

header a {
color: #fff;
}

#CityEbooks_tpl ul.kushima_navi {
    margin: 0px auto;
	background:none;
}


#CityEbooks_tpl ul.kushima_navi li {
	background:none;
}


#CityEbooks_tpl #book_list .books {
    height: 260px;
}


#CityEbooks_tpl .books .cover {
    height: 150px ;
}

#CityEbooks_tpl .books .cover img {
    max-height: 150px;
}


#CityEbooks_tpl #book_list.fourth .books{
		height:250px;
		margin: 0 0 1px 0.5%;
}

#CityEbooks_tpl .fourth .books .cover {
    height: 148px ;
}

#CityEbooks_tpl #contents #main_image {
    text-align: center;
    width: 100%;
    z-index: -9999;
}



#CityEbooks_tpl #main_image {
	background: url("../../img/subpage/city_ebooks/kobayashi/bg_body.png");
	background-size:100% auto;
	background-repeat:no-repeat;
    margin: 0 0 10px;
	height: 100%; ;
	padding:0;
}


#CityEbooks_tpl #bottom_navi .sns{
    margin:auto;
	width:auto;
}

	
#CityEbooks_tpl a:hover .main-image_box{
		width:80%;
		height:230px;
		margin:0 0 20px 0;	
}

#CityEbooks_tpl a .main-image_box {
		width:80%;
		height:230px;
		margin:0 0 20px 0;
}

#CityEbooks_tpl .fb_iframe_widget iframe {
    width: 300px!important;
}


#CityEbooks_tpl  .books .txt_large
{
	display:none;
}

#CityEbooks_tpl  .books .txt_586{
	display:block;
}



}

@media screen and (max-width: 600px) {
	
#CityEbooks_tpl #container ul.top_menu{
	display:none;
}


#CityEbooks_tpl #contents #main_image {
    margin: 0 0 0px;
	height:17%;
    background: url("../../img/subpage/city_ebooks/kushima/bg_kushima_body.png") no-repeat scroll top center #FFFFFF;
	background-size:200% auto;
	}

#CityEbooks_tpl #container{
	padding:0;
}


#CityEbooks_tpl #contents #main_image{
		background-size:200% auto;

}	


#CityEbooks_tpl .books .cover {
    height: 120px ;
}
}


@media screen and (max-width: 568px) {
#CityEbooks_tpl #content #logo {
    height: 35px;
    margin: 0.9% 0 0 3%;
	width:97%;
}

#CityEbooks_tpl .books .cover a {
    bottom: -3px ;
}


#CityEbooks_tpl #book_list .books {
	min-width:136px;
	height: 250px;
}

#CityEbooks_tpl .books .cover {
    height: 135px;
}



}


@media screen and (max-width: 515px) {
	
#CityEbooks_tpl .books .cover {
    height: 180px ;
}


#CityEbooks_tpl .books .cover img {
    max-height: 180px;
}

}





@media screen and (max-width: 480px) {
#CityEbooks_tpl #content #logo {
	background-size:160% auto;
    margin: 2.7% auto 0 2%;
    max-width: 1000px;
    padding: 8px 0 0;
    width: 98%;
	height: 38px;
}


#CityEbooks_tpl #logo img{
	max-width:100%;
}


#CityEbooks_tpl #content #main_image {
	height: 170px;
	padding:0;
	margin:0 0 15px 0;
}



#CityEbooks_tpl #contents header.site-header {
    background: url("../../img/base/sp_hd_bg.jpg") repeat-x scroll 0 0 #000000;
    min-width: 300px;
    padding: 5px 0 0;
    text-align: left;
    width: 100%;
}


#CityEbooks_tpl .txt02{
	display:none;
}



#CityEbooks_tpl #contents header #h_menu {
    font-size: 90%;
    letter-spacing: 0.2px;
    max-height: 50px;
    overflow: hidden;
    width: 100%;
}



#CityEbooks_tpl #contents header #utility {
    margin: 3px auto;
}


#CityEbooks_tpl #contents #container {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    padding: 10px 0 0;
    width: 100%;
}


#CityEbooks_tpl #container ul {
    padding: 5px 0 0;
    width: 100%;
}


#CityEbooks_tpl #book_list {
    width: 100%;
}

	
#CityEbooks_tpl a:hover .main-image_box{
	background-repeat:no-repeat;
}


#CityEbooks_tpl .fb_iframe_widget{
	    overflow: hidden;
}









#CityEbooks_tpl #contents #container {
    padding: 0px 0 0;
}


#CityEbooks_tpl hr {
	display:none;
}


#CityEbooks_tpl .title_booklisg {
	display:none;
}


#CityEbooks_tpl .books .cover img {
    max-height: 100px;
}


#CityEbooks_tpl #book_list .books {
    height: 167px;
    overflow: hidden;
    border: 1px dashed #B2B2B2;
    float: left;
    margin: 0 0 2% 1%;
    min-width: 100px;
    width: 19%;
}

#CityEbooks_tpl .books .cover {
    height: 100px ;
}

#CityEbooks_tpl .books .txt01 {
    font-size: 70%;
	padding:0 5px;
}

#CityEbooks_tpl .ht .cover img {
    max-height:100px;
}



#CityEbooks_tpl #contents .line_bottom {
	margin:10px 0 0 0;
    height: 30px;
	overflow:hidden;
}



#CityEbooks_tpl .sns .twitter{
	display:none;
	width:300px;
}





#CityEbooks_tpl .books .cover {
    height: 100px ;
}


#CityEbooks_tpl ul.kushima_navi {
	display:none;
}

#CityEbooks_tpl #book_list .map{
	width:64.3%;
}


#CityEbooks_tpl .map .cover {
    height: 120px ;
}


#CityEbooks_tpl .map .cover img {
    max-height: 120px;
}


#CityEbooks_tpl .map .txt01{
	margin:5px auto 0;
}




#CityEbooks_tpl  .books .txt02.txt_586{
	display:none;
}


}




@media screen and (max-width: 320px) {
#CityEbooks_tpl #content #logo {
	height:25px;
}

#CityEbooks_tpl #content #main_image {
	height:120px;
}


	
#CityEbooks_tpl .books .cover {
    height: 100px ;
}


#CityEbooks_tpl .books .cover img {
    max-height: 100px;
}

}






/*----------------------------------------------------------
:::::::::::::::::::::各市町村はここから ::::::::::::::::::::
-----------------------------------------------------------*/



/* :::::::::::::::::::::::::::::::::::: */
/* :::::::::: たかなべebooks :::::::::: */
/* :::::::::::::::::::::::::::::::::::: */

#CityEbooks_tpl #takanabe{
	padding:0 1% 0;
}

#CityEbooks_tpl #takanabe #logo {
    background: url("../../img/subpage/city_ebooks/takanabe/logo.png");
	background-repeat:no-repeat;
	background-size:96% auto;
    height: 50px;
    margin: 0.9% auto 0;
    padding: 8px 0 0;
	width: 100%;
	max-width:1000px;
}



#CityEbooks_tpl #takanabe #main_image {
    background: url("../../img/subpage/city_ebooks/takanabe/bg_body.jpg");
	background-size:100% auto;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	max-width:1374px;
	margin:auto;
}



#CityEbooks_tpl #takanabe #container {
    padding: 0px 0 0;

}


@media screen and (max-width: 768px) {
	
	#CityEbooks_tpl #takanabe #logo {
		height:35px;
	}
		
	#CityEbooks_tpl #takanabe .txt01{
		font-size:60%;
	}
	
	#CityEbooks_tpl #takanabe .txt02{
		font-size:11px;
	}
	
}



@media screen and (min-width: 481px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
#CityEbooks_tpl #takanabe .books .cover img {
    max-width: 62.7%;
}

#CityEbooks_tpl #takanabe #book_list .books {
    width: 24% ;
	min-width:inherit;
}


#CityEbooks_tpl #takanabe #book_list .books.ht .cover img{
	max-height:120px;
	width:auto;	
	}




	
}


@media screen and (max-width: 480px) {
	
#CityEbooks_tpl #takanabe #main_image {
	height:110px ;
}


#CityEbooks_tpl #takanabe #book_list .books {
	min-width: 99px;
}

}




/* :::::::::::::::::::::::::::::::::::: */
/* :::::::::: きじょうebooks :::::::::: */
/* :::::::::::::::::::::::::::::::::::: */

#CityEbooks_tpl #kijo #logo {
	background-image: url("../../img/subpage/city_ebooks/kijo/logo.png");
}

#CityEbooks_tpl #kijo.ie_box #logo {
	background-image: url("../../img/subpage/city_ebooks/kijo/logo_ie.png");
}




#CityEbooks_tpl #kijo #main_image {
    background-image: url("../../img/subpage/city_ebooks/kijo/bg_body.jpg");
}


#CityEbooks_tpl #container #kijo {
    padding: 0 0 0;
}



#CityEbooks_tpl #kijo ul.kushima_navi li,
#CityEbooks_tpl #kijo #container ul li {
    width: 33%;
	margin: 0 0 0;
	
}


@media screen and (max-width: 480px) {
	
#CityEbooks_tpl #kijo #main_image{
	height: 0;
	padding: 37% 0 0 0;
	margin-bottom:0;
}

#content #kijo #container {
    padding-top: 15px !important;
}
	
}



/* :::::::::::::::::::::::::::::::::::: */
/* :::::::::: さいとebooks :::::::::: */
/* :::::::::::::::::::::::::::::::::::: */

#CityEbooks_tpl #saito #logo {
	background-image: url("../../img/subpage/city_ebooks/saito/logo.png");
}

#CityEbooks_tpl #saito.ie_box #logo {
	background-image: url("../../img/subpage/city_ebooks/saito/logo_ie.png");
}


#CityEbooks_tpl #saito #main_image {
    background-image: url("../../img/subpage/city_ebooks/saito/bg_body.jpg");
	height:auto;
	padding-top:0;
	width:auto;
}

#CityEbooks_tpl #saito ul.top_menu {
	padding: 33% 0 0;
}


#CityEbooks_tpl .books .txt01 {
	padding:1% 2% 2%;
	}
	
#content #saito #container {
    padding-top: 15px !important;
}
	
	
/* :::::::::::::::::::::::::::::::::::: */
/* :::::::::: 追記 :::::::::: */
/* :::::::::::::::::::::::::::::::::::: */

a {
    outline: none;
}