@charset "UTF-8";
/* CSS Document */




body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	color:#333;
	line-height:150%;
	background:#f2f2f2 url(../view/images/bg.gif) repeat-y center center;
	}

#wrapper{
	margin:0px auto;
	text-align:left;
	width:780px;
	text-align:left;
	}

h1, h2, h3, h4, p, ul, li{
	margin:0px;
	padding:0px;
	}

h2{
	font-weight:normal;
	margin-bottom:30px;
	}

h3{line-height:125%;}


a:link {
        color:#e85377;
        text-decoration:none;
}
a:hover {
        color:#e85377;
        text-decoration:underline;
}
a:active {
        color:#e85377;
        text-decoration:none;
}
a:visited {
        color:#e85377;
        text-decoration:none;
}

li{
	list-style:none;
	}

hr{
	border-bottom:1px dotted #999 !important;
	border:none;
	margin:15px 0px;
	}

img{border:none;}

td{vertical-align:top;}

.caption{
	line-height:150%;
	color:#666;
	}
.caption2 {
	color:#666;
}
.attention{color:red; margin-top:5px;}

/* 2011.12追加 */
.attention_kakomi{color:red; margin-top:5px; text-align:center; border:1px solid red; padding:2px 4px; margin:0 0 5px; width:300px;}
/* 2011.12追加ここまで */

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}

.frame_matte{
	background:#e6e6e6;
	padding:10px;
	line-height:150%;
	}

.frame{
	border:1px solid #ccc;
	padding:5px 10px;
	}

.bread{padding-bottom:10px; color:#999;}

/*ヘッダ*/

h1{float:left; width:170px;}

#navigation{
	width:780px;
	}

#mainnavi{width:750px; padding:0px 20px; float:left; height:35px;}

#subnavi{
	width:780px;
	background:url(../view/images/bg_header.gif) repeat-x;
	text-align:right;
	float:left;
	}

#subnavi ul{float:right;}

#mainnavi li, #subnavi li{
float:left;
}

.faq{float:right; padding-right:15px; margin-top:15px; width:200px; text-align:right;}

/*ドロップダウンメニュー
.navmenu, .navmenu ul,.navmenu li{
    padding: 0px;
    margin: 0px;
	}

.navmenu li{
    list-style-type: none;
	}

.navmenu ul{
    display: none;
    position: absolute;
	}

.navmenu ul li{
    display: block !important;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	background-color:#fff;
	margin-left:10px;
	margin-top:-5px;
	float:none !important;
	}

.navmenu li:hover > ul{
    display: block !important;
	}

.navmenu li ul a{
	padding:5px 15px;
    color: #333;
    background: none;
    display: block !important;
    text-decoration: none;
	}

.navmenu li ul a:hover{
    color: #666;
    background:#e6e6e6;
    display: block !important;
	}
*/

/*ドロップダウンメニュー2*/
div#menu{
	width:765px;margin:0;padding:0;z-index:100; float:left; padding-left:15px;}

ul.ddmenu{margin:0;padding:0;}

.ddmenu li.off{
	position:relative;
	float:left;
	height:35px;
	overflow:hidden;
	visibility: visible;
}

.ddmenu li.on{position:relative;float:left;;overflow:visible;z-index:1000;}

.ddmenu a{display:block;}

.ddmenu a:hover{display:block;}

.ddmenu li ul{
	position:absolute;
	/*top:23px;
	left:-30px;*/
	top:35px;
	left:-4px;
	background-color:#fff;
	border:1px solid #ccc;
	border-top:1px solid #e6e6e6;
	border-bottom:none !important;
	visibility: visible;
}

.ddmenu li ul li{width:200px !important;}
.ddmenu li ul li a{color:#666!important; padding:5px; border-bottom:1px solid #ccc;}

.ddmenu li ul li a:hover{color:#666!important;background-color:#e6e6e6!important; padding:5px; text-decoration:none;}

* html .ddmenu li{margin:0; padding:0; display:inline;}

* html .ddmenu li ul li{margin:0; padding:0; display:inline;}




#contents{
	overflow: hidden;
	width:750px;
	padding-bottom:15px;
	padding-top:10px;
	padding-left:15px;
	float:left;
	clear:both;
	}


/*左メニュー*/

#leftmenu{
	width:170px;
	background:url(../view/img/menu_bottom.gif) bottom;}

#leftmenu li{
	border-bottom:1px solid #ccc;
	/*width:150px;*/
	}
	
#leftmenu li a{
	color:#666 !important;
	padding:5px 5px 5px 25px;
	background:url(../view/img/dot_menu.gif) no-repeat 10px center;
	display:block;
	line-height:150%;
	}

#leftmenu li a:hover {
	color:#666 !important;
	background:url(../view/img/dot_menu_o.gif) no-repeat 10px center;
	font-weight:bold;
	}

.lefttop{
	background:url(../view/img/menu_top.gif) no-repeat !important;
	}

.lefttop_s{
	background:url(../view/img/menu_top_o.gif) no-repeat #e6e6e6 !important;
	}

#leftmenu li.lefttop_s a{
	color:#666 !important;
	padding:5px 5px 5px 25px;
	background:url(../view/img/dot_menu_o.gif) no-repeat 10px center;
	display:block;
	font-weight:bold;
	}

#leftmenu li.left_s a{
	color:#666 !important;
	padding:5px 5px 5px 25px;
	background:url(../view/img/dot_menu_o.gif) no-repeat 10px center #e6e6e6;
	display:block;
	font-weight:bold;
	}


/*メインコンテンツ*/

#maincontents{
	width:560px;
	float:right;
	}

#maincontents h2{
	margin-bottom:15px;
	}

#maincontents h3{
	margin-top:20px;
	margin-bottom:5px;
	font-weight:bold;
	}

#maincontents h4{
	margin-bottom:5px;
	font-weight:bold;
	}

#about h3{
	background:url(../about/img/dot_about.gif) no-repeat left center;
	padding-left:20px;
	}

#buy h3{
	background:url(../buy/img/dot_buy.gif) no-repeat left center;
	padding-left:20px;
	}

#usage h3{
	background:url(../usage/img/dot_usage.gif) no-repeat left center;
	padding-left:20px;
	}

#procedure h3{
	background:url(../procedure/img/dot_procedure.gif) no-repeat left center;
	padding-left:20px;
	}

#point h3{
	background:url(../point/img/dot_point.gif) no-repeat left center;
	padding-left:20px;
	}

#autocharge h3{
	background:url(../autocharge/img/dot_ac.gif) no-repeat left center;
	padding-left:20px;
	}
	
#e_money h3{
	background:url(../e_money/img/dot_e_money.gif) no-repeat left center;
	padding-left:20px;
	}

#other h3{
	background:url(../other/img/dot_other.gif) no-repeat left center;
	padding-left:20px;
	}


#about .kakomi{
	padding:5px 10px;
	background:#f05b7d;
	color:white;
	margin-right:10px;
	display:block;
	width:30px;
	float:left;
	text-align:center;
	}

#usage .kakomi{
	padding:5px 10px;
	background:#1c8aa4;
	color:white;
	margin-right:10px;
	display:block;
	width:30px;
	float:left;
	text-align:center;
	}

#procedure .kakomi{
	padding:5px 10px;
	background:#90318b;
	color:white;
	margin-right:10px;
	display:block;
	width:30px;
	float:left;
	text-align:center;
	}

#point .kakomi{
	padding:5px 10px;
	background:#17992F;
	color:white;
	margin-right:10px;
	display:block;
	width:30px;
	float:left;
	text-align:center;
	}

#autocharge .kakomi{
	padding:5px 10px;
	background:#FABF00;
	color:white;
	margin-right:10px;
	display:block;
	width:30px;
	float:left;
	text-align:center;
	}
	
#e_money .kakomi{
	padding:5px 10px;
	background:#E50012;
	color:white;
	margin-right:10px;
	display:block;
	width:30px;
	float:left;
	text-align:center;
	}

#other .kakomi{
	padding:5px 10px;
	background:#0068B7;
	color:white;
	margin-right:10px;
	display:block;
	width:30px;
	float:left;
	text-align:center;
	}

.exsample{background:none !important;
	padding-left:0px !important;
	}
	
.warning{
	border:1px solid #999;
	padding:10px;
	color:#666;
	}

.question td{
	border-bottom:1px dotted #ccc;
	padding:10px 0px;
	}

#rule h5{
	margin-bottom:5px;
	}
	
#rule #maincontents{
	line-height:150%;
	}

#rule ol li{list-style:decimal !important; margin-left:0px;}
#rule ol { padding-left:0px; margin-top:0px; margin-left:25px;}

/*トップページ*/
#info{float:left; width:485px; padding-left:10px;}
#event{float:left; width:485px; clear:both; padding-left:10px; margin-top:25px;}
#press{float:left; width:485px; clear:both; padding-left:10px; margin-top:25px;}

#info h3{background:url(../img/dot_info.gif) no-repeat left center; padding-left:20px; font-weight:normal; float:left; width:250px;}

#event h3{background:url(../img/dot_event.gif) no-repeat left center; padding-left:20px; font-weight:normal; float:left; width:250px;}

#press h3{background:url(../img/dot_press.gif) no-repeat left center; padding-left:20px; font-weight:normal; float:left; width:250px;}

#info .newslist{background:url(../img/arrow_info.gif) no-repeat right center; float:right; padding-right:15px; width:150px; text-align:right;} 
#event .newslist{background:url(../img/arrow_event.gif) no-repeat right center; float:right; padding-right:15px; width:150px; text-align:right;} 
#press .newslist{background:url(../img/arrow_press.gif) no-repeat right center; float:right; padding-right:15px; width:150px; text-align:right;} 

.newslist a{color:#666;}
.newslist a:hover{color:#999; text-decoration:underline;}
	
#info ul, #press ul, #event ul{ padding-top:10px; margin-top:5px; border-top:1px solid #ccc; clear:both; float:left; width:485px;}

span.newsdate {
        color:#00a760;
        font-weight:bold;
 }
/*一覧ページ*/
.postlist td{
	padding:10px 0px;
	border-bottom:1px dotted #ccc;
	}

.date{font-weight:bold;
	color:#999;
	}

/*サイトマップ*/
.sitemap li{
	padding-left:20px;
	padding-bottom:3px !important;
}

.sitemap li a{
	color:#666;
}	

.sitemap li a:hover {
	color:#999;
	text-decoration:underline;
}

.sitemap li a:visited {
	color:#666;
}
	

.sitemap td{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	}

.sitemap .otherlink li{
	background:url(../view/img/dot_menu.gif) no-repeat left center;
	padding-left:0px !important;
	}
	
/*このサイトについて*/
#sitepolicy h3{
	background:url(../view/img/dot_rule.gif) no-repeat left center;
	padding-left:20px;
}

/*お問い合わせ*/
.inquiry{ font-weight:bold;}

/*フッタ*/
#footer{
	padding:5px 15px;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	width:750px;
	color:#999;
	clear:both;
	float:left;
	}
#footer a{ color:#333;}
#footer a:hover{text-decoration:underline;}

/*クレジット*/
#credit{
	width:750px;
	padding:15px; float:left;
	}
	
#credit address{
	text-align:right;
	margin-top:5px;
	}

/*きっぷを購入する*/
#img_seisan{
	padding-left:44px;
	}

/*磁気タイプの定期券からSAPICA定期券への移し替え*/
#img_ziki{
	vertical-align:middle;
	}

/*pdf閲覧一括*/
#img_pdf_banner{
	vertical-align:bottom;
	}

/*pdf閲覧分割*/
#section_indent{
	margin-left:20px;
	}

/*定期券発売場所*/
#place{
	vertical-align:middle;
	}

.topnews td ul{
	border-top:1px solid #999;
	padding-top:10px;
	clear:both;
	}

.topnews td ul li{
	list-style:disc;
	margin-left:20px;
	}

.topnews{
	margin-top:15px;
	margin-left:10px;
	}

.topnews h3{
	width:200px;
	float:left;
	}

.list-pink{
	float:right;
	width:70px;
	background:url(../view/images/arrow_pink.gif) no-repeat right center;
	text-align:right;
	padding-right:15px;
	}

.list-orange{
	float:right;
	width:70px;
	background:url(../view/images/arrow_orange.gif) no-repeat right center;
	text-align:right;
	padding-right:15px;
	}

.tdright{text-align:right;}
td.tableleft{padding-left:5px !important;}
td.tableright{padding-right:5px !important; text-align:right;}
.table1 th{text-align:center; padding:5px 0px; 
border-right:1px solid #fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal; line-height:125%; }
.table1 td{padding:5px 0px; border-bottom:1px solid #ccc;}
#memberinfo{background:#efefef; clear:both;}
#memberinfo td{padding:3px; background:#efefef; clear:both;}

.mt5{margin-top:5px;}
.mt30{margin-top:30px;}
.mt70{margin-top:70px;}
.tdbotop{border-top:1px solid #ccc;}
#membermenu{float:left !important; width:330px;}
#membermenu ul li{ float:left !important;}

.mt10{margin-top:10px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.table_login01{background:url(../view/img/bg_login01_top.gif) no-repeat;}
.table_login02{background:url(../view/img/bg_login02_top.gif) no-repeat;}

.form_member td{padding-top:10px;}

.table_form{background:url(../view/img/bg_form_top.gif) no-repeat;}
.table_form{background:url(../view/img/bg_form_top.gif) no-repeat;}

.message{margin:100px 0px;}

.alart{color:#FF0000;}

/*スタート*/

#info_start{float:left;}
#info_start h3{background:url(../view/img/dot_info_.gif) no-repeat left center;
	padding-left:20px; font-weight:normal; float:left; margin-bottom:0px;
	}

#info_start ul{
	margin-top:10px;
	}

.small{
	line-height:1.5em;
	}

.table_map{
background-color:#EFEFEF;
padding:15px;
margin-top:25px;
}

.pink{
color:#F0919E;
font-weight:bold;
line-height:1.5em;
}

.main_ttl{
color:#333;
font-weight:bold;
line-height:1.5em;
}

.mt30{
margin-top:30px;
}

.text_sab{
line-height:1.5em;
}

.caution {
	color:#f06d8b;
}

.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}

.boldface {
	font-weight: bold;
}

/*ライトボックス*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../view/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../view/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

/* #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; } */
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #f2f2f2; }

/*110727追加 スライドメニュー*/

#open{
	padding-top:15px;
	background-image: url(../e_money/img/img_area.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
/*     cursor: pointer;*/
     width:560px;
	 height:35px;
     }

#slideBox{
	padding: 10px;
	width:538px;
	border-top: none;
	 border-right: 1px #e6e6e6 solid;
	 border-bottom: 1px #e6e6e6 solid;
	 border-left: 1px #e6e6e6 solid;
/*     display:none;*/
     display:block;
     }


/*110727追加 電子マネーリスト部分*/


#tab li {
	float: left;
/*	width: 80px;*/
	width: 100px;
	color: #e85377;
	height: 2.0em;
}

.t_center {text-align:center}
.t_middle {vertical-align:middle}
.t_left {text-align:left;}


#tab_title li {
	float: left;
	width: 100px;
	color: #333;
	height: 3.0em;
}
/*110910追加 電子マネー全利用可能店舗*/

.e_money_all {background-color:#E6E6E6; padding:5px;}

/*120117追加 電子マネー利用可能店舗検索メニュー用*/

#scrollBox{
	padding-top:15px;
	background-image: url(../e_money/img/img_kensaku.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:35px;
}
/*
#floatMenu{
        position: absolute;
        top:270px;

}
*/
/* 2012/01/31 電子マネー利用可能店舗検索 */
h2#e_money {
	margin:0px 0px;
	height:70px;
	width:560px;
	background:url(../img/title_shoplist.gif) no-repeat;
}
p.e_money {
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#777;
	font-size:12px;
	text-align:right;
}
h2#e_money span.shopnumber1 {
	padding:47px 10px 0px 0px;
	border-width:1px 0px;
	font-size:18px;
	color:#fff;
	float:right;
}
hr.shplst {
	border-bottom:1px dotted #999 !important;
	border:none;
	padding:0px 0px;
	margin:0px 0px;
}
table.shoplist {
	margin:0px 0px;
}
.emw30 { width:30px; }
.emw40 { width:40px; }
.emw80 { width:80px; }
.emw90 { width:90px; }
.emw160 { width:160px; }
/* 2012/01/24 電子マネー利用可能店舗検索フォーム */
div#floatMenu {
	float:left;
	padding-left:0px;
	margin-bottom:10px;
	background-color:#fcf1ef;
	border-style:solid;
	border-color:#e6e6e6;
	border-top-width:0px;
	border-bottom-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	width:168px;
}
div#floatMenu2 {
	float:left;
	padding:0px 0px 20px 0px;
	margin-top:10px;
	background-color:#fcf1ef;
	border-style:solid;
	border-color:#e6e6e6;
	border-top-width:0px;
	border-bottom-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	width:168px;
}
div#floatMenu2 a:link {
	padding:0px 0px 10px 15px;
	background:none;
        text-decoration:none;
}
div#floatMenu2 a:hover {
	padding:0px 0px 10px 15px;
	background:none;
        text-decoration:none;
}
div#floatMenu2 a:visited {
	padding:0px 0px 10px 15px;
	background:none;
        text-decoration:none;
}
div#floatMenu2 a:active {
	padding:0px 0px 10px 15px;
	background:none;
        text-decoration:none;
}
div span#sfTitle1 {
	background:url(../e_money/img/dot_e_money2.gif) no-repeat 9px center #fcf1ef; 
	padding:25px 0px 24px 25px;
	display:block;
	font-weight:bold;
	font-size: 14px;
}
div span#sfsubTitle1 {
	padding:0px 0px 2px 15px;
	display:block;
	font-weight:bold;
	font-size: 14px;
}
div span#sfsubTitle2 {
        padding:10px 0px 2px 0px;
        display:block;
        font-weight:bold;
        font-size: 14px;
}
div#sfsubTitle3 {
	background:url(../e_money/img/dot_e_money2.gif) no-repeat 0px center #fcf1ef; 
	padding:14px 0px 14px 16px;
	margin:10px 0px 0px 0px;
	display:block;
	font-weight:bold;
	font-size: 14px;
	vertical-align:middle;
}
form#sform1 {
	margin:0px;
	padding:0px 0px 20px 15px;
	display:block;
	font-size: 14px;
}
form#sform1 select#a_sel {
	-moz-border-radius:2px;
	border-radius:2px;
	border:thin solid #777;
	width:145px;
	font-size:13px;
}
form#sform1 select#c_sel {
	-moz-border-radius:2px;
	border-radius:2px;
	border:thin solid #777;
	width:140px;
	font-size: 13px;
}
form#sform1 input.srchdef {
	margin:25px 0px 10px 0px;
	font-size: 12px;
}
form#sform1 input.srchetc {
	margin:4px 0px 0px 0px;
	font-size: 12px;
}
option {
	background:#fff;
}


/* 2012/01/24 店舗印刷画面 */
div#shop_info {
	overflow: hidden;
	width:750px;
	padding-bottom:15px;
	padding-top:10px;
	padding-left:15px;
	clear:both;
	color:#555;
	font-size:14px;
	text-align:center;
}
div.mapshopdtl1 {
	padding:0px 0px 0px 0px;
	margin-top:25px;
	margin-left:80px;
	width:600px;
	height:40px;
	text-align:center;
}
div.mapshopdtl1 h3#mapshopname {
	padding-left:0px;
	margin-left:0px;
	background:none;
	text-align:left;
	text-decoration:none;
	float:left;
	display:inline;
}
div.mapshopdtl1 a img {
	display:inline;
	float:right;
}
div.mapshopdtl2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 80px;
	width:600px;
	height:0px;
}
div.mapshopdtl2 span.mapcate {
	padding-left:0px;
	margin-left:0px;
	float:left;
	font-size:13px;
	text-align:left;
}
div.mapshopdtl3 {
	padding:0px 0px 0px 80px;
	margin:10px 0px 0px 0px;
	width:600px;
	text-align:left;
	vertical-align:middle;
}
div.mapshopdtl3 hr {
	padding:5px 0px 0px 0px;
	margin:5px 0px 0px 0px;
}
div.mapaddr1 {
	padding:7px 0px 0px 10px;
}
div.maptel1 {
	padding:7px 0px 0px 10px;
}
span.mapaddr3 {
	padding-left:70px;
}
span.maptel3 {
	padding-left:75px;
}
div.mapclose {
	margin:25px 0px 0px 0px;
	float:center;
}