@charset "Shift_JIS";



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

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}



body {
	background: red url(../images/bg.gif) center top;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Verdana, Arial, sans-serif; 
	font-size: 90%;
	line-height: 1.6;
}
div.wrapper { margin: 0 auto; width: 960px; }
div.contWrap { background-color: white; padding-bottom: 20px; }
p.copyright { text-align: center; padding: 10px 0 20px; line-height: 1; }

ul.btns li.leftBtns { float: left; padding-left: 98px; width: 120px; }
ul.btns li.leftBtns a { background-color: black; height: 80px; display: block; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); width: 120px; }
ul.btns li.leftBtns a:hover { background-color: red; }
ul.btns li.rightBtns { float: right; padding-right: 10px; width: 160px; }
ul.btns li.rightBtns a { background-color: black; height: 80px; display: block; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); width: 160px; }
ul.btns li.rightBtns a:hover { background-color: red; }
ul.btns li.rightBtns a.current { background-color: red; }

#page-top { position: fixed; bottom: 0; right: 20px; z-index: 200; }
#page-top a { background: black; width: 38px; padding: 13px 0; text-align: center; display: block; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
#page-top a:hover { background: red; }

/* トップ ============================== */
div.timerArea { margin-top: 30px; position: relative; height: 141px; background: url(../images/index_timer_bg.png) left top no-repeat; }
div.timerArea div#countdown { position: absolute; top: 27px; right: 20px; z-index: 10; }
div.timerArea p.days { position: absolute; top: 94px; left: 548px; z-index: 20; }
div.timerArea p.hours { position: absolute; top: 94px; left: 640px; z-index: 20; }
div.timerArea p.mins { position: absolute; top: 94px; left: 780px; z-index: 20; }
div.timerArea p.secs { position: absolute; top: 94px; left: 901px; z-index: 20; }

div.mapArea { margin-top: 30px; min-height: 1538px; position: relative; }

div.mapArea p.twtKariyaTit { position: absolute; left: 30px; top: 0; z-index: 10; }
div.mapArea p.twtSupporterTit { position: absolute; left: 540px; top: 0; z-index: 10; }

div.mapArea p.point1 { position: absolute; left: 773px; top: 1118px; z-index: 30; }
div.mapArea p.point2 { position: absolute; left: 738px; top: 1058px; z-index: 20; }
div.mapArea p.point3 { position: absolute; left: 862px; top: 945px; z-index: 40; }
div.mapArea p.point4 { position: absolute; left: 887px; top: 799px; z-index: 50; }
div.mapArea p.point5 { position: absolute; left: 823px; top: 799px; z-index: 60; }
div.mapArea p.point6 { position: absolute; left: 710px; top: 844px; z-index: 70; }
div.mapArea p.point7 { position: absolute; left: 469px; top: 995px; z-index: 160; }
div.mapArea p.point8 { position: absolute; left: 393px; top: 1192px; z-index: 90; }
div.mapArea p.point9 { position: absolute; left: 303px; top: 1228px; z-index: 100; }
div.mapArea p.point10 { position: absolute; left: 129px; top: 1359px; z-index: 130; }
div.mapArea p.point11 { position: absolute; left: 68px; top: 1423px; z-index: 120; }
div.mapArea p.point12 { position: absolute; left: 68px; top: 1317px; z-index: 110; }
div.mapArea p.point13 { position: absolute; left: 35px; top: 1248px; z-index: 140; }
div.mapArea p.point14 { position: absolute; left: 183px; top: 1229px; z-index: 150; }
div.mapArea p.point15 { position: absolute; left: 331px; top: 1164px; z-index: 80; }
div.mapArea p.point16 { position: absolute; left: 481px; top: 1185px; z-index: 170; }
div.mapArea p.point17 { position: absolute; left: 520px; top: 1085px; z-index: 180; }


div.mapArea div.twtArea { padding: 39px 30px 0; }
div.mapArea div.twtArea div.twtKariya { float: left; width: 480px; }
div.mapArea div.twtArea div.twtSupporter { float: right; width: 390px; }

div.mapArea div.shuttleArea { padding: 30px 0 0 17px; }
div.mapArea div.shuttleArea div.shuttleCap { margin-top: 15px; padding-left: 37px; }
div.mapArea div.shuttleArea div.shuttleCap p.shuttleBtn { margin-top: 20px; }

div.mapArea div.scheduleArea { padding: 429px 20px 216px 242px; min-height: 443px; background: url(../images/index_schedule_bg.png) center bottom no-repeat; }
div.mapArea div.scheduleArea ul.scheduleNote { margin-top: 20px; }
div.mapArea div.scheduleArea ul.scheduleNote li { margin-top: 5px; text-indent: -1.35em; margin-left: 1.35em; }



/* ノンストップ刈谷勇とは!? ============================== */
div.aboutSec1 { margin-top: 30px; padding: 0 30px 320px; background: url(../images/about_sec1_pic.jpg) center bottom no-repeat; min-height: 401px; }
div.aboutSec1txt { padding: 20px 154px 0 10px; }
div.aboutSec2 { margin: 50px 0 20px; background: url(../images/about_sec2.jpg) center bottom no-repeat; min-height: 452px; position: relative; }
div.aboutSec2 p.btn1 { position: absolute; left: 40px; top: 376px; z-index: 10; }
div.aboutSec2 p.btn2 { position: absolute; left: 345px; top: 376px; z-index: 10; }
div.aboutSec2 p.btn3 { position: absolute; left: 650px; top: 376px; z-index: 10; }
div.aboutSec2 p a { background-color: black; display: block; }
div.aboutSec2 p a:hover { background-color: red; }



/* 生フェス ============================== */
div.namaSec1 { margin-top: 30px; padding: 0 30px; }
div.namaSec1 div.namaSec1box { background: url(../images/namafes_sec01_tt_bg.gif) left top repeat-y; line-height: 1; }
div.namaSec1 div.namaSec1boxTop { background: url(../images/namafes_sec01_tt_top.gif) left top no-repeat; padding: 79px 30px 25px 324px; line-height: 1.6; }
div.namaSec1 ul.namaNote { margin-top: 10px; }
ul.namaNote li { margin-top: 5px; text-indent: -1.35em; margin-left: 1.35em; }
div.namaSec1 div.noteFrm { padding: 0 30px 0 324px; }
div.namaSec1 div.noteFrm ul.namaNote { margin-top: 15px; }

div.namaSec2 { margin-top: 50px; padding: 0 260px 20px 30px; background: url(../images/namafes_sec02_wktk.gif) right bottom no-repeat; min-height: 444px; }
div.namaSec2 div.namaSec2txt { margin-top: 20px; padding: 0 220px 0 10px; background: url(../images/namafes_sec02_pic.jpg) right top no-repeat; }
div.namaSec2 ul.namaNote { margin-top: 20px; }
div.namaSec2 p.btn01 { margin-top: 20px; }
div.namaSec2 p.btn02 { margin-top: 10px; }



/* 生フェス ============================== */
div.goodsSec1 { margin-top: 30px; padding: 0 15px 30px 30px; }
div.goodsSec1 div.goodsLeadArea { padding: 15px 25px 25px 10px ; }
div.goodsSec1 ul.goodsList li { float: left; margin: 15px 15px 0 0; background-color: black; width: 290px; }
div.goodsSec1 ul.goodsList li p.goodsCap { padding: 10px 20px 0; color: white; font-size: 90%; }

div.goodsSec1 ul.goodsNote { margin-top: 20px; }
div.goodsSec1 ul.goodsNote li { margin-top: 5px; text-indent: -1.35em; margin-left: 1.35em; }