@charset "UTF-8";

/* =======================================
★　CSS インフォーメーション　★
☆　お近くの関西電力 共通CSS　☆

■１．共通設定
　●１-１　タイトル部分設定
	●１-２　左メニュー部分設定

===========================================

　●１-１　タイトル部分設定

========================================= */

#categoryttlinner div#ttl-inner-bg{
	background:url(/corporate/community/images/cttl_community_bg.gif) repeat-x;
}

/* =======================================

　●１-２　左メニュー部分設定

========================================= */

.content-menu-item dd a {
	color: #5b5b5b;
	background-image: url(/corporate/profile/community/images/community-menu_icon_1st.gif);
}
.content-menu-item dd a:hover, 
.content-menu-item dd a.activ-menu {
	background-image: url(/corporate/profile/community/images/community-menu_icon_1st_o.gif);
	background-color: #5b5b5b;
}
.content-menu-item ul li a {
	background-image: url(/corporate/community/images/community-menu_icon_2nd.gif);
}
.content-menu-item dd ul li a:hover {
	background-image: url(/corporate/community/images/community-menu_icon_2nd_o2.gif);
	background-color: #5b5b5b;
}
.content-menu-item dd ul li a.activ-menu {
	background-image: url(/corporate/community/images/community-menu_icon_2nd_o.gif);
	background-color: #d9d9d9;
}
.content-menu-item ul li ul li a:hover {
	background-color: #5b5b5b;
}
.content-menu-item ul li ul li a.activ-menu {
	background-color: #d9d9d9;
}

/**リンクなし項目用**/
.content-menu-item ul li.item-menu {
	background-image: url(/corporate/community/images/community-menu_icon_2nd.gif);
}
.content-menu-item dd.item-menu  {
	color: #5b5b5b;
	background-image: url(/corporate/profile/community/images/community-menu_icon_1st.gif);
}



/* =======================================

　●１-3　アクセス　アイコン設定

========================================= */

.accessBox {
	margin-left:40px;
	margin-right:20px;
}
.accessBox .useTrain {
	padding-left:55px;
	padding-top:5px;
	background: url(/corporate/profile/community/share/images/icon_train.gif) no-repeat top left;
}
.accessBox .useBus {
	padding-left:55px;
	background: url(/corporate/profile/community/share/images/icon_bus.gif) no-repeat top left;
}
.accessBox .useCar {
	padding-left:55px;
	padding-top:5px;
	background: url(/corporate/profile/community/share/images/icon_car.gif) no-repeat top left;
}

.utilityNav {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.utilityNav li {
	/*
	display:inline-block;
	*/
	float:left;
	text-align:left;
	margin-bottom: 10px;
}


.infoBox {
	margin-left:10px;
	margin-right:10px;
}
.infoBox th,
.infoBox td {
	padding:14px 10px 13px 20px;
}

.infoBox th.line2 {
	padding-top: 0;
	padding-bottom: 0;
}

.tablePattern01 table.checkTable th {
	width:220px;
}
.tablePattern01 table.checkTable td {
	padding-left:0;
	padding-right:0;
	text-align:center;
}



/*-------------------------------- tab-box -----*/
#tab-box #nav {
	width: 762px;
}
#tab-box .tab {
	width: 722px;
}


/*-------------------------------- tabList -----*/
.tabList,
.tabBg {
	height: 44px;
	background: url("/share_corporate/images/tab_bg.gif") repeat-x bottom left;
}

/*-------------------------------- salesList -----*/
.txtLink01 ul.salesList {
	width: auto;
}
.txtLink01 ul.salesList li {
	float:left;
	margin-right:20px;
	/*margin-bottom:10px;*/
}
.txtLink01 ul.salesList li.last-child {
	margin-right:0;
}
.txtLink01 ul.salesList li.btm {
	margin-bottom:0;
}

.txtLink01 ul.salesList.vertical li {
	float: none;
	margin-right:0;
	/*margin-bottom:10px;*/
}

.txtLink01 ul.salesList.vertical li.bgOn {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url("/share/images/h5_bg.gif") repeat left top;
}


/*-------------------------------- .newsBox -----*/
.newsBox {
	padding:15px 9px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.newsBox dt {
	clear:both;
	float: left;
	width:120px;
	margin-top:5px;
}
.newsBox dd {
	float: left;
	width:620px;
	margin-top:5px;
}
.newsBox dt.firstChild,
.newsBox dd.firstChild {
	margin-top:0;
}

.txtLink01.newsBox ul {
	width: auto;
}


.w92 { width:92px !important;}
.w151 { width:151px !important;}
.w240 { width:240px !important;}
.w331 { width:331px !important;}
.w350 { width:350px !important;}
.w360 { width:360px !important;}
.w390 { width:390px !important;}
.w522 { width:522px !important;}
.w573 { width:573px !important;}
.mL100 { margin-left:100px !important;}


/**/
.googleMapArea,
#googleMapArea{
	width:722px;
	height:390px;
}
.googleMapAreaWrap,
#googleMapAreaWrap{
	margin-top:-53px;
	padding-top:53px;
}


/*------------------------
 clearfix
------------------------*/
.utilityNav:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .utilityNav           { zoom: 1; } /* IE6 */
*:first-child+html .utilityNav{ zoom: 1; } /* IE7 */