/* boyoferry Document */
/* ----------------------------------------- */
/*  主要ナビゲーション・メニュー（共通）  　 */
/* ----------------------------------------- */

/* メニュー（メインコンテンツ) ////// */

#mainMenu {
	width:960px;
	height:auto;
	margin:0 auto;
}
/* menu-f に記述 
#mainMenu li {
	list-style-type:none;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
#mainMenu li a {
	display:block;
	width:129px;
	height:60px;
}
*/

/* #mainMenu li a em { display:none; } */

#mainMenu li a {
    text-decoration: none;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#mainMenu li a em {
    font-size:0.85em;
    font-style:normal;
    color:#fff;
    text-shadow: 
        rgba(0,0,0,.3) 1px 1px 3px, rgba(0,0,0,.3) -1px -1px 3px,
        rgba(0,0,0,.3) -1px 1px 3px, rgba(0,0,0,.3) 1px -1px 3px,
        rgba(0,0,0,.3) 0px 1px 3px, rgba(0,0,0,.3)  0 -1px 3px,
        rgba(0,0,0,.3) -1px 0 3px, rgba(0,0,0,.3) 1px 0 3px;
}
#mainMenu li a:hover em {
    color:#70230e;
    text-shadow: 
        rgba(255,255,255,.5) 1px 1px 5px, rgba(255,255,255,.5) -1px -1px 5px,
        rgba(255,255,255,.5) -1px 1px 5px, rgba(255,255,255,.5) 1px -1px 5px,
        rgba(255,255,255,.5) 0px 1px 5px, rgba(255,255,255,.5)  0 -1px 5px,
        rgba(255,255,255,.5) -1px 0 5px, rgba(255,255,255,.5) 1px 0 5px;
}
#mainMenu li#sel a em {
    color:#4c3b1b;
    text-shadow: 
        rgba(255,255,255,.5) 1px 1px 5px, rgba(255,255,255,.5) -1px -1px 5px,
        rgba(255,255,255,.5) -1px 1px 5px, rgba(255,255,255,.5) 1px -1px 5px,
        rgba(255,255,255,.5) 0px 1px 5px, rgba(255,255,255,.5)  0 -1px 5px,
        rgba(255,255,255,.5) -1px 0 5px, rgba(255,255,255,.5) 1px 0 5px;
}

.menu00 a,.menu01 a,.menu02 a,.menu03 a,.menu04 a,.menu05 a,.menu06 a,.menu07 a {
    background-image:url("../material/menu_backimg.png");
    background-repeat: no-repeat;
}

/* ボタン背景の個別設定 */
.menu00 a { width:97px !important; }
.menu00 a { background-position: 0 0; }
.menu00 a:hover { background-position: 0 -60px; }
.menu00#sel a { background-position: 0 -120px; }

.menu01 a { width:121px !important; }
.menu01 a { background-position: -97px 0; }
.menu01 a:hover { background-position: -97px -60px; }
.menu01#sel a { background-position: -97px -120px; }

.menu02 a { width:131px !important; }
.menu02 a { background-position: -218px 0; }
.menu02 a:hover { background-position: -218px -60px; }
.menu02#sel a { background-position: -218px -120px; }

.menu03 a { width:131px !important; }
.menu03 a { background-position: -349px 0; }
.menu03 a:hover { background-position: -349px -60px; }
.menu03#sel a { background-position: -349px -120px; }

.menu04 a { width:121px !important; }
.menu04 a { background-position: -480px 0; }
.menu04 a:hover { background-position: -480px -60px; }
.menu04#sel a { background-position: -480px -120px; }

.menu05 a { width:121px !important; }
.menu05 a { background-position: -601px 0; }
.menu05 a:hover { background-position: -601px -60px; }
.menu05#sel a { background-position: -601px -120px; }

.menu06 a { width:121px !important; }
.menu06 a { background-position: -722px 0; }
.menu06 a:hover { background-position: -722px -60px; }
.menu06#sel a { background-position: -722px -120px; }

.menu07 { margin:0 !important; } /* 最後のメニュー */
.menu07 a { width:117px !important; }
.menu07 a { background-position: -843px 0; }
.menu07 a:hover { background-position: -843px -60px; }
.menu07#sel a { background-position: -843px -120px; }

/* メニュー(froat型) 装飾 =========== */
.menu-f ul {
	z-index:100;
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Topレベルメニュー ###### */
.menu-f ul li {
	position: relative;
	float: left;
	padding:0;
	margin:0;
	vertical-align:top;
}
/* Topレベルメニュー リンク設定 */
.menu-f ul li a {
	display:block;
	/*width:125px;*/
    width:auto;
	height:50px;
}
 
/* subレベルメニュー ###### */
.menu-f ul li ul {
	position: absolute;
	top:45px !important;
	left: 0 !important;
	display: none;
	visibility: hidden;
	margin:0; padding:0;
}

.menu-f ul li ul li {
	/*display: list-item;*/
	float: none;
    width:auto;
	background:#14365E; /* 深青(縦version) */
	filter:alpha(opacity=80);
	opacity:0.8; white-space:nowrap;
	margin:0; padding:0;
	color:#C2EDFF;
	font-size:0.86em;
    
}
.menu-f ul li ul li ul { /* 初期位置 */
	top: 0;
}

/* subレベルメニュー リンク設定 */
.menu-f ul li ul li a {
    display: block;
    /*width:100%% !important;*/
	min-width:160px !important;
	height:auto !important;
	border-top-width: 0;
	border-bottom:1px dashed #bbb;
	/* background:inherit !important; ←chromeでのバグ回避の為コメントアウト(うちのchromeがおかしいのかな?) */
	background-image:none !important;
	/*white-space:nowrap;*/
	color:#fff !important;
	margin: 0;
	padding:5px 10px 5px 15px;
	line-height:1.6;
    text-align: left !important;
}
.menu-f ul li ul li a:hover {
	background:#F76600 !important;
	color:#FFEBD5 !important;
}

/* メニューのIE対策 \*/
* html .menu-f { height: 1%; } /* IE7対策 */


/* カテゴリ表示(共通) ######  */
.menu-f ul li span.cat, .menu-v ul li span.cat { 
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	white-space:nowrap;
	margin:0;
	padding:5px 5px 0 6px;	
}

/* 「▼」イメージの位置設定(共通) ###### */

.downarrowclass {
	display:none;
}
.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

/* shadow装飾位置設定(共通) ###### */

.ddshadow { /*shadow for NON CSS3 capable browsers*/
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}
.toplevelshadow { /* CSS3なしIE対策 */
	opacity: 0.8;
}

/* サブメニューの初期設定[使用していないがこれを消すと不具合発生] */
/*
#subMenu { }
#subMenu li {
	position: relative;
	color:#C2EDFF;
}
#subMenu li a {}
#subMenu li:hover a, 
#subMenu li.sfHover a {}
#subMenu li:hover ul a, 
#subMenu li.sfHover ul a {
	display:inline-block;
	background:inherit;
	background-image:none;
	white-space:nowrap;
	color: #fff;
}
#subMenu li:hover ul a:hover, 
#subMenu li.sfHover ul a:hover {
	background:#ddd;
	color:#a52a2a;
}
*/

/* ----------------------------------------- */
/* ▼パック情報スライドメニュー設定          */
/* ----------------------------------------- */

#bn_campaign { margin:3px auto 0 auto; width:620px; }

#slmenu { }

/* 各要素（アイテム） */
#slmenu .item { 
	overflow: auto;
	width: 200px;
	height:110px;
	float:left;
}
#slmenu .item h4 { /* タイトル */
	background:#F60;
	font-size:12px;
	width:300px;
	margin:0 auto;
	padding:1px 0;
	line-height:1.3;
}
#slmenu .item h4 a {
	text-decoration: underline;
	color:#ff6;
}
#slmenu .item h4 a:hover {
	text-decoration: none;	
	color:#fff;
}
#slmenu .item img { /* バナーイメージ */
	border:none;
}
#slmenu .item a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8; white-space:nowrap;
}

/* 前へ、次へのボタン */
.bx-prev,.bx-next {
	position: absolute;
	width:35px; height:35px;
}
.bx-prev {
	left: -40px;
	top: 25%;
	background:url(../material/btn_slide_l.png) 0 0 no-repeat;
}
.bx-next {
	right: -40px;
	top: 25%;
	background:url(../material/btn_slide_r.png) 0 0 no-repeat;
}

/* コンテンツメニュー（ページ) ////// */

ul#contentsMenu { margin:0 0 20px 0; padding:0; }
#contentsMenu h2 { font-size:1.2em; }
#contentsMenu li { margin:0 0 10px 25px; }


/* 区間ルートメニュー ////////////// */

#routeMenu {
	width:450px;
	height:60px;
	_height:49px; /* IE6対策 */
	margin:0;
}

#routeMenu li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#routeMenu li a {
	display:block;
	width:210px;
	height:49px;
}

#routeMenu li a em { display:none; }

/* ボタン背景の個別設定 */
.rtmenu01 a { background:url(../material/menu_route.png) 0 0 no-repeat; }
.rtmenu01 a:hover { background:url(../material/menu_route.png) 0 -49px no-repeat; }
.rtmenu01#sel a { background:url(../material/menu_route.png) 0 -98px no-repeat; }

.rtmenu02 a { background:url(../material/menu_route.png) -210px 0 no-repeat; }
.rtmenu02 a:hover { background:url(../material/menu_route.png) -210px -49px no-repeat; }
.rtmenu02#sel a { background:url(../material/menu_route.png) -210px -98px no-repeat; }


/* 区間ルートメニュー(改定版) ////////////// */

#routeMenu2 {
	width:680px;
	height:60px;
	_height:49px; /* IE6対策 */
	margin:0;
}

#routeMenu2 li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#routeMenu2 li a ,#routeMenu2 #sel a{
	display:block;
	width:194px;
	height:49px;
	background:url(../material/menu_route3.png);
	background-image:url(../material/menu_route3.png);
	background-repeat:no-repeat;
}

#routeMenu2 li a em { display:none; }

/* ボタン背景の個別設定 */
#routeMenu2 .rtmenu01 a,#routeMenu2 .rtmenu01#sel a { width:146px; }
#routeMenu2 .rtmenu01 a { background-position:0 0; }
#routeMenu2 .rtmenu01 a:hover { background-position:0 -49px; }
#routeMenu2 .rtmenu01#sel a { background-position:0 -98px; }
#routeMenu2 .rtmenu01a a,#routeMenu2 .rtmenu01a#sel a { width:146px; }
#routeMenu2 .rtmenu01a a { background-position:-146px 0; }
#routeMenu2 .rtmenu01a a:hover { background-position:-146px -49px; }
#routeMenu2 .rtmenu01a#sel a { background-position:-146px -98px; }

#routeMenu2 .rtmenu02 a { background-position:-292px 0; }
#routeMenu2 .rtmenu02 a:hover { background-position:-292px -49px; }
#routeMenu2 .rtmenu02#sel a { background-position:-292px -98px; }
#routeMenu2 .rtmenu02a a { background-position:-486px 0; }
#routeMenu2 .rtmenu02a a:hover { background-position:-486px -49px; }
#routeMenu2 .rtmenu02a#sel a { background-position:-486px -98px; }

/* 区間ルートメニュー(改定版) ////////////// */

#routeMenu3 {
	width:680px;
	height:60px;
	_height:49px; /* IE6対策 */
	margin:0;
}

#routeMenu3 li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#routeMenu3 li a ,#routeMenu3 #sel a{
	display:block;
	width:194px;
	height:49px;
	background:url(../material/menu_route3nodate.png);
	background-image:url(../material/menu_route3nodate.png);
	background-repeat:no-repeat;
    text-decoration: none;
}

#routeMenu3 li a em { display:none; }
#routeMenu3 li a span {
    display:block;
    color:red;
    text-align:center;
    font-size:0.8em;
    padding-top:34px;
    line-height:1;
    letter-spacing:0;
}
/* ボタン背景の個別設定 */
#routeMenu3 .rtmenu01 a,#routeMenu3 .rtmenu01#sel a { width:146px; }
#routeMenu3 .rtmenu01 a { background-position:0 0; }
#routeMenu3 .rtmenu01 a:hover { background-position:0 -49px; }
#routeMenu3 .rtmenu01#sel a { background-position:0 -98px; }
#routeMenu3 .rtmenu01a a,#routeMenu3 .rtmenu01a#sel a { width:146px; }
#routeMenu3 .rtmenu01a a { background-position:-146px 0; }
#routeMenu3 .rtmenu01a a:hover { background-position:-146px -49px; }
#routeMenu3 .rtmenu01a#sel a { background-position:-146px -98px; }

#routeMenu3 .rtmenu02 a { background-position:-292px 0; }
#routeMenu3 .rtmenu02 a:hover { background-position:-292px -49px; }
#routeMenu3 .rtmenu02#sel a { background-position:-292px -98px; }
#routeMenu3 .rtmenu02a a { background-position:-486px 0; }
#routeMenu3 .rtmenu02a a:hover { background-position:-486px -49px; }
#routeMenu3 .rtmenu02a#sel a { background-position:-486px -98px; }

/* キャンペーンメニュー ////////////// */

#campaignMenu {
	width:450px;
	height:auto;
	margin:0 0 0 15px;
}

#campaignMenu li {
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
	font-size:110%;
}
#campaignMenu li a {
	display:block;
	width:450px;
	height:26px;
	padding:15px 8px 4px 15px;
	border:1px solid #F60;
	border-left:5px solid #F60;	
	/*border-right:5px solid #F60;*/
	background:#ffd;
}
#campaignMenu li a:hover {
	background:#fee;
	border-left:5px solid #F33;
}


/* ▼ リストメニュー(アコーディオン用) */

.AcMenu dl { 
  margin:0;
  padding:8px 0;
}
.AcMenu dt { /* リストタイトル */
	font-weight:bold;
	font-size:118%;
	letter-spacing:1px;	
	line-height:1.5;
}
.AcMenu dt a {
	display:block;
	width:auto;
	height:26px;
	padding:15px 5px 5px 10px;
	margin:0 0 10px 0;
	/*border:1px solid #00709F;
	background:#E3EFFB;*/
	border:1px solid #F60;
	border-left:5px solid #F60;	
	background:#ffd;
	text-decoration:none;

}
.AcMenu dt a:hover {
	background:#fee;
	border-left:5px solid #F33;	
	text-decoration:underline;
}
.AcMenu dd { /* 内容 */
	font-style:normal;
	font-size:100%;
	line-height:1.6;
	margin:6px 0 8px 0;
}

img.click { /* クリックボタン */
	border:none;
	margin-left:10px;
	vertical-align:middle;
}
/* フッターメニュー ///////////////// */

ul#footerMenu  {
	list-style-type:none;
	margin:5px 0 0 160px;
	padding:0;
}
#footerMenu li {
	float:left;
	margin:0;
	padding:10px 6px 10px 10px;
}
#footerMenu li a { color:#FFA600; color:#2258A9; }
#footerMenu li a:hover { color:#39C; }

/* その他ナビゲーション //////////// */

#return_popup { /* トップへ戻る */
	position:absolute;
	top:20px;
	left:300px;
	width:200px;
	height:20px;
	display:none;
	color:#FC6;
	padding:2px 0 0 25px;
	background:url(../material/ico_home.gif) 0 0 no-repeat;
}

/* ----------------------------------------- */
/* ▼パンくずナビゲーション設定              */
/* ----------------------------------------- */
#path_navi ol {
	margin:0;
	padding:0;
	list-style: none;
	clear:both;
}

#path_navi li {
	float: left;
	font-size: 85%;
	list-style-image:none;
	padding: 0 8px 0 10px;
	margin:5px 0;
	color:#666;
	letter-spacing:0.5px;
	background:url(../material/icon_navi.gif) left 6px no-repeat;
}
#path_navi li.start { background:none; padding: 0 8px 0 0;}