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:#ee82ee;
        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;
	}
.attention{color:red; margin-top:5px;}

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

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

.frame{
	border:1px solid #ccc;
	padding:5px 10px;
	font-size:90%;
	}

.bread{padding-bottom:10px; font-size:90%; 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: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{font-size:80%; 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;
	widows:150px;
	font-size:90%;
	}
	
#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(../usages/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;
	}

#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;
	font-size:80%;
	margin-right:10px;
	display:block;
	width:30px;
	float:left;
	text-align:center;
	}

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

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

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

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

#other .kakomi{
	padding:15px 10px;
	background:#e83921;
	color:white;
	font-size:80%;
	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;
	font-size:90%;
	color:#666;
	}

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

#rule h5{
	margin-bottom:5px;
	}
	
#rule #maincontents{
	font-size:80%; 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;}

#press{float:left; width:485px; clear:both; padding-left:10px;}

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

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

#info .newslist{background:url(/view/img/arrow_info.gif) no-repeat right center; float:right; padding-right:15px; width:150px; text-align:right;} 
#press .newslist{background:url(/view/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{ padding-top:10px; margin-top:5px; border-top:1px solid #ccc; clear:both; float:left; width:485px;}


/*一覧ページ*/
.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;
	font-size:90%;
}

.sitemap li a{
	color:#666;
}	

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

.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:13px !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; background:#fde9d1 url(/view/img/bg_table.gif) bottom repeat-x; padding:5px 0px; 
border-right:1px solid #fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal; font-size:90%; line-height:125%; }
.table1 td{padding:5px 0px; border-bottom:1px solid #ccc; font-size:90%; }
#memberinfo{background:#efefef; clear:both;}
#memberinfo td{padding:3px; background:#efefef; clear:both; font-size:90%;}

.mt5{margin-top:5px;}
.mt30{margin-top:30px;}
.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;}
.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;}

.alert{color:#FF0000;}





/*スタート*/

#info_start{float:left; font-size:12.5px;}
#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{
font-size:10px;
line-height:1.5em;
}

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

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

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

.text_sab{
font-size:13px;
line-height:1.5em;
}

.caution {
        color:#f06d8b;
 }

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

.boldface {
font-weight: bold;
}