/* home.css */

/* ------------------------------------------------------------------------------------------------------------
ヘッダー
-------------------------------------------------------------------------------------------------------------*/
#main{
padding-top:0;
}
/* ------------------------------------------------------------------------------------------------------------
コンテンツ
-------------------------------------------------------------------------------------------------------------*/
#icatch{
width:100%;
background:url(../images/home/slideback.png) no-repeat center bottom;
text-align:center;
margin-bottom:15px;
}
#slider-wrapper{
width:970px;
height:350px;
margin:0 auto;
overflow:hidden;
}
/* スライダー */
.theme-default .nivoSlider {
position:relative;
background:#fff url(../images/home/loading.gif) no-repeat 50% 50%;
margin-bottom:10px;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
.theme-default .nivo-controlNav a {
display:inline-block;
width:22px;
height:22px;
background:url(../images/home/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(../images/home/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}

/* 運行情報 */
#unkou{
width:700px;
margin:0px 0 15px;
padding:10px;
line-height:100%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.10, #FFDD13), color-stop(1, #F6921D));
background:-moz-linear-gradient(top, #FFDD13 10%, #F6921D 100%);
background:-webkit-linear-gradient(top, #FFDD13 10%, #F6921D 100%);
background:-o-linear-gradient(top, #FFDD13 10%, #F6921D 100%);
background:-ms-linear-gradient(top, #FFDD13 10%, #F6921D 100%);
background:linear-gradient(to bottom, #FFDD13 10%, #F6921D 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFDD13', endColorstr='#FFF6921D',GradientType=0);
background-color:#F6921D;
position:relative;
behavior: url(ie-css3.htc);
}
#unkou dl{
}
#unkou dt{
float:left;
color:#FFF;
font-weight:bold;
font-size:1.05em;
padding-top:9px;
}
#unkou dd{
float:left;
margin-left:6px;
box-sizing:content-box;
zoom:1;
}
#unkou dd:nth-of-type(1){
background-color:#FFF;
padding:7px;
display:block;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
line-height:120%;
}
#unkou dd:nth-of-type(1) #ujinfo{
width:417px;
}
/* ▽95%以下表示時のレイアウト崩れ対応▽ */
.zoomout #unkou dd:nth-of-type(1) #ujinfo{
width:413px;
}
/* △95%以下表示時のレイアウト崩れ対応△ */
#unkou dd:nth-of-type(1) #ujinfo h3{
font-size:0.95em;
float:left;
width:330px;
}
#unkou dd:nth-of-type(1) #ujinfo p#ujreload a{
display:block;
float:right;
width:60px;
background:url(../images/home/ico_reload.png) no-repeat 0 0;
padding-left:20px;
color:#FAAF3F;
}
#unkou dd:nth-of-type(1) #ujinfo p#ujreload a:hover{
color:#F05A28;
}
#unkou dd:nth-of-type(1) #ujdetail{
clear:both;
width:417px;
margin-top:7px;
padding-top:7px;
border-top:dotted 1px #FAAF3F;
line-height:140%;
font-size:0.9em;
}
#unkou dd:nth-of-type(2) a,
#unkou dd:nth-of-type(3) a{
background-color:#EFEFEF;
border:1px solid #dcdcdc;
-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
box-shadow:inset 1px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f9f9f9', endColorstr='#00e9e9e9',GradientType=0);
text-shadow:0px 1px 0px #ffffff;
border-radius: 3px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
height:30px;
line-height:30px;
padding:0 7px;
display:block;
color:#666;
position:relative;
z-index:1;
behavior: url(ie-css3.htc);
}

.zoomout #unkou dd:nth-of-type(2) a,
.zoomout #unkou dd:nth-of-type(3) a{
padding:0 5px;
}

#unkou dd:nth-of-type(2) a:hover,
#unkou dd:nth-of-type(3) a:hover{
color:#FFF;
background-color: #F05A28;
border:1px solid #FFF;
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F05A28), color-stop(1, #F05A28));
background:-moz-linear-gradient(top, #F05A28 5%, #F05A28 100%);
background:-webkit-linear-gradient(top, #F05A28 5%, #F05A28 100%);
background:-o-linear-gradient(top, #F05A28 5%, #F05A28 100%);
background:-ms-linear-gradient(top, #F05A28 5%, #F05A28 100%);
background:linear-gradient(to bottom, #F05A28 5%, #F05A28 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00F05A28', endColorstr='#00F05A28',GradientType=0);
text-shadow:0px 1px 0px #000;
}

/* サイトメニュー */
#sitemenu{
margin-bottom:30px;
}
#sitemenu div.smsec{
float:left;
margin-right:15px;
background-color:#FFF;
overflow:hidden;
border:1px solid #D0D2D3;
border-radius:4px 4px 0 0 ;
-webkit-border-radius:4px 4px 0 0 ;
-moz-border-radius:4px 4px 0 0 ;
-ms-border-radius:4px 4px 0 0 ;
position:relative;
behavior: url(ie-css3.htc);
}

#sitemenu div.smsec:nth-of-type(1){
width:306px;
}
#sitemenu div.smsec:nth-of-type(2){
width:189px;
}
#sitemenu div.smsec:nth-of-type(3){
width:189px;
margin-right:0;
}

/* ▽95%以下表示時のレイアウト崩れ対応▽ */
.zoomout #sitemenu div.smsec:nth-of-type(1){
width:305px;
}
.zoomout #sitemenu div.smsec:nth-of-type(2){
width:188px;
}
.zoomout #sitemenu div.smsec:nth-of-type(3){
width:188px;
margin-right:0;
}
/* △95%以下表示時のレイアウト崩れ対応△ */


#sitemenu div.smsec h3{
font-size:1.125em;
color:#333;
padding:3px 7px;
text-shadow:0px 1px 0px #ffffff;
-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
box-shadow:inset 1px 1px 0px 0px #ffffff;
background-color:#EFEFEF;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f9f9f9', endColorstr='#00e9e9e9',GradientType=0);
border-bottom:solid 1px #D0D2D3;
position:relative;
behavior: url(ie-css3.htc);
}
#sitemenu div.smsec h3 span{
height:35px;
line-height:36px;
padding-left:37px;
display:block;
}
#sitemenu div.smsec:nth-of-type(1) h3 span{
background:url(../images/home/mrk_train.png) no-repeat 0 2px;
}
#sitemenu div.smsec:nth-of-type(2) h3 span{
background:url(../images/home/mrk_ticket.png) no-repeat 0 2px;
}
#sitemenu div.smsec:nth-of-type(3) h3 span{
background:url(../images/home/mrk_help.png) no-repeat 0 2px;
}
#sitemenu div.smsec .smlist{
padding:10px;
}
#sitemenu div.smsec .smlist ul{
float:left;
margin-right:15px;
padding-bottom:5px;
}
#sitemenu div.smsec .smlist ul:last-of-type{
margin-right:0;
}
#sitemenu div.smsec .smlist li{
list-style:none;
padding-left:10px;
margin-bottom:7px;
background:url(../images/common/tri_orange.png) no-repeat 0 6px;
}
#sitemenu div.smsec .smlist li a{
color:#666;
}
#sitemenu div.smsec .smlist li a:hover{
color:#FAAF3F;
}
#sitemenu div.smsec p{
clear:both;
padding:5px;
background-color:#58595B;
text-align:center;
font-size:0.95em;
}
#sitemenu div.smsec p a{
color:#FFF;
padding-left:10px;
background:url(../images/common/tri_white.png) no-repeat 0 7px;
}
/* （IE8 ハック） */
html.ie8 body #sitemenu div.smsec p a{
background-position:0 4px;
}
#sitemenu div.smsec p a:hover{
color:#FAAF3F;
background:url(../images/common/tri_orange.png) no-repeat 0 7px;
}

/* 広告テナント・物件情報 */
div.tabs ul.tabs-switch {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: -1px;
}

div.tabs ul.tabs-switch li {
	float: left;
	margin-right: .5em;
	text-align: center;
}

div.tabs ul.tabs-switch li a {
	display:block;
	color: #333; text-shadow: 0px 1px 0px #fff;
	font-weight: bold;
	padding: .75em;
	width: 180px;
	border:1px solid #d0d2d3;
	border-radius: 4px 4px 0 0;
	background-color: #f9f9f9;
	background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
}

div.tabs ul.tabs-switch li a span {
	padding-left: 1.25em;
	background: url(../images/common/cir_orange_u.png) no-repeat left center;
}

div.tabs ul.tabs-switch li.active a {
	border-bottom-color: #fff;
	background-color: #fff;
	background: linear-gradient(to top, #fff 5%, #e9e9e9 100%);
}

div.tabs div.tabs-body {
	border: 1px solid #D0D2D3;
	border-radius: 4px;
	display: none;
}

div.tabs div.tabs-body.active {
	display: block;
	z-index: 1000;
}

div.eju-slider {
	height: 16em;
	overflow: hidden;
	position: relative;
	padding: 0 0 0 1em;
}

div.eju-slider ul {
	display: block;
	list-style-type: none;
	height: auto;
	padding: 1.5em 0 1.5em 1.5em;
}

div.eju-slider ul li{
	float: left;
	padding: .5em;
	margin-bottom: 2em;
}

div.eju-slider ul li img,
div.eju-slider ul li h4, 
div.eju-slider ul li p {
	display: block;
	width: 200px;
}

div.eju-slider ul li img {
	height: 113px; /* 16:9*/
}

div.eju-slider ul li h4 {
	font-weight: normal;
	line-height: 1.8;
}

/* IE7ハック */
html.ie7 body div.eju-slider ul li h4{
	font-size:1em;
}

div.eju-slider ul li p {
	font-size: 0.9em;
	line-height: 1.3;
}

div.eju-slider span.slider-ctrl {
	display: block;
	float: none;
	margin: 0; padding: 0; margin-top: -60px;
	position: absolute;
	top: 50%;
	border:1px solid #d0d2d3;
	background-color: #f9f9f9;
	background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	z-index: 9999;
}

div.eju-slider span.slider-ctrl a {
	display: block;
	width: 1.5em; height: 100px;
	background: no-repeat center center;
}

div.eju-slider span.slider-ctrl.lefty {
	left: -1px;
	border-radius: 0 4px 4px 0;
}

div.eju-slider span.slider-ctrl.righty {
	right: -1px;
	border-radius: 4px 0 0 4px;
}

div.eju-slider span.slider-ctrl.lefty a {
	background-image: url(../images/common/tri_orange_l.png);
}

div.eju-slider span.slider-ctrl.righty a {
	background-image: url(../images/common/tri_orange.png);
}






ul.inner-slider {
	list-style-type: none;
	margin-left: 0;
	height: 200px;
	padding: .5em 2.5em;
	overflow: hidden;
	position: relative;
}

ul.inner-slider li {
	float: left;
	margin-bottom: 5em;
	padding: .75em .5em;
}

ul.inner-slider li img,
ul.inner-slider li h4,
ul.inner-slider li p {
	display: block;
	width: 200px;
}

ul.inner-slider li img {
	height: 113px; /* 16:9*/
}

ul.inner-slider li h4 {
	font-weight: normal;
	line-height: 1.8;
}
/* IE7ハック */
html.ie7 body ul.inner-slider li h4{
	font-size:1em;
}

ul.inner-slider li p {
	font-size: 0.9em;
	line-height: 1.3;
}

ul.inner-slider li.slider-control {
	float: none;
	margin: 0; padding: 0; margin-top: -60px;
	position: absolute;
	top: 50%;
	border:1px solid #d0d2d3;
	background-color: #f9f9f9;
	background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
}

ul.inner-slider li.slider-control a {
	display: block;
	width: 1.5em; height: 100px;
	background: no-repeat center center;
}

ul.inner-slider li.slider-control.control-left {
	left: -1px;
	border-radius: 0 4px 4px 0;
}

ul.inner-slider li.slider-control.control-right {
	right: -1px;
	border-radius: 4px 0 0 4px;
}

ul.inner-slider li.slider-control.control-left a {
	background-image: url(../images/common/tri_orange_l.png);
}

ul.inner-slider li.slider-control.control-right a {
	background-image: url(../images/common/tri_orange.png);
}