@charset "utf-8";


/*----- ¥á¥¤¥ó»­Ïñ -----------------------------------*/
.visual {
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.visual #slider {position:relative;overflow: hidden;}
.visual #wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.visual #carousel li {float: left; height: auto; max-width:100%; min-height:150px;}
.visual #carousel li img {width: auto; height:auto; max-width:100%;}
.visual #prev, .visual #next {display:none;}

.visual #pager {
	text-align:center;
	margin:0 auto;
	width:100%;
	position:absolute;
	bottom:4%;
}
.visual #pager a {
	background:#dedede ;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
}
.visual #pager a:hover {background:#dedede;}
.visual #pager a span {display: none;}
.visual #pager a.selected {background-color: #c10e23;}


/*----- ¥Ë¥å©`¥¹Ò»ÓE -----------------------------------*/
.newsBlock {
	margin: 0 auto 15px;
	padding: 15px 0 30px 0;
	width:100%;
	height: auto;
	background: url(/tokyo/common/images/news_bg.jpg) no-repeat center bottom;
	background-size: contain;
	min-height: 300px;
}
.newsBlock h2 {
	margin: 0 auto 10px;
	width:40%;
}
.linkCategory {
	margin: 0 2%;
	width: 96%;
}
.linkCategory ul#tabsMenu {
	width:100%;
	height: auto;
}
.linkCategory ul:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.linkCategory ul#tabsMenu li {
	margin: 0 0 10px 0;
	width:25%;
	height: auto;
	line-height: 1;
	float:left;
}

#tab2,#tab3,#tab4 {display: none;}
.newsList {
	margin: 0 0 8px;
	width: 100%;
}
.newsList iframe {
	width:100%;
	height: auto;
	min-height: 600px;
	overflow:auto;
}
.newsBlock .btn_list {
	margin: 0 2% 18px;
	width:96%;
	height: auto;
	text-align:center;
	line-height: 1;
	border-right:1px solid #c9c9c9;
	border-bottom:1px solid #c9c9c9;
}
.newsBlock .btn_list a {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	background-color: #ffffff;
	display:block;
}
.newsBlock .btn_list a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	background-color: #ffffff;
}


/*===============================================
= More than 641px 
= Except for Smart Phone
===============================================*/
@media screen and (min-width: 641px) {

	/*----- ¥á¥¤¥ó»­Ïñ -----------------------------------*/
	.visual {margin-top:120px; min-width: 960px; max-width: 1200px; height: 380px;}
	.visual #wrapper {
		width: 100%;
		height: 380px;
		overflow: hidden;
		background-color: #e4e4e4;
	}
	.visual #carousel li {float: left; width: 960px; height: 380px;}
	.visual #carousel li img {width: 960px; height: 380px;}
	.visual #prev, #next {
		background-color: #000;
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		zoom:1;
		display: block;
		height: 380px;
		width: 50%;
		top: 0;
		position: absolute;
	}
	.visual #prev:hover, .visual #next:hover {
		opacity:0.4;
		filter: alpha(opacity=40);
		-ms-filter: "alpha(opacity=40)";
		zoom:1;
	}
	.visual #prev {left: -480px;}
	.visual #next {right: -480px;}
	.visual #prev img {
		right:-20px;
		top:170px;
		position:absolute;
	}
	.visual #next img {
		left:-20px;
		top:170px;
		position:absolute;
	}
	.visual #pager {
		text-align:center;
		margin:0 auto;
		width:100%;
		position:absolute;
		top:358px;
	}
	.visual #pager a {
		background:#fff ;
		width: 12px;
		height: 12px;
	}
	.visual #pager a:hover {background:#fff ;}
	.visual #pager a span {display: none;}
	.visual #pager a.selected {background-color: #c10e23;}

	
	/*----- ¥Ë¥å©`¥¹Ò»ÓE -----------------------------------*/
	.newsBlock {
		margin: 0 auto 40px;
		padding: 25px 0 45px 0;
		width:100%;
		height: auto;
		background: url(/tokyo/common/images/news_bg.jpg) no-repeat center bottom;
		min-width: 960px;
		min-height: 750px;
	}
	.newsBlock h2 {
		margin: 0 auto 20px;
		width:240px;
	}
	.tri01 {
		margin-top: -10px;
		width: 100%;
		height: 10px;
		background: url(/tokyo/common/images/tri01.png) repeat-x 0 bottom;
	}
	.linkCategory {
		margin: 0 auto;
		width: 960px;
		height: auto;
		min-height: 650px;
	}

	#tab2,#tab3,#tab4 {display: none;}
	.newsList {
		margin: 0 auto 8px;
		width: 960px;
	}
	.newsList iframe {
		margin: 0 0 0 15px;
		width:945px;
		height: auto;
		min-height: 580px;
		border: 0px;
		overflow-x:hidden;
	}
	.newsBlock .btn_list {
		margin: 0 0 18px 0;
		width:959px;
	}

}