@charset "UTF-8";

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

	サイト共通 ＆ TOP　CSS

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


/* ▼基本要素 */
/* ----------------------------------------------------- */
p,h1,h2,h3,h4,h5,h6,
div,
dl,dt,dd,
ul,ol,li,
table,form {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
}

body {
	font-size: 93%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: #2e2e2e;
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}
h1 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
h2 {
	font-size: 138.5%;
	background: url(../images/common/h2_bg.gif) repeat-y left top;
	margin: 30px 0px 10px 30px;
	padding: 5px 0px 5px 10px;
	clear: both;
}
h3 {
	font-size: 108%;
	margin: 0px 0px 5px 30px;
}
h4 {
	font-size: 100%;
	font-weight: normal;
}
p {
	line-height: 160%;
	margin: 0px 30px 15px 30px;
	padding: 0px;
}
img {
	border: 0px;
	vertical-align: bottom;
}

form {
	margin: 0px;
	padding: 0px;
}



/*======================================================================================
   @ 汎用クラス
======================================================================================*/

/* 文字サイズ 
----------------------------------------------------------------------------------*/
.fs10 { font-size:    77% !important; }  /* for size 10px */
.fs11 { font-size:    85% !important; }  /* for size 11px */
.fs12 { font-size:    93% !important; }  /* for size 12px */
.fs13 { font-size:   100% !important; }  /* for size 13px */
.fs14 { font-size:   108% !important; }  /* for size 14px */
.fs15 { font-size:   116% !important; }  /* for size 15px */
.fs16 { font-size: 123.1% !important; }  /* for size 16px */
.fs17 { font-size:   131% !important; }  /* for size 17px */
.fs18 { font-size: 138.5% !important; }  /* for size 18px */
.fs19 { font-size: 146.5% !important; }  /* for size 19px */
.fs20 { font-size: 153.9% !important; }  /* for size 20px */
.fs21 { font-size: 161.6% !important; }  /* for size 21px */
.fs22 { font-size:   167% !important; }  /* for size 22px */
.fs23 { font-size:   174% !important; }  /* for size 23px */
.fs24 { font-size:   182% !important; }  /* for size 24px */
.fs25 { font-size:   189% !important; }  /* for size 25px */
.fs26 { font-size:   197% !important; }  /* for size 26px */

/* 文字指定 
----------------------------------------------------------------------------*/
.orange { color: #ca4601 !important; }
.red    { color: #b8001a !important; }




/* ▼クリアフィックス(他ページで使用分もまとめてる) 
----------------------------------------------------------------------------*/
.clearfix:after,
.train-list dd:after,
.reason-box:after,
.spot-box:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.clearfix,
.train-list dd,
.reason-box,
.spot-box {display: inline-block; }
/* no ie-mac \*/
* html .clearfix,
* html .train-list dd,
* html .reason-box,
* html .spot-box { height: 1%; }

.clearfix,
.train-list dd,
.reason-box,
.spot-box { display: block; }
/* clearfix END */



/* ▼リンク指定 */
/* ----------------------------------------------------- */
a {
	color: #1d2088;
	text-decoration: underline;
}
a:hover { text-decoration: none; }

/* 黒背景用 */
.link-white a {
	color: #f3f2e7;
	text-decoration: none;
}
.link-white a:hover { text-decoration: underline; }



/* ▼リンク・アイコン 
-----------------------------------------------------------------------------*/
a.link {
	background: url(../images/common/icon_arrow_orenge.gif) no-repeat right 2px;
	padding-right: 20px;
}
a.page-link {
	background: url(../images/common/icon_arrow_down.gif) no-repeat right 2px;
	padding-right: 20px;
}
a.exLink {
	padding-left: 16px;
	background: url(../images/common/icon_a_exlink.gif) no-repeat 0 1px;
}


/* ▼レイアウト */
/* ----------------------------------------------------- */
.all {
	width: 960px;
	text-align: left;
	margin: 0px;
	border-right: 1px solid #414141;
	background: #0a0a0a;
	padding: 5px 0px 0px;
}
.contents {
	background-color: #2e2e2e;
	width: 960px;
	margin: 0px;
	padding: 0px;
}
.main {
	background-color: #f3f2e7;
	float: right;
	width: 720px;
	margin: 0px;
	padding: 0px;
}
.head {
	width: 720px;
	margin-bottom: 20px;
}


/* ▼サイド */
/* ----------------------------------------------------- */
.side {
	width: 240px;
	float: left;
	margin: 0px;
	padding: 0px 0px 20px;
	color: #efefef;
}
.side .logo {
	margin: 0px 10px 10px;
	text-align: center;
}

/* グローバルナビゲーション */
ul.global-navi {
	width: 220px;
	margin: 0px 0px 10px 10px;
	background: url(../images/common/g_navi.gif) no-repeat left top;
}

ul.global-navi li {
	padding: 0px;
	margin: 0px;
}
ul.global-navi li a {
    display: block;  
    width: 220px;  
    height: 65px;
	outline: none;
	text-indent: -9000px;
}  
ul.global-navi .inquiry a {
	margin: 10px 0 0 0;
    height: 40px;  
}  
ul.global-navi .link a {
	margin: 5px 0 0 0;
    height: 40px;  
}  

/* --画像指定 */
ul.global-navi li.loca a { background: url(../images/common/g_navi.gif) no-repeat 0px 0px; }
ul.global-navi li.works a { background: url(../images/common/g_navi.gif) no-repeat 0px -65px; }
ul.global-navi li.flow a { background: url(../images/common/g_navi.gif) no-repeat 0px -130px; }
ul.global-navi li.price a { background: url(../images/common/g_navi.gif) no-repeat 0px -195px; }

ul.global-navi li.inquiry a { background: url(../images/common/g_navi.gif) no-repeat 0px -270px; }
ul.global-navi li.link a { background: url(../images/common/g_navi.gif) no-repeat 0px -315px; }

/* --画像指定 オーバー */
ul.global-navi li.loca a:hover { background: url(../images/common/g_navi.gif) no-repeat -220px 0; }
ul.global-navi li.works a:hover { background: url(../images/common/g_navi.gif) no-repeat -220px -65px; }
ul.global-navi li.flow a:hover { background: url(../images/common/g_navi.gif) no-repeat -220px -130px; }
ul.global-navi li.price a:hover { background: url(../images/common/g_navi.gif) no-repeat -220px -195px; }

ul.global-navi li.inquiry a:hover { background: url(../images/common/g_navi.gif) no-repeat -220px -270px; }
ul.global-navi li.link a:hover { background: url(../images/common/g_navi.gif) no-repeat -220px -315px; }


/* 南海沿線エリア */
.side .area {
	font-size: 77%;
	border: 1px solid #5d5d5d;
	margin: 0px 10px 10px;
	background: #0a0a0a;
	padding: 0px;
}
.side .area p {
	margin: 10px;
	padding: 0px;
}
.side .area a {
	color: #efefef;
	text-decoration: underline;
}
.side .area a:hover { text-decoration: none; }


.side p.banner {
	border: 1px solid #5d5d5d;
	margin: 0px 10px 10px;
	background: #0a0a0a;
	padding: 0px;
}



/* ▼フッター */
/* ----------------------------------------------------- */
.footer {
	width: 960px;
	clear: both;
	background: url(../images/common/footer_bg.gif) repeat left top;
	padding: 28px 0px;
	font-size: 100%;
}
.footer .nankai {
	padding: 40px 0px 0px;
	width: 240px;
	float: left;
	text-align: center;
}
.sitemap-loca {
	width: 304px;
	height: 200px;
	float: left;
	background: url(../images/common/boder_h.gif) repeat-y left top;
}
.sitemap-etc {
	width: 206px;
	float: left;
	background: url(../images/common/boder_h.gif) repeat-y left top;
	height: 200px;
	font-weight: bold;
}
.sitemap-etc ul {
	padding: 5px 0px 0px 19px;
}
.sitemap-etc li {
	margin: 0px 0px 18px 0px;
}
.sitemap-loca table { margin-left: 28px; }
.sitemap-loca table th {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 13px 0px;
}
.sitemap-loca table td {
	color: #f3f2e7;
	text-align: left;
	font-size: 85%;
	padding: 5px 0px 8px 0px;
	line-height: 1em;
}

.copy {
	color: #efefef;
	text-align: right;
	padding: 5px;
	margin: 0px;
}



/* ▼TOPページ */
/* ----------------------------------------------------- */

h1.top-h1 {
	margin-bottom: 0px;
}

/* ロケーション紹介--鉄道 */
.top-loca {
	margin: 0px 0px 30px 20px;
	width: 680px;
	background: #2e2e2e;
	padding: 25px 0px 0px;
}
.top-loca h2 {
	margin: 0px 0px 15px 10px;
	width: 660px;
	padding: 0px;
}
.top-loca dl {
	width: 660px;
	background: #0A0A0A url(../images/laca_train_bg.jpg) no-repeat right top;
	margin: 0px 0px 15px 10px;
	padding: 0px 0px 5px 0px;
}
.top-loca dt {
	width: 443px;
	margin: 0px 0px 0px 9px;
}
.top-loca dd {
	width: 443px;
	margin: 0px 0px 0px 9px;
	background: url(../images/common/boder_w.gif) repeat-x left top;
	padding: 1px 0px 0px;
}
.top-loca dd div {
	width: 65px;
	float: left;
}
.top-loca dd ul {
	width: 375px;
	float: right;
	margin: 5px 0px;
}
.top-loca dd ul.line {
	margin-top:-5px;
}
.top-loca dd li {
	font-size: 93%;
	line-height: 200%;
	font-weight: bold;
	display: inline;
	padding-right: 15px;
}
.top-loca dd li a {
	background: url(../images/common/icon_arrow_orenge.gif) no-repeat right 2px;
	padding-right: 20px;
}

/* ロケーション紹介--バスとか */
.top-loca .loca-list {
	margin: 0px 0px 0px 10px;
	width: 660px;
	clear: both;
	background: url(../images/common/boder_w.gif) repeat-x right bottom;
	padding: 0px 0px 30px;
}
.top-loca .loca-list li {
	margin: 0px 30px 15px 0px;
	width: 200px;
	float: left;
}
.top-loca .loca-list li.right {
	margin: 0px 0px 15px 0px;
}

.top-loca .loca-list li img {
	border: 3px solid #0a0a0a;
}
.top-loca .loca-list li h3 {
	font-size:   100%;
	margin: 0px;
	padding: 0px;
}
.top-loca .loca-list li h3 a {
	display: block;
	background: url(../images/common/icon_arrow_orenge.gif) no-repeat 182px 9px;
	padding: 5px 0px 0px 3px;
	margin: 0px;
}


/* ロケーション紹介--バナー */
.top-loca .loca-banner {
	margin: 0px 0px 15px 30px;
	width: 650px;
	clear: both;
	padding: 30px 0px 20px;
}
.top-loca .loca-banner li {
	margin: 0px;
	width: 325px;
	float: left;
	padding: 0px;
}
.top-loca .loca-banner li a {
	display: block;
}
.top-loca .loca-banner li img {
	border: 2px solid #adaca6;
	text-decoration: none;
}
.top-loca .loca-banner li p {
	font-size:   77%;
	color: #efefef;
	margin: 3px 0px 0px 3px;
	width: 290px;
}


/* ロケ実績・お知らせ */
h2.top-h2 {
	background-image: none;
	margin: 0px 0px 15px 30px;
	padding: 0px;
	clear: both;
}
.top-list {
	margin: 0px 0px 30px 35px;
	padding: 0px;
}
.top-list dt {
	height: 15px;
}
.top-list dd {
	font-size: 93%;
	margin: -14px 0px 20px 80px;
	padding: 0px;
}


/* ▼ミドルページ */
/* ----------------------------------------------------- */

/* パンくず */
.path {
	font-size: 77%;
	margin: 0px 0px 10px 20px;
	padding: 0px;
}
.path strong {
	font-weight: normal;
}

/* ページトップ */
.pagetop {
	text-align: right;
	padding: 80px 20px 0px 0px;
	margin: 0px;
}

/* フロート指定 */
.f-left {
	float: left;
}
.f-right {
	float: right;
}

/* アテンション */
.att { font-size: 85%; 
}
	
/* クリア要素 */
.clear {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
	float: none;
	clear: both;
}

/* ページ内リンクメニュー */
ul.plink-menu {
	margin: 30px 0px 20px 30px;
	padding: 5px 0px;
	width: 660px;
	background: #e9e6cd;
	font-size: 93%;
}
ul.plink-menu li {
	padding: 0px 20px 0px 10px;
	display: inline;
	line-height: 150%;
}
ul.plink-menu li a {
	background: url(../images/common/icon_arrow_down.gif) no-repeat right 1px;
	padding-right: 20px;
}


/* ▼テーブル */
/* ----------------------------------------------------- */
.common-table {
	padding: 0px;
	background-color: #999999;
	margin: 0px 0px 30px 30px;
	border-left: #666666 1px solid;
	border-top: #666666 1px solid;
}
.common-table th,
.common-table td {
	padding: 10px;
	border-right: #666666 1px solid;
	border-bottom: #666666 1px solid;
}
.common-table th {
	font-weight: bold;
	background-color: #e7e6e0;
	text-align: left;
}
.common-table td {
	background-color: #FFFFFF;
	line-height: 130%;
	vertical-align: top;
	text-align: center;
}

.common-table thead th {
	background-color: #787997;
	padding: 10px;
	text-align: center;
	font-size: 108%;
	color: #f9f9f4;
}
.common-table tfoot th {
	background-color: #f2f1eb;
	border-top: #666666 1px solid;
}
.common-table tfoot td {
	border-top: #666666 1px solid;
	color: #b8001a;
	font-weight: bold;
}


/* ▼リスト */
/* ----------------------------------------------------- */
.common-list {
	padding: 0px;
	margin: 0px 30px 30px;
}
.common-list li {
	line-height: 160%;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px;
	background: url(../images/common/icon_list.gif) no-repeat 4px 8px;
}





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