@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for yoishot
FileName: top.css
--------------------------------------------------------------------- */

/* top page */
#topcontent .mainvisual { width: 615px; height: 230px; background: url(/image/mainvisualbg.gif) no-repeat;}
#topcontent .mainvisual #flashcontent img { display: block;}
#topcontent .mainvisual #flashcontent { padding: 4px;}
#topcontent #event_search {width: 615px; height: 79px; margin-bottom: 10px; background: url(/image/visual_bottombg.gif) no-repeat;}
#topcontent #event_search .event_search_form {width: 580px; padding: 8px 0 0 0; margin: 0 0 0 6px;}
#topcontent #event_search .event_search_form table {width: 580px;}
#topcontent #event_search .event_search_form td {vertical-align: middle;}
#topcontent #event_search .event_search_form .title1 {width: 200px;}
#topcontent #event_search .event_search_form .title1 img {margin-left: 8px;}
#topcontent #event_search .event_search_form .todouhuken {width: 150px;}
#topcontent #event_search .event_search_form .todouhuken .select1 {width: 130px;}
#topcontent #event_search .event_search_form .month {width: 150px;}
#topcontent #event_search .event_search_form .month .select2 {width: 150px;}
#topcontent #event_search .event_search_form .btn {width: 80px;}
#topcontent #event_search .event_search_form .keyword {width: 580px; margin-top: 14px;}
#topcontent #event_search .event_search_form .keyword .keyword_search {width: 200px;}
#topcontent #event_search .event_search_form .keyword .keyword_search img {margin-left: 8px;}
#topcontent #event_search .event_search_form .keyword .textarea {width: 300px;}
#topcontent #event_search .event_search_form .keyword .textarea input {width: 280px;}
#topcontent #event_search .event_search_form .keyword .btn {width: 80px;}

#topcontent .topics { width: 615px; margin-top: 12px; background: url(/image/topicsbg.gif) repeat-y;}
#topcontent table { width: 597px; margin-left: 3px;}
#topcontent .left_area { width: 100px; vertical-align: bottom; background: url(/image/topics_bg.gif) no-repeat;}
#topcontent .right_area {width: 497px;}
#topcontent .right_area ul {margin: 0 11px 0 10px;}
#topcontent .right_area li {padding: 9px 0 0 0; border-top: solid 1px #E5E5E5;}
#topcontent .right_area li.st {padding: 7px 0 0 0; border-top: none;}
#topcontent .right_area li p.name {font-size: 15px; background: url(/common/image/listarrow.gif) 1px .2em no-repeat; padding: 0 0 0 16px;}
#topcontent .right_area li p.name span {color: #916C13; font-size: 10px; margin-left: 6px;}
#topcontent .right_area li p.lead {color: #4D4D4D; padding: 2px 0 0 16px; margin-bottom: 8px;}

#topcontent .eventlist {margin-top: 12px;}
#topcontent .eventlist ul { width: 600px; background: url(/image/eventlistbg.gif) repeat-y; border-bottom: 1px solid #EBEBEB;}
#topcontent .eventlist li {padding: 9px 10px 0 0; background: url(/image/hasen.gif) 11px 0 no-repeat;}
#topcontent .eventlist li.st {background: none;}
#topcontent .eventlist li p.date {color: #916C13; margin-left: 10px;}
#topcontent .eventlist li p.date span {padding-left: 10px; color: #028760;}
#topcontent .eventlist li p.date img { position: relative; top: 3px; left: 5px;}
#topcontent .eventlist li p.link { font-size: 15px; margin: 0 0 8px 10px; padding: 0 0 0 16px; line-height: 140%; background: url(/image/eventlistarrow.gif) no-repeat 1px .3em;}

#topcontent .top_info_box {width: 600px; margin-top: 12px; background: url(/image/info_box_bg.gif) repeat-y;}
#topcontent .top_info_box h3 {padding: 5px 10px;}
#topcontent .top_info_box span {display: block; font-weight: bold;}
#topcontent .top_info_box .msg {padding: 0 10px 10px 10px;}
#topcontent .top_info_box .stitle {font-size: 15px; font-weight: bold;}
#topcontent .top_info_box .caution {font-weight: bold; color: #ff0000; line-height: 30px;}
#topcontent .top_info_box .cont {width: 580px; font-size: 10px; font-weight: normal; line-height: 18px; letter-spacing: 1px;}

#topcontent .old_sight {width: 580px; margin: 0 0 10px 10px; padding-bottom: 8px; border-top: dotted 1px #999; border-bottom: dotted 1px #999;}
#topcontent .old_sight a {text-decoration: underline;}
#topcontent .old_sight .title {padding-top: 5px; font-size: 15px; line-height: 20px; font-weight: bold; color: #F00;}
#topcontent .old_sight .left {width: 190px;}
#topcontent .old_sight .right { font-size: 13px; line-height: 18px;}
#topcontent .old_sight .right span { color: #F00;}
#topcontent .old_sight .coution { color: #C00; text-align: center;}