@charset "shift_jis";
/* PAGE */

@import "common.css";
@import "print.css";
#tmp_header { background:url(../img_nara/page/bg_header.jpg) no-repeat; height: 138px }
#tmp_contents { width: 950px; margin: 0 auto; background: #fff; padding: 5px 0; text-align:left }
#left_box { width: 190px; float: left; text-align:left; line-height: 120%; margin: 0 0 5px 8px }
#tmp_mid { margin-right: 8px; float: right; width: 734px; text-align:left; line-height: 140% }
* html #tmp_mid { margin-right: 5px }
* html #left_box { margin: 0 0 5px 3px }
/* Fontsize */
#left_box { font-size: 80% }
#tmp_mid { font-size: 90% }
/* Header */
#header_inner { width: 639px; height: 76px; z-index: 0; position:absolute; top: 4px; left: 304px }
/* Mainnavi */
div#mainnv { width: 100%; background: url("../img_nara/common/bg_navi.gif") repeat-x; clear:both; height: 53px; text-align:center }
div#mainnv ul { margin: 0 auto; padding: 0; list-style: none; width: 950px }
div#mainnv ul li { text-indent:-999em; height:53px; float:left }
div#mainnv ul li a { display: block; width:100%; height:100%; background: url("../img_nara/page/pagenavi.gif") no-repeat }
div#mainnv ul li#main01 a { background-position: 0 0; width: 158px }
div#mainnv ul li#main01_on a,
div#mainnv ul li#main01 a:hover { background-position:0 -53px; width: 158px }
div#mainnv ul li#main02 a { background-position: -158px 0; width: 158px }
div#mainnv ul li#main02_on a,
div#mainnv ul li#main02 a:hover { background-position: -158px -53px; width: 158px }
div#mainnv ul li#main03 a { background-position: -316px 0; width: 158px }
div#mainnv ul li#main03_on a,
div#mainnv ul li#main03 a:hover { background-position: -316px -53px; width: 158px }
div#mainnv ul li#main04 a { background-position:  -474px 0; width: 158px }
div#mainnv ul li#main04_on a,
div#mainnv ul li#main04 a:hover { background-position:  -474px -53px; width: 158px }
div#mainnv ul li#main05 a { background-position:  -632px 0; width: 158px }
div#mainnv ul li#main05_on a,
div#mainnv ul li#main05 a:hover { background-position:  -632px -53px; width: 158px }
div#mainnv ul li#main06 a { background-position:  -790px 0; width: 160px }
div#mainnv ul li#main06_on a,
div#mainnv ul li#main06 a:hover { background-position:  -790px -53px; width:160px }
/* トピックパス */
#topicpath { margin: 5px 5px 5px 15px; }
#topicpath ol { margin: 0; padding: 0; }
#topicpath li { list-style-type: none; display: inline; font-size: 90%; }
#topicpath li a { margin-right: 2px; }
/* Left---------------------------------------------------------------------------------------------*/
#konnnatoki,
#cat_index,
.kanren { margin-bottom: 5px }
#konnnatoki h2 { background:url(../img_nara/page/bg_konnatoki.jpg) #facfcf no-repeat; padding: 10px 4px 8px 8px; color:#633333; font-size: 100% }
.kanren h2 { background:url(../img_nara/page/bg_kanren.gif) #d3d0d4 no-repeat; padding: 10px 4px 8px 8px; color:#333; font-size: 100% }
#konnnatoki ul { border: 1px solid #cca1a1 }
.kanren ul { border: 1px solid #bcb394 }
#cat_index h2 { background:url(../img_nara/page/bg_index.jpg) #c9d3e4 no-repeat; padding: 10px 4px 8px 8px; color:#27374c; font-size: 100% }
#cat_index ul { border: 1px solid #758093 }
#konnnatoki ul li,
.kanren ul li,
#cat_index ul li { background: url(../img_nara/page/bg_leftlist.gif) no-repeat; background-position: 3px 4px; padding: 2px 2px 2px 15px; margin: 4px }
.left_btn { position:relative; border: 1px solid #8b9cb6; background: url(../img_nara/top/list_mayor_b4.gif) no-repeat; margin: 4px 0 }
.left_btn a { font-weight: bold; display: block; padding: 8px 5px 6px 25px}
.mb4 { margin: 0 0 4px 0 }
.pt10 {padding:10px 0 0 0}
#left_box ul li img {margin-bottom: 4px}
/* Right--------------------------------------------------------------------------------------------- */
.txtarea { margin: 5px }
/* Subtitle*/
.cat_ttl { margin: 0 0 10px 0 }
.ttl01 { background:url(../img_nara/page/bg_h2.gif) no-repeat; margin: 0 0 10px 0; padding: 10px 10px 8px 10px; border-bottom: 2px solid #534f3d; font-size: 120%; color: #333 }
/* News*/
#news { overflow: auto; height: 135px; padding: 6px; margin: 5px 5px 20px 5px }
#news dl { margin: 5px; padding: 0 }
#news dt { background-position: 6px 4px; width: 7.5em; float: left; padding: 0 0 0 10px; white-space:nowrap; clear:both }
#news dd { margin-left: 9.5em; padding: 0px 3px 3px 3px }
/* List*/
.box_dl { margin: 10px 8px 0 8px; border:1px solid #b6b19e; border-collapse:collapse}
.w45 { width:45%; float: left }
.box_dl dt { margin: 0; background: url(../img_nara/page/bg_dlbox_dt.gif) no-repeat #edebe6; background-position: 5px 12px; font-weight: bold; padding: 7px 5px 7px 25px; }
.box_dl dd { padding: 8px 8px 8px 15px; border-top:1px solid #b6b19e; margin: 0}
.list01,
.list02,
.list03,
.list04,
.list05,
.list06,
.subfld { list-style:none; margin: 10px; padding:0 }
.list01 li,
.dl_list dt { background:url(../img_nara/page/bg_list01.gif) no-repeat; background-position: 3px 7px; padding: 0 0 0 20px }
.list02 li,
.dl_list dd { background:url(../img_nara/page/bg_list02.gif) no-repeat; background-position: 3px 7px; padding: 0 0 0 20px }
.list03 li { background:url(../img_nara/page/bg_list03.gif) no-repeat; background-position: 3px 5px; padding: 0 0 0 20px }
.list04 li { background:url(../img_nara/page/bg_list04.gif) no-repeat; background-position: 3px 7px; padding: 0 0 0 16px; margin: 3px }
.list05 li { background:url(../img_nara/page/bg_list05.gif) no-repeat; background-position: 3px 3px; padding: 0 0 0 23px; margin: 3px }
.list06 li { background:url(../img_nara/page/bg_list06.gif) no-repeat; background-position: 3px 5px; padding: 0 0 3px 23px; margin: 7px }
.subfld li {background: url(../img_nara/page/icon_subfld.gif) no-repeat; background-position: 3px 5px; font-size: 110%;  padding: 8px 0 8px 30px; font-weight: bold}
/* feedback&inquiry */
#feedback,
#inquiry { margin-top: 20px }
#feedback-title,
#inquiry-title { background:url(../img_nara/page/bg_feedback_ttl.gif) no-repeat; width: 214px; color:#FFF; background-color:#2C4A7D; text-align: center }
.inq_ttl { padding: 6px 5px; margin: 0; font-weight: bold; display: block; font-size: 100% }
#feedback-body { line-height: 150%; font-size: 90%; border: 3px solid #2B497B; padding-bottom: 10px }
#inquiry-body { line-height: 150%; font-size: 90%; border: 3px solid #2B497B; padding: 3px; text-align:center; font-weight: bold; font-size: 110% }
#inquirybtn input { padding: 6px; display: block; background: url(../img_nara/page/bg_inquiry_btn.gif) repeat-x; border: 1px solid #6384B6; background-color:#D1E0F5; text-decoration:none }
#inquirybtn { width: 200px; margin: 10px auto; font-size: 110% }
#feedback .feed_question { background: #DEEAF3; clear:both; padding: 4px 8px }
#feedback-body ul { margin: 0; padding: 0 0 10px 0; list-style:none; display: block }
#feedback-body li { list-style-type: none; float: left; margin: 5px 10px 3px 10px; }
#feedback-body .input_btn { float:right; margin: 3px 3px 0px 10px; clear:both }
/* Box*/
.red_box { border: 4px solid #DEB4B4; padding: 8px ; margin: 5px}
.gray_box { border: 2px solid #d6d6d6; padding: 4px ; margin: 5px; text-align:center}
/* TABLE */
.base_table { border-collapse: collapse; text-align: left; margin: 10px auto; line-height: 150%; border: 1px solid #ccc; width: 98% }
.base_table td { border: 1px solid #ccc; padding: 6px; vertical-align: top; }
.base_table th { border: 1px solid #ccc; padding: 6px; text-align: left; vertical-align: top; background-color: #eceae5; color: #353937; font-weight: normal }
/* Tourism -----------------------------------------------------------------------------------------------------*/
#banners { text-align:center; clear:both; padding-top: 20px }
#banners ul { list-style:none; margin: 0; padding:0 }
#banners ul li { display: inline }
/* Event -----------------------------------------------------------------------------------------------------*/
.base_table_gr td { border: 1px solid #ccc; padding: 6px; vertical-align: top; }
.base_table_gr { border-collapse: collapse; text-align: left; margin: 10px auto; line-height: 150%; border: 3px solid #ccc; }
.event_caption { height: 28px; font-weight: bold }
.base_table_gr th { border: 1px solid #ccc; padding: 4px; vertical-align: top; background-color: #eff7dd }
.txt_red { color: #C00 }
.txt_blue { color: #06C }
.month_list { position:relative; list-style:none; margin: 0; padding:0 }
.prev_month { position: absolute; left: 0; }
.next_month { position: absolute; right: 0 }
/* Section_kouhou -----------------------------------------------------------------------------------------------------*/
#section_search { border: 3px solid #D8A39E; padding: 10px 20px; clear:left; text-align: center; margin: 15px auto 10px auto; width: 90% }