@charset "utf-8";
/* =====================================================================================
　CSS information

	file name  :  layout.css
	style info :  全体のレイアウト用設定
===================================================================================== */

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

Body 全般

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

/*　Body設定
------------------------------------------------------------------------------------------------------------------*/
body {
	background: url(../images/bg-body.gif) repeat-x ;
	background-color: #FFFFFF;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/*　リンク設定
------------------------------------------------------------------------------------------------------------------*/
a, a:visited {
/*-------2014.07.15 色変更（視覚重視で彩度を濃くした）--------*/
	color:#0c8e7d;
	text-decoration:none;
	text-align: left; 
}
a:active, a:hover {
	color:#309794;
	text-decoration:underline;
}



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

Header（奈良交通全体ページの上部ヘッダー）

===================================================================================== */
#header{
/*	clear:both;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../images/background/bg-loop-head.png) repeat-x left top;
}
#header_content{
/*	clear:both;*/
	width:980px;
	margin:0 auto;
	background:url(../images/background/bg-head.png) no-repeat center top;
}

#header p {
	padding:0px;
	margin:0px;
}
#header ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#header li {
	padding:0px;
	margin:0px;
}

#header_content h1{
	float:left;
	width:315px;
	height:65px;
	padding:27px 0 0 0;
}
#header_content h1 a{
	width:335px;
	height:61px;
	display:block;
	background:url(../images/head/head-logo.png) left top no-repeat;
}
#header_content h1 span{
	display:none;
}

#head_right{
	float:right;
	/*width:331px;*/
	width:550px;
	font-size:12px;
	line-height:150%;
}

#head_link{
	clear:both;
	float:right;
	width:540px;
/*	width:480px;*/
	height:15px;
	padding:15px 0 22px 0 !important;
}
#head_link li{
	float: left;
}
#head_link li a{
	float:left;
	color:#3C2415;
	/*padding:0 15px;*/
	padding:0 8px;
	height:15px;
	border-right:1px solid #3C2415;
}
#head_link .hlast a{
	border:none;
	padding-right:0px !important;
}

#head_search {
    clear: both;
	float:right;
	width:378px;
	padding-bottom:5px !important;
}
.ie #head_search, .chrome #head_search {
	width:379px;
}
#head_search p{
	float:left;
	width:80px;
	padding-top:5px !important;
	color:#3C2415;
}
#head_search table{
	float:left;
	width:298px;
}
.ie #head_search table, .chrome #head_search table{
	width:299px;
}
#head_search .input {
	float:left;
    height: 20px;
    width: 225px;
	padding:2px 0 !important;
}
.ie #head_search .input, .chrome #head_search .input {
	height:18px;
}
#head_search .submit {
	float:left; 
    border: 0 none;
    cursor: pointer;
    height: 25px;
    text-indent: -999px;
    width: 70px;
	padding:2px 0 !important;
	margin-top:1px !important;
	background: url(../images/head/head-btn-search.gif) no-repeat scroll left top transparent;
}
#head_social{
	clear:both;
	float:right;
	height:20px;
	width:255px;
}
#head_social li{
	float:right;	
	padding-left:5px !important;
}



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

グローバルナビゲーション（路線バス・高速バスなどの上部のナビゲーションバー）

===================================================================================== */
#navbox{
	clear:both;
	width:980px;
	height:50px;
	padding-bottom:7px;
	font-size:12px; 
	line-height:150%;
}
#navbox li{
	float:left;
}
#navbox li a{
	width:140px;
	height:50px;
	float:left;
	display:block;
}
#navbox .nav01 a{
	background:url(../images/navigation/nav01.png) left top no-repeat;
}
#navbox .nav01 a:hover{
	background:url(../images/navigation/nav01-on.png) left top no-repeat;
}
#navbox .nav02 a{
	background:url(../images/navigation/nav02.png) left top no-repeat;
}
#navbox .nav02 a:hover{
	background:url(../images/navigation/nav02-on.png) left top no-repeat;
}
#navbox .nav03 a{
	background:url(../images/navigation/nav03.png) left top no-repeat;
}
#navbox .nav03 a:hover{
	background:url(../images/navigation/nav03-on.png) left top no-repeat;
}
#navbox .nav04 a{
	background:url(../images/navigation/nav04.png) left top no-repeat;
}
#navbox .nav04 a:hover{
	background:url(../images/navigation/nav04-on.png) left top no-repeat;
}
#navbox .nav05 a{
	background:url(../images/navigation/nav05.png) left top no-repeat;
}
#navbox .nav05 a:hover{
	background:url(../images/navigation/nav05-on.png) left top no-repeat;
}
#navbox .nav06 a{
	background:url(../images/navigation/nav06.png) left top no-repeat;
}
#navbox .nav06 a:hover{
	background:url(../images/navigation/nav06-on.png) left top no-repeat;
}
#navbox .nav07 a{
	background:url(../images/navigation/nav07.png) left top no-repeat;
}
#navbox .nav07 a:hover{
	background:url(../images/navigation/nav07-on.png) left top no-repeat;
}
#navbox span{
	display:none;
}


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

body以降の中身（全ページにまたがる基本的なレイアウト用）

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

/*　テーブルの基本設定
------------------------------------------------------------------------------------------------------------------*/
table {
	border-collapse: collapse;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;
}

/*----テーブル要素内　並行方向·水平方向------*/
table th.th_left, 
table td.td_left {
  text-align: left;
}
table th.th_right, 
table td.td_right {
  text-align: right;
}
table.table_center,
table th.th_center, 
table td.td_center {
  text-align: center;
  margin: 0 auto;
}
table td.td_top,
table th.th_top {
  vertical-align: top;
}
table td.td_middle,
table th.th_middle {
  vertical-align: middle;
}





/*▼ここから　タグ属性消去*/
#header h1,
#header h2 {
	padding:0px;
	margin:0px;
	font-size:12px;
	font-weight:normal;
}
img{
	border:0px;
}

/*▲ここまで　タグ属性消去*/


/*　中身の枠ページ（使える幅が935px。レイアウトのデザイン用に左右幅35px）
-------------------------------------------------------------------------------------------------*/
#content{
	width:935px;
	margin:0 auto;
	padding:0px 35px 35px 35px;
	background-color:#FFFFFF;
	overflow:hidden;
	min-height:500px;
	clear: both;
}

/*　パンくずリスト（topicPathともいうらしい　”ホーム＞路線バス＞路線バスのご案内”のように左上部に作る住所みたいなもの）
-------------------------------------------------------------------------------------------------*/
#content .headNavi{
	padding:10px 0px 10px 0px;
	text-align:left;
	font-size:12px;
	margin: 0;
}
#content .headNavi li{
	display:inline;
	margin: 0;
	padding: 0;
	padding: 0 3px;
}
#content .headNavi li a {
  padding-right: 15px;
  background: url(../images/other/topicpath.gif) no-repeat right center;
}  



/*----テーブル要素内　並行方向・水平方向------*/
table th.th_left, 
table td.td_left {
	text-align: left;
	vertical-align: middle;
}
table th.th_right, 
table td.td_right {
	text-align: right;
	vertical-align: middle;
}
table.table_center,
table th.th_center, 
table td.td_center {
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
}
table td.td_top,
table th.th_top {
	vertical-align: top;
}
table td.td_middle,
table th.th_middle {
	vertical-align: middle;
}


/*　テキストの並行方向・水平方向
----------------------------------------------------------------*/
.align_center {
	text-align: center;
	margin: 0 auto;
}
.align_right {
	text-align: right;
}
.valign_top {
	vertical-align: top;
}
.valign_middle{
	vertical-align: middle;
}

/*　テキストの並行方向·水平方向
------------------------------------------------------------------------------------------------------------------*/
.text_center {
	text-align: center;
  margin: 0 auto;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}



/*　フォント設定
----------------------------------------------------------------*/
/*----フォントの太さ-------*/
.fontBold {
	font-weight: bold;
}
/*----フォントの色-------*/
.fontRed {
	color: #D60015;
}
.fontBlue {
	color: #0054EA;
}

/*----フォントの色（土曜日・日祝日の定義がついているもの）-------*/
.saturday {
	color: #0081EA;
}
.holiday {
	color: #D60015;
}

/*----フォントのサイズ（font80が基本ベース）-------*/
.font130 {
	font-size: 130%;
}
.font120{
	font-size: 120%;
}
.font110{
	font-size: 110%;
}
.font80{
	font-size: 80%;
}
.font70{
	font-size: 70%;
}

/*----補足説明用文字（小文字説明はこのスタイルで）-------*/
.attention{
	font-size: 80%;
}


/*　外枠用1（左180px／右575px）
----------------------------------------------------------------*/
#side {
	float: left;
	width: 200px;
}
#main {
	float: right;
	width: 720px;
}

/*　外枠用1（左49%／右49%）
----------------------------------------------------------------*/
#side2 {
	float: left;
	width: 49%;
}
#main2 {
	float: right;
	width: 49%;
}

/*　ページタイトルの定義（基本的にh1で使っている）
----------------------------------------------------------------*/
.pagetitle1 {
	font-size: 100%;
	font-weight: bold;
	display: block;
	color: #296f86;
	line-height: 1.5;
	background-color: #E6E694;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 10px;
}

/*　キャッチコピー用見出し（基本的にはh1の下におくが臨機応変）
----------------------------------------------------------------*/
.catchcopy1 {
	font-size: 90%;
	font-weight: bold;
	display: block;
	color: #CD2626;
	line-height: 1.5;
	margin: 0px 2px 10px 2px;
	padding: 0px 5px 0px 5px;
}

/*========================　左カラム（ナビカラム）専用ナビゲーションリスト　==============================*/
ul.listNavi{
	width: 100%;
	margin: 0px 0 15px 0;
	padding: 0px;
	list-style: none;
	text-align: left;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.5;
}
.listNavi li {
	border-bottom: 1px solid #aaaaaa;
	background-color: #F6F6F6;
	margin: 0px;
	padding: 0px;
}
.listNavi a, 
.listNavi a:visited, 
.listNavi a:active, 
.listNavi a:hover {
	display: block;
	text-decoration:none;
	padding: 5px 10px;  
}
.listNavi a, 
.listNavi a:visited{
	background:#fcf9e0;
	font-weight: normal;
}
.listNavi a:active, 
.listNavi a:hover {
	color: #387a52;
	background:#fcf9e0;
}
.listNavi a img {
	vertical-align: text-top;
	margin: 0;
	padding: 0;
}

/*==========================　メインカラム用　===============================*/

/*　詳細説明用
----------------------------------------------------------------*/

/*----定義1（dt茶色／dd白色）------*/
dl.topics {
  width: 100%;
  text-align: left;
  margin: 2px 0px 10px 0px;
}
.topics dt {
  background-color: #e1d9a6;/*　以前は　#ccc099　その前は#baaf8a　*/
  padding: 5px;
  vertical-align: top;
  text-align: left;
  font-size: 80%;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 3px;
}
.topics dd {
   margin: 0px;
   padding: 3px 0px 3px 3px;
   vertical-align: top;
   font-size: 80%;
   line-height: 1.4;
}

/*----定義3→→→→→→→→→（ＢＴのトップページ。bt.cssへ）------*/

/*------ddで使うキャッチコピー------*/
dd .catchcopy1 {
  font-size: 120%;
}


/*　タイムテーブル設定（時刻表用）
----------------------------------------------------------------*/

/*------timeTable共通設定ー------*/
.timeTable1,
.timeTable2 {
  margin: 5px 0px;
  border: 1px solid #9C9C9C;
  border-collapse: collapse;
}

/*------timeTable1（font100%・center）ー------*/
table.timeTable1 {
	font-size: 100%;
}
.timeTable1 th {
	background-color: #EEE9BF;
	border: 1px solid #9C9C9C;
	padding: 5px;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
}
.timeTable1 td {
	background-color: #ffffea;
	border: 1px solid #9C9C9C;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto 0;
}

/*------timeTable2（font100%-left）ー------*/
table.timeTable2 {
	font-size: 100%;
}
.timeTable2 th {
	background-color: #EEE9BF;
	border: 1px solid #9C9C9C;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
.timeTable2 td {
	background-color: #ffffea;
	border: 1px solid #9C9C9C;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}


/*　AdobePDFのテーブル
----------------------------------------------------------------*/
table.pdf {
}
table.pdf th {
	padding-right: 10px;
}

/*==========================　トピックス　===============================*/

/*　トップページ用のトピックス
----------------------------------------------------------------*/
table.topics {
	width: 100%;
	font-size: 80%;
}
table.topics th {
  background-color: #baaf8a;
  padding: 5px 0px 5px 5px;
	text-align: left;
}
table.topics td {
  background-color: #F6F6F6;
  padding: 2px 0px 2px 5px;
  vertical-align: top;
  line-height: 1.5;
}

/*==========================　各ページ上部に設ける重要な告知用　===============================*/
.important-news {
	margin-bottom: 15px;
}
.important-news ul {
	font-size: 90%;
	font-weight: bold;
	color: #FF0000;
}
.important-news li {
	line-height: 1.6;
	list-style: square;
}
.important-news li a {
	color: #FF0000;
}



/*----ページの頭に移動するタグ-------*/
p#gotoTop {
	font-size: 80%;
	text-align: right;
	margin: 20px 0 10px;
	padding-right: 20px;
}



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

Footer（奈良交通全体ページの下部フッター）

===================================================================================== */
#footer{
	clear:both;
	overflow: hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background: url(../images/background/bg-loop-foot.png) left bottom repeat-x;
}
#footer_content{
	clear:both;
	overflow: hidden;
	width:980px;
	height:210px;
	margin:0 auto;
}

#footer p {
	padding:0px;
	margin:0px;
}

#footer ul{
	padding:0px;
	margin:0px;
	list-style:none;
	overflow: hidden;
}
#footer li {
	padding:0px;
	margin:0px;
}


/*　footerのトップへ戻る
-------------------------------------------------------------------------------------------------*/
#foot_totop{
	clear:both;
	height:40px;
	text-align:right;
	padding-right:15px !important;
}

/*　個人情報保護方針・ホームページ利用条件・ネットモニター・リンク集・お問合せのリスト
-------------------------------------------------------------------------------------------------*/
#foot_group01{
/*	clear:both;*/
	overflow: hidden;
	float:left;
	width:100%;
	height:30px;
	padding-bottom:15px !important;
	overflow: hidden;
}
#foot_group01 p{
	float:left;
	overflow: hidden;
	padding-top:5px !important;
	font-size:11px;
	color:#fff;
}
#foot_group01 ul{
	float:right;
	padding:5px 10px 0 0 !important;
	font-size:12px;
	overflow: hidden;
}
#foot_group01 ul li{
	float:left;
}
#foot_group01 ul li a{
	float:left;
	color:#fff;
	padding:0 10px !important;
	border-right:1px solid #fff;
}
#foot_group01 ul .flast a{
	border:none;
	padding-right:0px !important;
}

/*　footerのバナーと社名と携帯QRコード
-------------------------------------------------------------------------------------------------*/
#foot_group {
	clear:both;
	float:left;
	width:100%;
	padding-bottom:10px !important;
	overflow: hidden;
	width: 980px;
}
#foot_group .left {
	width: 480px;
	float: left;
}
#foot_group .left ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#foot_group .left ul li {
	width: 160px;
	height: 45px;
	float: left;
}
#foot_group .left ul.first {
	margin-bottom: 5px;
}
#foot_group .left ul.second {
	margin-top: 0;
}
#foot_group .center {
	float: left;
	margin: 0;
	padding: 0;
	width: 360px;
	text-align: center;
}
#foot_group .right {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-size: 70%;
	width: 120px;
	text-align: center;
	line-height: 1.2;
}