﻿/* =====================================================================
*
*     ヘッダー仮スタイル
*
* =================================================================== */

h2.books_osusume_title a,
h2.books_gover_title a,
h2.books_com_title a {
    float: right;
	margin-right:7px;
	padding-top:9px;
}


h2.books_osusume_title a img,
h2.books_gover_title a img,
h2.books_com_title a img{
    width:42px;
}

#palms_con .palms_box01:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}


#palms_con .palms_bgno{
    clear: both;
	float:none;
}





@media screen and (min-width: 769px) {

	#content header #utility {
    float: right;
    margin: 5px 0 0;
    max-width: 580px;
    padding: 0;
    text-align: right;
    width: 51.1%;
}



#content header #utility ul li a {
    color: #FFFFFF;
    padding: 0 7px;
	letter-spacing:0.4px;
}


#content header #h_search_pc {
    clear: both;
    float: right;
    margin: 1% 0 0;
    width: 85%;

}

}


@media screen and (max-width: 768px) {
.snap-drawer li > a.btn_event {
background : url(../img/base/navi/btn_event.png) 10px 5px no-repeat;
background-size: 10%;
}




.snap-drawer li > a.btn_facebook {
background : url(../img/base/navi/btn_facebook.png) 10px 5px no-repeat;
background-size: 10%;
}


.snap-drawer li > a.btn_twitter {
background : url(../img/base/navi/btn_twitter.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_palms {
background : url(../img/base/navi/btn_palms.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_eason {
background : url(../img/base/navi/btn_eason.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_yo-ho {
background : url(../img/base/navi/btn_yo-ho.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_dan {
background : url(../img/base/navi/btn_dan.png) 10px 5px no-repeat;
background-size: 10%;
}


#top_banner ul li a.ban_gohome {
	background : #eee url(../img/base/navi/btn_con_north.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_moremiyazaki {
	background : #eee url(../img/base/navi/btn_con_more.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_recipe {
	background : #eee url(../img/base/navi/btn_con_recipe.png) 10px 5px no-repeat;
	background-size: 10%;

}


#top_banner ul li a.ban_locallove {
	background : #eee url(../img/base/navi/btn_con_love.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_mtgoods {
	background : #eee url(../img/base/navi/btn_con_climb.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_appli {
	background : #eee url(../img/base/navi/btn_app.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_tegetege {
	background : #eee url(../img/base/navi/btn_imgsearch.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_tamango {
	background : #eee url(../img/base/navi/btn_tm.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_cat {
	background : #eee url(../img/base/navi/btn_cat.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_ar {
	background : #eee url(../img/base/navi/btn_ar.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_originalbook {
	background : #eee url(../img/base/navi/btn_pbook.png) 10px 5px no-repeat;
	background-size: 10%;

}

#top_banner ul li a.ban_chirashiland {
	background : #eee url(../img/base/navi/btn_cland.png) 10px 5px no-repeat;
	background-size: 10%;

}


.sp-sch-params p.searchtitle {
    background: url("../img/base/side_icon.png") no-repeat scroll 10px 5px / 10% auto #444D63;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #CCCCCC;
    display: block;
    font-size: 90%;
    font-weight: normal;
    padding: 10px 5px 10px 25px;
    text-decoration: none;
    text-indent: 20px;
}


.sp-sch-params p.free{
	background : #444D63 url(../img/base/navi/btn_search_free.png) 10px 5px no-repeat;
	background-size: 10%;
	}

.sp-sch-params p.genre{
	background : #444D63 url(../img/base/navi/btn_search_genre.png) 10px 5px no-repeat;
	background-size: 10%;
}

.sp-sch-params p.area{
	background : #444D63 url(../img/base/navi/btn_search_area.png) 10px 5px no-repeat;
	background-size: 10%;
}

.sp-sch-params p.key{
	background : #444D63 url(../img/base/navi/btn_search_key.png) 10px 5px no-repeat;
	background-size: 10%;
}







#top_banner h2.sp_contents_lineup {
    background: none repeat scroll 0 0 #79BD48;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #CCCCCC;
    display: block;
    font-size: 80%;
    font-weight: normal;
    padding: 10px 5px;
    text-decoration: none;
    text-indent: 20px;
    text-shadow: 0 1px 0 #000000;
}



}


@media screen and (max-width: 360px) {


header h1#sp_site_title {
    float: left;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 70%;
}


header h1#sp_site_title a{
	display:block;
	margin:auto;
	width:94%;
}

#content header #utility {
    margin: 3px auto;

}

}


/* =====================================================================

* =================================================================== */

body #content {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}
