/* CSS Document */

/* ===========================================================
	* menu *
--------------------------------------------------------------

	1 = calendar（イベントカレンダー）
	2 = bsinfo	（営業・料金案内）
	3 = coupon	（お得な割引情報）
	4 = faq		（よくある質問）
	5 = access	（アクセス）
	6 = about	（比叡山ドライブウェイとは）
	7 = news	（新着情報一覧）

	* = company	（会社概要）
	* = privacy	（個人情報保護方針）
	* = sitemap	（サイトマップ）
	* = link	（リンク）

	* = clear	（clearfix）

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


/* calendar ================================================== */
div#calendar {
margin:10px auto 0;
}
div#calendar p.caption {
width:520px;
margin:0 auto;
text-align:left;
}

div#calendar ul {
width:520px;
margin:0 10px;
}
div#calendar ul li {
clear:both;
margin:15px 0 0;
padding:5px 0;
text-align:left;
border:solid 1px #999999;
background-image:url(../img/sub/calendar/topic_bg.jpg);
background-repeat:repeat-x;
}
/* \*//*/ div#calendar ul li {clear:none;} /**/
div#calendar ul li em {
font-style:normal;
font-weight:bold;
font-size:12px;
display:block;
text-indent:10px;
}
/*\*//*/ div#calendar ul li em {letter-spacing:-1px;} /*  */
div#calendar ul li h3 {
margin:0 0 5px;
padding:0 0 2px;
font-weight:bold;
font-size:14px;
line-height:1.8;
color:#996600;
border-bottom:dotted 1px #999999;
text-indent:10px;
}
div#calendar ul li p {
margin:0 12px;
}
div#calendar ul li img.photo {
width:100px;
margin:0 10px 0 5px;
float:left;
}
div#calendar ul li p.photo {
margin:0 12px 0 115px;
}

/* bsinfo ================================================= */
div#bsinfo {
margin:20px auto 0;
}
div#bsinfo p {
width:510px;
margin:0 auto 1em;
text-align:left;
}
div#bsinfo p.unit {
width:510px;
margin:2px auto 5px;
text-align:right;
font-size:10px;
}
div#bsinfo p strong {
color:#cc6666;
font-weight:normal;
font-size:14px;
}

div#bsinfo img.price-image {
margin:0 auto 30px;
display:block;
}

div#bsinfo table {
width:510px;
margin:0 auto;
margin-left:auto;
margin-right:auto;
background-color:#999999;
}
div#bsinfo table th {
padding:7px 5px 5px;
background-color:#f1f8db;
font-size:12px;
font-weight:normal;
text-align:left;
line-height:1.0;
}
div#bsinfo table td {
padding:7px 5px 5px;
font-size:12px;
font-weight:normal;
text-align:left;
line-height:1.0;
background-color:#ffffff;
}

div#bsinfo table#price th {
font-size:10px;
}
div#bsinfo table#price th.section {
font-size:12px;
background-color:#ffffff;
text-align:center;
}
div#bsinfo table#price th.type {
width:40px;
text-align:center;
line-height:1.2;
}
div#bsinfo table#price th img {
width:15px;
height:15px;
margin:0 5px 0 0;
vertical-align:middle;
}
div#bsinfo table#price td {
text-align:right;
}

div#bsinfo table#bshours {
margin-bottom:1em;
}
div#bsinfo table#bshours th, div#bsinfo table#bshours td {
width:50%;
text-align:center;
}
div#bsinfo table#bshours td span {
font-size:10px;
line-height:1.2;
}

/* coupon ================================================== */
div#coupon {
margin:20px auto 0;
}
div#coupon p {
width:485px;
margin:0 auto 1em;
text-align:left;
}
div#coupon p.dl-atn {
text-align:center;
color:#cc6666;
}
div#coupon p strong {
color:#cc6666;
}
div#coupon p.unit {
width:510px;
margin:2px auto 15px;
text-align:right;
font-size:10px;
}

div#coupon  table {
width:510px;
margin:0 auto;
margin-left:auto;
margin-right:auto;
background-color:#999999;
}
div#coupon  table th {
padding:7px 5px 5px;
background-color:#f1f8db;
font-size:10px;
font-weight:normal;
text-align:left;
line-height:1.0;
}
div#coupon table th img {
width:15px;
height:15px;
margin:0 5px 0 0;
vertical-align:middle;
}
div#coupon table th.section {
font-size:12px;
background-color:#ffffff;
text-align:center;
}
div#coupon table th.discount {
font-size:12px;
text-align:center;
}
div#coupon  table td {
padding:7px 5px 5px;
font-size:12px;
font-weight:normal;
text-align:right;
line-height:1.0;
background-color:#ffffff;
}
div#coupon  table td.before {
width:40px;
}
div#coupon  table td.arrow {
width:40px;
text-align:center;
}
div#coupon  table td.after {
width:70px;
font-size:16px;
font-weight:bold;
color:#cc6666;
letter-spacing:1px;
}

div#coupon div.getreader {
width:460px;
height:31px;
margin: 0 auto 20px;
}
div#coupon div.getreader img {
width:88px;
height:31px;
display:block;
float:left;
}
div#coupon div.getreader p {
width:365px;
height:31px;
margin:0 0 0 95px;
line-height:2.9;
font-size:10px;
}

div#coupon img.coupon-image {
margin:0 auto;
display:block;
}

/* faq ==================================================== */
div#faq {
margin:10px auto 0;
}
div#faq p.caption {
width:520px;
margin:0 auto 1em;
text-align:left;
}
div#faq ul {
width:510px;
margin:0 auto;
}
div#faq ul li {
height:16px;
margin:0 0 5px;
padding:0 0 0 25px;
background-image:url(../img/sub/faq_question.gif);
background-repeat:no-repeat;
background-position:left;
text-align:left;
}

div#faq div {
width:520px;
margin:40px auto 0;
}
div#faq div h3.title01 {
font-size:12px;
line-height:2.4;
}
div#faq div h3 img {
margin:0 5px 3px 0;
vertical-align:middle;
}
div#faq div p {
width:490px;
margin:0 auto 1em;
text-align:left;
}
div#faq div div.pagetop {
margin:0;
}

/* access ==================================================== */
div#access {
}
div#access p {
width:520px;
margin:10px auto 0;
text-align:left;
}
div#access p img {
vertical-align:bottom;
}
div#access p img#btn-drivemap {
margin:0 15px 0 0;
}
div#access div.getreader {
width:520px;
_width:540px;
height:31px;
margin:15px auto 25px;
padding:10px 10px 0;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:top;
}
div#access div.getreader img {
width:88px;
height:31px;
margin:0 5px 0 0;
float:left;
}
div#access div.getreader p {
width:auto;
margin:0;
padding:17px 0 0;
}


div#access h3.title01 {
color:#666666;
border-bottom:solid 1px #cccccc;
}
div#access dl {
width:490px;
margin:0 auto;
padding:1px 0 0;
text-align:left;
}
div#access dl dt {
padding:3px 5px 2px;
border:solid 1px;
display:inline;
}
div#access dl dd {
margin:5px 0 20px 15px;
}

/* about ===================================================== */
div#about {
width:540px;
}

div#about div.caption {
width:540px;
margin:10px 0;
padding:0 0 10px;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#about div.caption h3 {
width:515px;
margin:0 auto 7px;
text-align:left;
}
div#about div.caption h3 img {
display:block;
}
div#about div.caption p {
width:515px;
margin:0 auto;
text-align:left;
}

div#about div.history {
width:355px;
margin:0 0 0 10px;
float:left;
_display:inline;
}
div#about div.history table {
width:350px;
margin:0 auto;
margin-left:auto;
margin-right:auto;
background-color:#cccccc;
}
div#about div.history table th {
width:30px;
padding:3px 5px;
background-color:#ffffff;
font-size:12px;
font-weight:normal;
line-height:1.5;
vertical-align:top;
text-align:center;
}
div#about div.history table td {
padding:3px 5px;
background-color:#ebf5ff;
font-size:12px;
font-weight:normal;
line-height:1.5;
vertical-align:top;
text-align:left;
}
div#about div.history table td.date {
width:35px;
}
div#about div.history table td.sp {
background-color:#ffffff;
}
/*\*//*/
div#about div.history table th {width:33px;font-size:11px;letter-spacing:-1px;}
div#about div.history table td.date {width:43px;font-size:11px;letter-spacing:-1px;}
/*  */

div#about div.history div.notice {
margin:10px 0 13px;
padding:0 0 8px;
width:355px;
background-image:url(../img/sub/about/frame_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#about div.history div.notice h4 {
padding:8px 0 2px 13px;
background-image:url(../img/sub/about/frame_bg.gif);
background-repeat:no-repeat;
background-position:top;
color:#336600;
font-size:12px;
text-align:left;
}
div#about div.history div.notice img {
width:100px;
height:80px;
margin:3px 10px 0 13px;
display:block;
_display:inline;
float:left;
}
div#about div.history div.notice p {
margin:0 10px 0 123px;
text-align:left;
}
div#about div.history div.notice p.img-none {
margin:0 10px 0 13px;
}

div#about ul.photo {
width:150px;
margin:0 10px 0 0;
_margin:0 5px 0 0;
float:right;
text-align:center;
}
div#about ul.photo li {
width:150px;
margin:0 0 15px;
display:block;
text-align:left;
font-size:10px;
}
div#about ul.photo img {
vertical-align:bottom;
}

/* news ====================================================== */
div#news {
}
div#news div.caption {
width:540px;
padding:10px 0;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#news div.caption p {
width:515px;
margin:0 auto;
text-align:left;
}

div#news dl {
margin:0 auto 25px;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#news dl dt {
width:85px;
display:block;
float:left;
text-align:left;
line-height:2.5;
text-indent:10px;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:top;
}
div#news dl dd {
margin:0 0 0 85px;
display:block;
text-align:left;
line-height:2.5;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:top;
}
/*\*//*/ div#news dl dt,div#news dl dd {letter-spacing:-1px;font-size:11px;} /*  */

div#news div.getreader {
width:510px;
height:31px;
margin:10px auto 35px;
}
div#news div.getreader img {
width:88px;
height:31px;
display:block;
float:left;
}
div#news div.getreader p {
width:365px;
margin:18px 0 0 95px;
line-height:normal;
font-size:10px;
}





/* company ================================================== */
div#company {
margin:30px auto 0;
}
div#company table {
width:530px;
margin:0 auto;
margin-left:auto;
margin-right:auto;
}
div#company table th {
width:130px;
padding:5px 10px;
font-size:12px;
font-weight:normal;
line-height:1.5;
text-align:left;
background-color:#f3f3f3;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #cccccc;
vertical-align:top;
}
div#company table td {
width:360px;
padding:5px 10px;
font-size:12px;
font-weight:normal;
line-height:1.5;
text-align:left;
background-color:#ffffff;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #cccccc;
}
div#company table td ol {
padding:0 0 0 30px;
}
div#company table td ol li {
margin:0 0 3px;
}

/* privacy ================================================== */
div#privacy {
margin:30px auto 0;
}
div#privacy div {
width:530px;
margin:0 auto;
}
div#privacy div h3 {
width:530px;
height:25px;
margin:0 0 5px;
text-align:left;
background-color:#f3f3f3;
border-bottom:solid 1px #cccccc;
font-size:14px;
font-weight:normal;
text-indent:10px;
line-height:1.9;
}
div#privacy div p {
width:480px;
margin:0 auto 15px;
text-align:left;
}
div#privacy div ol {
width:450px;
_width:480px;
margin:0 auto 15px;
padding:0 0 0 30px;
}
div#privacy div ol li {
text-align:left;
}

/* sitemap ================================================== */
div#sitemap {
width:530px;
margin:30px auto 0;
}

div#sitemap ul.left {
width:250px;
float:left;
}
div#sitemap ul.right {
width:250px;
float:right;
}

div#sitemap ul {
width:250px;
}
div#sitemap ul li {
width:250px;
margin:0 0 12px;
text-align:left;
display:block;
}
div#sitemap ul li a {
height:34px;
padding:0 0 0 35px;
font-size:14px;
font-weight:bold;
letter-spacing:2px;
display:block;
line-height:2.5;
color:#cc9900;
border-top:solid 1px #cc9900;
background-color:#f5fae5;
background-image:url(../img/sub/sitemap_listmark.gif);
background-repeat:no-repeat;
background-position:left;
}
div#sitemap ul li a:hover {
color:#666600;
text-decoration:none;
}

div#sitemap ul li.sub {
margin:0 0 5px;
}
div#sitemap ul li.sub ul {
}
div#sitemap ul li.sub ul li {
width:auto;
margin:0 0 5px 30px;
}
div#sitemap ul li.sub ul li a {
height:auto;
margin:0;
padding:0 0 0 15px;
font-size:12px;
font-weight:normal;
line-height:1.5;
color:#cc6600;
border:none;
display:inline;
background-color:#ffffff;
background-image:url(../img/sub/sitemap_listmark_sub.gif);
background-repeat:no-repeat;
background-position:left;
}
div#sitemap ul li.sub ul li a:hover {
color:#666600;
}

/* link ================================================== */
div#link {
margin:10px auto 0;
}
div#link p.caption {
width:520px;
margin:0 auto;
text-align:left;
}

div#link ul {
width:520px;
margin:0 10px;
}
div#link ul li {
margin:15px 0 0;
text-align:left;
border-bottom:solid 1px #cccccc;
}
div#link ul li a {
margin:0 0 0 3px;
padding:0 0 0 20px;
font-size:14px;
background-image:url(../img/sub/link_arrow.gif);
background-repeat:no-repeat;
background-position:left;
}
div#link ul li p {
padding:5px 0 5px 24px;
color:#999999;
border-top:dotted 1px #cccccc;
}
div#link ul li p a {
padding:0;
}
div#link ul li p img.jaf {
width:188px;
height:60px;
margin:2px 10px 5px 0;
display:block;
float:left;
}

/* clear ================================================== */
div#sitemap:after,
div#calendar ul li:after,
div#about:after,
div#news dl:after,
div#link ul li p:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
div#sitemap,
div#calendar ul li,
div#about,
div#news dl,
div#link ul li p {display: inline-block;}
/* Hides from IE-mac \*/
* html div#sitemap,
* html div#calendar ul li,
* html div#about,
* html div#news dl,
div#link ul li p {height: 1%;}
div#sitemap,
div#calendar ul li,
div#about,
div#news dl,
div#link ul li p {display: block;}
/* End hide from IE-mac */