@charset "UTF-8";


/* /////////////////////////////////////////////////////////////////////////// wrapper */

html{
	background-color:#011961;
}
div#wrapper{
	background-color:#FFF;
}

/* /////////////////////////////////////////////////////////////////////////// header */

div#header{
	margin:0 auto;
	width:950px;
	height:82px;
	position:relative;
}
	div#header h1,
	div#header p#ci{
		position:absolute;
		left:0;
		top:14px;
		top:0;
		margin-bottom:20px;
	}
	
		div#header h1 img,
		div#header p#ci img{
			padding-top:14px;
		}
	div#utilityMenu{
		margin:20px 0 0 0;
		float:right;
		width:710px;
	}

	div#utilityMenu ul#langnav{
		float:right;
		margin-bottom:11px;
	}

	div#utilityMenu ul#langnav li{
		margin-left:10px;
		line-height:0;
	}

	div#utilityMenuIn{
		float:right;
	}

	div#utilityMenu ul#utility{
		float:left;
	}

/* ページ内検索 */

div#headSearch{
	margin-left:10px;
	float:left;
	/*display:none;*//*公開時は非表示*/
}
	div#headSearch input.keyword{
		border-right:none;
		width:111px;
		height:14px;
		color:#666666;
	}
	div#headSearch input.keyword:focus,
	div#headSearch input.keyword.focused { color: #333; background-color:#FFF; }

/* 文字サイズ変更 */

div#textResize{
	margin-right:-2px;
	padding-left:10px;
	width:120px;
	float:left;
	overflow:hidden;
}
div#textResize dt{
	float:left;
}
div#textResize dd {
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 2px;
  text-indent: -9999px;
  cursor: pointer;
  background:url(img/nav_resize.gif) no-repeat;
}

/* 背景位置指定 */

div#textResize dd#small {
  background-position: 0 0;
}
div#textResize dd#default {
  background-position: -22px -20px;
}
div#textResize dd#large {
  background-position: -44px 0;
}

/* :hover・.active時 */

div#textResize dd#small:hover{
  background-position: 0 -20px;
}
div#textResize dd#default:hover{
  background-position: -22px -20px;
}
div#textResize dd#large:hover{
  background-position: -44px -20px;
}

/* /////////////////////////////////////////////////////////////////////////// navigation */

div#navWrap{
	background:url(img/nav_bg.gif) repeat-x center bottom;
	width:100%;
}
#nav{
	width:950px;
	margin:0 auto;
}

/* /////////////////////////////////////////////////////////////////////////// contents */

div#contents{
	width:950px;
	margin:0 auto;
}

div#contentsWrap{
	margin-bottom:70px;
}

div#main{
	float:left;
	width:650px;
}

div#side{
	float:right;
	width:270px;
}

div#main,
div#side{
}

	div#side p{
	}

	div#side div.sideTitle{
		margin-bottom:15px;
	}

	div#side p.detail{
		margin-top:2px;
	}

	div#side ul li{
		margin-top:5px;
	}

	div#side ul.arrow02 li{
		margin-top:10px;
		line-height:1em;
		/*zoom:1;*/
	}

p.pagetop{
	margin-bottom:20px;
	text-align:right;
}

/* /////////////////////////////////////////////////////////////////////////// topicpath */

ul#topicpath{
	padding-top:10px;
	padding-bottom:10px;
}

	ul#topicpath li{
		display:inline;
		padding:2px 0 1px 0;
		line-height:1.67;
	}

	ul#topicpath li img{
		padding:0 10px 4px 6px;
		vertical-align:middle !important;
	}

	ul#topicpath li#home{
		padding-top:5px;
		padding-left:28px;
		background:url(img/icon/home.png) no-repeat left bottom;
	}


/* /////////////////////////////////////////////////////////////////////////// footer */

div#footer{
	background-color:#011961;
	width:100%;
}

	
div#footerIn{
	width:950px;
	height:90px;
	margin:0 auto;
	padding-top:19px;
}

	div#footerIn a,
	div#footerIn a:hover,
	div#footerIn a:visited{
		color:#FFF;
	}

	div#footerIn ul#fnav{
	}

	div#footerIn ul#fnav li{
		margin-right:20px;
		font-size:77%;
	}

	p#copyright{
		margin-top:19px;
	}


/* /////////////////////////////////////////////////////////////////////////// fbanner */

div#fbannerWrap{
	background-color:#FFF;
	border-top:solid 1px #e1e1e1;
	width:100%;
}
	
div#fbannerWrapIn{
	width:950px;
	margin:0 auto;
}

	div#fbannerWrapIn ul#fbanner{
		margin:10px 0;
	}

	div#fbannerWrapIn ul#fbanner li{
		margin-right:10px;
	}

/* ****************************************************************************

　サイドローカルナビ

------------------------------------------------------------------------------- */

div#sideNav{
	margin-bottom:10px;
	padding-bottom:20px;
	background:url(img/sidenav_btm.gif) no-repeat left bottom;
}

	div#sideNavIn{
		padding-top:15px;
		border-left:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;
}

div#side ul.cmenu{
	margin:0 auto;
	padding-left:14px;
	padding-right:14px;
	/*padding-top:15px;*/
	overflow:hidden;
	zoom:1;
}
	div#side ul.cmenu li{
		margin-top:-1px;
		padding-bottom:1px;
		border-top:1px solid #dbdbdb;
		zoom:1;
	}

div#side ul.cmenuIn{
	margin:0 auto;
}

	div#side ul.cmenuIn li{
		margin:0;
		padding:0 0 0 0;
		font-size:100%;
		border:none;
	}
		div#side ul.cmenuIn li span{
			padding:4px 5px 4px 28px;
			display:block;
			background:#FFF url(/common/css/img/icon/arrow05.gif) no-repeat 10px 5px;
		}
		
		/* 現在地はbgあり */
		/*div#side ul.cmenuIn li.active span,
		div#side ul.cmenuIn li.activeParent span{
			background:#eeeeee url(/common/css/img/icon/arrow05.gif) no-repeat 10px 5px;
		}*/
		div#side ul.cmenuIn li.active span{
			background:#eeeeee url(/common/css/img/icon/arrow05.gif) no-repeat 10px 5px;
		}
	

div#side ul.cmenuIn ul.cmenuIn_s{
}
	div#side ul.cmenuIn ul.cmenuIn_s li span{
		padding:4px 4px 4px 39px;
		background:#FFF url(/common/css/img/icon/arrow02.gif) no-repeat 28px 7px;
	}
	div#side ul.cmenuIn ul.cmenuIn_s li.active span{
		background:#eeeeee url(/common/css/img/icon/arrow02.gif) no-repeat 28px 7px;
	}

p.sidebtn{
	margin-bottom:10px;
	margin-top:10px;
}

/* 京阪電車お客さまセンター */

div.curvy220{
	margin-bottom:10px;
	padding-bottom:15px;
	background:url(/common/css/img/curvy_w220_btm.gif) no-repeat left bottom;
}

	div.curvy220In{
		padding-left:15px;
		padding-right:15px;
		background:url(/common/css/img/curvy_w220_mdl.gif) repeat-y left top;
	}

/* ボタンエリア */

div.curvy220g{
	padding-bottom:15px;
	background:url(/common/css/img/curvy_w220g_btm.gif) no-repeat left bottom;
}

	div.curvy220gIn{
		background:url(/common/css/img/curvy_w220g_mdl.gif) repeat-y left top;
	}
	
	div.curvy220g ul{
		padding:10px 10px 0;
		background:url(/common/css/img/curvy_w220g_top.gif) no-repeat left top;
	}

/* バナーエリア */

div.curvy220In.nottl{
	padding:0;
}
div.curvy220 ul.curvyIn{
	padding-top:15px;
	padding:15px 15px 0;
	background:url(/common/css/img/curvy_w220_top.gif) no-repeat left top;
}