@charset "Shift_JIS";
/* CSS Document */

/* reset
--------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;	font: inherit;
	vertical-align: baseline;
}

body { font: 13px "ヒラギノ角ゴ　Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", sans-serif ;; *font-size:small; *font:x-small;
	line-height: 1.6; position: relative; }

a { color: #313e73; }
a:hover,a:visited { color: #5370f0; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font:100%; }

.tbl { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 10px; width: 100%; }
.tbl th,.tbl td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; }
.tbl th { background-color: #eee; font-weight: bold; text-align: center; }

.tblInner { border: none; width: 100%; }
.tblInner td,.tableInner th { border: none; }

.txt10 { font-size:77%; }
.txt11 { font-size:85%; }
.txt12 { font-size:93%; }
.txt13 { font-size:100%; }
.txt14 { font-size:108%; }
.txt15 { font-size:116%; }
.txt16 { font-size:123.1%; }
.txt17 { font-size:131%; }
.txt18 { font-size:138.5%; }
.txt19 { font-size:146.5%; }
.txt20 { font-size:153.9%; }
.txt21 { font-size:161.6%; }
.txt22 { font-size:167%; }
.txt23 { font-size:174%; }
.txt24 { font-size:182%; }
.txt25 { font-size:189%; }
.txt26 { font-size:197%; }

input:focus{ outline:none; }


/* clearfix
--------------------------------------------------------*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/* header
-------------------------------------------------------*/

#header { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/bg_header.jpg) no-repeat right 0; height: 113px; margin: 0 auto; position: relative; width: 900px; }

#gMenu { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_gmenu.png) no-repeat 0 0; padding: 0 10px; position: absolute; bottom: 0; width: 880px; }
#gMenu li { float: left; position: relative; z-index: 3; }
#gMenu a { display: block; height: 40px; overflow: hidden; width: 176px; }
#gMenu li.shop a { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_gmenu.png) no-repeat -10px 0; }
#gMenu li.menu a { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_gmenu.png) no-repeat -186px 0; }
#gMenu li.mobile a { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_gmenu.png) no-repeat -362px 0; }
#gMenu li.recruit a { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_gmenu.png) no-repeat -538px 0; }
#gMenu li.company a { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_gmenu.png) no-repeat -714px 0; }
#gMenu li.shop a:hover,#gMenu li.shop a.selected { background-position: -10px bottom; }
#gMenu li.menu a:hover { background-position: -186px bottom; }
#gMenu li.mobile a:hover { background-position: -362px bottom; }
#gMenu li.recruit a:hover { background-position: -538px bottom; }
#gMenu li.company a:hover { background-position: -714px bottom; }
#gMenu li span { position: relative; z-index: -1; }

#subMenu { position: absolute; top: 47px; left: 250px; }
#subMenu li { float: left; }
#subMenu li a { display: block; height: 14px; overflow: hidden; text-indent: -9999px;  }
#subMenu li.sitemap a { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_submenu.png)no-repeat 0 0; width: 115px;  }
#subMenu li.pressrelease a { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_submenu.png)no-repeat -115px 0; width: 127px;  }
#subMenu li.contact a { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_submenu.png)no-repeat -242px 0; width: 106px;  }
#subMenu li.sitemap a:hover { background-position: 0 bottom; }
#subMenu li.pressrelease a:hover { background-position: -115px bottom; }
#subMenu li.contact a:hover { background-position: -242px bottom; }

#breadCrumb { margin: 5px auto; width: 880px; }
#breadCrumb li { float: left; font-size: 85%; margin-right: 10px; }


/* contents
-------------------------------------------------------*/

.contents { color: #222; margin: 0 auto; padding: 20px 0 30px; position: relative; width: 880px; }
.contents h2 { margin-bottom: 20px; } 

.contents table { border-top: 1px solid #b3dce1; border-left: 1px solid #b3dce1; }
.contents table th { background-color: #d2f0f4; border-bottom: 1px solid #b3dce1; border-right: 1px solid #b3dce1; font-size: 100%; font-weight: bold; padding: 15px; text-align: center; vertical-align: middle; }
.contents table td { border-bottom: 1px solid #b3dce1; border-right: 1px solid #b3dce1; padding: 10px; vertical-align: middle; }
.contents table.pref,.contents table.area,.contents table.address { text-align: center; width: 100%; }
.contents table.pref td,.contents table.area td,.contents table.address td,.contents table.result td { font-size: 93%; } 
.contents .pref select,.contents .area select { width: 150px; }
.contents .address input { width: 500px;} 

.contents table.result { margin: 5px 0 10px; }

.contents table.noBorder { border-top: hidden; border-left: hidden; margin-bottom: 15px; width: 100%; }
.contents table.noBorder th.noborder,.contents table.noBorder td.noborder { border-bottom: hidden; border-right: hidden; padding: 0 0 10px; }


.btnShopSearch { background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/btn_shop_search_on.png) no-repeat left top; height: 40px; margin: 20px 25px 0; width: 130px; }


.pager { position: relative; }
.pager ul { float: right; }
.pager li { color: #222; float: left; font-size: 85%; font-weight: bold; height: 23px; line-height: 26px; margin-left: 5px; width: 23px; text-align: center; }
.pager li a { color: #222; background-color: #d2f0f4; display: block; height: 23px; overflow: hidden; text-decoration: none; width: 23px; }
.pager li a:hover { color: #fff; background-color: #7ddbe6; }
.pager li.next,pager li.prev { line-height: 23px; }


/* footer
-------------------------------------------------------*/

#footer {background: url(https://www.spiral-platform.co.jp/sp/demo/edemo/images/cafe/bg_footer.png) repeat-y 0 0; margin: 0 auto; position: relative; width: 900px; }
#footer li { float: left; width: 150px; }
#footer li.copyright { color: #aaa; font-size: 77%; position: absolute; bottom: 2px; left: 0; text-align: center; width: 900px; }
#footer dl { margin-bottom: 30px; } 
#footer dl dt { margin-bottom: 15px; }
#footer dl dd { margin-bottom: 3px; }
#footer dd a { color: #fff; font-size: 93%; padding: 0 13px; text-decoration: none; }
#footer dd a:hover { text-decoration: underline; }