@charset "utf-8";

/* =======================================
	ドロップシャドウ
======================================= */
#News_Feed,
.tikanav,
#left_action h3,
#news,
#mainContentIndex .left_content .topics,
#mainContentIndex .left_content .recommended
{
	/* box-shadow */
	box-shadow:rgba(46, 52, 61, 0.631373) 0px 1px 2px 0px;
	-webkit-box-shadow:rgba(46, 52, 61, 0.631373) 0px 1px 2px 0px;
	-moz-box-shadow:rgba(46, 52, 61, 0.631373) 0px 1px 2px 0px;
}





#container {
	padding: 20px 0;
	margin: 0 auto;
	width: 400px;
}

.innerIndex{
	width:985px;
	min-width:985px;
	margin:0 auto;
	display:block;
	overflow:hidden;
}
.mainV{
	height:400px;
	overflow:hidden;
}


/* =======================================
	Main_Visual
======================================= */
#main{
	background:url(../img/main_v_BG.gif);
}
#Main_Visual{
	background:url(../img/common/headerBgshadow.png) no-repeat top;
	position:relative;
	display:block;
	overflow:hidden;
	padding:20px 0;
	height:440px;
}

#left_action{
	display:block;
	overflow:hidden;
	float:left;
	/*position:absolute;
	width:980px;
	z-index:9999;
	margin:0 auto;
	left:462px;*/
}

#left_action h3{
	background:#099;
	height:0;
	padding:400px 0 0 0;
	width:200px;
	float:left;
	cursor:pointer;
	background:url(../img/RosenzClick_img.gif) no-repeat;
}

#left_box{
	display:none;
	overflow:hidden;
	height:400px;
	width:780px;
	float:right;
	position:relative;
}

/*　路線図　*/
.select_box{
	width:780px;
	/*float:left;
	z-index:999;
	background:url(../img/jikoku_bg.gif) no-repeat;*/
	height:0;
	padding:400px 0 0 0;
	overflow:hidden;
	display:block;
}


/* =======================================
	rosenz
======================================= */

.rosenz{
	width:776px;
	position:absolute;
	top:0;
	right:0;
}


/* 
	Map
================================= */
#railway-map {
	position: relative;
}
#railway-map .station-list li {
	position: absolute;
}
#railway-map .station-list a {
	background: url(../img/rosen/px.png) no-repeat;
	display: block;
	width: 100%;
	height: 100%;
}
#railway-map .station-list .balloon,
#railway-map .station-list .balloon2,
#railway-map .station-list .balloon3,
#railway-map .station-list .balloon4{
	position: absolute;
	width:107px !important;
	height:115px !important;
}
.routeMapStation a img{
	z-index:-9999;
}
/* 
	Mapicon
================================= */
/*　通常バルーン　*/
.station-list .balloon{
	top:-95px !important;
	right:-42px !important;
}
/*　横バージョンバルーン（左）　*/
.station-list .balloon2{
	top:-45px !important;
	right:20px !important;
}
/*　下バージョンバルーン　*/
.station-list .balloon3{
	top:25px !important;
	right:-45px !important;
}
/*　横バージョンバルーン（右）　*/
.station-list .balloon4{
	top:-45px !important;
	right:-95px !important;
}

a.stationIcon span{
	z-index: 999;
}

/*　空港線
-------------------------*/
/* 姪浜 */
#routeMap_Meinohama{
  top:164px;
  left:74px;
}
/* 室見 */
#routeMap_Muromi{
  top:186px;
  left:129px;
}
/* 藤崎 */
#routeMap_Fujisaki{
  top:188px;
  left:160px;
}
/* 西新 */
#routeMap_Nishijin{
  top:183px;
  left:203px;
}
/* 唐人町 */
#routeMap_Tojinmachi{
  top:162px;
  left:249px;
}
/* 大濠公園 */
#routeMap_Oohori{
  top:168px;
  left:281px;
}
/* 赤坂 */
#routeMap_Akasak{
  top:179px;
  left:325px;
}
/* 天神 */
#routeMap_Tenjin{
  top:173px;
  left:356px;
}
/* 中洲川端 */
#routeMap_Nakasu{
  top:164px;
  left:386px;
}
/* 祇園 */
#routeMap_Gion{
  top:171px;
  left:418px;
}
/* 博多 */
#routeMap_Hakata{
  top:189px;
  left:438px;
}
/* 東比恵 */
#routeMap_Higashihie{
  top:198px;
  left:477px;
}
/* 福岡空港 */
#routeMap_Kuko{
  top:177px;
  left:548px;
}

/*　箱崎線
-------------------------*/
/* 呉服町 */
#routeMap_Gofuku{
  top:148px;
  left:404px;
}
/* 千代県庁口 */
#routeMap_Tiyo{
  top:132px;
  left:422px;
}
/* 馬出九大病院前 */
#routeMap_Maidashi{
  top:105px;
  left:448px;
}
/* 箱崎宮前 */
#routeMap_Hakozakimiya{
  top:75px;
  left:453px;
}
/* 箱崎九大前 */
#routeMap_Hakozakikyudai{
  top:47px;
  left:462px;
}
/* 貝塚 */
#routeMap_Kaizuka{
  top:15px;
  left:480px;
}

/*　七隈線
-------------------------*/
#routeMap_Hashimoto{
  bottom:88px;
  left:40px;
}
#routeMap_Jiromaruo{
  bottom:71px;
  left:70px;
}
#routeMap_Kamo{
  bottom:56px;
  left:99px;
}
#routeMap_Noke{
  bottom:41px;
  left:130px;
}
#routeMap_Ume{
  bottom:25px;
  left:160px;
}
#routeMap_Fukudai{
  bottom:33px;
  left:188px;
}
#routeMap_Nanakuma{
  bottom:56px;
  left:190px;
}
#routeMap_Kanayama{
  bottom:83px;
  left:195px;
}
#routeMap_Chayama{
  bottom:110px;
  left:213px;
}
#routeMap_Befu{
  bottom:144px;
  left:235px;
}
#routeMap_Roppon{
  bottom:155px;
  left:266px;
}
#routeMap_Sakurazaka{
  bottom:149px;
  left:302px;
}
#routeMap_Yakuinoo{
  bottom:155px;
  left:336px;
}
#routeMap_Yakuin{
  bottom:158px;
  left:360px;
}
#routeMap_Watanabe{
  bottom:167px;
  left:381px;
}
#routeMap_Tenjinminami{
  bottom:185px;
  left:366px;
}








.Main_close{
	position:absolute;
	bottom:30px;
	right:30px;
	display:block;
	cursor:pointer;
	background:url(../img/Main_close.gif) no-repeat;
	height:0;
	padding:110px 0 0 0;
	overflow:hidden;
	width:136px;
}




/* =======================================
	ニューススティッカー
======================================= */
#News_Feed{
	position:relative;
	width:733px;
	background:url(../img/News_bg.gif) no-repeat;
	height:0;
	padding:30px 0 0 0;
	overflow:hidden;
	display:block;
	margin:0px 0 10px 0;
	float:left;
}
.ticker{
	width:400px;
	overflow:hidden;
	position:absolute;
	left:210px;
	top:3px;
	
}
.tickerFeed{
	width:400px;
	overflow:hidden;
	position:absolute;
	left:210px;
	top:3px;
	height:23px;
	
}
.tickerFeed ul{
	width:auto!important;
}







/* 遅延証明書ボタン等 */
#News_Feed h2{
	height:0;
}
#News_Feed ul.statusBtn{
	display:block;
	overflow:hidden;
	position:absolute;
	right:2px;
	top:2px;
	width:109px;
}
#News_Feed ul.statusBtn li{
	float:left;
	display:block;
	
}
#News_Feed ul.statusBtn li a{
	background:url(../img/tickerBtn.gif) no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding:26px 0 0 0;
	z-index: 9;
	line-height: 180%;
}
#News_Feed ul.statusBtn li.tickerDetail a{
	background-position:0 0;
	width:35px;
}
#News_Feed ul.statusBtn li.chien a{
	background-position:-35px 0;
	width:74px;
}
/* hover後 */
#News_Feed ul.statusBtn li.tickerDetail a:hover{
	background-position:0 -26px;
	width:35px;
}
#News_Feed ul.statusBtn li.chien a:hover{
	background-position:-35px -26px;
	width:74px;
}



/* =======================================
	ちかなび
======================================= */
.tikanav{
	float:right;
	width:236px;
	background:url(../img/chikanav.gif) no-repeat;
	height:0;
	padding:30px 0 0 0;
	line-height:180%;
	overflow:hidden;
	position:relative;
}

.tikanav a{
	width:129px;
	background:url(../img/tikanavIcon.gif) no-repeat;
	height:0;
	padding:30px 0 0 0;
	line-height:180%;
	overflow:hidden;
	position:absolute;
	right:2px;
	top:2px;
	display:block;
}



/* =======================================
	Gnav
======================================= */
#Gnav{
	padding:8px 0 0 0;
}


#Gnav ul.tab{
	display:block;
	width:980px;
	margin:0 auto;
	background:url(../img/quickBg.gif) no-repeat;
	height:44px;
	position:relative;
}
#Gnav ul.tab li a{
	position:absolute;
	height:0px;
	padding:51px 0 0 0;
	line-height:180%;
	overflow:hidden;
	width:358px;
	display:block;
	background-position:0 -51px;
}
#Gnav ul.tab li.tab01 a{
	background:url(../img/content_tab01.png) no-repeat;
	top:4px;
	left:216px;
	z-index:20;
}
#Gnav ul.tab li.Gnav_active a#aTab01{
	background:url(../img/content_tab01.png) no-repeat;
	background-position:0 -51px;
}
#Gnav ul.tab li.Gnav_active a#aTab02{
	background:url(../img/content_tab02.png) no-repeat;
	background-position:0 -51px;
}

/*  hover後 */
#Gnav ul.tab li.tab01 a:hover{
	background:url(../img/content_tab01.png) no-repeat;
	background-position:0 -51px;
}

#Gnav ul li.tab02 a{
	background:url(../img/content_tab02.png) no-repeat;
	top:4px;
	right:16px;
	z-index:20;
}
/*  hover後 */
#Gnav ul li.tab02 a:hover{
	background:url(../img/content_tab02.png) no-repeat;
	background-position:0 -51px;
}

#Gnav #Gnav_content{
	width:980px;
	margin:0 auto;
	height:117px;
	overflow:hidden;
}


/* 
	個人のお客様
------------------------------- */
#Gnav #Gnav_content #tab1 ul.tab01Item{
	background:url(../img/quickMenu01.gif) no-repeat;
	width:980px;
	height:117px;
}

#Gnav #Gnav_content #tab1 ul.tab01Item li{
	float:left;
	display: block;
}

#Gnav #Gnav_content #tab1 ul.tab01Item li a{
	background:url(../img/quickMenu01.gif) no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding:117px 0 0 0;
	z-index: 9;
	line-height: 180%;
}

#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item01 a{
	background-position:0 0;
	width:110px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item02 a{
	background-position:-110px 0;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item03 a{
	background-position:-219px 0;
	width:108px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item04 a{
	background-position:-327px 0;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item05 a{
	background-position:-436px 0;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item06 a{
	background-position:-545px 0;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item07 a{
	background-position:-654px 0;
	width:108px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item08 a{
	background-position:-762px 0;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item09 a{
	background-position:-871px 0;
	width:109px;
}

/*  hover後 */
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item01 a:hover{
	background-position:0 -117px;
	width:110px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item02 a:hover{
	background-position:-110px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item03 a:hover{
	background-position:-219px -117px;
	width:108px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item04 a:hover{
	background-position:-327px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item05 a:hover{
	background-position:-436px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item06 a:hover{
	background-position:-545px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item07 a:hover{
	background-position:-654px -117px;
	width:108px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item08 a:hover{
	background-position:-762px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab1 ul.tab01Item li.tab01Item09 a:hover{
	background-position:-871px -117px;
	width:109px;
}





/* 
	事業者の皆様
------------------------------- */
#Gnav #Gnav_content #tab2 ul.tab02Item{
	background:url(../img/quickMenu02.gif) no-repeat;
	width:980px;
	height:117px;
}

#Gnav #Gnav_content #tab2 ul.tab02Item li{
	float:left;
	display: block;
}

#Gnav #Gnav_content #tab2 ul.tab02Item li a{
	background:url(../img/quickMenu02.gif) no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding:117px 0 0 0;
	z-index: 9;
	line-height: 180%;
}

#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item01 a{
	background-position:0 0;
	width:110px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item02 a{
	background-position:-110px 0;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item03 a{
	background-position:-219px 0;
	width:108px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item04 a{
	background-position:-327px 0;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item05 a{
	background-position:-436px 0;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item06 a{
	background-position:-545px 0;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item07 a{
	background-position:-654px 0;
	width:108px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item08 a{
	background-position:-762px 0;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item09 a{
	background-position:-871px 0;
	width:109px;
}

/*  hover後 */
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item01 a:hover{
	background-position:0 -117px;
	width:110px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item02 a:hover{
	background-position:-110px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item03 a:hover{
	background-position:-219px -117px;
	width:108px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item04 a:hover{
	background-position:-327px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item05 a:hover{
	background-position:-436px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item06 a:hover{
	background-position:-545px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item07 a:hover{
	background-position:-654px -117px;
	width:108px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item08 a:hover{
	background-position:-762px -117px;
	width:109px;
}
#Gnav #Gnav_content #tab2 ul.tab02Item li.tab02Item09 a:hover{
	background-position:-871px -117px;
	width:109px;
}





/* =======================================================
	contentAll
========================================================= */

#contentAll{
	width:100%;
	background:#f7f7f7 url(../img/common/headerBgshadow.png) top no-repeat;
	padding:20px 0 0 0;
}

/* =======================================
	news
======================================= */
#news{
	width:980px;
	margin:0 auto;
	border:1px solid #e5e5e5;
	display:block;
	overflow:hidden;
	background:#fff;
	position:relative;
}
ul.newsTab{
	display:block;
	float:left;
	width:198px;
	border-right:1px solid #e5e5e5;
	/*height:308px;*/
}
#news h3{
	font-size:140%;
	text-align:center;
	padding:80px 0 0 0;
	position:absolute;
	left:65px;
}
.newsTab li a{
	display:block;
	height: 0;
	overflow:hidden;
	padding:50px 0 0 0;
	z-index: 9;
	line-height: 180%;
	width:198px;
	position:absolute;
}
#newsTab_content{
	min-height:310px;
	max-height:100%;
	overflow:hidden;
	float:right;
	width:781px;
	background:url(../img/newsRightBg.gif) repeat-y;
}
#newsTab_content #tab5{
	display:none;
}

/* 記事がないとき */
.newsTab_none{
	height:274px;
	/*overflow:hidden;
	float:right;
	width:781px;
	background:url(../img/newsRightBg.gif) repeat-y;*/
}

/* ================================================
	news　tab　個人のお客様+事業者の皆様へ　共通要素
================================================ */
#newsTab_content .area2{
	padding:10px 30px;
}
#newsTab_content .area2 ul li{
	border-bottom:1px dotted #c9c9c9;
	padding:0 0 9px;
	margin:9px 0 0 0;
	display:block;
	overflow:hidden;
}
#newsTab_content .area2 ul li span.date{
	float:left;
}
#newsTab_content .area2 ul li.none{
	border:none;
}
#newsTab_content .area2 ul li span.newsTitle img{
	margin:0 15px;
	vertical-align:middle;
	float:left;
}
#newsTab_content .area2 ul li span.newsTitle a{
	display:block;
	float:left;
	line-height:180%;
	/*width:505px;*/
}
#newsTab_content .area2 p{
	text-align:right;
	margin:5px 0 0 0;
}
#newsTab_content .area2 p a.detailLink{
	color:#2b83f1;
	font-weight:bold;
	font-size:100%;
	background:url(../img/newsArrow.gif) no-repeat right center;
	padding:0 20px 0 0;
}

/* =======================================
	news　tab01　個人のお客様
======================================= */


.newsTab li a#nTab01{
	background:url(../img/newsMenu01.png) no-repeat;
	background-position:0 0;
	bottom:85px;
	left:15px;
}
.newsTab li.Gnav_active a#nTab01{
	background:url(../img/newsMenu01.png) no-repeat;
	background-position:0 -50px;
}




/* =======================================
	news　tab02　事業者の皆様
======================================= */
.newsTab li a#nTab02{
	background:url(../img/newsMenu02.png) no-repeat;
	background-position:0 0;
	bottom:30px;
	left:15px;
}
.newsTab li.Gnav_active a#nTab02{
	background:url(../img/newsMenu02.png) no-repeat;
	background-position:0 -50px;
}



/* ==============================================
	mainContentIndex
================================================= */
#mainContentIndex{
	width:980px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	padding:20px 0;
}

/*　======================================================
	leftContent
======================================================　*/

#mainContentIndex .left_content{
	width:720px;
	float:left;
}

/* トピックス */
#mainContentIndex .left_content .topics{
	background:#fff;
	border:1px solid #e5e5e5;
	padding:20px 49px;
	position:relative;
}
#mainContentIndex .left_content .topics h3{
	display:block;
	overflow:hidden;
}
#mainContentIndex .left_content .topics h3 span.link{
	float:right;
	display:block;
}
#mainContentIndex .left_content .topics h3 span.link a{
	color:#2b83f1;
	font-weight:bold;
	font-size:70%;
	background:url(../img/newsArrow.gif) no-repeat right center;
	padding:0 20px 0 0;
	
}




/* おすすめ情報 */

#mainContentIndex .left_content .recommended{
	background:#fff;
	border:1px solid #e5e5e5;
	padding:20px 39px;
	margin:20px 0 0 0;
}
#mainContentIndex .left_content .recommended ul{
	display:block;
	overflow:hidden;
}
#mainContentIndex .left_content .recommended ul li{
	float:left;
	padding:0 8px 10px 0px;
	margin:0 10px 15px 0;
	width:146px;
	border-bottom:1px solid #fafafa;
	border-right:1px solid #fafafa;
}
#mainContentIndex .left_content .recommended ul li.none{
	padding:0px 0 10px 0;
	margin:0;
	border-right:none;
	width:143px;
}
#mainContentIndex .left_content .recommended ul li span{
	display:block;
	text-align:center;
	font-size:12px;
}
#mainContentIndex .left_content .recommended ul li img{
	border:1px solid #e5e5e5;
}





/*　======================================================
	right_content
======================================================　*/
#mainContentIndex .right_content{
	width:198px;
	float:left;
	padding:20px;
	margin:0 0 0 19px;
	border:1px solid #e5e5e5;
	background:#fff;
}









/*　======================================================
	underContent
======================================================　*/

/* 
	広告バナー+リンク共通要素
------------------------------- */


#underContent .bannerAria,
#underContent .bannerAria2{
	width:939px;
	margin:0 auto;
	padding:30px 0;
}
#underContent .bannerAria h4,
#underContent .bannerAria2 h4{
	height:0;
	display:block;
	overflow:hidden;
	padding:12px 0 0 0;
	line-height:180%;
}
#underContent .bannerAria h4.bannerAria01{
	background:url(../img/underContentTitle01.gif) no-repeat center top;
}

#underContent .bannerAria ul,
#underContent .bannerAria2 ul{
	display:block;
	overflow:hidden;
	width:830px;
	margin:0 auto;	
}
#underContent .bannerAria ul li,
#underContent .bannerAria2 ul li{
	float:left;
	padding:0 10px 0 0;
	margin:57px 0 0 0;
}

/* 
	広告バナー
------------------------------- */

#underContent .bannerAria ul li.none{
	padding:0;
}
#underContent .bannerAria span{
	color:#535353;
	font-size:82%;
	text-align:center;
	display:block;
}


/* 
	リンク
------------------------------- */
#underContent .bannerAria2{
	padding:30px 0 57px 0;
}
#underContent .bannerAria2 h4.bannerAria02{
	background:url(../img/underContentTitle02.gif) no-repeat center top;
}
#underContent .bannerAria2 ul{
	width:772px;
	margin:0 auto;
}
#underContent .bannerAria2 ul li a{
	background:url(../img/bannerAria02Bg.gif) no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding:77px 0px 0 0;
	z-index: 9;
	line-height: 180%;
	margin:0 80px 0 0;
}

#underContent .bannerAria2 ul li.banner01 a{
	background-position:0 0;
	width:107px;
}
#underContent .bannerAria2 ul li.banner02 a{
	background-position:-107px 0;
	width:161px;
}
#underContent .bannerAria2 ul li.banner03 a{
	background-position:-268px 0;
	width:75px;
}
#underContent .bannerAria2 ul li.banner04 a{
	background-position:-343px 0;
	width:147px;
}
#underContent .bannerAria2 ul li.none a{
	margin:0;
}

/* hover後*/

#underContent .bannerAria2 ul li.banner01 a:hover{
	background-position:0 -77px;
	width:107px;
}
#underContent .bannerAria2 ul li.banner02 a:hover{
	background-position:-107px -77px;
	width:161px;
}
#underContent .bannerAria2 ul li.banner03 a:hover{
	background-position:-268px -77px;
	width:75px;
}
#underContent .bannerAria2 ul li.banner04 a:hover{
	background-position:-343px -77px;
	width:147px;
}