@charset "UTF-8";


/*----------------------------------------
	body
----------------------------------------*/
body {
background: url(/img/top/bg_body.jpg) repeat;
}

/*----------------------------------------
	topjack
----------------------------------------*/
/*#topjackModalContent .topjackInner {
  display:table;
  height:100%;
  width:100%;
}
#topjackModalContent .topjackInner .topjackContents {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}

*/
#topjackModalContent #topjackSelect a {
	text-decoration:none;
	}
@media screen and (min-width: 640px) {
	#topjackModalContent #topjackSelect img.sp_btn {
		display: none !important;
	}
}


@media screen and (max-width: 639px) {
	#topjackModalContent #topjackSelect span a img.pc_btn {
		display: none !important;
	}
	#topjackModalContent #topjackSelect img.sp_btn {
		margin: 10px 0;
		width: 80%;
	}
}

/*----------------------------------------
	top_image
----------------------------------------*/
/*#top_image {width:100%; min-width:980px; height:330px; margin: 0 0 24px 0;}
#top_image > img {display: none; position: relative; top: 50%;}*/
#sjs0 {margin:0 auto;}
/* .wrapperの上書き */
.wrapper {width:100%; min-width:1300px; text-align:center; background:url(/img/bg/body_01.gif) repeat-x left top;}

#main_image {
	width:100%;
	min-width:980px;
	height:330px;
	margin: 0 0 24px;
	background:url(../../img/top_image/main.jpg) no-repeat center center;
}
#main_image ul{
	list-style: none;
	width: 1300px;
	height: 330px;
	position: relative;
	margin: 0 auto;
}
#main_image a{
	display: block;
	padding: 44px;
}
#main_image li{
	position: absolute;
}

#main_image li.tokyo_me{
	width: 356px;
	top: 147px;
	left: 600px;
}
#main_image li.ramen{
	width: 271px;
	top: 238px;
	left: 55px;
}
#main_image li.locker{
	width: 107px;
	top: 238px;
	left: 330px;
}
#main_image li.gourmet{
	width: 298px;
	top: 238px;
	left: 440px;
}
#main_image li.okashi{
	width: 238px;
	top: 238px;
	left: 741px;
}
#main_image li.character{
	width: 263px;
	top: 238px;
	right: 55px;
}

#main_image li.tokyo_me a span,
#main_image li.ramen a span,
#main_image li.locker a span,
#main_image li.gourmet a span,
#main_image li.okashi a span,
#main_image li.character a span{
	display: none;
}

#main_image li.tokyo_me a:hover span,
#main_image li.ramen a:hover span,
#main_image li.locker a:hover span,
#main_image li.gourmet a:hover span,
#main_image li.okashi a:hover span,
#main_image li.character a:hover span{
	position: absolute;
	display: block;
	width: 116px;
	height: 145px;
	text-indent: -9999px;
}
#main_image li.tokyo_me a:hover span{
	background:url(../../img/top_image/tokyo_me.png) no-repeat left top;
	top:-140px;
	left:120px;
}
#main_image li.ramen a:hover span{
	background:url(../../img/top_image/ramen.png) no-repeat left top;
	top:-140px;
	left:80px;
}
#main_image li.locker a:hover span{
	background:url(../../img/top_image/locker.png) no-repeat left top;
	top:-140px;
	left:-5px;
}
#main_image li.gourmet a:hover span{
	background:url(../../img/top_image/gourmet.png) no-repeat left top;
	top:-140px;
	left:90px;
}
#main_image li.okashi a:hover span{
	background:url(../../img/top_image/okashi.png) no-repeat left top;
	top:-140px;
	left:60px;
}
#main_image li.character a:hover span{
	background:url(../../img/top_image/character.png) no-repeat left top;
	top:-140px;
	left:80px;
}


a:hover{border:none;}



/*----------------------------------------
	top_tab
----------------------------------------*/
.top_tab {width:100%; margin:0 0 42px 0; background:url(/img/bg/column1_01b.gif) repeat-y left top;}
.top_tab .inr {width:100%; padding:0 0 10px 0; background:url(/img/bg/column1_01c.gif) no-repeat left bottom; overflow:hidden;}

.top_tab .tab {width:100%; margin:0 0 6px 0; padding:0; background:#fff; border-bottom:solid 3px #cf071d;}
.top_tab .tab li {width:192px; height:29px; float:left;}
.top_tab .tab li.tab3 {width:191px;}
.top_tab .tab li.tab4 {width:187px;}

.top_tab .inr1 {width:748px; margin:0 0 9px 7px; background:url(/img/bg/column4_02b.gif);}
.top_tab .inr1 .inr1 {width:100%; margin:0; background:url(/img/bg/column4_02a.gif) repeat-x left top;}
.top_tab .inr1 .inr1 .inr1 {width:100%; margin:0; padding:5px 0 10px 0; background:url(/img/bg/column4_02c.gif) repeat-x left bottom; overflow:hidden;}
.top_tab .inr1 ul {width:748px; line-height:1.6; margin:0; padding:0;}
.top_tab .inr1 li {width:187px; float:left;}
.top_tab .inr1 li .img {width:183px; text-align:center; margin:0 0 8px 0;}
.top_tab .inr1 li .img img {border:solid 1px #d1c0a5;}
.top_tab .inr1 li .txt {width:173px; text-align:center; margin:0 0 0 5px;}
.top_tab .inr1 li .txt span {text-decoration:underline;}
.top_tab .inr1 li.on img {opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);}
.top_tab .inr1 li.on .txt span {text-decoration:none;}
.top_tab .inr1 li.new .txt span {padding-left:38px; background:url(/img/icon/new_01.gif) no-repeat 0 .1em;}

.top_tab .inr2 {width:732px; margin:0 0 9px 15px;}
.top_tab .inr2 table {width:100%; margin:0; padding:0; background:none; border:0;}
.top_tab .inr2 th,
.top_tab .inr2 td {text-align:left; vertical-align:top; padding:5px 10px 0 0; background:none; border:0;}
.top_tab .inr2 th {width:1%; white-space:nowrap;}

.top_tab .inr3 {width:747px; margin:0 0 9px 7px; background:url(/img/bg/column1_02b.gif);}
.top_tab .inr3 .inr3 {width:100%; margin:0; background:url(/img/bg/column1_02a.gif) repeat-x left top;}
.top_tab .inr3 .inr3 .inr3 {width:100%; margin:0; padding:10px 0; background:url(/img/bg/column1_02c.gif) repeat-x left bottom; overflow:hidden;}
.top_tab .inr3 table {width:722px; margin:0 0 0 12px;}
.top_tab .inr3 th,
.top_tab .inr3 td {text-align:left; vertical-align:top; padding:0 0 4px 0;}
.top_tab .inr3 th {width:1%; white-space:nowrap; padding:0 15px 4px 12px; background:url(/img/icon/arrow_01.gif) no-repeat 0 .5em;}
.top_tab .inr3 tr.new td a {padding-right:38px; background:url(/img/icon/new_01.gif) no-repeat right .2em;}

.top_tab .btn1 {text-align:right; margin:0 11px;}



/*----------------------------------------
	top_Arar1
----------------------------------------*/
.top_Arar1 {width:762px; margin:0 0 38px 0; overflow:hidden;}
.top_Arar1 .list {width:770px; margin:0 0 0 6px; padding:6px 0;}
.top_Arar1 .list li {width:385px; float:left;}
.top_Arar1 .list li dl {width:365px; margin:0; padding:0;}
.top_Arar1 .list li dt {width:194px; margin:0; padding:0; float:left;}
.top_Arar1 .list li dd {width:160px; text-decoration:underline; margin:0; padding:0; float:right;}
.top_Arar1 .list li.on img {opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);}
.top_Arar1 .list li.on dd {text-decoration:none;}


/*----------------------------------------
	top_Arar2
----------------------------------------*/
.top_Arar2 {width:762px; margin:0 0 38px 0; overflow:hidden;}
.top_Arar2 .list {width:768px; margin:0; padding:0;}
.top_Arar2 .list li {width:192px; float:left;}


/*----------------------------------------
	top_Arar3
----------------------------------------*/
.top_Arar3 {width:762px; margin:0 0 43px 0; overflow:hidden;}
.top_Arar3 .list {width:768px; margin:0; padding:5px 0 10px 0;}
.top_Arar3 .list li {width:192px; line-height:1.2; float:left;}
.top_Arar3 .list li .img {width:185px; text-align:center; margin:0 0 8px 0;}
.top_Arar3 .list li .img img {border:solid 1px #d1c0a5;}
.top_Arar3 .list li .txt {width:175px; text-align:center; text-decoration:underline; margin:0 0 0 5px;}
.top_Arar3 .list li.on img {opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);}
.top_Arar3 .list li.on .txt {text-decoration:none;}


/*----------------------------------------
	top_Arar4
----------------------------------------*/
.top_Arar4 {width:762px; margin:0; overflow:hidden;}
.top_Arar4 .list {width:756px; margin:0 0 0 5px; padding:5px 0;}
.top_Arar4 .list li {width:252px; float:left;}