@import url(base.css);
@import url(common.css);
@import url(lib.css);
/* ---------------------------------
Index
---------------------------------- */
#topcont { zoom: 1; margin-bottom: 40px; }
#topcont:after { display: table; clear: both; content: ""; }
#topcont:before { display: table; content: ""; }
#topcont #mainv { width: 670px; float: left; }
#topcont #submenu { width: 295px; float: right; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner { border: solid 1px #00a59f; height: 340px; overflow: hidden; padding: 10px; margin-bottom: 18px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner h2 { background: #00a59f url(../img/compass.png) no-repeat -8% 40%; background-size: 60px; text-align: center; color: white; font-size: 18px; font-weight: 600; line-height: 40px; height: 40px; letter-spacing: 5px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner p#msg_shortcut { padding: 5px; padding-bottom: 0px; font-size: 12px; line-height: 1.8em; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner select { height: 36px; line-height: 36px; width: 100%; padding-left: 5px; margin-top: 5px; margin-bottom: 7px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner #sc_btn_wrapper .sc_item_element { text-align: center; letter-spacing: 2px; font-size: 14px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner #sc_btn_wrapper .sc_item_element a { display: block; color: #00a59f; box-shadow: 2px 2px 0px #ccc; background: #eee url(../img/icon_tri2.png) no-repeat 98% 50%; background-size: 6px; border-radius: 3px; height: 30px; line-height: 30px; font-weight: bold; margin-bottom: 7px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner #sc_btn_wrapper .sc_item_element a.line2 { font-size: 12px; padding-top: 2px; line-height: 1.1em; letter-spacing: 0px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner #sc_btn_wrapper .sc_item_element a:hover { text-decoration: none; background: #e5e5e5 url(../img/icon_tri2.png) no-repeat 98% 50%; background-size: 6px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner #alert_ctg, #topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner #alert_area { text-align: center; height: 74px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner .btn_to_chihon { width: 100%; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner .btn_to_chihon a { height: 60px; padding: 5px; padding-left: 20px; border-left: solid 3px #00a59f; display: block; box-shadow: 2px 2px 0px #ccc; background: #eee url(../img/icon_tri2.png) no-repeat 98% 50%; background-size: 6px; text-decoration: none; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner .btn_to_chihon a:hover { background: #e5e5e5 url(../img/icon_tri2.png) no-repeat 98% 50%; background-size: 6px; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner .btn_to_chihon a dl dt { font-weight: bold; font-size: 13px; letter-spacing: 1px; margin-bottom: 0px; line-height: 1.9em; }
#topcont #submenu #top_shortcut_panel_wrapper #top_shortcut_panel #top_shortcut_panel_inner .btn_to_chihon a dl dd { font-weight: bold; font-size: 19px; margin-top: -2px; letter-spacing: -1px; color: #00a59f; }
#topcont #submenu #top_shortcut_panel_wrapper #btn_tooubonavi { text-align: center; margin-top: 10px; }
#topcont #submenu #top_shortcut_panel_wrapper #btn_tooubonavi a { color: white; display: block; background: #00b9b3 url(../img/icon_tri3.png) no-repeat bottom right; height: 125px; font-size: 20px; font-weight: bold; padding-top: 25px; text-decoration: none; line-height: 2em; }
#topcont #submenu #top_shortcut_panel_wrapper #btn_tooubonavi a:hover { background: #00cec6 url(../img/icon_tri3.png) no-repeat bottom right; }

#news { background: url(../img/index/news_bg.jpg) no-repeat; background-size: cover; padding: 28px 0; margin-bottom: 25px; }
#news #newsbody { width: 1000px; margin: 0 auto; border: solid 1px white; padding: 32px; padding-bottom: 0px; }
#news #newsbody h2 { margin-bottom: 10px; }
#news #newsbody dl { margin-left: 50px; zoom: 1; color: white; font-size: 14px; margin-bottom: 25px; }
#news #newsbody dl:after { display: table; clear: both; content: ""; }
#news #newsbody dl:before { display: table; content: ""; }
#news #newsbody dl dt { width: 80px; float: left; }
#news #newsbody dl dd { width: 800px; float: right; }
#news #newsbody dl dd a { color: white; text-decoration: underline; }
#news #newsbody dl:last-child { margin-bottom: 35px; }
#news #newsbody p#news_more { width: 860px; margin: 0 auto; margin-bottom: 35px; text-align: center; }
#news #newsbody p#news_more a { display: block; line-height: 40px; letter-spacing: 2px; font-weight: bold; font-size: 16px; background: rgba(255, 255, 255, 0.4); color: white; }
#news #newsbody p#news_more a:hover { background: rgba(255, 255, 255, 0.6); text-decoration: none; }

#search_menu ul#menulist { width: 99%; margin: 0 auto; zoom: 1; margin-bottom: 30px; border-left: 1px solid #ccc; }
#search_menu ul#menulist:after { display: table; clear: both; content: ""; }
#search_menu ul#menulist:before { display: table; content: ""; }
#search_menu ul#menulist li { width: 33%; float: left; border: solid 1px #c9c9c9; border-left: none; margin-bottom: -1px; letter-spacing: 0px; text-align: left; font-size: 14px; }
#search_menu ul#menulist li a { height: 50px; display: block; line-height: 50px; padding-left: 50px; background: white; background: white url(../img/icon_sq_w.png) no-repeat 15px 50%; }
#search_menu ul#menulist li a.active { background: #cceceb url(../img/icon_sq_b.png) no-repeat 15px 50%; }
#search_menu div#search_result { background: #eeeeee; padding: 52px 0; }
#search_menu div#search_result ul { width: 1000px; margin: 0 auto; zoom: 1; }
#search_menu div#search_result ul:after { display: table; clear: both; content: ""; }
#search_menu div#search_result ul:before { display: table; content: ""; }
#search_menu div#search_result ul li { width: 220px; height: 245px; position: relative; float: left; margin-right: 14px; margin-left: 14px; margin-bottom: 0px; }
#search_menu div#search_result ul li span { box-shadow: 0px 0px 7px #666; display: block; height: 149px; overflow: hidden; margin-bottom: 10px; }
#search_menu div#search_result ul li dl { font-weight: bold; }
#search_menu div#search_result ul li dl dt { width: 100%; height: 30px; border-top: solid 1px #ddd; line-height: 30px; position: absolute; top: 0; left: 0; background: white url(../img/bar_blue.png) no-repeat 0px 50%; padding-left: 12px; box-shadow: 0px 0px 5px #ccc; font-size: 13px; }
#search_menu div#search_result ul li dl dt.line2 { height: 46px; line-height: 1.4em; padding-top: 6px; }
#search_menu div#search_result ul li dl dd { background: url(../img/icon_tri2.png) no-repeat 0 3px; padding-left: 12px; font-weight: bold; letter-spacing: 0px; line-height: 1.4em; font-size: 12px; }
#search_menu div#search_result ul li:nth-child(4n) { margin-right: 0; }

/*SP*/
@media (max-width: 640px) { #topcont { zoom: 1; margin-bottom: 0px; }
  #topcont:after { display: table; clear: both; content: ""; }
  #topcont:before { display: table; content: ""; }
  #topcont #mainv { width: 100%; float: none; }
  #topcont #submenu { width: 100%; padding: 14px; padding-top: 6px; float: none; }
  #topcont #submenu .bnrarea { text-align: center; }
  #news { background: url(../img/index/news_bg.jpg) no-repeat; background-size: cover; padding: 0; padding-bottom: 10px; margin-bottom: 20px; }
  #news #newsbody { width: 100%; border: none; padding: 25px; padding-bottom: 0px; }
  #news #newsbody h2 { margin-bottom: 10px; }
  #news #newsbody dl { margin-left: 0px; font-size: 14px; margin-bottom: 15px; }
  #news #newsbody dl dt { width: 100%; font-weight: bold; float: none; }
  #news #newsbody dl dd { width: 100%; float: none; }
  #news #newsbody dl dd a { color: white; text-decoration: underline; }
  #news #newsbody p#news_more { width: 100%; margin: 0 auto; margin-top: 25px; margin-bottom: 10px; text-align: center; }
  #news #newsbody p#news_more a { display: block; line-height: 40px; letter-spacing: 2px; font-weight: bold; font-size: 16px; background: rgba(255, 255, 255, 0.4); color: white; }
  #news #newsbody p#news_more a:hover { background: rgba(255, 255, 255, 0.6); text-decoration: none; }
  #search_menu ul#menulist { zoom: 1; margin-bottom: 30px; border-left: 1px solid #ccc; }
  #search_menu ul#menulist:after { display: table; clear: both; content: ""; }
  #search_menu ul#menulist:before { display: table; content: ""; }
  #search_menu ul#menulist li { width: 100%; float: left; border: solid 1px #c9c9c9; font-weight: bold; border-left: none; margin-bottom: -1px; text-align: left; font-size: 12px; letter-spacing: 0px; }
  #search_menu ul#menulist li a { height: 36px; padding-left: 32px; display: block; line-height: 36px; color: #666; background: white url(../img/icon_sq_w.png) no-repeat 9px 50%; background-size: 12px; }
  #search_menu ul#menulist li a.active { background: #cceceb url(../img/icon_sq_b.png) no-repeat 9px 50%; background-size: 12px; }
  #search_menu div#search_result { background: #eeeeee; padding: 30px 0; }
  #search_menu div#search_result ul { width: 100%; zoom: 1; }
  #search_menu div#search_result ul:after { display: table; clear: both; content: ""; }
  #search_menu div#search_result ul:before { display: table; content: ""; }
  #search_menu div#search_result ul li { width: 270px !important; margin: 0 auto; height: inherit; position: relative; float: none; margin-bottom: 15px; }
  #search_menu div#search_result ul li span { display: block; height: 180px; overflow: hidden; margin-bottom: 10px; }
  #search_menu div#search_result ul li span img { width: 100%; }
  #search_menu div#search_result ul li dl { font-weight: bold; }
  #search_menu div#search_result ul li dl dt { width: 100%; height: 40px; line-height: 40px; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.8) url(../img/bar_blue.png) no-repeat 8px 50%; padding-left: 18px; box-shadow: 0px 0px 2px #ccc; font-size: 14px; }
  #search_menu div#search_result ul li dl dd { background: url(../img/icon_tri2.png) no-repeat 0 3px; padding-left: 12px; font-weight: bold; font-size: 12px; }
  #search_menu div#search_result ul li:nth-child(4n) { margin-right: auto; } }