@charset "shift_jis";

/* -------------------------------------

ページ全体

--------------------------------------*/

/* ユニバーサルセレクタで初期化しない */

body {
	color:#FFF;
	background-color:#FFFF99;
}

body#popup {
	color:#555;
	background:#FFF;
}

#printWrapper {
	display:none;
}

/* -------------------------------------

ヘッダー

--------------------------------------*/

div#header {
	width:880px;
	height:100px;
	padding:0 9px;
	margin:0 auto;
	color:#666666;
	background-color:#FFF;
	border-left:1px solid #019901;
	border-right:1px solid #019901;
	text-align: left;
	overflow:hidden;
}

div#hdLeft {
	float:left;
	width:218px;
}

#logo {
	display:inline;
	clear:both;
	margin:0;
	padding:0;
	width:218px;
	height:81px;
	vertical-align:bottom;
	position:relative;
	top:12px;
	left:0px;
}

h1#headCatch {
	float:left;
	width:340px;
	height:20px;
	position:relative;
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:normal;
	color:#333;
	line-height:20px;
	text-align:left;
	top:0;
	left:0;
}



/* -------------------------------------

グローバルナビゲーション

--------------------------------------*/

ul#navi {
	clear:both;
	width:635px;
	height:34px;
	margin:0;
	padding:0;
	list-style:none;
}

ul#hdnavi {
	width:290px;
	height:32px;
	display:inline;
	float:right;
	padding:0;
	margin:4px 0 24px;
	list-style:none;
}

ul#navi li,
ul#hdnavi li {
	display:inline;
	float:left;
}

ul#navi li img,
ul#hdnavi li img {
	display:block;
}



/* -------------------------------------

コンテナ

--------------------------------------*/

div#container {
	width:880px;
	padding:0 9px;
	margin:0 auto;
	color:#666666;
	background-color:#FFF;
	border-left:1px solid #019901;
	border-right:1px solid #019901;
	text-align: left;
}

div#container #content {
	clear:both;
	width:880px;
	padding:10px 0 0 0;
	margin:0;
	background:#FFF;
}


/* -------------------------------------

中面

--------------------------------------*/

div#keyvisual {
	clear:both;
	width:880px;
	padding:0 9px;
	margin:0 auto;
	color:#666666;
	background-color:#FFF;
	border-left:1px solid #019901;
	border-right:1px solid #019901;
}

div#keyvisual #topVisual {
	width:880px;
	height:150px;
	margin:0;
	padding:0;
}


div#sidenavi {
	float:left;
	margin:0 17px 0 0;
	padding:0;
	width:202px;
}

div#main {
	float:left;
	width:660px;
	margin:0;
	padding:0;

}

.pageTop {
	clear:both;
	margin:10px 10px 0;
	text-align:right;
}

.kome {
	color:#FF0000;
}

.komekome {
	font-weight:bold;
	color:#FF0000;
}



/* -------------------------------------

フッター

--------------------------------------*/

div#footer {
	clear:both;
	width:880px;
	overflow: hidden;
	margin:0 auto;
	text-align:center;
	color:#006600;
	background-color:#FFF;

}

div#footerBanner {
	clear:both;
	margin:0;
	padding:0;
	width:880px;
	background-color:#FFF;
	border-top:1px #019901 solid;
	border-bottom:1px #019901 solid;
}

div#footerBanner p {
	margin-top: 5px;
	margin-bottom: 5px;
	padding:0;
	background-color:#FFF;
}

div#footer address {
	width:880px;
	clear:both;
	display:block;
	margin:5px auto 20px;
	font-size:10px;
	font-style:normal;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#FFF;
}

ul#bannerColum {
	clear:both;
	float:right;
	width:660px;
	height:120px;
	margin:15px 0;
	padding:0;
	list-style:none;
}

ul#bannerColum li {
	display:inline;
	float:left;
}

ul#bannerColum li img {
	display:block;
}


/* -------------------------------------
共通テーブル表示
--------------------------------------*/
table.rule {
	border-collapse:collapse;
	font-size: 1.2em;
	margin-left:5px;
	width:630px;
}
table.rule th {vertical-align: top;}

table.store,
table.store02 {
	float:left;
	display:inline;
	border-collapse:collapse;
	margin-left: 5px;
	margin-right:10px;
	padding:0;
}
table.store {
	width: 646px;
	margin-right: 0;
	table-layout: fixed;
}
table.store tbody,
table.store tr {
	width: 640px;
	box-sizing: border-box;
}
table.store tr th {
	width: 89px;
}
table.store tr td {
	width: 549px;
}
table.store02 {
	width: 280px;
}

span.tableRule {
	border-left:3px solid #339900;
	padding-left:1em;
	padding-right:1em;
	color:#336600;
}


table.rule th,
table.rule td,
table.store th,
table.store td,
table.store02 th,
table.store02 td {
	padding:7px;
	border-bottom:1px solid #DBDACE;
	border-collapse:collapse;
	text-align:left;
	font-weight:normal;
}
table.store tr:first-child th,
table.store tr:first-child td,
table.store02 tr:first-child th,
table.store02 tr:first-child td {
	padding-top: 0;
}

table.rule td.alignCenter {
	text-align:center;
}

table.rule td.bdLeft {
	border-left:1px solid #DBDACE;
}


table.rule p.explanatory {
	font-size: 0.80em;
	padding:0;
	margin:0;
}

table.rule tr.kisu,
table.rule td.kisu {
	background-color: #FAF0E6;
}

table.rule tr.gusu,
table.rule td.gusu {
	background-color: #FFFAFA;
}


/* -------------------------------------
新着用テーブル表示
--------------------------------------*/

div#wrapperNews {
	width:660px;
	margin:0;
	padding:0;
	overflow:hidden;
}


table.whatsnew {
	width:640px;
	margin:10px;
	border:none;
	border-collapse:collapse;
}

table.whatsnew th {
	color:#006699;
	font-weight:bold;
}

table.whatsnew td {
	color:#333;
	font-weight:normal;
}

table.whatsnew th,
table.whatsnew td{
	padding:7px;
	border-bottom:1px dotted #669966;
	border-collapse:collapse;
	text-align:left;
}

table.whatsnew p.explanatory {
	font-size: 0.80em;
	padding:0;
	margin:0;
}


/* -------------------------------------
お知らせの表示
--------------------------------------*/
.index_topics {
	font-size: 16px;
	margin-bottom: -15px;
}
.index_topics_body {
	border: 1px solid #c8954c;
	border-radius: 6px;
	list-style: none;
}
ul.index_topics_body {
	display: block;
	height: 310px;
	overflow: scroll;
	padding: 15px !important;
	padding-top: 35px !important;
}
ul.index_topics_body:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;  /* padding-bottom にしたい値 */
}
.index_topics_body li:nth-of-type(odd) {
	border-bottom: 1px dotted #c8954c;
	font-weight: bold;
	color: #c8954c;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.index_topics_body li:nth-of-type(even) {
	margin-bottom: 15px;
}
.index_topics_bottom_line {
	border: none;
	border-bottom: 1px solid #AAA8A7;
	margin-right: -8px !important;
	margin-left: -8px !important;
	padding-bottom: 10px;
}
.z1 {
	z-index: 5;
	position: relative;
}
.z2 {
	z-index: 10;
	position: relative;
}
.index_topics_alert {
	border-bottom: none !important;
	text-align: left;
	line-height: 1.35em;
	padding-bottom: 0;
}



/* -------------------------------------
お知らせ別ページ表示
--------------------------------------*/
.table_block {
	display: table;
	margin-bottom: 20px;
}
.table_block > div {
	width: 600px;
	display: table-cell;
	box-sizing: border-box;
	padding: 0.25em;
}


/* -------------------------------------
　トップページの通知
--------------------------------------*/
.box {
	border: 2px solid #ccc;
	border-radius: 9px;
	display: block;
	padding: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.box > .ttl {
	font-size: 1.2em;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 3px;
	margin: 0;
	margin-bottom: 10px;
}
.small {
  font-size: -0.9em;
  line-height: 1.1em;
}



/* -------------------------------------

パンくずメニュー用

--------------------------------------*/

ul#topicPath {
    padding:10px 0;
	background-color:#FFF;
}

ul#topicPath li {
    display:inline;
    line-height:110%;
    list-style-type:none;
}

ul#topicPath li a {
	padding-left:15px;
	padding-right:10px;
	background:url(../img/arrow_beige.gif) no-repeat left center;
}



/* -------------------------------------

店舗一覧

--------------------------------------*/
.store_list tr:nth-child(odd) {
	background-color: #FAF0E6;
}
.store_list tr:nth-child(even) {
	background-color: #FFFAFA;
}
.store_list td:first-child,
.store_list_tableheader td,
.table_header_white td {
	background-color: #FFFFFF;
}
.store_list .add-border {
	text-align: center;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
}
/* rowspanの影響で変わらない奇数行を変更する */
.daikokucho, .hanazono, .horie, .katsuyama, .kire, .sakai, .senrin, .suoumachi, .tamade2, .tengachaya, .yao {
	background-color: #FAF0E6 !important;
}
/* rowspanの影響で変わらない偶数行を変更する */
 .goryo, .imzato, .karahori, .kishinosato, .kohama, .kosaka, .nakamozu, .shinimamiya, .tsurumibashi {
	background-color: #FFFAFA !important;
}
/*Change size logo(JPY)*/
.jpy-logoS {
	width: 18px;
}



/* -------------------------------------

店舗詳細

--------------------------------------*/
#gmap {
	width: 655px;
	height: 344px;
	border: 1px solid #dbdace;
	margin: inherit auto;
}


/* -------------------------------------

会社情報

--------------------------------------*/
.outline-wrapper {
	background: url('../../outline/img/outline-bg.png') right bottom no-repeat;
	background-size:contain;
}

.top-comment {
	border: solid 1px #ff0033;
	color: #808080;
	font-size: 1em;
	padding: 1em;
}
.top-comment-span {
	border: none;
	display: inline-block;
	margin-top: 1em;
	margin-right: 1em;
	text-align: right;
	width: 100%;
}




/* -------------------------------------

レイアウト

--------------------------------------*/
.l-center {
	margin: 0 auto;
}
.l-text_center {
	text-align: center;
}
.l-text_right {
	text-align: right;
}
.l-news:nth-child(2) {
	border-top: 1px dashed #999;
	margin-top: 5em;
}

.l-news {
	margin: 1em 5em;
	font-size: 1.1em;
	line-height: 1.75em;
}
.l-text_info_right {
	text-align: right;
}
.l-text_info_last {
	margin-bottom: 8em;
}
.l-table td {
	padding: 0.25em;
}

.mt2 {margin-top: 2px;}
.mt4 {margin-top: 4px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt16 {margin-top: 16px;}
.mt17 {margin-top: 17px;}
.mt18 {margin-top: 18px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt28 {margin-top: 28px;}
.mb8 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}



/* -------------------------------------

テーマ

--------------------------------------*/
.t-title {
	font-size: 2.5em;
	line-height: 1.6em;
}
/*
.l-news > .day {
	margin-left: 2px;
	font-size: 1.1em;
}
.l-news:nth-child(2) > .day {
	margin-top: 3em;
}
.l-news > .text {
	font-size: 1.1em;
	line-height: 1.75em;
	margin: 1em 5em 2.5em;
}
.l-news > .l-text_right {
	margin-bottom: 8em;
}
*/
img{
	max-width: 100%;
}

.tirasi01{
	overflow: hidden;
	border: 1px solid #8cb38c;
	border-radius: 0 0 6px 6px;
}

.tirasi01 a{
	float: left;
	width: 50%;
}

.tirasi01 a:hover{
	opacity: 0.7;
}

.tirasi01 .tirasiImg{
	overflow: hidden;
	display: block;
	width: auto;
}

div.handbillEntry h3 {
    color: #FF6600;
    font-size: 16px;
    line-height: 130%;
    margin: 15px 0 5px 5px;
}


.tirasiBox {
	overflow: hidden;
	margin: 5px 15px;
}
.tirasiBox .handbillEntry {
    float: left;
    margin-top: 50px;
    margin-right: 6px;
}

.tirasiBox:nth-child(1) {
    border-bottom: 1px solid #AAA8A7;
    padding-bottom: 5px;
}