@charset "shift_jis";

/*------------------
  ページ全体
------------------*/
* {
	margin: 0;
	padding: 0;
}
html { height: 100% }
body { min-height: 100% }

body {
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: center;
	font: 12px Verdana, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Pゴシック", Osaka, sans-serif;
	background: #F1F0C0;
}

p {
	line-height: 140%;
	padding: 0px;
	margin: 0px;
}

#wrap {
	text-align: left;
	margin: 0px auto;
	width: 850px;
	padding: 0px;
	position: relative;
}
img {
	border:0;
	margin: 0px;
	padding: 0px;
}

.10pxb {
	margin: 0px 0px 10px;
	padding: 0px 15px;
	font-size: 10px;
	font-weight: bold;
}
.home {
	text-align: right;
	top: -10px;
	position: absolute;
	left: -65px;
}
.request {
	text-align: right;
	top: 200px;
	position: absolute;
	right: -20px;
}
.menu {
	text-align: right;
	top: 270px;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	right: 25px;
}
#wrap .menu a {
	color: #444;
}

/*-----------------------
  ヘッダナビゲーション
----------------------*/
#nav-main {
	width: 850px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(img/main-navi.png);
	top: 405px;
	position: absolute;
}
#nav-main  li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#nav-main  li, #nav-main  a { height: 70px; display: block; text-indent: -9999px; overflow: hidden; }

#main1 { left: 0px; width: 215px; }
#main2 { left: 215px; width: 210px; }
#main3 { left: 425px; width: 210px; }
#main4 { left: 635px; width: 215px; }

#main1 a:hover { background: transparent url(img/main-navi.png) 0px -70px no-repeat; }
#main2 a:hover { background: transparent url(img/main-navi.png) -215px -70px no-repeat; }
#main3 a:hover { background: transparent url(img/main-navi.png) -425px -70px no-repeat; }
#main4 a:hover { background: transparent url(img/main-navi.png) -635px -70px no-repeat; }

.now1 { background: transparent url(img/main-navi.png) 0px -70px no-repeat; }
.now2 { background: transparent url(img/main-navi.png) -215px -70px no-repeat; }
.now3 { background: transparent url(img/main-navi.png) -425px -70px no-repeat; }
.now4 { background: transparent url(img/main-navi.png) -635px -70px no-repeat; }
/*------------------
  link
------------------*/
#beer a:link {
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#beer a:visited {
	color: #333333;
	text-decoration: none;
}
#beer a:hover,#beer a:active {
	color: #535353;
	text-decoration: underline;
}

#coupon a:link {
	color: #616161;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#coupon a:visited {
	color: #616161;
	text-decoration: none;
}
#coupon a:hover, #coupon a:active {
	color: #950000;
	text-decoration: underline;
}



.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
}
.clear-sp {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 50px;
	background: url(img/clear-border.jpg) no-repeat;
}
.clear-eco {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 25px;
}

#wrap h1 {
	margin: 0px;
	padding: 0px;
	height: 490px;
	width: 800px;
}
#wrap #contents {
	margin: 0;
	padding: 0px;
	width: 850px;
	clear: both;
	float: left;
	position: relative;
}


.h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 4px solid #006DAD;
	line-height: 140%;
}
.h2-b1f {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 4px solid #57A95F;
	line-height: 140%;
}

#vlt-main h3 {
	font-size: 12px;
	margin: 0px;
	line-height: 140%;
	padding: 8px 5px 5px 0px;
}
#wrap #footer {
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	height: 80px;
}
#coupon-footer {
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	height: 30px;
}
.footer-carettahome {
	padding: 0px;
	margin-left: 15px;
	top: 0px;
	position: absolute;
	left: 0px;
}
.style1 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #57A95F;
	font-weight: normal;
}
.style1-b2f {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #006DAD;
	font-weight: normal;
}
.style2 {
	font-size: 12px;
	margin: 5px 0px;
	padding: 0px;
	color: #0273AB;
	font-weight: bold;
}
.style3 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.style4 {font-size: 10px}

.topspace {
	margin: 15px 0px 0px;
	padding: 0px;
}
.underspace {
	margin: 0px 0px 13px;
	padding: 0px;
}
.footer-pagetop {
	padding: 0px;
	margin-right: 0px;
	top: 25px;
	position: absolute;
	right: 0px;
}
.footer-carettahome {
	padding: 0px;
	margin-left: 0px;
	top: 25px;
	position: absolute;
	left: 0px;
}
.artist {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 360px;
}
.night {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 850px;
}
.pickup-artist {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 490px;
}
.pickup-artist-night {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 850px;
}
.logo-artist {
	margin: 0px;
	padding: 0px;
}
.pickup-artist-left {
	margin: 10px 3px 0px 0px;
	padding: 0px;
	float: left;
	width: 280px;
	font-size: 12px;
	font-weight: bold;
}
.pickup-artist-right {
	margin: 10px 0px;
	padding: 0px;
	float: right;
	width: 210px;
	font-size: 12px;
	font-weight: bold;
}

/*------------------
  クーポンページ
------------------*/
#coupon {
	background: #FFFFFF url(img/sample-coupon-back.png) repeat-x;
	color: #555555;
}
#coupon .coupon-left {
	margin: 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 425px;
}
ul#coupon-nav {
	text-align: right;
	margin: 10px auto auto 0px;
	border-right: 1px solid #666666;
	font-size: 12px;
	font-weight: bold;
}
ul#coupon-nav li {
	display: inline;
	margin-right: 1em;
	border-left: 1px solid #666666;
	padding-left: 1em;
}
.pagetop-coupon {
	text-align: right;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}
#coupon .coupon-left img {
	padding: 0px;
	float: left;
	margin-right: 10px;
	border: 1px solid #D9D9D9;
}
.w-chance {
	position: absolute;
	right: -100px;
	top: 155px;
}
#coupon #wrap h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
#coupon #wrap .coupon-left h3 {
	font-size: 12px;
	color: #616161;
	line-height: 120%;
	margin-bottom: 5px;
	border-left: 3px solid #CCCCCC;
	padding-left: 5px;
	font-weight: bold;
}
.coupon-shop {
	float: left;
	width: 335px;
}
h2#coupon-sky {
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 5px 5px 8px;
	background: #00AFDD;
}
h2#coupon-canyon {
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 5px 5px 8px;
	background: #F0B01A;
}
h2#coupon-b1f {
	color: #fff;
	margin: 0px;
	padding: 5px 5px 5px 8px;
	background: #5BA460;
}
h2#coupon-b2f {
	color: #fff;
	margin: 0px;
	padding: 5px 5px 5px 8px;
	background: #7294B2;
}
.shoptd {
	font-size: 12px;
	padding: 0px;
	width: 170px;
}

.news {
	margin: 13px 0px;
	padding: 0px;
	width: 490px;
}

dl.news dt {
	clear: left;
	float: left;
	margin: 0 0 0.7em;
	width: 8em;
	font-size: 10px;
	color: #585858;
}

dl.news dd {
	margin-bottom: 0.7em;
	margin-left: 5em;
}
.h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 8px 8px 8px 5px;
	margin-bottom: 15px;
	border-top: 5px solid #E2E07E;
	border-bottom: 2px solid #E5E7A6;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	padding: 8px;
	margin-bottom: 15px;
	border: 1px dotted #333333;
}

.eco-img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 180px;
}
.eco-about {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 670px;
}
.eco-logo {
	padding: 0px;
	position: absolute;
	left: -20px;
	top: 50px;
}

.card-img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 340px;
}
.card-about {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 510px;
}
.card-logo {
	padding: 0px;
	position: absolute;
	left: -20px;
	top: 50px;
}

a[href $='.pdf'] { 
   margin-right: 100px;
   background: transparent url(../../img/icon_pdf.gif) no-repeat center right;
}
#beer h5 {
	font-size: 12px;
	font-weight: normal;
}
/*------------------
  テーブル
------------------*/
table#table-01 {
	width: 100%;
	border: 1px solid #333333;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 10px;
}

table#table-01 th {
    padding: 5px;
    border: #CDCDCD solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
	padding: 8px;
	white-space: nowrap;
	border-top: 0 solid #333333;
	border-right: 0 solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
.back-color {
	background: #C5E1B5;
} 
.back-color2 {
	background: #9FD28E;
} 
.midashi {
	text-align: center;
	font-weight: bold;
	background: #E1DF79;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 14px;
} 
.midashi2 {
	text-align: center;
	font-weight: bold;
	background: #9FD28E;
} 
/*------------------
  blog
------------------*/
.blog {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 640px;
}
.blog-rightbox {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: right;
	width: 190px;
}

.blog-day {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}
.blog-hr {
	height: 1px; /* 高さ */
	border-top: 1px solid #E2E07E;
	border-right: 0px solid #E2E07E;
	border-bottom: 0px solid #E2E07E;
	border-left: 0px solid #E2E07E;
	margin-top: 10px;
}
.blog-next {
	float: left;
	margin: 10px 0px 0px;
	padding: 0px;
}
.blog-all {
	margin-bottom: 20px;
	margin-top: 10px;
}
.blog-all-list {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	border-left: 5px solid #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}
.blog-newentrytitle {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	padding-bottom: 10px;
}
.blog-entrytitle {
	font-size: 14px;
	font-weight: bold;
	padding: 8px 8px 8px 5px;
	margin-bottom: 15px;
	border-top: 5px solid #E2E07E;
	border-bottom: 2px solid #E5E7A6;
	clear: both;
}
ul.pager {
	margin: 7px 0px 0px 7px;
	float: right;
	font-size: 10px;
	list-style: none;
	padding: 0px;
}
ul.pager li {
	float: left;
	border-right: 1px #999999 solid;
	padding-right: 10px;
	padding-left: 10px;
}
ul.pager li.next {
      border-right: none;
}
ul.pager li a:link,
ul.pager li a:visited {
      color: #3366FF;
      text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
      color: #FF6633;
      text-decoration: none;
}
ul.pager li em {
      font-weight: bold;
}
ul {
	list-style: none;
}
.blog-rightbox li {
	line-height: 140%;
}

.shop-box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 415px;
}
.shop-box2 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 415px;
}
.shop-box-img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}
.shop-box-shopname {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
}