@charset "utf-8";

/* ↓ reset
================================== */
/*
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:0;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
*/
/* ↓ setting
================================== */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ↓ マージン指定
================================== */
.m0 { margin: 0px !important;}
.m5 { margin: 5px !important;}
.m10{ margin: 10px !important;}
.m15{ margin: 15px !important;}
.m20{ margin: 20px !important;}
.m30{ margin: 30px !important;}

.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}

.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}

.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10{ margin-right: 10px !important;}
.mr15{ margin-right: 15px !important;}
.mr20{ margin-right: 20px !important;}
.mr30{ margin-right: 30px !important;}

.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10{ margin-left: 10px !important;}
.ml15{ margin-left: 15px !important;}
.ml20{ margin-left: 20px !important;}
.ml30{ margin-left: 30px !important;}

/* ↓ 余白指定
================================== */
.p0 { padding: 0px !important;}
.p5 { padding: 5px !important;}
.p10{ padding: 10px !important;}
.p15{ padding: 15px !important;}
.p20{ padding: 20px !important;}
.p30{ padding: 30px !important;}

.pt0 { padding-top: 0px !important;}
.pt5 { padding-top: 5px !important;}
.pt10{ padding-top: 10px !important;}
.pt15{ padding-top: 15px !important;}
.pt20{ padding-top: 20px !important;}
.pt30{ padding-top: 30px !important;}

.pb0 { padding-bottom: 0px !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10{ padding-bottom: 10px !important;}
.pb15{ padding-bottom: 15px !important;}
.pb20{ padding-bottom: 20px !important;}
.pb30{ padding-bottom: 30px !important;}

.pr0 { padding-right: 0px !important;}
.pr5 { padding-right: 5px !important;}
.pr10{ padding-right: 10px !important;}
.pr15{ padding-right: 15px !important;}
.pr20{ padding-right: 20px !important;}
.pr30{ padding-right: 30px !important;}

.pl0 { padding-left: 0px !important;}
.pl5 { padding-left: 5px !important;}
.pl10{ padding-left: 10px !important;}
.pl15{ padding-left: 15px !important;}
.pl20{ padding-left: 20px !important;}
.pl30{ padding-left: 30px !important;}


/* ↓ テキスト位置指定
================================== */
.tL { text-align: left !important;}
.tR { text-align: right !important;}
.tC { text-align: center !important; }

/* ↓ 縦位置指定
================================== */
.vTop { vertical-align: top !important; }
.vMdl { vertical-align: middle !important; }
.vBtm { vertical-align: bottom !important; }
.vBsl { vertical-align: baseline !important; }
.mid {vertical-align:middle;}

/* ↓ ブロック指定
================================== */
.dsp_b { display: block !important; }
.dsp_n { display: none !important; }
.dsp_ib { display: inline-block !important; }

/* ↓ フロート指定
================================== */
.fL { float: left !important; }
.fR { float: right !important; }
.fN { float: none !important; }

/* ↓ clearfix
================================== */
.cf:after { content: ""; clear: both; display: block; }

/* ↓アドレス
================================== */
.ad {
	vertical-align: middle;
}

/* ↓文字フォント
================================== */
.mincho {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	letter-spacing:0.05em;
}








body {
	margin:0;
	padding:0;
	background-color: #FFF;
}

#wrapper {
	width:999px;
	margin: 0 auto;
	background-color: #29a7e1;
}


#wrapper #container {
	position: relative;
	padding:10px;
	margin-bottom: 20px;
}

#wrapper #container #inner {
	background-color: #FFF;
}


#wrapper #container h2.header_title {
	width: 383px;
	height: 43px;
	margin:0;
	margin-left: 32px;
	margin-bottom: 4px;
	background: url("../img/wrap_title.png") no-repeat;
}
#wrapper #container h2.header_title span {
	display: none;
}



#wrapper #container #top_menu {
	position: absolute;
	top:0;
	right:32px;
}
#wrapper #container #top_menu ul li {
	display: table-cell;
	color: white;
	font-weight: bold;
}
#wrapper #container #top_menu li.r_sep:after {
	padding-left: 4px;
	content: "・";
}
#wrapper #container #top_menu li {
	padding-right: 4px;
}

#wrapper #container #top_menu li a {
	color: #FFF;
	text-decoration: none;
}
#wrapper #container #top_menu li a:hover {
	text-decoration: underline;
}




#wrapper #container #inner h2.sub_title {
	margin:0;
	padding: 0;
}

#wrapper #container #inner h2.sub_title span {
	display: block;
	margin:0;
	padding: 10px 0 10px 42px;
	font-size: 95%;
}

#wrapper #container #inner .title_images {
	width: 979px;
	height: 520px;
}


.sp-button {
	width: 8px;
	height: 8px;
	border: 1px solid #f7b231;
	border-radius: 50%;
	background-color: #fff;
	margin: 4px;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.sp-buttons {
	margin-top: -24px;
}

.sp-selected-button {
	background-color: #f7b231;
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	background-color: #666;
	opacity: 0.7;
}



#wrapper #container #inner #top_outline {
	width: 979px;
	height: 555px;
}
#wrapper #container #inner #top_outline p {
	display: none;
}





#wrapper #container #inner #menu {
	display: block;
	width: 970px;
	height: 80px;
	margin:0 auto;
}

#wrapper #container #inner #menu ul li {
	float:left;
	/*	margin: 10px;	*/
	margin: 2px 10px 0 10px;
}

#wrapper #container #inner #menu li span {
	display: block;
	padding-top: 19px;
	font-size: 113%;
	font-weight: bold;
}

#wrapper #container #inner #menu li,
#wrapper #container #inner #menu li a {
	width: 277px;
	height: 60px;
	display: block;
	border-radius: 10px;
	text-align: center;
	background-color: #f6a21c;
	color: #fff;
	font-weight: bold;
}

#wrapper #container #inner #menu li a {
	text-decoration: none;
}

#wrapper #container #inner #menu li a:hover {
	text-decoration: underline;
	/*	background-color: #fcac1c;	*/
	background-color: #fecb33;
}

#wrapper #container #inner #menu li.now {
	/*	background-color: #fcac1c;	*/
	background-color: #fecb33;
}


#wrapper #container #inner #top_search {
	width: 979px;
	height: 285px;
}

#wrapper #container #inner #top_fair {
	width: 490px;
	height: 264px;
	float: left;
}

#wrapper #container #inner #top_book {
	width: 489px;
	height: 264px;
	float: left;
}

#wrapper #container #inner #top_search p,
#wrapper #container #inner #top_fair p,
#wrapper #container #inner #top_book p {
	display: none;
}

#top_search a:hover,
#top_fair a:hover,
#top_book a:hover {
	opacity: 0.7;
}




#wrapper #container #inner #footer {
	margin:0;
	padding:0;
	width: 979px;
	content: "";
	clear: both;
	display: block;
}

#wrapper #container #inner #footer p.copyright {
	display: block;
	margin:auto;
	text-align: center;
	font-size: 95%;
	font-weight: bold;
	color: #29a7e1;
	padding-top: 0.5em;
	padding-bottom: 0.7em;
}


#page-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 5;
}



/*
*	フェア
*/
#wrapper #container #inner #fair_title {
	width: 979px;
	height: 409px;
}

#wrapper #container #inner #fair_report {
	width: 979px;
}


/*
*	ブック
*/
#wrapper #container #inner #book_title {
	width: 979px;
	height: 349px;
}

#wrapper #container #inner #book_topics {
	width: 979px;
}

#wrapper #container #inner #header {	/*	ブック／検索、両用	*/
	margin:0;
	padding: 0;
	width: 979px;
	height: 1px;
}



/*
*	検索
*/
#wrapper #container #inner #search_title {
	width: 979px;
	height: 1275px;
}

#wrapper #container #inner #search_form {
	width: 979px;
	height: auto;
}

#wrapper #container #inner #search_form .search_form_header {
	width: 979px;
	height: 115px;
	background: url("../img/search_form_header.png");
}

#wrapper #container #inner #search_form .search_form_body {
	width: 979px;
	height: auto;
	background: url("../img/search_form_body.png") repeat-y;
}

#wrapper #container #inner #search_form .search_form_footer {
	width: 979px;
	height: 47px;
	background: url("../img/search_form_footer.png");
}





#wrapper #container #inner #search_form form#sogo_search {
	padding:10px 60px 10px 60px;

}


/*	クリッカブルマップ線消去	*/
.noborder {
	border:none;
	outline:none;
}



/*
*	検索
*/
h3.search_title {
	margin:0 0 20px 0;
	padding:0;
}

h4.search_sub_title {
	margin:0;
	padding:0;
}

select.select_box {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url("../shopsearch/img/icon_down_arrow.png"),
	 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	margin: 10px 0 20px 0;
	overflow: hidden;
	padding: 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 300px;
	font-weight: bold;
}

.search_form_body {
	width: 979px;
}


td.search_menu {
	width: 400px;
}
td.search_results {
	text-align: center;
	width: 500px;
	height: auto;
	border:2px solid #ddd;
	border-radius: 20px;
	padding: 20px;
}

#result_shopname {

}

.shop_data {
	z-index: 100;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.7em;
}

span.shopname {
	font-size: 131%;
	font-weight: bold;
}
span.shopname a {
	text-decoration: none;
}
span.shopname a:hover {
	text-decoration: underline;
}

div.shopurl {
	margin-top: 8px;
	line-height: 1.2em;
}
div.shopurl a {
	text-decoration: none;
}
div.shopurl a:hover {
	text-decoration: underline;
}

.shop_data a {
	color:blue;
}

hr.shopdata {
	margin:0;
	padding:0;
	margin-top: 18px;
	margin-bottom: 18px;
	display:block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px dashed #ddd;
}