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

 file name  :index.css
 author     :Ability Consultant
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */


/*----------------------------------------------------
	トップページ専用指定
----------------------------------------------------*/

/* Flash含むトップページ用のヘッダ
----------------------------------------------------*/
#index #section {
	width: 955px;
	margin: 0 auto 12px auto;
	padding: 0 15px 0 0;
	overflow: hidden;
}

/* Flash */
#index #section #swf {
	width: 730px;
	float: left;
}

/* バナー */
#index #section #bn_area {
	width: 220px;
	padding: 0;
	float: right;
}

#index #section #bn_area p {
	margin: 0 0 2px 0;
}




/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/

/* メインバナー
----------------------------------------------------*/
.bn_main {
	margin: 0 0 15px 0;
}
#bn_spring{
	display:block;
	width:500px;
	height:40px;
	background:url(../images/top/bn_spriong.jpg) no-repeat 0 0;
	padding:100px 0 0 200px;
}

#bn_autumn{
	display:block;
	width:130px;
	height:127px;
	background:url(../images/top/bn_autumn.jpg) no-repeat 0 0;
	padding:13px 0 0 570px;
}

#bn_winter{
	display:block;
	width:130px;
	height:127px;
	background:url(../images/top/bn_winter.jpg) no-repeat 0 0;
	padding:13px 0 0 570px;
}

#bn_2gatsu{
	display:block;
	width:268px;
	height:127px;
	background:url(../images/top/2gatsu.gif) no-repeat 0 0;
	padding:13px 0 0 432px;
}


#bn_shogatsu{
	display:block;
	width:327px;
	height:127px;
	background:url(../images/top/bn_syogatsu.jpg) no-repeat 0 0;
	padding:13px 0 0 373px;
}

#bn_autumn p{
	margin:0 0 5px 0;
	}
	
#bn_winter p{
	margin:0 0 5px 0;
	padding:0 0 0 7px;
	}
	
#bn_shogatsu p{
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	float:left;
	}
	
#bn_2gatsu p{
	margin:10px 0 18px 0;
	}



/* トップナビゲーション
----------------------------------------------------*/
#index .indexnav {
	width: 684px;
	height: 157px;
	margin: 0 0 20px 0;
	padding: 0 8px;
	background: url(../images/top/menu_indexnav.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#index .indexnav li {
	float: left;
}

#index .indexnav li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* 送迎 */
#index .indexnav li.in_send {
	width: 222px;
	height: 153px;
	margin: 0 8px 0 0;
}

/* 指定校 */
#index .indexnav li.in_sitei {
	width: 222px;
	height: 147px;
	margin: 8px 8px 0 0;
}

/* 定期券 */
#index .indexnav li.in_teiki {
	width: 222px;
	height: 147px;
	margin: 8px 0 0 0;
}



/* 免許ナビゲーション
----------------------------------------------------*/
#index .licensenav {
	width: 700px;
	height: 66px;
	margin: 0 0 35px 0;
	background: url(../images/top/menu_licensenav.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#index .licensenav li {
	height: 66px;
	float: left;
}

#index .licensenav li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* 料金表 */
#index .licensenav li.li_price {
	width: 188px;
}

/* 普通車 */
#index .licensenav li.li_normal {
	width: 128px;
}

/* 普通車2種 */
#index .licensenav li.li_normal2 {
	width: 128px;
}

/* 二輪 */
#index .licensenav li.li_bike {
	width: 250px;
}




/* キャンペーン
----------------------------------------------------*/
#index .campaign_con {
	width: 700px;
	margin: 0 0 45px 0;
}

/* 見出し */
#index .campaign_con .entry {
	width: 700px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	background: url(../images/top/bg_campaign.gif) no-repeat 0 0;
	overflow: hidden;
}

#index .campaign_con .entry h2 {
	float: left;
}

#index .campaign_con .entry p {
	margin: 3px 0 0 0;
	float: right;
}

/* 記事 */
#index .campaign_con .campaign_entry {
	width: 690px;
	margin: 0 0 5px 0;
	padding: 5px;
	background-color: #fff9ea;
	overflow: hidden;
}

#index .campaign_con .campaign_entry .photo {
	margin: 0 10px 0 0;
	border: 1px #dbdbdb solid;
	float: left;
}

#index .campaign_con .campaign_entry .photo img {
	width: 67px;
	height: 67px;
	border: 3px #fff solid;
}

#index .campaign_con .campaign_entry .txt {
	overflow: hidden;
	zoom: 1;
}

#index .campaign_con .campaign_entry .txt h3 {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: url(../images/icon_allow01.gif) no-repeat left center;
	color: #e73276;
	overflow: hidden;
}

#index .campaign_con .campaign_entry .txt h3 .date {
	width: 7em;
	margin: 0 10px;
	padding: 5px;
	background-color: #ffdae7;
	color: #9d1414;
	font-weight: normal;
}

#index .campaign_con .campaign_entry .txt h3 img {
	vertical-align: middle;
}




/* 新着
----------------------------------------------------*/
#index .news_con {
	width: 700px;
	margin: 0 0 45px 0;
}

/* 見出し */
#index .news_con .entry {
	width: 700px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	background: url(../images/top/bg_news.gif) no-repeat 0 0;
	overflow: hidden;
}

#index .news_con .entry h3 {
	float: left;
}

#index .news_con .entry p {
	margin: 3px 0 0 0;
	float: right;
}

/* 記事 */
#index .news_con #news {
	width: 700px;
}

#index .news_con #news #newslist {
	width: 690px;
	padding: 5px;
	overflow: hidden;
}

#index .news_con #news #newslist h4 span.date {
	width: 7em;
	margin: 0 10px 0 0;
	padding: 0 10px;
	background: url(../images/top/bg_news_date.gif) repeat;
}

#index .news_con #news #newslist h4 span.st_news {
	padding: 0 0 0 20px;
	background: url(../images/icon_allow01.gif) no-repeat left center;
}

#index .news_con #news #newslist h4 span.st_news a:link {
	color: #e73276;
}

#index .news_con #news #newslist p span {
	color: #ff71a0;
}

#index .news_con #news img {
	margin: 10px 0 0 350px;
}


#index .bl-hover {
	background-color: #fff9ea;
}




/* カレンダーやバナーなどお知らせ
----------------------------------------------------*/
#index .indexinfo_con {
	width: 700px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

/* 左側：カレンダー */
#index .indexinfo_con .cal_con {
	width: 465px;
	background: url(../images/top/bg_cal_top.gif) no-repeat 0 0;
	float: left;
}

#index .indexinfo_con .cal_con table {
	margin: 0 0 15px 0;
}


#index .indexinfo_con .cal_con caption {
	color: #ff2f7b;
	font-weight: bold;
}

#index .indexinfo_con .cal_con th,
#index .indexinfo_con .cal_con td {
	width: 30px;
	padding: 0;
	text-align: center;
}

#index .indexinfo_con .cal_con th {
	background: #ffd7dd;
}

#index .indexinfo_con .cal_con th.sun {
	background: #d73e55;
	color: #fff;
}

#index .indexinfo_con .cal_con th.sat {
	background: #f2acb6;
}

#index .indexinfo_con .cal_con td.pt1 {
	background: #3366cc;
	color: #fff;
}

#index .indexinfo_con .cal_con td.pt2 {
	background: #66aa00;
	color: #fff;
}

#index .indexinfo_con .cal_con td.pt3 {
	background: #cc3333;
	color: #fff;
}
#index .indexinfo_con .cal_con td.pt4 {
	background: #d6ae00;
	color: #fff;
}
#index .indexinfo_con .cal_con td.pt5 {
	background: #f44fc2;
	color: #fff;
}
#index .indexinfo_con .cal_con td {
	background: #fff;
}



#index .indexinfo_con .cal_con h3 {
	margin: 0 0 10px 0;
}

/* 角丸下 */
#index .indexinfo_con .cal_con .cal_bottom {
	width: 465px;
	height: 5px;
	background: url(../images/top/bg_cal_bottom.gif) no-repeat 0 0;
	clear: both;
}

/* カレンダー表示領域 */
#index .indexinfo_con .cal_con .cal_fra {
	width: 255px;
	height: 310px;
	margin: 0 0 15px 15px;
	float: left;
	display: inline;
}

/* テキスト */
#index .indexinfo_con .cal_con .txt {
	width: 190px;
	float: right;
}

#index .indexinfo_con .cal_con .txt ul {
	margin: 0 0 20px 0;
}

#index .indexinfo_con .cal_con .txt ul li {
	margin: 0 0 5px 0;
}

#index .indexinfo_con .cal_con .txt ul li img {
	padding: 0 5px 0 0;
	vertical-align: middle;
}

#index .indexinfo_con .cal_con .txt ul li .ex_1{
	font-size:80%;
	}

#index .indexinfo_con .cal_con .txt p.ex {
	width: 165px;
	padding: 5px;
	background-color: #fff;
	font-size: 86%;
}

#index .indexinfo_con .cal_con .txt p {
	margin: 0 0 20px 0;
}



/* 右側：バナーリンクなど */
#index .bninfo_con {
	width: 215px;
	float: right;
}

/* FM */
#index .bninfo_con .fminfo {
	width: 215px;
	margin: 0 0 30px 0;
	background: url(../images/top/bg_fm_top.gif) no-repeat 0 0;
}

#index .bninfo_con .fminfo h4 {
	margin: 0 0 5px 0;
}

#index .bninfo_con .fminfo p {
	width: 200px;
	margin: 0 auto 5px auto;
	color: #531c1c;
}

#index .bninfo_con .fminfo .fminfo_bottom {
	width: 215px;
	height: 5px;
	background: url(../images/top/bg_fm_bottom.gif) no-repeat 0 0;
}





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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}