@charset "UTF-8";

/*shokika------------------------*/
body,form,fieldset {
margin: 0;
padding: 0; 
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,li,dl.dt.dd {
margin: 0;
padding: 0;
font-weight: normal;
}
img {
border: 0;
margin: 0;
padding: 0;
}
ul {list-style: none;}
em {font-style: normal;}
a {overflow: hidden;}

a {color: #666;}
a:hover {color: #17184b;}

/* body,フォント---------------------- */
body {
	margin: 0; padding: 0; color: #300403; font-size: 13px; line-height: 160%; background: url(../img/top/bg_top.jpg) 0 0 repeat-x;
	font-family: "Century Gothic","メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",Verdana, sans-serif;
}

/* ie6 only */
* html body {font-size: small;}

/* ie7,8,9 only */
body { font-size/**/: small;}

/* Safari 3以上, Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { font-size: 13px;}
}
/* .bgmaximage,#container */
img.bgmaximage{
  position:fixed !important;
}

/* clear---------------------- */
.clear {clear: both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}
.clearfix {zoom:1;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*#container------------------------------------------------*/
#container {width: 950px; margin: 0 auto; padding: 20px 0 0;}

/*#header------------------------------------------------*/
#header {padding: 0 50px 0; width: 980px; min-height: 520px; background: url(../img/top/header_top.png) no-repeat; position: relative; margin: 0 auto;}
ul.header_navi {display: block; width: 360px; height: 30px; float: right; padding-top: 5px;}
ul.header_navi li {display: inline; padding-right: 1.5em;}
ul.header_navi li a {color: #300403; text-decoration: none;}

/*#navi------------------------------------------------*/
#navi {width: 640px; height: 50px; background: url(../img/navi_new1.png) no-repeat; position: absolute; top: 50px; left: 290px;}
#navi li {display: block; height: 50px; float: left;}
#navi li a {display: block; height: 50px; text-indent: -9999px; overflow: hidden; background: url(../img/navi_new3.png?20230101) no-repeat; padding: 0;}
#navi li.con1 a {width: 86px; background-position: 0 0;}
#navi li.con2 a {width: 91px; background-position: -86px 0;}
#navi li.con4 a {width: 130px; background-position: -177px 0;}
#navi li.con5 a {width: 140px; background-position: -307px 0;}
#navi li.con6 a {width: 80px; background-position: -447px 0;}

/*h1 ------------------------------------------------*/
h1 a {display: block; width: 210px; height: 106px; float: left; text-indent: -9999px; overflow: hidden;}

/*#footer------------------------------------------------*/
#footer {}
.copy {font-size: 87%; text-align: right; clear: both; padding-top: 30px;}


/* トップページ ------------------------------------------------*/
#swf_img {width: 954px; height: auto; margin: 0 auto; position: absolute; top: 114px; left: 60px;}
/*#swf_img p,#swf_img h2 {text-indent: -9999px;}*/
h2.top { width:100%; background:rgb(70,0,0); padding:8px 0; text-align:center; color:rgb(255,255,255); font-size:13px; }

#news {width: 409px; height: 153px; background: url(../img/top/news_bg.gif); padding: 50px 30px 10px; color: #fff; margin-bottom: 3px;}
#news h3 {text-indent: -9999px;}
#news a {color: #fff;}
.scroll-pane {width: 409px; height: 100px;  padding-left: 10px;}
.inner {width: 409px; height: 100px; overflow-y: scroll; padding-left: 10px;}
.news_inner {width: 399px; padding: 0 10px 10px;}
/*#news p {background: url(../img/top/li.png) 0 10px no-repeat; padding-left: 15px;}*/

.top_banner {width: 462px; padding: 0 3px 0 3px;}
.top_banner a {border: 1px solid #ccc; text-indent: -9999px; margin-bottom: 6px;}
.recruit_banner a {display: block; width: 225px; height: 90px; background: url(../img/top/recruit_banner.gif); float: left;}
.blog_banner a {display: block; width: 225px; height: 90px; background: url(../img/top/blog_banner.gif); float: right;}
.sonomanma_banner a {display: block; width: 460px; height: 56px; background: url(../img/top/sonomanma_banner.gif); text-indent: -9999px;}

/**/

h3.lineStTit {font-weight: bold; font-size: 20px;}

#top_left img {border: 1px solid #ccc; margin-bottom: 7px;}

#top_left .lineBox {border: 1px solid #ccc; width: 475px; margin: 10px auto;}
#top_left .lineBox a {display: block;  width: 475px; text-decoration: none; display: flex; justify-content: space-between; flex-wrap: wrap;}
#top_left .lineBox a:hover {background: #EEE}
#top_left .lineBox img {width: 100px; height: auto; box-sizing: border-box; padding: 7px; border: none;margin: 0;}
#top_left .lineBox .shopname {width: 250px; box-sizing: border-box; padding: 10px; padding-top: 20px;}
#top_left h3 {font-weight: bold; font-size: 20px;}
#top_left .lineBox .shopname h4 {font-weight: bold; font-size: 18px;}
#top_left .last {margin-bottom: 30px;}

#top_left {width: 475px; float: left; padding-top:15px; }
#top_right {width: 464px; float: right; padding-top:15px; }
#top_right .twitter { overflow-y:scroll; width:461px; height:540px; box-sizing:border-box; background:rgb(255,255,255); border:solid 1px rgb(220,220,220); margin:0px auto; }

#top_right img {border: 1px solid #ccc; margin-bottom: 7px;}

#top_right .lineBox {border: 1px solid #ccc; width: 458px; margin: 10px auto;}
#top_right .lineBox a {display: block;  width: 458px; text-decoration: none; display: flex; justify-content: space-between; flex-wrap: wrap;}
#top_right .lineBox a:hover {background: #EEE}
#top_right .lineBox img {width: 100px; height: auto; box-sizing: border-box; padding: 7px; border: none;margin: 0;}
#top_right .lineBox .shopname {width: 250px; box-sizing: border-box; padding: 10px; padding-top: 20px;}
#top_right h3 {font-weight: bold; font-size: 20px;}
#top_right .lineBox .shopname h4 {font-weight: bold; font-size: 18px;}
#top_right .last {margin-bottom: 30px;}
/**/
.top_topics { margin-bottom:10px; }
.top_topics a { transition:0.2s; }
.top_topics a:hover { opacity:0.6; }
/* 年末年始 -----------------*/
.nenmatsu {width: 430px; border: 2px solid #d73f10; padding: 6px 10px; background-color: #fff; margin: 6px auto 10px;}
.nenmatsu dl {margin: 0;}
.nenmatsu dl dt {float: left; width: 5em;}
.nenmatsu dl dd {margin: 0; padding-left: 5em;}
.nenmatsu em {font-weight: bold; color: #d73f10;}
#top_left .top2_banner {
	padding: 2px;
	margin-bottom:10px;
}

.center { text-align:center; }