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

/* :::::::::::::::::::::::::::::::::::: */
/* ::::::: みやこのじょうebooks ::::::: */
/* :::::::::::::::::::::::::::::::::::: */


/* 画像のフォルダ名を変更した場合は
CSSファイル内のパス「../miyakonojo/..」を任意のフォルダ名に変更してください。
（例）../../img/subpage/city_ebooks/ここを変更/logo.png */

/* subpage
1カラムのコンテンツレイアウト
------------------------------ */
/* #container1Column
------------------------------ */

#container1Column{
/*width: 1000px\9;*/
width: 1000px\9;
margin:0 auto;
background:#FFF;
color:#333;
}

/* IE7 */
*:first-child+html #container1Column {
width: 1000px;
}

/* IE8 */
#container1Column{
width: 1000px\9;
}

/* IE9 */
#container1Column:not(:target) {
width: 1000px¥9;
}

/* IE以外 */
:root #container1Column {
max-width: 1000px;
width: 100%;
}

:root #container1Column {
max-width: 1000px;
width: 100%;
}


body #container1Column {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#container1Column a:hover img {
	filter: alpha(opacity=50);
	opacity:0.5;
	-ms-filter: "alpha( opacity=50 )";
	/*background: #fff;*/
}

/*----------------------------------------------------
    clerfix
----------------------------------------------------*/
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;
	}

.cf {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .cf {
	height: 1%;
}

.cf {
	display: block;
}
/* End hide from IE-mac */

/*----------------------------------------------------
    文字等
----------------------------------------------------*/
.center{
	text-align:center;
	}

#container1Column .mbHem{
	margin-bottom:0.5em;
}

#container1Column .small{
	font-size:80%;
}

/*-----ここまでテスト----*/





#FreePaperNavi3 #container {
	*width:100%;
	margin:0 auto;
}

#FreePaperNavi3 #logo {
	background-image: url("../../img/subpage/city_ebooks/FreePaperNavi3/logo.png");
	height:72px
}

#FreePaperNavi3.ie_box #logo {
	background-image: url("../../img/subpage/city_ebooks/FreePaperNavi3/logo_ie.png");
	height:72px !important;
}

#FreePaperNavi3 #main_image {
    background-image: url("../../img/subpage/city_ebooks/FreePaperNavi3/bg_body.jpg");
	height:492px;
}

#FreePaperNavi3 ul.FreePaperNavi3_navi {
	background: none repeat scroll 0px 0px transparent;
	box-shadow: none;
	max-width: 950px;
	width: 100%;
	padding: 33% 0px 0px;
	margin:30% 0 0 0;
	/*margin: 0px auto;*/
	
	border-bottom:1px dashed #b2b2b2;
	margin:auto;
}

#FreePaperNavi3 ul.FreePaperNavi3_navi li {
	
		
    float: left;
    line-height: 0;
    font-size: 0px;
    width: 33%;
    margin:20px 0px 0px 0px;
	

}


#CityEbooks_tpl #container ul li{
    float:left;
	line-height:0;
	font-size:0px;
	width:33%;
	

	}



#FreePaperNavi3 ul.FreePaperNavi3_navi li img {
    width: 100%;
    max-width: 238px;
}



#FreePaperNavi3 .title_booklist {
	/*padding: 0px 0px 0px 0px;*/
	padding:20px 0px 5px 0px;
    text-align: center;
	
	border-bottom:1px dashed #b2b2b2;
	margin:auto;
}

@media screen and (max-width: 768px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:768px;
	overflow: hidden;
}	
	
#FreePaperNavi3 {
	width:100%;
	max-width:768px;
	overflow: hidden;
}
#FreePaperNavi3 #book_list .books {
	width:19%;
	min-width:unset;
	height:unset;
	margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width: 736px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:736px;
	overflow: hidden;
}	

#FreePaperNavi3 {
	width:100%;
	max-width:736px;
	overflow: hidden;
}
#FreePaperNavi3 #book_list .books {
	width:19%;
	min-width:unset;
	height:unset;
	margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width: 720px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:736px;
	overflow: hidden;
}	

#FreePaperNavi3 {
	width:100%;
	max-width:736px;
	overflow: hidden;
}
#FreePaperNavi3 #book_list .books {
	width:22%;
	min-width:unset;
	height:unset;
	margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width: 667px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:667px;
	overflow: hidden;
}	

#FreePaperNavi3 {
	width:100%;
	max-width:667px;
	overflow: hidden;
}

}

@media screen and (max-width: 600px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:600px;
	overflow: hidden;
}	

#FreePaperNavi3 {
	width:100%;
	max-width:600px;
	overflow: hidden;
}

}

@media screen and (max-width: 568px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:568px;
	overflow: hidden;
}	

#FreePaperNavi3 {
	width:100%;
	max-width:568px;
	overflow: hidden;
}

}

@media screen and (max-width: 515px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:515px;
	overflow: hidden;
}	

#FreePaperNavi3 {
	width:100%;
	max-width:515px;
	overflow: hidden;
}

}

@media screen and (max-width: 480px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:480px;
	overflow: hidden;
}	

#FreePaperNavi3 {
	width:100%;
	max-width:480px;
	overflow: hidden;
}

#FreePaperNavi3 .site-content .sub-total img {
	width:20%;
}

#FreePaperNavi3 .title_booklist {
	display:;
	
}

#FreePaperNavi3 #main_image {
    background-image: url("../../img/subpage/city_ebooks/FreePaperNavi3/bg_body.jpg");
	height:120px;
}



}

@media screen and (max-width: 360px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:360px;
	overflow: hidden;
}	

#FreePaperNavi3 {
	width:100%;
	max-width:360px;
	overflow: hidden;
}
}

@media screen and (max-width: 320px) {
#FreePaperNavi3 #logo {
	width:95%;
	max-width:320px;
	overflow: hidden;
}	
#FreePaperNavi3 {
	width:100%;
	max-width:320px;
	overflow: hidden;
}

#FreePaperNavi3 #book_list .books {
	width:30%;
	min-width:30%;
	margin-left: auto;
    margin-right: auto;
}

}