@charset "utf-8";
*{ margin:0px; padding:0px;}
img { border:0px;}
ul,li,ol { list-style:none;}

.container{
	width:760px;
	height:568px;
	 position:absolute;
	 top:50%;
	 left:50%;
	 margin-left:-380px;
	 margin-top:-284px;
	text-align:center;
	overflow:hidden;
	}

.container p.txt{ margin-top:40px;}

.container ul{ width:760px;	margin:90px auto 0 auto;}
.container ul li.tokyo{ float:left; }
.container ul li.fukuoka{margin-left:100px; float:left;}


/*smartphone*/
#smartphone{ margin:20px 0 0 0; background-color:#f2f0ed; text-align:center;}
#smartphone a{ display:block; height:50px; background:url(../images/smartphone.jpg) no-repeat center; text-indent:-9999px;}






/**
 * ----------------------------------------------------------------------------------
 * SmartPhone
 * ----------------------------------------------------------------------------------
 */
@media screen and (max-width:640px) {

	/* Reset & Base */
	* {
		font-family:Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	}

	body {
		min-width:320px;
		font-size:12px;
		-webkit-text-size-adjust:100%;
		-webkit-appearance:none;
		-webkit-tap-highlight-color:rgba(216, 82, 46, 0.5);
	}


	/* Fluid Image */
	img {
		max-width:100%;
		height:auto;
	}


	/* Index */
	.container {
		position:static;
		width:320px;
		height:auto;
		margin:15px auto 0 auto;
		padding-bottom:67px;
		background:url(../images/s/txt.jpg) no-repeat left bottom;
		background-size:320px 67px;
	}

	.container p:first-child {
		width:260px;
		margin:0 auto 5px auto;
	}

	.container p.txt {
		width:200px;
		margin:0 auto 15px auto;
	}

	.container ul {
		overflow:hidden;
		width:auto;
		margin:0;
	}

	.container ul li.tokyo,
	.container ul li.fukuoka {
		float:left;
		width:50%;
		height:210px;
		margin-left:0;
		background-repeat:no-repeat;
		background-position:center top;
		background-size:160px 174px;
	}

	.container ul li a {
		position:relative;
		top:174px;
		display:block;
		width:140px;
		height:34px;
		margin:0 auto;
		background-repeat:no-repeat;
		background-position:0 0;
		background-size:100% 100%;
	}

	.container ul li img {
		display:none;
	}

	.container ul li.tokyo { background-image:url(../images/s/main_01.jpg); }
	.container ul li.fukuoka { background-image:url(../images/s/main_02.jpg); }

	.container ul li.tokyo a { background-image:url(../images/s/tokyo.jpg); }
	.container ul li.fukuoka a { background-image:url(../images/s/fukuoka.jpg); }



}