@charset "UTF-8";

div#mainContents2 div.clear {
    visibility : visible;
    height     : auto;
    width      : auto;
}

/****
headbar & footer
***************************************************************************/
#headbar,
footer {
	max-width: 1000px;
}


/****
Layout
***************************************************************************/
#container {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}
.ie #container {
	width: 1000px;
}
.sidebar {
	width: 200px;
	float: left;
	display: inline;
}
.content {
	width: 750px;
	float: right;
	display: inline;
	padding: 20px;
}


/****
float
***************************************************************************/
.f-left {
	float: left;
	margin: 0 10px 10px 0;
}
.f-right {
	float: right;
	margin: 0 0 10px 10px;
}

/****
2 column
***************************************************************************/
.column2:before, .column2:after { content: ""; display: table; }
.column2:after { clear: both; }
.ie .column2 { zoom:1;}
.column2 .colinner-1 {
	float: left;
	width: 48.5%;
}
.column2 .colinner-2 {
	float: right;
	width: 48.5%;
}
.column2 .w70 {
	width: 67%;
}
.column2 .w30 {
	width: 30%;
}


/****
3 column
***************************************************************************/
.column3:before, .column3:after { content: ""; display: table; }
.column3:after { clear: both; }
.ie .column3 { zoom:1;}
.column3 .colinner-1 {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.column3 .colinner-2 {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.column3 .colinner-3 {
	float: left;
	width: 32%;
}


/****
4 column
***************************************************************************/
.column4:before, .column4:after { content: ""; display: table; }
.column4:after { clear: both; }
.ie .column4 { zoom:1;}
.column4 .colinner-1 {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.column4 .colinner-2 {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.column4 .colinner-3 {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.column4 .colinner-4 {
	float: left;
	width: 23.5%;
}



/****
bread Nav
***************************************************************************/
#breadNav {
	font-size: 11px;
	background-color: #ececec;
	height: 2em;
	line-height: 2;
	-webkit-border-radius: 1em;
	   -moz-border-radius: 1em;
	        border-radius: 1em;
	padding: 0 1em;
	margin-bottom: 20px;
}
#breadNav ul {
	list-style:none;
	padding: 0;
}
#breadNav li {
	display: inline;
	margin-right: 5px;
	padding-left: 10px;
	background: url(../img/bnav_arr_icon.png) no-repeat 0 0.4em;
}
#breadNav li:first-child {
	background: url(../img/bnav_home_icon.png) no-repeat 0 0.05em;
	padding-left: 15px;
}


/****
article & section
***************************************************************************/
article h1 {
	/*background: #ececec url(../img/h1_bgimg.gif) no-repeat 0 0;*/
	background-color:#eee;
	margin: 0 0 10px 0;
	line-height: 1;
	padding: 10px;
	position: relative;
	font-size: 28px !important; 
}
article h1 .lv1 {
	display: block;
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom:1px solid #ccc;
}
article h1 .lv2 {
	display: block;
	margin-top: 8px;
}

article figure,
article section {
	margin: 0 0 30px 0;
}
article section .inner {
	margin: 0 20px 0 30px;
}
article section h2 {
	border-top: 3px solid #c00;
	border-bottom: 1px solid #ccc;
	padding: 8px 10px 5px 10px;
}
article section h3 {
	background: url(../img/h3_bgimg.gif) no-repeat 0 0.1em;
	padding-left: 17px;
	margin-top: 1em;
}
article section p,
article section ol,
article section ul {
	line-height: 1.6;
	margin: 0;
}
article section li {
	margin: 0 0 0.5em 0;
}



/****
button
***************************************************************************/
.link-btn {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding: 6px 25px 6px 10px;
	background: #c00 url(../img/dl_icon.png) no-repeat center right;
	color:#fff;
	text-decoration:none;
    -webkit-text-shadow:0 -1px -1px rgba(0, 0, 0, 0.5);
    -moz-text-shadow:0 -1px -1px rgba(0, 0, 0, 0.5);
    text-shadow:0 -1px -1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	font-weight: bold;
}
.link-btn h4 {
	font-size: 1.2em;
}
.link-btn p {
	font-size: 0.95em;
	margin: 0;
}
.link-btn:hover {
	color: #fff;
	background-color: #f00;
}
.page-btn {
	background: #c00 url(../img/dl_icon_page.png) no-repeat center right;
}
.dl-btn {
	background: #c00 url(../img/dl_icon.png) no-repeat center right;
}

.link-btn02 {
	display:block;
	background: url(../img/link_bg01.png) no-repeat top left;
	color:#fff;
	text-decoration:none;
	width:240px;
	height:20px;
	padding-left:10px;
}
.link-btn02:hover {
	background-position: bottom left;
	color: #fff;
}


/****
Tel & Fax
***************************************************************************/
.address {
	background-color: #e8e8e8;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 8px;
}
.address h2 {
	background-color: #c00;
	color: #fff;
	margin: 0;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.address .tel {
	font-weight: bold;
	font-size: 1.1em;
	padding: 10px 5% 3px 5%;
	text-align: center;
}
.address .tel p {
	clear: both;
}
.address .tel address {
	font-size: 2em;
	display: inline;
	line-height: 1;
	margin: 0 1em 10px 0;
}
.address .tel address .icon {
	font-size: 14px;
	display: inline-block;
	width: 3em;
	margin: 0 10px 0 0;
	padding: 0.3em;
	text-align: center;
	vertical-align: middle;
	background-color: #666;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	top: -0.25em;
}
/*ページャー*/
.pager-bottom{clear: both; padding-bottom: 0px;}
.pager-top{clear: both; margin: 15px 0 15px 0;}

.entry-num{margin-left:10px; color:#333;}
.page-num{margin-top:5px; margin-right:10px; text-align:center;}
.page-num a,
.page-num span{
  display:inline-block; /display: inline; /zoom: 1;
  padding:4px 25px; margin-left:10px;
  line-height:1.1em;
}
.page-num a{background-color:#333; color:#fff;}
.page-num span{background-color:#fff;}
.girl-page-num a{
	background-color:#333;
	color:#fff;
	padding:4px 6px;
	margin-left: 10px;
}
div.system table{
	margin: 25px auto 0 auto;
        border: 1px solid #000;
}
td.j12{
        background-color:white !important;
        font-weight: normal !important;
        font-size: 14px !important;
        border: 1px solid #000 !important;
}
/*-------------------------------------------
直送便
-------------------------------------------*/
div.news-entry-block {
	width: 90%;
	margin: 0 auto 15px auto;
	padding-bottom: 15px;
	display: block;
	overflow: hidden;
}
div.event-entry-block .time,
div.event-entry-block .div_group_shop_info,
div.news-entry-block .time{
	padding-left: 5px;
}
div.event-entry-block h4,div.news-entry-block h4{
	font-weight: bold;
	font-size: 14px;
	background: #555;
	padding: 5px;
	color: #FFF;
}
.newsbody {
	margin-top: 15px;
}
#pickup-news {
    border-bottom: 0 none;
    padding: 0 10px 0 0;
    width: 35%;
}
#pickup-news figure a img{
    max-width: 100%;
    height: auto;
}

.float-left {
    float: left;
}
#pickup-news figure {
    margin: 0 auto 10px;
    width: 100%;
}

#archive-news {
    width: 63%;
}
.float-right {
    float: right;
}
.entry-block{
	width:48.4375%;
	border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    overflow: hidden;
}
.entry-block figure {
    text-align: center;
	float: left;
	margin: 0 0 10px 0;
}
.entry-block figure img {
    border: 1px solid #E4E4E4;
	margin-right: 10px;
}
.time {
    vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
}
.entry-title {
    padding-top: 0px;
}
p.blog_body {
    background: none repeat scroll 0 0 #FF;
    border: 1px solid #333;
    font-size: 12px;
    margin-left: 117px;
    margin-top: 5px;
    padding: 5px;
}

div#content-inner {
    overflow: hidden;
    padding-bottom: 10px;
}
div.event-entry-block h4 {
	margin-bottom: 10px;
}
div.event-entry-block .time {
    padding-bottom: 3px;
}
div.event-entry-block {
    border-bottom: 1px solid #000;
    margin: 0 auto 15px;
    padding-bottom: 15px;
    width: 90%;
}
div#shukkin_list table tr th {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    text-align: center;
    vertical-align: middle;
	font-size: 12px;
	}
	nav#sidenav {
		display: block;
	}
	div#shukkin_list table tr td img{
	width: 80px;
	}
	div#shukkin_list table tr td div.holiday {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 110px;
	}
	div#shukkin_list table tr td {
    border-right: 1px solid #000;
    text-align: center;
    vertical-align: middle;
	font-size: 12px;
	}
	div#shukkin_list {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
	td.spnone,th.spnone {
	display: table-cell;
	}
	div#shukkin_list table tr th.week {
}
	div#shukkin_list table tr th.topbox{
	word-break: break-all;
	width: 90px;
	}
	td.shukkin_img {
	width: 90px;
	}
	div.shukkin_container {
    border-bottom: 1px solid #000;
    margin-top: 20px;
	margin-bottom: 25px;
	}
	div#content-inner article {
		float: left;
		padding: 0 5px 20px 5px;
		width: 173px;
                height: 340px;
	}
	div#content-inner article div.entry-content {
		height: 232px;
		overflow: hidden;
	}
	div#content-inner article div.entry-content p {
		display: none;
	}
	div#content-inner article footer.entry-footer {
		padding: 0px 10px 0px 10px;
		font-size: 93%;
	}
	div#content-inner article footer.entry-footer span.icon {
		background: none repeat scroll 0 0 #333;
		color: #FFFFFF;
		padding: 0px 4px;
		display: inline;
		margin: 0;
	}
	div#content-inner article footer.entry-footer .time{
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		background: #000;
		border: 1px solid #555;
		text-align: center;
		margin-bottom: 4px;
		white-space: nowrap;
	}
	div.gilrs_menu {
		text-align: right;
		padding-top: 10px;
		padding-right: 5px;
	}
	div.gilrs_menu span{
		font-weight: bold;
	}

div.indexheader {
    max-width  : 1000px;
    margin     : auto;
}

@media only screen and (max-width: 690px) {
div#shukkin_list table tr td {
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
	font-size: 11px;
}
div#shukkin_list table tr th {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
	  font-size: 12px;
}
div#shukkin_list table tr th.topbox{
	word-break: break-all;
	width: 60px;
}
nav#sidenav {
	display: none;
}
div#shukkin_list table tr td div.holiday {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 82px;
}
div#shukkin_list table tr td img{
	width: 65px;
}

/* by_IL for shukkin_list start */
div#main div#shukkin_list table tr th.week {
    width: 12%;
}
/* by_IL for shukkin_list end */

/* by_mock 06/20 start */
div#content-inner article footer.entry-footer {
        padding: 0px 10px 0px 10px;
        font-size: 93%;
        text-align: left;
    }
div#content-inner article footer.entry-footer .time{
        font-size: 14px;
        font-weight: bold;
        color: #000;
        background: none;
        border: none;
        text-align: left;
        margin-bottom: 4px;
        white-space: nowrap;
    }
/* by_mock 06/20 end */

div#content-inner article {
				float: none;
				margin: 0 auto 15px auto;
				padding: 0 0 0px 0;
                /* by_mock 06/20 start */
				width: 94%;
				height: 120px;
                /* by_mock 06/20 end */
				text-align: center;
				border: 1px solid #CCC;
			}
			div#content-inner article div.entry-content {
					height: 100px;
					overflow: hidden;
					padding-top: 10px;
                    /* by_mock 06/20 start */
                    width: 100px;
                    float: left;
                    /* by_mock 06/20 end */
				}
			div#content-inner article div.entry-content img{
					width: 100px;
					
				}
		div#content-single {
			padding-bottom: 0;
		}
		div#content-inner article footer {
		    margin-left: 100px;
		}
		div#content-inner article footer.entry-footer .time {
			margin-top: 5px;
		}
		#pickup-news {
    border-bottom: none;
    margin-bottom: 15px;
    padding: 0 10px 15px;
	width: 100%;
}
#pickup-news figure {
    margin-bottom: 5px;
    text-align: center;
	width: 240px;
}
#archive-news {
    width: 100%;
}
.entry-block{
	width:100%;
	border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    overflow: hidden;
}
}
/* screens bigger than 820
***************************************************************************/
@media only screen and (min-width:821px) {
#container {
	width: 1000px;
}
}


/* screens smaller than 820
***************************************************************************/
@media only screen and (min-width:541px) and (max-width:820px) {
#breadNav {
	display: none;
}
.sidebar {
	width: 100%;
	float: none;
	display: block;
}
.content {
    /* by_mock 06/20 start */
    width: auto;
    /* by_mock 06/20 end */
	float: none;
	display: block;
}
article h1 {
	margin: 0 0 5px 0;
}
.address .tel address {
	display: block;
	margin: 0 0 10px 0;
}

}
/* /screens smaller than 820 */


/* screens smaller than 540
***************************************************************************/
@media only screen and (max-width:540px) {
#breadNav {
	display: none;
}
.sidebar {
	width: 100%;
	float: none;
	display: block;
}
.content {
	width: 100%;
	float: none;
	display: block;
	padding: 15px;
}
article h1 {
	background: #ececec;
	height: auto;
	margin: 0 0 5px 0;
	line-height: 1;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
article h1 .lv1 {
	display: none;
}
article h1 .lv2 {
	display: inline;
	position: static;
}
article section h2 {
	padding: 8px 0 4px 0;
}
article section .inner {
	margin: 0;
}

.column2 .colinner-1,
.column2 .colinner-2 {
	float: none;
	width: 100%;
	margin: 10px 0;
}
.column3 .colinner-1,
.column3 .colinner-2,
.column3 .colinner-3 {
	float: none;
	width: 100%;
	margin-right: 0;
	margin: 10px 0;
}
.column4 .colinner-1,
.column4 .colinner-2,
.column4 .colinner-3,
.column4 .colinner-4 {
	float: none;
	width: 100%;
	margin-right: 0;
	margin: 10px 0;
}
.address .tel address {
	font-size: 1.7em;
	display: block;
	margin: 0 0 10px 0;
}
.address .tel p span {
	display: block;
}
.f-clear {
	clear:both;
}


}
/* /screens smaller than 540 */
/* guide
***************************************************************************/
section .data {
	display:block;
	margin: 0 0 15px 0;
	padding: 0.5em 0.5em 0.2em 0.5em;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #e9e9e9;
	font-weight: bold;
	font-size: 16px;
}

.map {
	margin: 30px;
}
.map img { margin:auto; }

.bus .colinner-1 {
	float: left;
	width: 35%;
}
.bus .colinner-2 {
	float: right;
	width: 63%;
}

.welcome {
	margin: 50px 10%;
	font-size: 1.4em;
	color: #333;
}
.welcome h2 {
	border: 0;
	font-size: 26px;
	padding:0;
}
.welcome h3 {
	background-image: none;
	font-size: 20px;
	padding:0;
}
.welcome p {
	line-height: 1.7;
}
.welcome .wide img {
	margin:auto;
}
.attention {
	font-size: 1.1em;
}
.attention li {
	margin: 1em 0;
}
.attn-list {
	padding: 0;
	list-style: none;
}
.attn-list li {
	background: url(../guide/img/attn_ico_01.gif) no-repeat 0 0;
	padding: 0.5em 0 0 46px;
	min-height: 40px;
}
.attn-list li.n01 {
	background: url(../guide/img/attn_ico_01.gif) no-repeat 0 0;
}
.attn-list li.n02 {
	background: url(../guide/img/attn_ico_02.gif) no-repeat 0 0;
}
.attn-list li.n03 {
	background: url(../guide/img/attn_ico_03.gif) no-repeat 0 0;
}
.attn-list li.n04 {
	background: url(../guide/img/attn_ico_04.gif) no-repeat 0 0;
}
.attn-list li.n05 {
	background: url(../guide/img/attn_ico_05.gif) no-repeat 0 0;
}
.attn-list li.n06 {
	background: url(../guide/img/attn_ico_06.gif) no-repeat 0 0;
}
.attn-list li.n07 {
	background: url(../guide/img/attn_ico_07.gif) no-repeat 0 0;
}
.attn-list li.n08 {
	background: url(../guide/img/attn_ico_08.gif) no-repeat 0 0;
}
.attn-list li.n09 {
	background: url(../guide/img/attn_ico_09.gif) no-repeat 0 0;
}
.attn-list-etc {
	margin: 2em 0 0 15px;
}
#pamph-ja .colinner-1 {
	float:none;
	margin:auto;
}
#pamph-ja .flag {
	text-align:center;
}
.pamphimg,
.mailmagimg {
	border: 1px solid #ccc;
}
.mailmagregist {
	margin-bottom: 10px;
}
.maillink {
	margin: 15px 0 0 0;
}
.maillink span {
	font-size:9px;
	margin-left:1em;
}

.note02{
	font-size: 0.85em;
	font-weight: normal;
}

.note02 em{color: #CC0000; font-style: normal; }


/* screens smaller than 540
***************************************************************************/
@media only screen and (max-width:540px) {
.map {
	margin: 30px 0;
}
.bus .colinner-1 {
	float: none;
	width: auto;
}
.bus .colinner-2 {
	float: none;
	width: auto;
}
.welcome {
	font-size: 1em;
}
}
/* /screens smaller than 540 */


/* by_IL 「theme_b」が「base」を殺した部分 復活させる start */
/* by_IL */

div.box h1 {
  font-weight: bold;
}
/* Body
***************************************************************************/
body { 
    max-width: 1210px;
    width:expression(document.body.clientWidth > 1212? "1210px" : "auto");
    padding: 0 8px;
    margin: 0 auto;
}
.ie body {
    min-width: 820px;
}

@media only screen and (min-width:541px) and (max-width:780px) {
.leftbox {
        float: none;
        width: 100%;
}
body {
    width: auto;
}
/* for top/system */
#container .mainbox #ipBlock-main div.col3{
    margin-left: -20px;
}
#gNav {
    width: auto;
}

}
@media only screen and (min-width:781px) and (max-width:980px) {
body {
    width: auto;
}
#gNav {
    width: auto;
}
#gNav .logo {
    margin: 0px;
}
}

/* screens smaller than 540
***************************************************************************/
@media only screen and (max-width:540px) {
body {
    padding: 0;
    width: 100%;
}
/* box
***************************************************************************/
.leftbox {
    float: none;
    width: 100%;
}
}

/* by_IL 「theme_b」が「base」を殺した部分 復活させる end */

/* for top/system */
@media only screen and (min-width:769px) {
div.mainbox #ipBlock-main .ipWidget-IpHtml div.col3{
    width: 100%;
    padding: 0px;
    margin: 0px;
}
}

@media only screen and (max-width:768px) {
div#ipBlock-theme_d_top_left {
    display : none;
}
}

/* メンテナンス画面用スタイル */
.size18{ font-size: 18px;}
.size22{ font-size: 22px;}
.red   { color: red; }
.blue  { color: blue; }
.black { color: black; }
.maintainance_inner_div{ margin:0;padding:10px;background:white;max-width:980px;}
.maintainance_outer_div{ text-align:center;margin:10px 0;border:double 5px red;background:#FF99FF;border-radius:5px;max-width:980px;}
.bold{ font-weight:bold;}
.em2{ line-height: 2em;}