@charset "shift_jis";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : base.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */

body {
	-webkit-text-size-adjust: 100%;
}

/* CLASS */
.alpha:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}
.alpha2:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha(opacity=60);
}
.alpha3:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: alpha(opacity=90);
}
.pdBtm0 {
	padding-bottom: 0px !important;
}
.mgnRt16 {
	margin-right: 16px !important;
}
.mgnRt40 {
	margin-right: 40px !important;
}

.alRit {
	text-align: right !important;
}
.alC {
	text-align: center !important;
}
.font77 {
	font-size: 77% !important;
}
.font85 {
	font-size: 85% !important;
}

html,
body {
	width: 100%;
	height: 100%;
}
/* body */
body {
	background: #151414;
	font-family: "???????½l???????½r ???????½o???????½S???????½V???????½b???????½N", "???????½q???????½???????½???????½M???????½m???????½p???????½S Pro W3", "Hiragino Kaku Gothic Pro";
	text-align: center; /* for IE6 */
	color: #644b33;
}
.imgwh {
	width: 100%;
	height: auto;
}

/* #header
 * ******************************************************************************** */
#headerArea {
	width: 100%;
	height: 330px;
}
div.headerimg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 920px;
	height: 303px;
	background: url(../images/bg_pagetitle1.jpg) 50% 0 no-repeat;
	z-index: -1;
}
#header {
	width: 100%;
	min-width: 920px;
	width: expression(document.body.clientWidth < 922? "920px": document.body.clientWidth > 1262? "auto": "auto"); /* for ie6 */
	height: 330px;
	background: url(../images/bg_content.jpg) 50% 100% repeat-x;
}
#bgComono {
	width: 100%;
	height: 330px;
	background: url(../images/bg_header.png) 50% 0% repeat-x;
}
#grass {
	width: 100%;
	height: 330px;
	background: url(../images/bg_grass.png) 50% 99px no-repeat;
}

#headerInner {
	position: relative;
	width: 920px;
	height: 330px;
	margin: 0 auto;
}
/* div.shareArea */
.shareArea {
	line-height: 0;
	font-size: 0;
}
/* #logo */
.shareArea #logo {
	position: absolute;
	left: 18px;
	top: 7px;
}
/* .share */
.shareArea .share {
	position: absolute;
	right: 16px;
	top: 16px;
	display: none;
}
.shareArea .share dt {
	float: left;
	padding-right: 2px;
}
.shareArea .share dd {
	float: left;
	padding-left: 6px;
}
.shareArea .share dd.gplus {
	width: 24px;
	overflow: hidden;
}
.shareArea .share dd a img {
}

.shareArea .share dd a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
}

/* ul#gnavi */
#gnavi {
	position: absolute;
	left: 20px;
	top: 47px;
	line-height: 0;
	font-size: 0;
	display: none;
}
#gnavi li {
	float: left;
}
#gnavi li.navi1 {
	width: 310px;
}
#gnavi li.navi2 {
	width: 249px;
}
#gnavi li.navi3 {
	width: 326px;
}
#gnavi li a:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: alpha(opacity=40);
}

#headerInner h1#pagetitle {
	bottom: 4px;
	left: 50px;
	position: absolute;
}
/* #container
 * ******************************************************************************** */
#container {
	width: 100%;
	min-width: 920px;
	width: expression(document.body.clientWidth < 922? "920px": document.body.clientWidth > 1262? "auto": "auto"); /* for ie6 */
	background: url(../images/bg_container.jpg) 50% 0 repeat;
	text-align: left;
	line-height: 1.6;
}
/* #content */
#content {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.content {
	position: relative;
	max-width: 920px;
	width: 100%;
	margin: 0 auto;
}
/* #mainWrapper */
#mainWrapper {
	float: left;
	width: 678px;
}
/* #mainTop */
#mainTop {
	width: 678px;
	margin: 10px 0 0;
	background: url(../images/bg_main_top.png) 0 0 no-repeat;
}
#mainTop ul.location {
	width: 570px;
	padding: 30px 0 20px 40px;
	color: #666;
	font-size: 92%;
}
#mainTop ul.location li {
	float: left;
	margin: 0 0 5px 10px;
}
#mainTop ul.location li a {
	color: #936715;
}
/* #main
 * ******************************************************************************** */
#main {
	position: relative;
	width: 678px;
	background: url(../images/bg_main.png) 0 0 repeat-y;
}
#mainInner {
	position: relative;
	width: 548px;
	margin-left: 58px;
}

.ttlCenter {
	text-align: center;
	margin-bottom: 45px;
}

/* mainBtm */
#mainBtm {
	width: 678px;
	height: 46px;
	background: url(../images/bg_main_btm.png) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* p.linkPagetop */
#content p.linkPagetop {
	text-align: right;
	padding: 10px 35px 20px;
}

.ml-3 {
	margin-left: 1rem;
}
/* ul#banner
 * ******************************************************************************** */
ul#banner {
	position: relative;
	float: left;
	width: 230px;
	margin-left: -14px;
	line-height: 0;
	font-size: 0;
}
ul#banner .naviyys img {
	margin-top: 20px;
	margin-left: 29px;
	margin-bottom: 3px;
}
ul#banner .navi0 img {
	margin-top: 10px;
	margin-left: 29px;
	margin-bottom: 3px;
}
ul#banner .naviFb img {
	margin-left: 29px;
	margin-bottom: 3px;
}
ul#banner .naviKenter img {
	margin-left: 32px;
	margin-bottom: 8px;
}
ul#banner .naviTVCM img {
	margin-left: 29px;
	margin-bottom: 8px;
}
ul#banner .naviCM img {
	margin-left: 29px;
	margin-bottom: 8px;
}
ul#banner .navi1 img {
	margin-left: 33px;
}
ul#banner .navi3 img {
	margin-left: 33px;
}

/* #footerNavi
 * ******************************************************************************** */
/* #naviArea */
#naviArea {
	width: 100%;
	min-width: 920px;
	width: expression(document.body.clientWidth < 922? "920px": document.body.clientWidth > 1262? "auto": "auto"); /* for ie6 */
	background: #b7b0a2 url(../images/bg_navi_area.jpg) 0 0 repeat-x;
	margin: 0;
}
/* #footerNavi */
#footerNavi {
	width: 920px;
	margin: 0 auto;
	padding: 23px 0 30px;
	text-align: left;
	font-size: 92%;
	display: none;
}
/* #naviArea */
#footerNavi a {
	color: #392109;
	text-decoration: none;
}
#footerNavi a:hover {
	color: #78550a;
}
#footerNavi ul {
	float: left;
	width: 160px;
	padding-left: 22px;
}
#footerNavi ul.extLink {
	width: 250px;
	padding-left: 0;
}

#footerNavi ul li {
	margin-bottom: 14px;
}
#footerNavi ul li a {
	padding: 0 0 0 22px;
	background: url(../images/ico_footer.png) 0 0 no-repeat;
}
#footerNavi ul li a:hover {
	background: url(../images/ico_footer_on.png) 0 0 no-repeat;
}

#footerNavi ul li span.link {
	padding-right: 18px;
	background: url(../images/ico_link.gif) 100% 50% no-repeat;
}
#footerNavi ul li a:hover span.link {
	background: url(../images/ico_link_on.gif) 100% 50% no-repeat;
}

#footerNavi ul li dl {
	padding-top: 16px;
}
#footerNavi ul li dl dd {
	margin-bottom: 6px;
	margin-left: 27px;
	font-size: 92%;
}
#footerNavi ul li dd a {
	padding: 0 0 0 16px;
	background: url(../images/ico_bar.gif) 0 50% no-repeat;
	color: #664729;
}
#footerNavi ul li dd a:hover {
	padding: 0 0 0 16px;
	color: #a08029;
	background: url(../images/ico_bar_on.gif) 0 50% no-repeat;
}

/* #footer
 * ******************************************************************************** */
#footer {
	width: 920px;
	margin: 0 auto;
	padding: 12px 0 10px;
}
#footer p.copyright {
	float: left;
	width: 330px;
	padding: 8px 0 0 15px;
}
#footer p.footerNotice {
	float: right;
	width: 509px;
	padding: 0 8px 0 0;
}

/* ******************************************************************************** *
 * [ TOP ]
 * body ID: body#top
 * ******************************************************************************** */

/* #headerArea
 * ******************************************************************************** */
#top #headerArea {
	width: 100%;
	height: auto;
	position: relative;
}
#top .headerimg {
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
	z-index: -1;
}
#top #header {
	width: 100%;
	min-width: 920px;
	height: auto;
	background: url(../images/bg_content.jpg) 50% 100% repeat-x;
	padding-top: calc(22% + 110px);
}
#top #bgComono {
	width: 100%;
	height: 80px;
	position: absolute;
	top: 0;
	background: url(../images/bg_header.png) 50% 0% repeat-x;
}
#top #grass {
	width: 100%;
	height: 393px;
	background: url(../images/bg_grass.png) 50% 163px no-repeat;
}
#top #headerInner {
	position: relative;
	width: 920px;
	height: auto;
	margin: 0 auto;
}
#top #headerInner p.txt {
	position: absolute;
	top: 146px;
	left: 50%;
	margin-left: -269px;
	width: 539px;
	height: 170px;
	text-indent: -9999px;
	background: transparent url(../images/top/main_txt.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/top/main_txt.png", sizingMethod="image");
}

/* #content
 * ******************************************************************************** */
#top #content {
	padding-bottom: 47px;
}
#top #content .linkPagetop a {
	position: absolute;
	right: 16px;
	bottom: 10px;
	text-align: left;
	text-indent: -9999px;
	width: 124px;
	height: 19px;
	background: transparent url(../images/btn_pagetop.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/btn_pagetop.png", sizingMethod="image");
}
#top #content .linkPagetop a:hover {
	background: transparent url(../images/btn_pagetop_on.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/btn_pagetop_on.png", sizingMethod="image");
}

/* #topMain
 * ******************************************************************************** */
#top #topMain {
	position: relative;
	float: left;
	width: 635px;
	line-height: 0;
	font-size: 0;
}
#top #topMain h2 {
	text-align: left;
	margin-bottom: 0;
}

/*put bgDiv for IE6 transparent*/
#top #topMain #bgSection1 {
	position: relative;
	width: 626px;
	height: 378px;
	margin-top: 20px;
}

#top #topMain .section1 h2 {
	position: absolute;
	left: 36px;
	top: 32px;
}
#top #topMain .section1 .Area1 {
	position: absolute;
	left: 43px;
	top: 74px;
	display: flex;
}
#top #topMain .section1 .Area2 {
	position: absolute;
	left: 43px;
	top: 220px;
	display: flex;
}
/*put bgDiv for IE6 transparent*/
#top #topMain #bgSection2 {
	position: relative;
	margin-top: 15px;
	padding-top: 5px;
	width: 626px;
	height: 350px;
}

#top #topMain .section2 h2 {
	position: absolute;
	left: 47px;
	top: 31px;
}
#top #topMain .section2 .txt1 {
	position: absolute;
	left: 45px;
	top: 35px;
}
#top #topMain .section2 .btn1 {
	position: absolute;
	left: 47px;
	top: 216px;
}
#top #topMain .section2 .btnArea {
	position: absolute;
	left: 342px;
	top: 18px;
}
#top #topMain .section2 .btnArea li {
	position: relative;
	width: 247px;
	margin: 0 0 1rem;
}
#top #topMain .section2 .btnArea li span.new {
	position: absolute;
	left: -18px;
	top: -12px;
	text-indent: -9999px;
	width: 33px;
	height: 32px;
	background: url(../images/ico_new.gif) 0 0 no-repeat;
}
#top #topMain .section2 .btn2 {
	position: absolute;
	left: 3px;
	top: 371px;
}

/* #topSub
 * ******************************************************************************** */
#top #topSub {
	position: relative;
	display: inline;
	float: left;
	width: 280px;
	margin-left: -6px;
}
/* #spBanner */
#top #topSub #spBanner {
}
#top #topSub #spBanner .navi1 {
	text-indent: -9999px;
	width: 263px;
	height: 193px;
	margin: 18px 0 0 6px;
}
#top #topSub #spBanner .navi1 a {
	display: block;
	width: 263px;
	height: 193px;
	background: transparent url(../images/banner/top_banner0.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner0.png", sizingMethod="scale");
	cursor: pointer;
}
#top #topSub #spBanner .navi1 a:hover {
	background: transparent url(../images/banner/top_banner0_on.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner0_on.png", sizingMethod="scale");
}

/* #fbBanner */
#top #topSub #fbBanner {
}
#top #topSub #fbBanner .navi1 {
	text-indent: -9999px;
	width: 263px;
	height: 193px;
	margin: 18px 0 0 6px;
}
#top #topSub #fbBanner .navi1 a {
	display: block;
	width: 263px;
	height: 193px;
	background: transparent url(../images/banner/top_banner_fb.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner_fb.png", sizingMethod="scale");
	cursor: pointer;
}
#top #topSub #fbBanner .navi1 a:hover {
	background: transparent url(../images/banner/top_banner_fb_on.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner_fb_on.png", sizingMethod="scale");
}

/* #news */
#top #topSub #news {
	margin: 0 0 0 12px;
	height: 339px;
	background: transparent url(../images/top/bg_news.png) no-repeat left top;
}
#top #topSub #news p.ttl {
	padding: 70px 0 0 35px;
}
#top #topSub #news .scroll-pane {
	position: relative;
	width: 240px;
	height: 200px;
	margin-left: 10px;
	overflow: auto;
	z-index: 1001;
	outline: none;
}
#top #topSub #news dl {
	padding: 6px 0 6px 4px;
	background: url(../images/top/line_news.jpg) 26px 100% no-repeat;
	line-height: 1.2;
}
#top #topSub #news dl a {
	color: #fffefe;
	text-decoration: none;
	cursor: pointer;
}
#top #topSub #news dl a:hover {
	text-decoration: underline;
}
#top #topSub #news dl dt {
	width: 200px;
	padding: 0 0 0 25px;
	background: url(../images/top/ico_news.jpg) 0 0 no-repeat;
	color: #e9403b;
	white-space: pre-wrap;
	word-wrap: break-word;
}
#top #topSub #news dl dd {
	width: 190px;
	padding: 0 0 3px 25px;
	color: #fffefe;
}
/* #topBanner */
#top #topSub #topBanner {
}

#top #topSub #topBanner .naviTVCM {
	text-indent: -9999px;
	width: 263px;
	height: 102px;
	margin: 12px 0 0 10px;
}
#top #topSub #topBanner .naviCM {
	text-indent: -9999px;
	width: 263px;
	height: 102px;
	margin: 6px 0 0 10px;
}
#top #topSub #topBanner .navi1 {
	text-indent: -9999px;
	width: 263px;
	height: 101px;
	margin: 6px 0 0 10px;
}
#top #topSub #topBanner .navi3 {
	display: block;
	text-indent: -9999px;
	width: 266px;
	height: 84px;
	margin: 6px 0 0 11px;
}
#top #topSub #topBanner .naviTVCM a {
	display: block;
	width: 263px;
	height: 102px;
	background: transparent url(../images/banner/top_banner_tvcm.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner_tvcm.png", sizingMethod="scale");
	cursor: pointer;
}
#top #topSub #topBanner .naviCM a {
	display: block;
	width: 263px;
	height: 102px;
	background: transparent url(../images/banner/top_banner_cm.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner_cm.png", sizingMethod="scale");
	cursor: pointer;
}
#top #topSub #topBanner .navi1 a {
	display: block;
	width: 263px;
	height: 101px;
	background: transparent url(../images/banner/top_banner1.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner1.png", sizingMethod="scale");
	cursor: pointer;
}
#top #topSub #topBanner .navi3 a {
	display: block;
	width: 266px;
	height: 84px;
	background: transparent url(../images/banner/top_banner3.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner3.png", sizingMethod="scale");
	cursor: pointer;
}
#top #topSub #topBanner .naviTVCM a:hover {
	background: transparent url(../images/banner/top_banner_tvcm_on.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner_tvcm_on.png", sizingMethod="scale");
}
#top #topSub #topBanner .naviCM a:hover {
	background: transparent url(../images/banner/top_banner_cm_on.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner_cm_on.png", sizingMethod="scale");
}
#top #topSub #topBanner .navi1 a:hover {
	background: transparent url(../images/banner/top_banner1_on.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner1_on.png", sizingMethod="scale");
}
#top #topSub #topBanner .navi3 a:hover {
	background: transparent url(../images/banner/top_banner3_on.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/banner/top_banner3_on.png", sizingMethod="scale");
}

/* ******************************************************************************** *
 * [ lineup ]
 * body CLASS: body.lineup
 * ******************************************************************************** */
/* #mainTop
 * ******************************************************************************** */
body.lineup #mainTop {
	position: relative;
}
body.lineup #mainTop ul.location {
	width: 370px;
}
body.lineup #mainTop p.btnEiyo {
	position: absolute;
	right: 55px;
	top: 22px;
	width: 184px;
	height: 25px;
}
/* #mainInner
 * ******************************************************************************** */
body.lineup #mainInner h3 {
	text-align: center;
	padding-bottom: 10px;
	background: url(../images/line.gif) 0 100% no-repeat;
}
/* ul#pageNavi */
body.lineup #mainInner ul#pageNavi {
	width: 342px;
	margin: 0 auto 41px;
	_zoom: 1;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
body.lineup #mainInner ul#pageNavi li {
	float: left;
	margin: 3px 0 0 -1px;
	padding: 1px 10px;
	background: url(../images/navi_line.gif) 0 0 no-repeat;
}
/* div.headerArea */
body.lineup #mainInner div.headerArea {
	width: 100%;
	margin: 3px 0 26px -1px;
	padding-bottom: 10px;
	background: url(../images/line.gif) 0 100% no-repeat;
}
body.lineup #mainInner div.headerArea .details {
	position: relative;
	display: inline;
	float: left;
	max-width: 540px;
	margin-left: -8px;
	padding-top: 10px;
	line-height: 1.7;
}
body.lineup #mainInner div.headerArea .details img {
	margin: 0 10px 4px;
	vertical-align: middle;
}
body.lineup #mainInner div.headerArea .like {
	float: right;
	margin: 10px 0 0;
	width: 100px;
}
body.lineup #mainInner ul li.thumb {
	width: 97px;
	margin: 27px auto;
	text-align: center;
}
body.lineup #mainInner .thumb img {
	margin: 0 0 19px;
}
body.lineup #mainInner .thumb img.short {
	margin: 49px 0 19px;
}
body.lineup #mainInner .subttl {
	text-align: center;
}

/* imgArea1 */
body.lineup #mainInner .imgArea1 {
	width: 160px;
	margin: 0 auto;
}
body.lineup #mainInner .imgArea1 li {
	position: relative;
}
body.lineup #mainInner .imgArea1 li.thumb {
	margin: 27px 0 27px 30px;
	text-align: center;
}

/* imgArea2 */
body.lineup #mainInner .imgArea2 {
	width: 300px;
	margin: 0 auto;
}
body.lineup #mainInner .imgArea2 li {
	position: relative;
}
body.lineup #mainInner .imgArea2 li.thumb {
	display: inline;
	float: left;
	margin: 27px 0 27px 30px;
	text-align: center;
}
/* imgArea3 */
body.lineup #mainInner .imgArea3 {
	width: 430px;
	margin: 0 auto;
}
body.lineup #mainInner .imgArea3 li {
	position: relative;
}
body.lineup #mainInner .imgArea3 li.thumb {
	display: inline;
	float: left;
	margin: 27px 0 27px 30px;
	text-align: center;
}
/* imgArea4 */
body.lineup #mainInner .imgArea4 {
	width: 600px;
	margin: 0 auto;
}
body.lineup #mainInner .imgArea4 li {
	position: relative;
}
body.lineup #mainInner .imgArea4 li.thumb {
	display: inline;
	float: left;
	margin: 27px 0 27px 30px;
	text-align: center;
}
/* new */
body.lineup #mainInner .imgArea1 .new,
body.lineup #mainInner .imgArea2 .new,
body.lineup #mainInner .imgArea3 .new,
body.lineup #mainInner .imgArea4 .new {
	position: absolute;
	left: -15px;
	bottom: 40px;
	text-indent: -9999px;
	width: 33px;
	height: 32px;
	background: url(../images/ico_new.gif) 0 0 no-repeat;
}
body.lineup #mainInner .price li.thumb {
	display: inline;
	float: left;
	width: 110px;
	margin: 0px 50px 40px 50px;
	text-align: center;
}
/* ******************************************************************************** *
 * [ original ]
 * body ID: body#original			FilePath: lineup/original.html
 * ******************************************************************************** */
/* ul#pageNavi */
body#original #mainInner ul#pageNavi1 {
	position: relative;
	width: 410px;
	margin: 0 auto 12px;
	_zoom: 1;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
body#original #mainInner ul#pageNavi1 li {
	float: left;
	margin: 3px 0 0 -1px;
	padding: 1px 8px;
	background: url(../images/navi_line.gif) 0 0 no-repeat;
}
body#original #mainInner ul#pageNavi2 {
	position: relative;
	width: 390px;
	margin: 0 auto 12px;
	_zoom: 1;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
body#original #mainInner ul#pageNavi2 li {
	float: left;
	margin: 3px 0 0 -1px;
	padding: 1px 8px;
	background: url(../images/navi_line.gif) 0 0 no-repeat;
}
body#original #mainInner ul#pageNavi3 {
	position: relative;
	width: 360px;
	margin: 0 auto 41px;
	_zoom: 1;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
body#original #mainInner ul#pageNavi3 li {
	float: left;
	margin: 3px 0 0 -1px;
	padding: 1px 8px;
	background: url(../images/navi_line.gif) 0 0 no-repeat;
}
body#original #mainInner ul#pageNavi5 {
	position: relative;
	width: 410px;
	margin: 0 auto 12px;
	_zoom: 1;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
body#original #mainInner ul#pageNavi5 li {
	float: left;
	margin: 3px 0 0 -1px;
	padding: 1px 8px;
	background: url(../images/navi_line.gif) 0 0 no-repeat;
}
/* #mainInner .imgArea */
body#original #mainInner .imgArea2 {
	width: 330px;
}
body#original #mainInner .imgArea2 li.thumb {
	margin-left: 40px;
}
body#original #mainInner .imgArea2 .short {
	margin-top: 59px;
}
body#original #mainInner .imgArea3 {
	width: 460px;
}
body#original #mainInner .imgArea3 li.thumb {
	margin-left: 40px;
}
body#original #mainInner .imgArea3 .short {
	margin-top: 110px;
}
body#original #mainInner .imgArea3 .long {
	margin-top: 59px;
}

/* #mainInner .imgArea */

body#original #mainInner h3 {
	position: relative;
}
body#original #mainInner h3 .new {
	padding: 0 10px 10px 0;
}

/* ******************************************************************************** *
 * [ lineupTop ]
 * body ID: body#lineupTop			FilePath: lineup/index.html
 * ******************************************************************************** */
body#lineupTop #outline {
	text-align: center;
}
body#lineupTop #outline #mainImg {
	/*position: absolute;
	left: 210px;
	top: 137px;*/
	font-size: 0;
	line-height: 0;
	margin-top: -37px;
}
body#lineupTop #outline #point {
	height: 284px;
	font-size: 0;
	line-height: 0;
}
body#lineupTop #outline #point li.list1 {
	position: absolute;
	left: 25px;
	top: 104px;
}
body#lineupTop #outline #point li.list2 {
	position: absolute;
	left: 19px;
	top: 261px;
}
body#lineupTop #outline #point li.list3 {
	position: absolute;
	left: 453px;
	top: 102px;
}
body#lineupTop #outline #point li.list4 {
	position: absolute;
	left: 473px;
	top: 271px;
}
body#lineupTop #outline div.section {
	padding: 12px 0 40px;
	font-size: 0;
	line-height: 0;
}
body#lineupTop #outline div.section h2 {
	margin: 0;
	padding: 0;
	background-image: none;
}
body#lineupTop #outline p.txt {
	margin-bottom: 20px;
}
/* #pageList1 */
body#lineupTop #main #pageList1,
body#lineupTop #main #pageList4 {
	margin: 0 0 0 30px;
	padding-top: 20px;
}
body#lineupTop #main #pageList1 dt,
body#lineupTop #main #pageList4 dt {
	position: relative;
	width: 594px;
	height: 268px;
}
body#lineupTop #main #pageList1 dd,
body#lineupTop #main #pageList4 dd {
	position: relative;
	width: 200px;
	margin: -80px 0 50px 16px;
	line-height: 1.2;
	font-size: 150%;
	font-weight: bold;
}
body#lineupTop #main #pageList1 dt,
body#lineupTop #main #pageList2 dt,
body#lineupTop #main #pageList3 dt,
body#lineupTop #main #pageList4 dt {
	font-size: 0;
	line-height: 0;
}

/* #pageList2 */
body#lineupTop #main #pageList2 {
	display: inline;
	float: left;
	width: 302px;
	margin: 40px 0 0 30px;
}
body#lineupTop #main #pageList2 dd {
	width: 180px;
	margin: 10px auto 40px;
	line-height: 1.2;
	font-size: 150%;
	font-weight: bold;
}

/* #pageList3 */
body#lineupTop #main #pageList3 dd {
	width: 255px;
	margin: 10px auto 40px;
	line-height: 1.2;
	font-size: 150%;
	font-weight: bold;
}
body#lineupTop #main #pageList3 {
	float: left;
	width: 302px;
	margin: 40px 0 0 0;
}
/* imgArea3 */
body.lineup #mainInner .xxx .limitation {
	margin: 3 auto 26;
	padding-bottom: 10px;
	background: url(../images/line.gif) 0 100% no-repeat;
}
body.lineup #mainInner .xxx .limitation li {
	position: relative;
}
body.lineup #mainInner .xxx .limitation li.thumb {
	width: auto;
	display: inline-block;
	margin: -70px 50px;
	text-align: center;
}
/* div.LArea */
body.lineup #mainInner div.LArea {
	width: 100%;
	margin: 3px 0 26px -1px;
	padding-bottom: 10px;
	background: url(../images/line.gif) 0 100% no-repeat;
}
body.lineup #mainInner div.LArea .details {
	padding-top: 10px;
	line-height: 1.7;
}
body.lineup #mainInner div.LArea .details img {
	margin: 0 10px 4px;
	vertical-align: middle;
}
body.lineup #mainInner div.LArea .like {
	float: right;
	margin: 10px 0 0;
	width: 100px;
}
body.lineup #mainInner ul li.thumb {
	width: 105px;
	margin: 27px auto;
	text-align: center;
}
body.lineup #mainInner .thumb img {
	margin: 0 0 19px;
}
body.lineup #mainInner .thumb img.short {
	margin: 49px 0 19px;
}
body.lineup #mainInner .subttl {
	text-align: center;
}

/* ******************************************************************************** *
 * [ limitation ]
 * body ID: body#limitation			FilePath: lineup/limitation.html
 * ******************************************************************************** */
body#limitation #mainInner {
	text-align: center;
}
body#limitation #mainInner h2 {
	margin-bottom: 20px;
}
body#limitation #mainInner h3 {
	margin-bottom: 20px;
	padding: 0;
	background: none;
}
body#limitation #mainInner p.ttl {
	margin-bottom: 12px;
}
body#limitation #mainInner p.txt {
	text-align: left;
	padding-bottom: 24px;
	line-height: 1.4;
	letter-spacing: -1px;
	background: url(../images/line.gif) 0 100% no-repeat;
}
body#limitation #mainInner .like {
	text-align: right;
	margin: 10px 0 30px;
}

/* ******************************************************************************** *
 * [ shitamachi ]
 * body CLASS: body.shitamachi
 * ******************************************************************************** */
/* #section1 */
body.shitamachi #main #section1 {
	width: 554px;
	margin: 0 auto;
	padding: 0 0 24px 0;
	font-size: 0;
	line-height: 0;
}
body.shitamachi #main #section1 h2 {
	position: absolute;
	left: 36px;
	top: 32px;
}
body.shitamachi #main #section1 .leftArea {
	float: left;
	width: 265px;
}
body.shitamachi #main #section1 .rightArea {
	float: right;
	width: 263px;
}
body.shitamachi #main #section1 .rightArea .btn1 {
	padding-bottom: 5px;
}

body.shitamachi h2 {
	text-align: center;
	cursor: pointer;
}

/* #rule
 * ******************************************************************************** */
body.shitamachi #rule {
	width: 583px;
	margin: 0 auto;
	background: url(../images/shitamachi/top/bg_rule.jpg) 0 0 repeat-y;
}
body.shitamachi #rule ol {
	margin: 0 auto;
	background: url(../images/shitamachi/top/bg_rule_top.jpg) 50% 0 no-repeat;
	padding-top: 25px;
}
body.shitamachi #rule ol li {
	padding: 0 0 24px 0;
}
body.shitamachi #rule ol dl {
	background: url(../images/line.gif) 0 0 no-repeat;
	width: 520px;
	margin: 0 auto;
	padding: 16px 0 0 0;
}

body.shitamachi #rule ol dd {
	margin: 0 0 0 22px;
	padding: 5px 0 0;
	overflow: hidden;
	_zoom: 1;
}
body.shitamachi #rule ol dd div.imgArea {
	float: right;
	margin: 0 0 5px 20px;
}
body.shitamachi #rule ol dd div.txtArea {
	overflow: hidden;
	_zoom: 1;
	font-size: 92%;
	line-height: 1.5;
}
body.shitamachi #rule p.btnClose {
	text-align: center;
	padding-bottom: 14px;
	cursor: pointer;
}
body.shitamachi #ruleBtm {
	width: 583px;
	height: 16px;
	margin: 0 auto 38px;
	background: url(../images/shitamachi/top/bg_rule_btm.jpg) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}

/* ******************************************************************************** *
 * [ column ]
 * body CLASS: body.column
 * ******************************************************************************** */

body.column .ttl {
	padding: 0 0 12px 3px;
}
body.column #mainInner {
	width: 564px;
	margin: 0 auto 40px;
}
body.column a {
	color: #936715;
}
body.column a:active {
	color: #936715;
}
body.column a:visited {
	color: #936715;
}
body.column a:hover {
	color: #936715;
}

/* #section1 */
body.column #section1 {
	width: 554px;
	margin: 0 0 30px 3px;
	padding: 5px 0 0;
	border: 1px solid #eae4ce;
	background-color: #fdfcf8;
}

body.column #section1 .withImg {
	width: 488px;
	background: url(../images/shitamachi/column/line1.png) 0 0 repeat-x;
	padding: 18px 0;
	margin: 0 auto;
}
body.column #section1 .withImg .textArea {
	float: right;
	width: 398px;
}
body.column #section1 .withImg .textArea dl {
	padding-top: 5px;
}
body.column #section1 .withImg .textArea dd {
	font-weight: bold;
	color: #3f3f3f;
}
body.column #section1 .withImg .textArea dt {
	font-size: 132%;
}
body.column #section1 .withImg .imgL {
	position: relative;
	float: left;
	margin: 0 10px 5px 0;
	padding: 10px;
	background: url(../images/shitamachi/column/bg_whatsnew.png) 0 0 repeat-x;
}
body.column #section1 .withImg .imgL span.new {
	position: absolute;
	left: -15px;
	top: -10px;
	text-indent: -9999px;
	width: 33px;
	height: 32px;
	background: url(../images/ico_new.png) 0 0 no-repeat;
}
body.column #section1 .first {
	background: none;
}

body.column .liner {
	margin: 0 0 20px 3px;
	color: #3f3f3f;
}

/* .columnArea */
body.column .columnArea {
	margin-bottom: 13px;
}

body.column .columnInner {
	background: url(../images/shitamachi/column/bg_column_inner.png) 0 0 repeat-y;
}

body.column .articles {
	padding: 0 0 8px;
}
body.column .articles li {
	width: 496px;
	background: url(../images/shitamachi/column/ico_articles.png) 0 0.6em no-repeat;
	margin: 0 0 5px 30px;
	padding: 2px 0 2px 10px;
	line-height: 1.4;
	font-size: 114%;
}
body.column .articles li span {
	font-weight: bold;
}
body.column .columnInnerFt {
	padding: 0 0 2px 0;
	background: url(../images/shitamachi/column/bg_column_inner_ft.png) 0 100% no-repeat;
}

body.column h4 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dashed #630;
	margin: 0px 30px 15px 30px;
	padding-top: 20px;
	padding-bottom: 4px;
}

/* ******************************************************************************** *
 * [ map ]
 * body CLASS: body.map
 * ******************************************************************************** */

body.map {
	color: #3f3f3f;
}
body.map .ttl {
	padding: 0 0 12px 3px;
}
body.map #mainInner {
	width: 598px;
	margin: 0 auto 40px;
}
body.map a {
	color: #936715;
}
body.map a:active {
	color: #936715;
}
body.map a:visited {
	color: #936715;
}
body.map a:hover {
	color: #936715;
}

body.map .liner {
	margin: 0 0 20px 3px;
}
body.map #main ul.notice {
	margin: 24px 0 30px 0;
}
body.map #main ul.notice li {
	padding: 5px 10px 0 10px;
	color: #bc3b04;
	font-weight: bold;
}
body.map #main ul.notice li a {
	color: #bc3b04;
}

/* .mapArea */
body.map .mapArea {
	margin-bottom: 32px;
}

body.map .mapArea {
	position: relative;
}

body.map .mapArea img {
	width: 100%;
}

/* CSS for modalWindow */
body.map #modal {
	display: none;
	position: absolute;
	top: 300px;
	left: 170px;
	width: 354px;
	z-index: 1000;
}
body.map #modal .modalTtl {
	padding-top: 15px;
}
body.map #modal #mdlClose {
	position: absolute;
	top: 0px;
	right: 3px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	z-index: 1001;
}
body.map #modal .modalMain {
	padding: 0 0 0 37px;
	background: url(../images/shitamachi/map/modal_bg_main.png) 0 0 repeat-y;
}
body.map #modal .modalFt {
	height: 8px;
	background: url(../images/shitamachi/map/modal_bg_ft.png) 0 0 no-repeat;
}
body.map #modal .img1 {
	position: absolute;
	top: 89px;
	right: 47px;
	width: 83px;
	height: 57px;
	z-index: 1001;
}
body.map #modal .detail1 {
	padding: 22px 0 0;
}
body.map #modal .detail1 dt {
	padding: 0 0 4px;
}
body.map #modal .detail2 {
	padding: 10px 0 20px;
}
body.map #modal .detail2 dt {
	padding: 0 0 4px;
}
body.map #modal .detail2 dd {
	width: 230px;
	margin-left: 1em;
	text-indent: -1em;
}
/*body.map #modal .detail2 dd {
			margin-left: -1px;
		}*/

/* #tokyo */
body#tokyo #btn1 {
	position: absolute;
	left: 39.092%;
	top: 10.119%;
	width: 19.895%;
}
body#tokyo #btn2 {
	position: absolute;
	left: 31.239%;
	top: 17.113%;
	width: 16.405%;
}
body#tokyo #btn3 {
	position: absolute;
	left: 40.14%;
	top: 27.232%;
	width: 16.405%;
}
body#tokyo #btn4 {
	position: absolute;
	left: 78.709%;
	top: 35.565%;
	width: 16.23%;
}
body#tokyo #btn5 {
	position: absolute;
	left: 19.895%;
	top: 93.006%;
	width: 31.414%;
}
body#tokyo #btn6 {
	position: absolute;
	left: 66.143%;
	top: 83.036%;
	width: 16.405%;
}
body#tokyo #btn7 {
	position: absolute;
	left: 56.545%;
	top: 41.518%;
	width: 16.405%;
}
body#tokyo #btn8 {
	position: absolute;
	left: 78.36%;
	top: 30.06%;
	width: 20.07%;
}
body#tokyo #btnPage1 {
	position: absolute;
	left: 69.634%;
	top: 17.262%;
	width: 16.405%;
}
body#tokyo #btnPage2 {
	position: absolute;
	left: 66.318%;
	top: 24.702%;
	width: 16.405%;
}

/* #sumidaku */
body#sumidaku #btn1 {
	position: absolute;
	left: 261px;
	top: 72px;
}
body#sumidaku #btn2 {
	position: absolute;
	left: 396px;
	top: 58px;
}
body#sumidaku #btn3 {
	position: absolute;
	left: 423px;
	top: 101px;
}
body#sumidaku #btn4 {
	position: absolute;
	left: 277px;
	top: 148px;
}
body#sumidaku #btn5 {
	position: absolute;
	left: 198px;
	top: 211px;
}
body#sumidaku #btn6 {
	position: absolute;
	left: 498px;
	top: 198px;
}
body#sumidaku #btn7 {
	position: absolute;
	left: 310px;
	top: 409px;
}
body#sumidaku #btn8 {
	position: absolute;
	left: 304px;
	top: 16px;
}

/* #katsusikaku */
body#katsushikaku #btn1 {
	position: absolute;
	left: 348px;
	top: 81px;
}
body#katsushikaku #btn2 {
	position: absolute;
	left: 433px;
	top: 134px;
}
body#katsushikaku #btn3 {
	position: absolute;
	left: 219px;
	top: 157px;
}
body#katsushikaku #btn4 {
	position: absolute;
	left: 359px;
	top: 175px;
}
body#katsushikaku #btn5 {
	position: absolute;
	left: 211px;
	top: 188px;
}
body#katsushikaku #btn6 {
	position: absolute;
	left: 326px;
	top: 222px;
}
body#katsushikaku #btn7 {
	position: absolute;
	left: 139px;
	top: 241px;
}
body#katsushikaku #btn8 {
	position: absolute;
	left: 348px;
	top: 253px;
}
body#katsushikaku #btn9 {
	position: absolute;
	left: 187px;
	top: 272px;
}
body#katsushikaku #btn10 {
	position: absolute;
	left: 187px;
	top: 303px;
}
body#katsushikaku #btn11 {
	position: absolute;
	left: 406px;
	top: 334px;
}
body#katsushikaku #btn12 {
	position: absolute;
	left: 313px;
	top: 369px;
}

/* ******************************************************************************** *
 * [ tvcm ]
 * body CLASS: body.cm
 * ******************************************************************************** */
body.cm h2.ttl {
	margin: 0 0 10px 60px;
}
body.cm .liner {
	margin: 0 0 2px 60px;
}
body.cm .outline {
	margin: 0 10px 30px 60px;
	width: 551px;
	color: #333333;
	font-size: 92%;
	line-height: 1.2;
}

/* .section */
body.cm #main .section {
	position: relative;
	margin: 0 0 0 35px;
}
body.cm #main .section .btnTvcm {
	position: absolute;
	left: 65px;
	top: 36px;
}
body.cm #main .section .flashArea {
	position: absolute;
	left: 357px;
	top: 148px;
}
body.cm #main .section .btnCampaign {
	margin: 30px 0 0 57px;
}
body.cm #main #section1 {
	width: 604px;
	height: 274px;
	background: url(../images/cm/bg_navi1.jpg) 0 0 no-repeat;
}
body.cm #main #section2 {
	width: 607px;
	height: 274px;
	background: url(../images/cm/bg_navi2.jpg) 0 0 no-repeat;
}
body.cm #main #section3 {
	width: 604px;
	height: 274px;
	background: url(../images/cm/bg_navi1.jpg) 0 0 no-repeat;
}
body.cm #main #section3 .ttl {
	left: 361px;
}
body.cm #main #section4 {
	width: 604px;
	height: 274px;
	background: url(../images/cm/bg_navi2.jpg) 0 0 no-repeat;
}
/* #radio */
#radio1,
#radio2,
#radio3 {
	width: 604px;
	background: url(../images/cm/bg_radio1.jpg) 0 0 no-repeat;
}
#radio1 #flashContainer,
#radio2 #flashContainer,
#radio3 #flashContainer {
	margin: 0 0 0 59px;
	padding: 50px 0 12px;
}
#radio1 #flashArea,
#radio2 #flashArea,
#radio3 #flashArea {
	padding: 0 0 14px;
}
#radio1 #flashContent,
#radio2 #flashContent,
#radio3 #flashContent {
	margin-bottom: 44px;
}
body.cm #main .section p.noscript {
}
body.cm #main .section p.noscript img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
}
body.cm #main .section ul.notice {
	margin: 24px 57px 0 0;
}
body.cm #main .section ul.notice li {
	padding: 5px 10px 0 10px;
	color: #bc3b04;
	font-weight: bold;
}
body.cm #main .section ul.notice li a {
	color: #bc3b04;
}

/* #tv */
#tv {
	width: 593px;
	height: 353px;
	background: url(../../tv_cm/image/bg_tv.png) 0 0 no-repeat;
}
#tv img {
	padding: 40px 0 15px 40px;
}
#tv .player {
	width: 390px;
	margin: 0 auto;
	padding-right: 10px;
}

/* ******************************************************************************** *
 * [ yuyakesakaba ]
 * body CLASS: body.yuyakesakaba
 * ******************************************************************************** */
body.yuyakesakaba .mainImg {
	margin: 0 0 14px;
}
body.yuyakesakaba .mapBnr {
	margin: 25px -3px;
}
body.yuyakesakaba .txt1 {
	font-size: 107%;
	margin: 0 0 30px;
}
body.yuyakesakaba h3.ttl {
	background: url(../images/line.gif) 0 100% repeat-x;
	margin: 0 0 10px;
	padding: 0 0 12px;
}
body.yuyakesakaba .liner {
	font-size: 107%;
}
body.yuyakesakaba #section2 {
	padding-bottom: 10px;
}
body.yuyakesakaba #section3 {
	padding-bottom: 30px;
}
body.yuyakesakaba .btn1 {
	float: right;
	width: 241px;
	height: 111px;
}

/* .section */
body.yuyakesakaba #main .section {
	position: relative;
	width: 584px;
	margin: 0 auto;
}

/* .archive */
.archive {
}
.archive .withImg {
	width: 303px;
	padding: 2px 0;
	margin: 0 12px;
}

.archive .withImg #second {
	width: 303px;
	background: url(../images/shitamachi/column/line1.png) 0 0 repeat-x;
	padding: 1px 0;
	margin: 0 17px 0 0;
}
.archive .withImg .textArea {
	float: right;
	width: 200px;
}
.archive .withImg .textArea dd {
	font-weight: bold;
	color: #3f3f3f;
	margin-left: -5px;
}
.archive .withImg .textArea dt {
	font-size: 115%;
	margin-left: -5px;
}
.archive .withImg .textArea dd:last-child {
	font-weight: bold;
	color: #3f3f3f;
	font-size: 90%;
	line-height: 140%;
}
.archive .withImg .imgL {
	position: relative;
	float: left;
	margin: 10px 10px 5px 10px;
	padding: 10px;
	background: url(../images/shitamachi/column/bg_whatsnew.png) 0 0 repeat-x;
}
.archive .withImg .imgL span.new {
	position: absolute;
	left: -10px;
	top: -5px;
	text-indent: -9999px;
	width: 33px;
	height: 32px;
	background: url(../images/ico_new.png) 0 0 no-repeat;
}

.archive .withImg #more {
	width: 303px;
	background: url(../images/shitamachi/column/line1.png) 0 0 repeat-x;
	padding: 9px 0;
	margin: 0 17px 0 0;
	text-align: right;
}

/* #archive_new */
#archive_new {
	width: 590px;
	height: 275px;
	margin: 0 0 30px -3px;
	padding: 5px 0 0 10px;
	border: 1px solid #eae4ce;
	background-color: #fdfcf8;
}
#archive_new .withImg {
	float: left;
	width: 285px;
	padding: 6px 0 6px 10px;
}
#archive_new .withImg .textArea {
	float: right;
	width: 172px;
	padding-top: 5px;
}
#archive_new .withImg .textArea dd {
	font-weight: bold;
	color: #3f3f3f;
	font-size: 90%;
	margin-left: -5px;
	height: 17px;
}
#archive_new .withImg .textArea dt {
	font-size: 110%;
	margin-left: -5px;
}
#archive_new .withImg .textArea dd:last-child {
	font-weight: bold;
	color: #3f3f3f;
	font-size: 90%;
	line-height: 150%;
}
#archive_new .withImg .imgL {
	position: relative;
	float: left;
	margin: 10px 10px 5px 0;
	padding: 9px;
	background: url(../images/yuyakesakaba/bg_whatsnew.png) 0 0 repeat-x;
}
#archive_new .withImg .imgL span.new {
	position: absolute;
	left: -10px;
	top: -5px;
	text-indent: -9999px;
	width: 33px;
	height: 32px;
	background: url(../images/ico_new.png) 0 0 no-repeat;
}

/* #archive_old */
#archive_old {
	width: 550px;
	margin: 0 0 30px -3px;
	padding: 5px 20px 10px 30px;
	border: 1px solid #eae4ce;
	background-color: #fdfcf8;
	color: #3f3f3f;
	display: block;
}

#archive_old .onair_block {
	width: 545px;
	padding: 14px 0;
	background: url();
	display: inline-block;
}

#archive_old .onair_block_second {
	width: 545px;
	background: url(../images/shitamachi/column/line1.png) 0 0 repeat-x;
	padding: 14px 0;
	display: inline-block;
}
#archive_old .onair {
	width: 162px;
	padding-right: 25px;
	padding-bottom: 0px;
	float: left;
}
#archive_old .onair:nth-child(3n) {
	padding-right: 0px;
	padding-bottom: 70px;
}
#archive_old .date {
	font-weight: bold;
	color: #3f3f3f;
}
#archive_old .shop {
	margin-bottom: 5px;
}
#archive_old .title {
	font-weight: bold;
	line-height: 17px;
	font-size: 90%;
	margin-bottom: 10px;
}
#archive_old .txt {
	line-height: 17px;
	font-size: 90%;
	color: #644b33;
}
#archive_old:after {
	clear: both;
}

/* ******************************************************************************** *
 * [ TOP page layout with yuyakesakaba ]
 * overwrite default styles
 * #mainBanner
 * ******************************************************************************** */
#top .banner {
	margin: 0.75rem auto;
	max-width: 626px;
	position: relative;
	background-color: white;
}
#top .banner:hover img {
	opacity: 0.9;
}
#top .banner img {
	width: 100%;
}
#stamp {
	width: 152px;
	height: 125px;
	background: url(../images/banner/stamp_anime.png) no-repeat left top;
	animation: frame-animation 0.85s steps(42) 1;
	position: absolute;
	left: 15px;
	top: 55px;
	z-index: 1;
}
@keyframes frame-animation {
	0% {
		background-position: 0px 0;
	}
	100% {
		background-position: -6384px 0px;
	}
}
/* ******************************************************************************** *
 * [ yuyake_map ]
 * body CLASS: body.yuyake_map
 * ******************************************************************************** */

body.yuyake_map {
	color: #3f3f3f;
}
body.yuyake_map .ttl {
	padding: 0 0 12px 23px;
}
body.yuyake_map #mainInner {
	width: 622px;
	margin: 0 25px 40px;
}

/* div.map_shareArea */
.map_shareArea {
	line-height: 0;
	font-size: 0;
}
/* .share */
.map_shareArea .share {
	position: absolute;
	right: 0px;
	top: 4px;
}
.map_shareArea .share dt {
	float: left;
	padding-right: 2px;
}
.map_shareArea .share dd {
	float: left;
	padding-left: 6px;
}
.map_shareArea .share dd.gplus {
	width: 24px;
	overflow: hidden;
}
.map_shareArea .share dd a img {
}

.map_shareArea .share dd a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
}

body.yuyake_map a {
	color: #936715;
}
body.yuyake_map a:active {
	color: #936715;
}
body.yuyake_map a:visited {
	color: #936715;
}
body.yuyake_map a:hover {
	color: #936715;
}

body.yuyake_map .liner {
	margin: 0 0 20px 23px;
}
body.yuyake_map #main ul.notice {
	margin: 24px 0 30px 0;
}
body.yuyake_map #main ul.notice li {
	padding: 5px 10px 0 10px;
	color: #bc3b04;
	font-weight: bold;
}
body.yuyake_map #main ul.notice li a {
	color: #bc3b04;
}

/* .mapArea */
body.yuyake_map .mapArea {
	padding-bottom: 32px;
	position: relative;
}

body.yuyake_map #tab {
	position: absolute;
	right: 30px;
	top: 40px;
}
body.yuyake_map #tab .txt {
	color: #e56c22;
}

/* #tokyo */
body.yuyake_map #tokyo #btn1 {
	position: absolute;
	left: 458px;
	top: 301px;
}
body.yuyake_map #tokyo #btn2 {
	position: absolute;
	left: 308px;
	top: 255px;
}
body.yuyake_map #tokyo #btn3 {
	position: absolute;
	left: 122px;
	top: 553px;
}
body.yuyake_map #tokyo #btn4 {
	position: absolute;
	left: 207px;
	top: 175px;
}
body.yuyake_map #tokyo #btn5 {
	position: absolute;
	left: 426px;
	top: 138px;
}
body.yuyake_map #tokyo #btn6 {
	position: absolute;
	left: 247px;
	top: 554px;
}
body.yuyake_map #tokyo #btn7 {
	position: absolute;
	left: 258px;
	top: 350px;
}
body.yuyake_map #tokyo #btn8 {
	position: absolute;
	left: 95px;
	top: 266px;
}
body.yuyake_map #tokyo #btn9 {
	position: absolute;
	left: 556px;
	top: 512px;
}
body.yuyake_map #tokyo #btn10 {
	position: absolute;
	left: 192px;
	top: 428px;
}
body.yuyake_map #tokyo #btn11 {
	position: absolute;
	left: 382px;
	top: 394px;
}
body.yuyake_map #tokyo #btn12 {
	position: absolute;
	left: 228px;
	top: 114px;
}

body.yuyake_map #tokyo #btnPage1 {
	position: absolute;
	left: 488px;
	top: 230px;
}
body.yuyake_map #tokyo #btnPage2 {
	position: absolute;
	left: 375px;
	top: 446px;
}

/* #katsusikaku */
body.yuyake_map #katsushikaku #btn1 {
	position: absolute;
	left: 457px;
	top: 240px;
}
body.yuyake_map #katsushikaku #btn2 {
	position: absolute;
	left: 312px;
	top: 417px;
}
body.yuyake_map #katsushikaku #btn3 {
	position: absolute;
	left: 167px;
	top: 387px;
}
body.yuyake_map #katsushikaku #btn4 {
	position: absolute;
	left: 238px;
	top: 483px;
}

/* #kotoku */
body.yuyake_map #kotoku #btn1 {
	position: absolute;
	left: 392px;
	top: 178px;
}
body.yuyake_map #kotoku #btn2 {
	position: absolute;
	left: 327px;
	top: 272px;
}

/* iframe */
body.map_shop {
	color: #3f3f3f;
	text-align: left;
	line-height: 24px;
	font-size: 17px;
}

body.map_shop #mainInner {
	margin: 50px 0 0 18px;
	width: 575px;
}

body.map_shop #mainInner .txt {
	margin-top: 20px;
	float: left;
	width: 285px;
}

body.map_shop #mainInner .txt a.info {
	color: #3f3f3f;
}

body.map_shop .name {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 20px;
}

body.map_shop #mainInner .address {
	background: #dbd4c5;
	margin: 20px 0 0 15px;
	padding: 6px;
	float: left;
	width: 263px;
	height: 105px;
	font-size: 11px;
	line-height: 20px;
}

.address dl dd.ico1 {
	padding-left: 2em;
	background: url(../../yuyakesakaba/map/shop/image/ico_shopinfo1.gif) 0 0.2em no-repeat;
}
.address dl dd.ico2 {
	padding-left: 2em;
	background: url(../../yuyakesakaba/map/shop/image/ico_shopinfo2.gif) 0 0.2em no-repeat;
}
.address dl dd.ico3 {
	padding-left: 2em;
	background: url(../../yuyakesakaba/map/shop/image/ico_shopinfo3.gif) 0 0.2em no-repeat;
}
.address dl dd.ico4 {
	padding-left: 2em;
	background: url(../../yuyakesakaba/map/shop/image/ico_shopinfo4.gif) 0 0.2em no-repeat;
}

body.map_shop #mainInner .annotation {
	text-align: right;
	font-size: 13px;
	line-height: 35px;
}

body.map_shop #mainInner .shopBtn {
	width: 575px;
	background: url(../images/shitamachi/column/line1.png) 0 0 repeat-x;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
}
/*meiten*/
body.meiten #main .ttlCenter img {
	width: 90%;
}
.top_tiile {
	position: relative;
	margin-bottom: 150px;
}
.image_glass {
	width: 15%;
	position: absolute;
	top: -2.5rem;
	left: 5rem;
}
.image_utida {
	width: 85%;
	margin: 0 auto 30px;
}
.meiten {
	padding: 0;
}
body.meiten #mainInner {
	position: relative;
	width: 580px;
	margin: 0 auto;
}
body.meiten #mainInner .meiten li {
	position: relative;
}
body.meiten #mainInner .meiten li.thumb2 {
	width: auto;
	display: inline-block;
	text-align: center;
}
body.meiten #mainInner .meiten li.thumb3 {
	width: 51%;
	display: inline-block;
	text-align: center;
}
.can_short {
	width: 80%;
}
.can_long {
	width: 80%;
}
.can_point {
	width: 100%;
}
.annotation_txt {
	font-size: 10px;
	text-align: right;
	margin: 0;
}
.meiten_txt {
	font-weight: bold;
	font-size: 1.4rem;
	color: #d3461e;
	margin: 1rem 0;
}
.display_f {
	display: flex;
	list-style: none;
	padding: 0;
}
.display_f li {
	width: 48%;
}
.display_f li p {
	margin: 0;
}
.is-hidden-desktop {
	display: none;
}
.mr_2 {
	margin-right: 20px;
}
@supports (top: 0) {
	.narrow_txt {
		letter-spacing: -0.5em;
	}
}
@media screen and (max-width: 767px) {
	.meiten {
		text-align: center;
	}

	.image_glass {
		top: -2rem;
		left: 3rem;
	}
	.touch_mr {
		margin-right: 5px;
	}
	.touch_ml {
		margin-left: 5px;
	}
	body.meiten #mainInner {
		max-width: 580px;
		width: auto;
	}
	body.meiten #mainInner .meiten li.thumb3 {
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	.display_f {
		flex-wrap: wrap;
	}
	.display_f li {
		width: 90%;
		margin: 0 auto;
	}
	.display_f li p {
		margin: 0;
	}
	.meiten_txt {
		font-size: 1.2rem;
		margin: 1rem;
		text-align: center;
	}
	.is-hidden-desktop {
		display: block;
	}
}
/*End_meiten*/
/*5type*/
.fiftype-txt {
	text-align: center;
	text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
	font-family: "Reggae One", cursive;
	font-size: 2.6rem;
	font-weight: 900;
	color: #d52d27;
	margin-bottom: 3rem;
}
.flex-5per {
	display: flex;
	margin: 0 auto 2rem;
	justify-content: space-evenly;
	align-items: flex-end;
	flex-wrap: wrap;
}
.container-5per {
	width: 582px;
	margin: 0 auto;
}
.txt-center {
	text-align: center;
}
.point-5per {
	display: flex;
	align-items: center;
	margin: 1rem auto 0;
}
.number-5per {
	background-color: #a83f1b;
	box-shadow: 2px 2px 3px #666;
	color: white;
	border-radius: 50%;
	width: 3rem;
	line-height: 3rem;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	height: 3rem;
	flex: none;
}
.plate-5per {
	background-image: url(../images/lineup/5type/plate.jpg);
	background-size: 100% 100%;
	font-weight: 900;
	padding: 1rem 1.5rem 2rem;
	margin: 2rem auto 0;
	font-size: 1.2rem;
	color: #333333;
}
.pl-4 {
	padding-left: 16px;
}
.seibunhyou {
	width: 350px;
	text-align: left;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.fiftype-txt {
		font-size: 1.4rem;
		margin-bottom: 1rem;
	}
	.flex-5per {
		width: 290px;
	}
	.padding-5per {
		padding: 8px 4px;
	}
	.container-5per {
		width: auto;
	}
	.point-5per {
		width: 290px;
	}
	.plate-5per {
		width: 290px;
	}

	/*End_5type*/
	.leftArea {
		float: left;
	}
	.rightArea {
		float: right;
	}
}