@charset "shift_jis";
@import url("common.css");
@import url("global.css");

div#main_wrap { position:relative; width:960px; }
div#main_wrap div.main_left {float:left; width:200px;}
div#main_wrap div.main_middle {float:left; width:530px; margin-left:15px;}
div#main_wrap div.main_right {float:right; width:200px;}

/* member Join */
div.member ul { list-style:none; padding:0 0px 0px 5px; height:39px;}
div.member li {  font-size:12px; float:left; line-height:1.3em;}
div.member ul li.login_ment { width:160px; }

/* traffic */
div.traffic { border:1px solid #DDD; background-color:#FFFFFF; margin-bottom:10px;}
div.traffic_tit ul { clear:both; overflow:hidden; height:30px; list-style:none;}
div.traffic_tit li{ float:left;}
div.traffic_tit li h4 { padding:8px 0 9px 13px;}
div.traffic_tit li.more { margin:8px 10px 0 0; float:right; color:#CC0000; background:url("../img/common/btn_more_a.gif") no-repeat right; padding-right:10px;}
div.traffic_line { border-bottom:1px solid #DDD; margin:0 10px 0 10px;}
div.traffic_bus { height:45px; vertical-align:middle; text-align:center; margin-top:10px;}
div.traffic_menu ul { position:relative; margin:3px 0 10px 15px; font-size:12px;}
div.traffic_menu ul li {background:url("../img/common/bul_blue.gif") no-repeat 0 8px; text-indent:7px; list-style:none; line-height:1.5em; font-size:12x; }

/* weather */
div.weather { margin-bottom:10px;}
div.weather_tit ul { clear:both; overflow:hidden; list-style:none;}
div.weather_tit h4 {padding:0px 0 5px 13px;}
div.weather_line { border-bottom:1px solid #DDD; margin:0 10px 5px 10px;}
div.weather_info { text-align:center;}

/* Phone Directory */
div.phone { margin-bottom:10px; border:1px solid #DDD; background-color:#EEE;}
div.phone_tit ul { clear:both; overflow:hidden; height:30px;}
div.phone_tit ul li{ float:left; list-style:none;}
div.phone_tit ul li h4 { padding:8px 0 9px 13px;}
div.phone_tit li.more { margin:8px 10px 0 0; float:right; color:#CC0000; background:url("../img/common/btn_more_a.gif") no-repeat right; padding-right:10px;}
ul.phone_info { position:relative; margin:3px 10px 10px 10px; font-size:12px;}
ul.phone_info li {background:url("../img/common/bul_blue.gif") no-repeat 0 7px; text-indent:7px; list-style:none; line-height:1.5em; font-size:12x; }

/* Exchange Rate */
div.exchange { margin-bottom:10px; border:1px solid #DDD; background-color:#FFF;}
div.exchange_tit ul { clear:both; overflow:hidden; height:30px;}
div.exchange_tit ul li{ float:left; list-style:none;}
div.exchange_tit ul li h4 { padding:5px 0 9px 13px;}
div.exchange_tit ul li.more { margin:8px 10px 0 0; float:right; color:#CC0000; background:url("../img/common/btn_more_a.gif") no-repeat right; padding-right:10px;}
div.exchange_info { margin:0px 0 0 10px; width:180px; text-align:center }

/* news clip */
div.news { position:relative; height:180px;}
div.news .news_tit { height:25px; }
div.news .news_tit ul { background:url("../img/main/news_tit_bg.gif") repeat-x; height:25px;}
div.news .news_tit ul li { float:left; padding:0px; margin:0px; list-style:none; }
div.news .news_tit ul li h4 { padding:2px; }
div.news .news_tit ul li.more { margin:2px 0px 0 0; text-align:right; color:#CC0000; background:url("../img/common/btn_more_a.gif") no-repeat left; padding:0px; text-align:right;}
div#news_view { position:relative; clear:both; padding:5px; height:120px;}
div#news_view .news_view_img { float:left; padding:0px; width:170px; height:120px;}
div#news_view .news_view_cnt ul { position:relative; clear:both; float:left; line-height:120%; word-break:break-all; padding:0px; color:#666666; margin:0px;}
div#news_view .news_view_cnt li { list-style:none;}

/* Culture */
div#tourist { position:relative; clear:both; margin:0px; padding:10px; border:1px solid #9cbde1; background-color:#f0f8ff; height:220px;}
div.culture {position:relative; clear:both; float:left; width:250px; margin:0px; padding:0px;}
div.culture_tit { height:30px; margin:0px; padding:0px; background:url(../img/main/title_30line.gif) repeat-x;}
div.culture_tit h4 { font-size:16px;}
div.culture_tit ul li { float:left; list-style:none; }
div.culture_tit ul li.more { float:right; color:#CC0000; background:url("../img/common/btn_more_a.gif") no-repeat right; padding:2px 10px 0 0; margin-right:5px;}

div.culture01 { padding:0px; margin:0px; position:relative; height:50px;}
div.culture01 img { float:left; margin-right:10px; padding:0px;}
div.culture01 ul { float:left; margin:0px; padding:0px;}
div.culture01 ul li {background:url("../img/common/bul_blue.gif") no-repeat 0 5px; text-indent:7px; line-height:120%;}

div.tour_info { position:relative; width:240px; height:70px; border:1px solid #DDD; background-color:#fff; margin:0px;}
div.tour_info ul { position:absolute; top:5px; left:10px; width:240px; height:50px; list-style:none;}
div.tour_info ul li {float:left; padding:0px; background:url("../img/common/bul_blue.gif") no-repeat 0 8px; margin:0px; width:110px; text-indent:7px;}
div.tour_info ul li span { display:block; width:100px;}

div#festival { position:relative; float:right; width:250px; margin:0px; padding:0px;}
ul.festival_cnt { margin-left:10px; padding:0px;}
ul.festival_cnt li { list-style:none;}
ul.festival_cnt span {font-weight:bold; color:#003399;}

/* faq */
div#faq {position:relative; clear:both; margin:10px 0 0 0; border:1px solid #DDD; height:190px; padding:0px}
div.faq_tit { height:25px; padding:0px; margin:10px 10px 0px 10px;}
div.faq_tit h4 { font-size:16px;}
div.faq_tit ul li { float:left; list-style:none; }
div.faq_tit ul li.more { float:right; color:#CC0000; background:url("../img/common/btn_more_a.gif") no-repeat right; padding:2px 10px 0 0; margin-right:5px;}
div.faq_cnt { margin:0px 10px 10px 10px; padding:0px; position:relative; clear:both}
div.faq_cnt .q1 { float:left; width:250px; margin:0px; padding:0px;}
div.faq_cnt .q1 h5,  .q2 h5 { background:url("../img/main/faq_tit.gif") no-repeat; padding:2px 0 0 10px; font-weight:bold; height:25px; font-size:14px;}
div.faq_cnt .q1 ul,  .q2 ul { margin:0px 5px 0 10px;}
div.faq_cnt .q1 li,  .q2 li { list-style:none; background:url("../img/main/faq_icon.gif") no-repeat 0 5px; text-indent:15px; line-height:20px;}
div.faq_cnt .q2 { float:right; width:250px; margin:0px; padding:0px;}

/* gallery */
div#gallery{position:relative; clear:both; margin:10px 0 0 0; padding:0 10px 0 10px;}
div#gallery ul li { list-style:none; float:left; margin-right:0px; padding:0px;}
div.photo {position:relative; clear:both; float:left; width:250px; margin:0px; padding:0px;}
div.video {position:relative; clear:both; float:right; width:250px; margin:0px; padding:0px;}

/* major */
div.major { width:200px; height:135px; margin:0 0 10px 0; background:url("../img/main/major_stroke.gif") no-repeat;}
div.major ul { list-style:none; padding:75px 0 0 15px; font-size:12px;}
div.major ul li { background:url("../img/common/btn_more_arrow.gif") no-repeat 0px 6px; line-height:19px; text-indent:10px; margin-bottom:5px;}

/* resident */
div.resident { border:1px solid #DDD; background:#EEE; width:200px; margin-bottom:10px;}
div.resident ul { list-style:none; padding:10px;}
div.resident ul li { background:url("../img/common/dotline_w.gif") repeat-x bottom; margin-bottom:5px; line-height:1.5em; }
div.resident ul li ul { padding:10px 5px 10px 10px; background-color:#FFF; border:1px solid #DDD; margin-top:3px;}
div.resident ul li ul li { line-height:100%; font-size:12px; background:url("../img/common/bul_blue.gif") no-repeat 0 6px; text-indent:7px;}

/* userful links */
div.userful { border:1px solid #DDDDDD; background:#EEEEEE; width:200px; margin:0px;}
div.userful .user_bnn ul { list-style:none; padding-left:10px; margin-top:5px;}
div.userful .user_bnn li { float:left; line-height:100%; margin-bottom:5px;}