/*  ----	レイアウト StyleSheets	----  */

@charset "UTF-8";


html	{
	background-color: #f5f5f5;
}

/*	ヘッダー  ---------------------------------------------------------------------------------------	*/
header	{
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: transparent;
	border-top: 5px #e3e349 solid;
	background-color: #ffffff;
}

/*	ヘッダーイメージ	*/
#headerPageWapper	{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
}
#headerPageContents	{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 120px;
	text-align: left;
	background-image: url(../public/head_image1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}
#headerPageContents h1	{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	color: #505050;
	font-size: 12px;
	line-height: 12px;
	background-color: transparent;
}
#headerPageContents p	{
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-right: 5px;
	text-align: right;
	background-color: transparent;
}
#headerPageContents a	{
	color: #333333;
	text-decoration: none;
}
#headerPageContents a:link,
#headerPageContents a:visited,
#headerPageContents a:active	{
	color: #333333;
	text-decoration: none;
}
#headerPageContents a:hover	{
	color: #286198;
	text-decoration: underline;
}

/*	ヘッダーメニュー	*/
#headerNaviWapper	{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #e3e349;
}
#headerNaviContents	{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background-color: transparent;
}

#headBotton	{
	margin: 0;
	padding: 0;
}
#headBotton ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#headBotton ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	border-right: 1px #ffffff solid;
	background-color: #ffff7a;
}
#headBotton ul li#navi1st	{
	border-left: 1px #ffffff solid;
}
#headBotton ul li#navi2nd	{
}
#headBotton ul li#navi3rd	{
}
#headBotton ul li#navi4th	{
}

#headBotton ul li#navi5th	{
/*	中村まちバス非表示	*/
	display: none;
}
#headBotton ul li#navi6th	{
}
#headBotton ul li#navi7th	{
}
#headBotton ul li#navi8th	{
}
#headBotton ul li#navi9th	{
}

#headBotton ul a	{
	display: block;
	font-size: 14px;
	line-height: 54px;
	text-decoration: none;
	background-color: #e3e349;
}
a#menuLink1st:link, a#menuLink1st:visited, a#menuLink1st:active {
	color: #505050;
}
a#menuLink2nd:link, a#menuLink2nd:visited, a#menuLink2nd:active {
	color: #505050;
}
a#menuLink3rd:link, a#menuLink3rd:visited, a#menuLink3rd:active {
	color: #505050;
}
a#menuLink4th:link, a#menuLink4th:visited, a#menuLink4th:active {
	color: #505050;
}
a#menuLink5th:link, a#menuLink5th:visited, a#menuLink5th:active {
	color: #505050;
}
a#menuLink6th:link, a#menuLink6th:visited, a#menuLink6th:active {
	color: #505050;
}
a#menuLink7th:link, a#menuLink7th:visited, a#menuLink7th:active {
	color: #505050;
}
a#menuLink8th:link, a#menuLink8th:visited, a#menuLink8th:active {
	color: #505050;
}
a#menuLink9th:link, a#menuLink9th:visited, a#menuLink9th:active {
	color: #505050;
}
a#menuLinkThis:link, a#menuLinkThis:visited, a#menuLinkThis:active {
	color: #505050;
	background-color: #ffff7a;
	cursor: default;
}

#headBotton ul a#menuLink1st:hover,
#headBotton ul a#menuLink2nd:hover,
#headBotton ul a#menuLink3rd:hover,
#headBotton ul a#menuLink4th:hover,
#headBotton ul a#menuLink5th:hover,
#headBotton ul a#menuLink6th:hover,
#headBotton ul a#menuLink7th:hover,
#headBotton ul a#menuLink8th:hover,
#headBotton ul a#menuLink9th:hover	{
	color: #505050;
	text-decoration: underline;
	cursor: pointer;
	background-color: transparent;
}
#headBotton ul li div	{
	text-align: center;
	width: 159px;

/*	中村まちバス非表示	*/
	width: 191px;
}
#headBotton ul li#navi1st div	{
	width: 158px;

/*	中村まちバス非表示	*/
	width: 190px;
}
#headBotton ul li#navi2nd div	{
}
#headBotton ul li#navi3rd div	{
}
#headBotton ul li#navi4th div	{
}
#headBotton ul li#navi5th div	{
}
#headBotton ul li#navi6th div	{
}
#headBotton ul li#navi7th div	{
}
#headBotton ul li#navi8th div	{
}
#headBotton ul li#navi9th div	{
}

/*	w960センタリング	-----------------------------------------------------------------------------------------	*/
.centerArea	{
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	background-color: #ffffff;
}
.centerW960	{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background-color: transparent;
}
/*	災害時運行状況	-----------------------------------------------------------------------------------------	*/
#busSituationArea	{
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	background-color: #ffffff;
}
#busSituation	{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background-color: transparent;
}
.busInfo	{
	margin: 0;
	padding: 0;
	height: 48px;
	background-color: transparent;
	border: 1px #ff0000 solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.busInfo dt	{
	display: block;
	float: left;
	clear: both;
	width: 160px;
	border-right: 1px #ff0000 solid;
	background-color: #ff0000;
}
.busInfo dd	{
	display: block;
	margin: 0;
	margin-left: 160px;
	padding:0;
	background-position: 10px center;
	background-repeat: no-repeat;
	background-image: url(../public/bus_info.jpg);
}
.busInfo dt div	{
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 48px;
}
.busInfo dd div	{
	margin: 0;
	padding: 0;
	padding-left: 60px;
	color: #333333;
	font-size: 16px;
	line-height: 48px;
}
.busInfo dd div a,
.busInfo dd div a:link,
.busInfo dd div a:visited,
.busInfo dd div a:focus	{
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
.busInfo dd div a:hover	{
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

/*	ボディ  ---------------------------------------------------------------------------------------	*/
section	{
	margin: 0;
	padding: 20px 0;
	text-align: center;
	background-color: #ffffff;
}

#bodyPageWapper	{
	margin: 0 auto;
	padding: 0;
	padding-bottom: 100px;
	width: 960px;
	text-align: left;
	background-color: transparent;
}
#bodyPageContents	{
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	background-color: transparent;
}
article	{
	margin: 30px 0;
	padding: 0;
	padding-bottom: 30px;
	text-align: left;
}

#titleWapper	{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background-color: transparent;
}
#titleArea	{
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: transparent;
}
#titleArea h2	{
	margin: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
	border-bottom: #40AAEF 5px solid;
}
#titleArea h2 div	{
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	line-height: 32px;
	background-color: transparent;
}

.h3Area	{
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: transparent;
}
.h3Area h3	{
	margin: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;
	width: 300px;
	font-weight: normal;
	text-align: left;
	background-color: #40AAEF;
}
.h3Area h3 div	{
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 100px;
	background-color: transparent;
}

.h4Area	{
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: transparent;
}
.h4Area h4	{
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	font-weight: normal;
	text-align: left;
	border-bottom: #40AAEF 1px solid;
}
.h4Area h4 div	{
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 32px;
	background-color: transparent;
}


/*	パンくずリスト  ---------------------------------------------------------------------------------------	*/
.breadcrumbList	{
	margin: 0;
	padding: 0;
}
.breadcrumbList a	{
	color: #333333;
}
.breadcrumbList a:link,
.breadcrumbList a:visited,
.breadcrumbList a:active	{
	text-decoration: underline;
}
.breadcrumbList a:hover	{
	text-decoration: none;
}


/*	Flex タイル（問合せ先・リンクなど）  ---------------------------------------------------------------------------------------	*/
.flex_link-Area	{
	margin: 40px 0;
	padding: 0;
	display: flex;				  /* フレックスボックスにする */
	align-items:stretch;		/* 縦の位置指定 */
	justify-content:center;	/* 横の位置指定 */
}
.flex_link-information	{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	width: 300px;
	text-align: left;
	background-color: transparent;
}
.flex_link-information:nth-child(1)	{
	margin-right: 20px;
}
.flex_link-information:nth-child(2)	{
	margin-right: 0;
}
.flex_link-information a:link,
.flex_link-information a:visited,
.flex_link-information a:active	{
	color: #333333;
	text-decoration: underline;
}
.flex_link-information a:hover	{
	color: #333333;
	text-decoration: none;
}


.flex_Comment	{
	margin: 0;
	padding: 10px 20px;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 28px;
	border: #0e7ac4 1px solid;
}

/*	Flex フッター（高知西南交通 高速バス予約センター）  ---------------------------------------------------------------------------------------	*/
.flex_footerCallArea	{
	margin: 40px 0;
	padding: 0;
	display: flex;				  /* フレックスボックスにする */
	align-items:stretch;		/* 縦の位置指定 */
	justify-content:center;	/* 横の位置指定 */
}
.flex_footerCorpContents	{
	margin: 0;
	margin-bottom: 50px;
	padding: 0;
	width: 320px;
	text-align: left;
	background-color: #0E7AC4;
}
.flex_footerCorpContents div	{
	margin: 0;
	padding: 10px 20px;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
	line-height: 30px;
}


/*	タイル（問合せ先・リンクなど）  ---------------------------------------------------------------------------------------	*/
.tileWapper	{
	margin: 0;
	padding: 50px 0;
	text-align: center;
	background-color: transparent;
}
.tileContents1	{
	margin: 0 auto;
	padding: 0;
	width: 305px;
	text-align: left;
	background-color: transparent;
}
.tileContents2	{
	margin: 0 auto;
	padding: 0;
	width: 610px;
	text-align: left;
	background-color: transparent;
}
.tileContents3	{
	margin: 0 auto;
	padding: 0;
	width: 915px;
	text-align: left;
	background-color: transparent;
}
.tileContents2 .tileArea,
.tileContents3 .tileArea	{
	float: left;
}

.tileArea	{
	margin: 0;
	padding: 0;
	margin-right: 5px;
	margin-bottom: 20px;
	width: 300px;
	text-align: left;
}

.tileArea a:link,
.tileArea a:visited,
.tileArea a:active	{
	color: #333333;
	text-decoration: underline;
}
.tileArea a:hover	{
	color: #333333;
	text-decoration: none;
}

.tileComment	{
	margin: 0;
	padding: 10px 20px;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 28px;
	background-color: #ECEEF1;
}

.tileComment1,
.tileComment2,
.tileComment3,
.tileComment4,
.tileComment5,
.tileComment6,
.tileComment7	{
	margin: 0;
	padding: 10px 20px;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 28px;
	border: 1px solid;
}
.tileComment1	{
	border-color: #f27398;
}
.tileComment2	{
	border-color: #40aaef;
}
.tileComment3	{
	border-color: #fba848;
}
.tileComment4	{
	border-color: #eceef1;
}
.tileComment5	{
	border-color: #58be89;
}
.tileComment6	{
	border-color: #de4830;
}
.tileComment7	{
	border-color: #0e7ac4;
}



/*	フッター  ---------------------------------------------------------------------------------------	*/
footer	{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #f5f5f5;
}
#footerNaviWapper	{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background-color: transparent;
}
#footerNaviContents	{
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	background-color: transparent;
}

/*	フッターメニュー	*/
#footerBotton	{
	margin: 0;
	padding: 0;
	padding-top: 18px;
	padding-bottom: 18px;
}
#footerBotton ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footerBotton ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	background-color: transparent;
}
#footerBotton ul li#f-navi1st	{
}
#footerBotton ul li#f-navi2nd	{
}
#footerBotton ul li#f-navi3rd	{
}
#footerBotton ul li#f-navi4th	{
}
#footerBotton ul li#f-navi5th	{
}
#footerBotton ul li#f-navi6th	{
/*	中村まちバス非表示	*/
	display: none;
}
#footerBotton ul li#f-navi7th	{
}
#footerBotton ul li#f-navi8th	{
}
#footerBotton ul li#f-navi9th	{
}

#footerBotton ul a	{
	display: block;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	background-color: transparent;
	border-right: 1px #333333 solid;
}
a#f-menuLink1st:link, a#f-menuLink1st:visited, a#f-menuLink1st:active {
	color: #333333;
}
a#f-menuLink2nd:link, a#f-menuLink2nd:visited, a#f-menuLink2nd:active {
	color: #333333;
}
a#f-menuLink3rd:link, a#f-menuLink3rd:visited, a#f-menuLink3rd:active {
	color: #333333;
}
a#f-menuLink4th:link, a#f-menuLink4th:visited, a#f-menuLink4th:active {
	color: #333333;
}
a#f-menuLink5th:link, a#f-menuLink5th:visited, a#f-menuLink5th:active {
	color: #333333;
}
a#f-menuLink6th:link, a#f-menuLink6th:visited, a#f-menuLink6th:active {
	color: #333333;
}
a#f-menuLink7th:link, a#f-menuLink7th:visited, a#f-menuLink7th:active {
	color: #333333;
}
a#f-menuLink8th:link, a#f-menuLink8th:visited, a#f-menuLink8th:active {
	color: #333333;
}
a#f-menuLink9th:link, a#f-menuLink9th:visited, a#f-menuLink9th:active {
	color: #333333;
}
a#f-menuLink10th:link, a#f-menuLink10th:visited, a#f-menuLink10th:active {
	color: #333333;
	border-right: none;
}

#footerBotton ul a#f-menuLink1st:hover,
#footerBotton ul a#f-menuLink2nd:hover,
#footerBotton ul a#f-menuLink3rd:hover,
#footerBotton ul a#f-menuLink4th:hover,
#footerBotton ul a#f-menuLink5th:hover,
#footerBotton ul a#f-menuLink6th:hover,
#footerBotton ul a#f-menuLink7th:hover,
#footerBotton ul a#f-menuLink8th:hover,
#footerBotton ul a#f-menuLink9th:hover,
#footerBotton ul a#f-menuLink10th:hover	{
	color: #333333;
	text-decoration: underline;
	cursor: pointer;
	background-color: transparent;
}
#footerBotton ul li div	{
	text-align: center;
}
#footerBotton ul li#f-navi1st div	{
	width: 109px;
}
#footerBotton ul li#f-navi2nd div	{
	width: 89px;
}
#footerBotton ul li#f-navi3rd div	{
	width: 89px;
/*	中村まちバス非表示	*/
	width: 99px;
}
#footerBotton ul li#f-navi4th div	{
	width: 89px;
/*	中村まちバス非表示	*/
	width: 99px;
}
#footerBotton ul li#f-navi5th div	{
	width: 109px;
/*	中村まちバス非表示	*/
	width: 118px;
}
#footerBotton ul li#f-navi6th div	{
	width: 109px;
}
#footerBotton ul li#f-navi7th div	{
	width: 74px;
/*	中村まちバス非表示	*/
	width: 94px;
}
#footerBotton ul li#f-navi8th div	{
	width: 74px;
/*	中村まちバス非表示	*/
	width: 94px;
}
#footerBotton ul li#f-navi9th div	{
	width: 89px;
/*	中村まちバス非表示	*/
	width: 109px;
}
#footerBotton ul li#f-navi10th div	{
	width: 69px;
/*	中村まちバス非表示	*/
	width: 89px;
}


/*	フッター社名・連絡先	*/
#footerPageWapper	{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background-color: transparent;
}
#footerPageContents	{
	margin: 0;
	padding: 0;
	padding-left: 25px;
	padding-right: 25px;
	text-align: left;
	background-color: transparent;
}


address	{
	margin: 0;
	padding: 0;
	padding-top: 50px;
	padding-bottom: 30px;
	font-weight: normal;
	font-style: normal;
}

.footerCallArea	{
	float: left;
	margin: 0;
	margin-bottom: 50px;
	margin-right: 5px;
	padding: 0;
	width: 300px;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
	line-height: 30px;
	background-color: #0E7AC4;
}
.callName	{
	padding-right: 0;
	font-weight: bold;
	font-size: 16px;
}
.footerCorpArea	{
	float: right;
	margin: 0;
	padding: 0;
	width: 370px;
	text-align: left;
	color: #333333;
	font-weight: normal;
	background-image: url(../public/logo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.footerCorpArea .footerCorpContents	{
	padding-top: 10px;
	padding-left: 70px;
	border: none;
}
.footerCorpContents	{
	margin: 0;
	padding: 10px 15px;
}
.corpName	{
	padding-right: 0;
	font-weight: bold;
	font-weight: normal;
	font-size: 24px;
}
#copyright	{
	margin: 0;
	padding-top: 20px;
	color: #505050;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}

/*	PAGE TOP button	-------------------------	*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	font-size: 14px;
	line-height: 18px;
	float: left;
	text-decoration: none;
	color: #fff;
	width: 100px;
	margin-left: 10px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#page-top a:hover {
	text-decoration: none;
	background: #333;
}


/*	フォント関連共通クラス	-------------------	*/
.tLeft	{
	text-align: left;
}
.tRight	{
	text-align: right;
}
.tCenter	{
	text-align: center;
}
.bold	{
	font-weight: bold;
}

.blue	{
	color: #0000ff;
}
.green	{
	color: #008442;
}
.red	{
	color: #ff0000;
}

.mRight0	{
	margin-right: 0;
}
.mRight10	{
	margin-right: 10px;
}
.mLeft175	{
	margin-left: 175px;
}

.pTop5	{
	padding-top: 5px;
}
.pTop10	{
	padding-top: 10px;
}
.pTop15	{
	padding-top: 15px;
}
.pTop20	{
	padding-top: 20px;
}
.pTop25	{
	padding-top: 25px;
}
.pTop30	{
	padding-top: 30px;
}
.pTop50	{
	padding-top: 50px;
}


.pLeft5	{
	padding-left: 5px;
}
.pLeft10	{
	padding-left: 10px;
}
.pLeft15	{
	padding-left: 15px;
}
.pLeft20	{
	padding-left: 20px;
}
.pLeft25	{
	padding-left: 25px;
}
.pLeft30	{
	padding-left: 30px;
}
.pLeft45	{
	padding-left: 45px;
}
.pLeft50	{
	padding-left: 50px;
}
.pLeft55	{
	padding-left: 55px;
}
.pLeft99	{
	padding-left: 99px;
}
.pLeft112	{
	padding-left: 112px;
}

.pRight5	{
	padding-right: 5px;
}
.pRight10	{
	padding-right: 10px;
}
.pRight15	{
	padding-right: 15px;
}
.pRight20	{
	padding-right: 20px;
}
.pRight25	{
	padding-right: 25px;
}
.pRight30	{
	padding-right: 30px;
}
.pRight50	{
	padding-right: 50px;
}
.pRight55	{
	padding-right: 55px;
}
.pRight100	{
	padding-right: 100px;
}
.pRight350	{
	padding-right: 350px;
}


.fSize12	{
	font-size: 12px;
}
.fSize14	{
	font-size: 14px;
}
.fSize16	{
	font-size: 16px;
}
.fSize18	{
	font-size: 18px;
}
.fSize20	{
	font-size: 20px;
}
.fSize24	{
	font-size: 24px;
}

.lHeight24	{
	line-height: 24px;
}
.lHeight28	{
	line-height: 28px;
}
.lHeight32	{
	line-height: 32px;
}
.lHeight36	{
	line-height: 36px;
}
.lHeight40	{
	line-height: 40px;
}
.lHeight44	{
	line-height: 44px;
}

.lSpacing0	{
	letter-spacing: 0;
}
.lSpacing1	{
	letter-spacing: 1px;
}
.lSpacing2	{
	letter-spacing: 2px;
}
.lSpacing3	{
	letter-spacing: 3px;
}
.lSpacing4	{
	letter-spacing: 4px;
}
.lSpacing5	{
	letter-spacing: 5px;
}

.clear	{
	clear: both;
}