@charset "UTF-8";


/*-------------------------------------------------------

01. basic layout
02. common
03. TOP
00_チラシ
00_一覧
00_サムネイル

-------------------------------------------------------*/

/*-------------------------------------------------------
01. basic layout
-------------------------------------------------------*/
#container { margin:25px 0; padding:0 50px; }
#wrapper {  margin: 0 auto; min-width:950px; }
#header { background:#fff; min-width:950px; overflow:hidden; white-space:nowrap; }
#header:after { content: ""; display: block; clear: both; }
#contents { margin-top:20px; min-width:950px; }
#contents:after { content: ""; display: block; clear: both; }
#footer { margin-top:40px; }

.error { display:block;padding:5px 8px; border:2px solid #c00;; background-color:#FFE4E4;margin: 10px 0px; }


/*-------------------------------------------------------
02. common
-------------------------------------------------------*/
/*-------------------------------------------------------
header
-------------------------------------------------------*/
#header_left { float:left; }
#header_left h1 { width:304px; }
#header_right { float:right; }
#header_right #navi { float:right; text-align:right; }
#header_right #navi:after { content: ""; display: block; clear: both; }
#header_right #navi_menu { height:18px; line-height:18px; text-align:right; }
#header_right ul#navi_menu li { display:inline-block; line-height:18px; margin-right:6px; padding-left:1.7em; text-align:right; /display:inline; /zoom:1; }

#header_right ul#navi_menu li.op_list { background:url(../img/header/i_note.gif) 0 0 no-repeat; }
#header_right ul#navi_menu li.how_to { background:url(../img/header/i_how_to.gif) 0 0 no-repeat; }
#header_right ul#navi_menu li.sitemap { background:url(../img/header/i_sitemap.gif) 0 0 no-repeat; }
#header_right #shortcut_menu { margin-top:7px; }
#header_right #shortcut_menu li { display:inline-block; /display:inline; /zoom:1; }
#header_right .logout { float:right; margin-top:3px; margin-left:10px;  }

/*-------------------------------------------------------
global_navi
-------------------------------------------------------*/
#gl_navi_wrap { background:url(../img/header/bg_gl_navi_tail.gif) right 0 no-repeat; height:40px; padding-right:4px; min-width:946px; overflow:hidden; }
#gl_navi { background:url(../img/header/bg_gl_navi.gif) left 0 no-repeat; height:40px; }
#gl_navi:after { content: ""; display: block; clear: both; }
#gl_navi ol { padding:0 11px; }
#gl_navi ol li { background:url(../img/header/i_ar_gl_navi.gif) right 0 no-repeat; float:left; padding:9px 50px 9px 20px;  } 

#gl_navi ol li span { color:#fff; display:block; line-height:22px; }
#gl_navi ol li span a:link, 
#gl_navi ol li span a:visited { color: #fff; text-decoration: none; }
#gl_navi ol li span a:hover, 
#gl_navi ol li span a:active { color: #fff; text-decoration: underline; }


#gl_navi ol li select { border:1px solid #e0e0e0; line-height:22px; height:22px; }
#gl_navi ol li#home { padding-top:8px; padding-bottom:7px; padding-left:0; }
#gl_navi ol li#home img { vertical-align:middle; }
#gl_navi ol li#action { background:none; float:right; padding-right:0; padding-left:0; text-align:right; }
#gl_navi ol li#action input { width:44px; height:22px; }

/*-------------------------------------------------------
sidenavi
-------------------------------------------------------*/
#sidenavi { float:left; width:220px; }
#sidenavi #s_navi_search { background:#fff; }
#sidenavi #s_navi_search h2 {}
#sidenavi #s_navi_search dl { border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:15px 10px; }
#sidenavi #s_navi_search dl dd { width:192px; }
#sidenavi #s_navi_search dl dd:after { content: ""; display: block; clear: both; }
#sidenavi #s_navi_search dl dd .txt { float:left; height:20px; line-height:20px; padding:3px 0; width:156px; }
#sidenavi #s_navi_search dl dd #search_btn { background:url(../img/sidenavi/btn_search.gif) 0 0 no-repeat; border:none; float:left; height:30px; width:30px; }
#sidenavi #s_navi_search dl dd a { display:block; margin-top:15px; text-align:right; }

ul.s_navi { border-bottom:1px solid #dedede; width:220px; }
ul.s_navi , ul.s_navi li ul { margin:0; padding:0; list-style:none; }
ul.s_navi span { color:#474747; display:block; font-weight:400; text-align:left; text-decoration:none; }
ul.s_navi span:hover { cursor:pointer; }
ul.s_navi a { color:#474747; display:block; font-weight:400; text-decoration:none; text-align:left; }
ul.s_navi { background-color:#fff; margin-bottom:20px; }
ul.s_navi a:hover { color:#474747; }
ul.s_navi .link {}

/*-- 第2階層 --*/
ul.s_navi ul li { background-color:#fff; border-right:1px solid #dedede; border-top:1px solid #dedede; border-left:1px solid #dedede; color:#474747; }
ul.s_navi ul li span { background:url(../img/sidenavi/i_ar_red.gif) 0 7px no-repeat; padding:4px 0 4px 0; }

/*-- 第3階層以降 --*/
ul.s_navi ul li span.s_navi_menu { background:url(../img/sidenavi/i_ar.gif) 0 7px no-repeat #f2f2f2; padding:4px 0 4px 0; border-right:none; border-left:none;  }

ul.s_navi ul li a       { text-decoration: underline; }
ul.s_navi ul li a:hover { text-decoration: none; }


/*-------------------------------------------------------
main
-------------------------------------------------------*/
#main { margin-left:240px; min-width:710px; overflow:hidden; zoom:1; vertical-align:top; }

.main_box {  padding:0; zoom:1; min-width: 710px; overflow:hidden; margin-top:15px; }
.main_box img { vertical-align:top; zoom:1; }
.main_box .box_head { background:url(../img/bg_main_head.gif) left top repeat-x; height:5px; zoom:1; overflow:hidden; }
.main_box .h_left { float:left; height:5px; width:5px; }
.main_box .h_right { float:right; height:5px; width:5px; }
.main_box .box_cont { background:#fff; border-left:1px solid #dedede; border-right:1px solid #dedede; zoom:1; overflow:hidden; }
.main_box .m_cont { background:#fff; padding:30px; zoom:1; overflow:hidden;  }
.main_box .box_bottom { background:url(../img/bg_main_bottom.gif) left bottom repeat-x; height:5px; zoom:1; overflow:hidden; font-size:0; }
.main_box .box_bottom img  { vertical-align:top; zoom:1; overflow:hidden; font-size:0; }
.main_box .box_bottom:after { content: ""; display: block; clear: both; }
.main_box .b_left { float:left; height:5px;width:5px; }
.main_box .b_right { float:right; height:5px; width:5px; }

/*--- topic ---*/
.topic {}
.topic h2 { color:#4A4A4A; font-weight:400; text-align:center; width:110px; }
.topic_head { background:url(../img/bg_topic_head.gif) left top repeat-x; height:5px; }
.topic_head .h_left { float:left; height:5px; width:5px; }
.topic_head .h_right { float:right; height:5px; width:5px; }

.topic_cont { background:#fdeac2; padding:8px 20px; }
.topic_cont table {}
.topic_cont table th { vertical-align:middle; padding-right:20px; }
.topic_cont table td { vertical-align:middle; padding:0; }
.topic_cont table td ol {}
.topic_cont table td ol:after { content: ""; display: block; clear: both; }
.topic_cont table td ol li { margin-top:6px; margin-right:12px; margin-bottom:6px; display:inline-block; /display:inline; /zoom:1; }
.topic_cont table td ol li input { margin-bottom:2px; vertical-align:middle; width:13px; height:13px; }
.topic_cont table td ol li label { margin-left:3px; }
.topic_cont table td ol li .display { width:44px; height:22px; }

.topic_bottom { background:url(../img/bg_topic_bottom.gif) left bottom repeat-x; height:5px; }
.topic_bottom .b_left  { float:left; height:5px; width:5px; }
.topic_bottom .b_right { float:right; height:5px; width:5px; }

/*-------------------------------------------------------
footer
-------------------------------------------------------*/
#footer { border-top:1px solid #e1e1e1; padding-top:40px; clear:both; zoom:1; overflow: hidden; }
#footer ul { content: ""; display: block; clear: both; text-align:center; overflow: hidden; }
#footer ul li { border-right:1px solid #666; color:#666; display:inline-block;  /display:inline; /zoom:1; font-size:93%; padding:0 15px; }
#footer ul li.last { border:none; }
#footer .copyright { color:#797979; font-size:85%; margin-top:10px; text-align:center; }

/*-------------------------------------------------------
title
-------------------------------------------------------*/
.h3_title { 
background: url(../img/bg_h3_title.gif) left bottom repeat-x; font-size:125%; font-weight:400; line-height:1.3; margin-top:20px; padding:6px 6px 6px 12px; }
.h3_title span { display:block; border-left:5px solid #cf1113; padding-left:6px; }

.title_gray {}
.title_gray .title_head { background:url(../img/bg_gray_title.gif) left top repeat-x; height:3px; zoom:1; overflow:hidden; font-size:0; }
.title_gray .title_head .h_left { float:left; height:3px; width:3px; }
.title_gray .title_head .h_right { float:right; height:3px; width:3px; }
.title_gray .title_gray_cont { background:#f2f2f2; }
.title_gray .title_gray_cont table { width:100%; }
.title_gray .title_gray_cont table th { padding:8px 0 7px; text-align:left; vertical-align:middle; }
.title_gray .title_gray_cont table th h2 { font-size:107%; padding-left:15px; }
.title_gray .title_gray_cont table td { padding:0; vertical-align:middle; }
.title_gray .title_gray_cont table td.favorite { padding-right:5px; text-align:right; width:140px; }
.title_gray .title_bottom  { background:url(../img/bg_gray_title.gif) left bottom repeat-x; height:3px; zoom:1; overflow:hidden; font-size:0; }
.title_gray .title_bottom .b_left  { float:left; height:3px; width:3px; }
.title_gray .title_bottom .b_right { float:right; height:3px; width:3px; }

h3.sub_cat { background:#fee8c2; color:#333; font-weight:400; line-height:1.5; padding:7px 15px 7px 30px;  clear:both; zoom:1; overflow: hidden; }

/*-------------------------------------------------------
pager
-------------------------------------------------------*/
.pager { text-align:left; padding:25px 0; margin-right:95px; }
.pager ul { text-align:center;display:inline-block; }
.pager ul li { margin:0 5px 10px; float:left; display:inline-block; }
.pager ul li { font-size:93%; line-height:1.3; vertical-align:top; }
.pager ul li.num { background:none; color:#787878; }
.pager ul li.tail a { background:none; color:#787878; }
.pager ul li a { background:url(../img/bg_line_paging.gif) right top repeat-y ; display:inline-block;  padding:0 15px 0 5px; vertical-align:middle; text-decoration:none; overflow: hidden; zoom:1; }
.pager ul li.current { background:url(../img/bg_line_paging.gif) right top repeat-y ; vertical-align:middle; color:#fff; padding-right:10px; overflow: hidden; zoom:1; }
.pager ul li.current span { background:#24293d; color:#fff; display:inline-block; line-height:1.3; margin-right:0; padding:0 5px; vertical-align:middle; text-decoration:none; overflow: hidden; zoom:1; }
.pager ul li a:hover { text-decoration:none; }
.pager ul li span.active { color:#fff; }
.pager ul li.txt a:hover span { color:#fff; }


.pager_top { text-align:center; padding:35px 0; font-size:118%; }
.pager_top ul { text-align:center;display:inline-block; }
.pager_top ul li { margin:0 5px 10px; padding:8px 0; float:left; display:inline-block; width: 35px; }
.pager_top ul li.current { background-color:#ccc; }
.pager_top ul li a { display:block; text-decoration:none; color: #333; }
.pager_top ul li.np { background-color: #C1163B; color: #fff; }
.pager_top ul li.np a, .pager_top ul li.np a:hover, .pager_top ul li.np a:active { color: #fff; }
.pager_top ul li a:hover { text-decoration:underline; }

/*-------------------------------------------------------
page_top
-------------------------------------------------------*/
#page_top { float:right; line-height:75px; width:85px; }
#page_top a { display:block; line-height:18px; padding:29px 0 28px; ; vertical-align:middle; }
#page_top img { vertical-align:middle; }

/*-------------------------------------------------------
03_login
-------------------------------------------------------*/
#login { background:url(../img/login/bg_login_bottom.gif) 0 bottom no-repeat; margin:120px auto 0; padding-bottom:18px; width:620px; }
#login .content { border:1px solid #ccc; margin:0 14px; width:592px; text-align:center;  }
#login .content table { margin:64px auto 20px; text-align:center; }
#login .content table th { color:#333; line-height:1.4; padding:3px 5px; text-align:right; vertical-align:middle; }
#login .content table td { padding:5px; width:190px; }
#login .content table td input { line-height:1.4; height:18px; padding:3px 5px; width:180px; }
#login .content p { margin-top:30px; }
#login .content .login_bottom { background:url(img/login/logo_jms.gif) 540px 30px no-repeat; margin-top:10px; } 

/*-------------------------------------------------------
04_TOP
-------------------------------------------------------*/
.list { padding-top:10px; text-align:left; vertical-align:top; }
.list dl { background:url(../img/bg_dot.gif) left bottom repeat-x; padding:0 10px; text-align:left; vertical-align:top; width:100%; }
.list dl dt { background:url(../img/i_ar.gif) left 16px no-repeat; float:left; line-height:1.4; text-align:left; vertical-align:top; width:92px; padding:14px 0 14px 14px; }

.list dl dd { line-height:1.4; margin-left:106px; text-align:left; vertical-align:top; padding:14px 0; width:80%; }
.list dl dd span { display:inline-block; width:42px; height:20px; /display:inline; /zoom:1; }
.list dl dd .new { background:url(../img/i_new.gif) left 0 no-repeat; }

.list dl dd table {}
.list dl dd table th { padding-right:5px; vertical-align:middle; }
.list dl dd table td { padding-left:5px; }

/*-------------------------------------------------------
00_ad
-------------------------------------------------------*/
.ad_box { min-width: 715px; padding:12px 20px; overflow: hidden; zoom:1; margin-bottom:20px; }
.ad_box:after { content: ""; display: block; clear: both; text-align:center; }
.ad_box .ad_title { background:#fee8c2;  padding:6px 0; }
.ad_box .ad_title h3 { border-left:5px solid #ce2020; color:#333; font-size:107%; font-weight:700; line-height:1.5; text-shadow: 1px 1px 3px #fff; padding-left:16px; }
.ad_box .ad_title span { border-left:5px solid #ce2020; color:#333; display:block; font-size:93%; padding-left:15px;  text-shadow: 1px 1px 3px #fff; }
.ad_box .pic { text-align:center; }
.ad_box .cont { padding:13px 42px 0; float:left; width:255px; overflow:hidden; zoom:1; }
.ad_box .cont .bd { background:url(../img/bg_box_dot.gif) left top repeat-x; }
.ad_box .cont dl { margin-top:8px; padding:8px 0 0 35px; overflow: hidden; zoom:1; }
.ad_box .cont dl.f_pdf { background:url(../img/i_pdf.gif) 0 8px no-repeat; }
.ad_box .cont dl.f_jpg { background:url(../img/i_jpg.gif) 0 8px no-repeat; }
.ad_box .cont dl.f_gif { background:url(../img/i_gif.gif) 0 8px no-repeat; }
.ad_box .cont dl.f_excel { background:url(../img/i_excel.gif) 0 8px no-repeat; }
.ad_box .cont dl.f_word { background:url(../img/i_word.gif) 0 8px no-repeat; }
.ad_box .cont dl.f_zip { background:url(../img/i_zip.gif) 0 8px no-repeat; }
.ad_box .cont dl.f_mp4 { background:url(../img/i_mp4.gif) 0 8px no-repeat; }
.ad_box .cont dl.f_mpg { background:url(../img/i_mpg.gif) 0 8px no-repeat; }

.ad_box .cont dl dt { color:#333; overflow: hidden; zoom:1; }
.ad_box .cont dl dd { color:#999; }
.ad_box .cont ul { padding-top:3px; text-align:center; }
.ad_box .cont ul li { display:inline-block; text-align:left; width:120px; vertical-align:top; /display:inline; /zoom:1; }
.ad_box .cont ul li a { display:block; text-align:left; }
.ad_box .cont ul li img { text-align:left; }
.ad_box .cont ul li.zoom { width:120px; }
.ad_box .cont ul li.download { width:120px; }

.ad_box .no_thumbs_box li { padding:0; }
.ad_box .dm_ex      { padding:10px 0px 0px 15px; }

/*-------------------------------------------------------
00_list
-------------------------------------------------------*/
/*-- .index_list --*/
.index_list h3 { margin-top:34px; overflow: hidden; zoom:1; }
.index_list ol { }
.index_list ol:after { content: ""; display: block; clear: both; text-align:center; overflow: hidden; }
.index_list ol li { float:left; padding:0 30px; margin-top:30px; width:270px; }
.index_list ol li dl { background:url(../img/i_folder.gif) left 0 no-repeat; min-height:28px; padding:0 0 5px 43px; }
.index_list ol li dl:after { content: ""; display: block; clear: both; text-align:center; overflow: hidden; }
.index_list ol li dl dt { color:#6699cc; font-size:93%; padding-top:10px; }
.index_list ol li dl dd { color:#000; font-size:93%; padding-top:10px; }

/*-- normal_list --*/
.normal_list  { overflow: hidden; zoom:1; min-width: 710px; }
.normal_list li { background:url(../img/bg_dot_triple.gif) left bottom repeat-x; line-height:1.6; padding:25px; }
.normal_list li p { padding:25px; }
.normal_list li .i_ar { background:url(../img/i_ar.gif) left center no-repeat; }
.normal_list li .structure {}
.normal_list li .structure table { width:100%; }
.normal_list li .structure table td { line-height:1.4; padding:0 10px; vertical-align:middle; }
.normal_list li .structure table td.i_folder { width:33px; padding-left:0; }
.normal_list li .structure table td .deleted { color:#e90000; padding-top:5px; padding-bottom:5px; padding-left:0; }
.normal_list li .structure table td.b_delete { padding-right:0; width:60px; }
.normal_list li .structure table td img { vertical-align:middle; }
.normal_list li .structure table td ol:after { content: ""; display: block; clear: both; text-align:center; }
.normal_list li .structure table td ol li { background:none; float:left; padding:0; }
.normal_list li .structure table td ol li.ar {  background:url(../img/i_arrow.gif) 0 4px no-repeat; margin-left:7px; padding:0 0 0 14px;  }

/*-- link_list --*/
.link_list { overflow: hidden; zoom:1; min-width: 710px; }
.link_list li { background:url(../img/bg_dot_triple.gif) left bottom repeat-x; line-height:1.6; padding:0; }
.link_list li p { padding:0; }
.link_list li .i_ar { background:url(../img/i_ar.gif) 40px center no-repeat; }
.link_list li a { cursor:pointer; display:block; padding:25px 25px 25px 70px; }
.link_list li .structure {  }
.link_list li .structure table { width:100%; }
.link_list li .structure table td { line-height:1.4; padding:0 10px; vertical-align:middle; }
.link_list li .structure table td.i_folder { width:33px; padding-left:0; }
.link_list li .structure table td .deleted { color:#e90000; padding-top:5px; padding-bottom:5px; padding-left:0; }
.link_list li .structure table td.b_delete { padding-right:0; width:60px; }
.link_list li .structure table td img { vertical-align:middle; }
.link_list li .structure table td ol:after { content: ""; display: block; clear: both; text-align:center; }
.link_list li .structure table td ol li { background:none; float:left; padding:0; }
.link_list li .structure table td ol li.ar {  background:url(../img/i_arrow.gif) 0 4px no-repeat; margin-left:7px; padding:0 0 0 14px;  }

/*-- explain_list --*/
.ex_list { margin:40px 20px 0; overflow: hidden; zoom:1; }
.ex_list:after { content: ""; display: block; clear: both; text-align:center; }
.ex_list li { margin:0 auto 50px; }
.ex_list li dl {}
.ex_list li dl dt { font-size:93%; line-height:1.6;  }
.ex_list li dl dd { margin-top:3px; }

.ex_list.w560p { width:560px; }
.ex_list.w600p { width:600px; }

.how_to {}
.how_to table { border:1px solid #f1f1f1; }
.how_to table th { border-bottom:1px solid #f1f1f1; font-size:93%; padding:10px 15px; text-align:left; }
.how_to table td { font-size:85%; line-height:1.8; padding:10px 15px; text-align:left; }

/*-------------------------------------------------------
00_thumbnail
-------------------------------------------------------*/
.thumbs_box { overflow: hidden; zoom:1; }
.thumbs_box:after { content: ""; display: block; clear: both; text-align:center; overflow: hidden; zoom:1; }
.thumbs_box li { border:1px solid #dbdbdb; font-size:93%; float:left; margin:20px 16px 0 0; padding:16px 21px 16px; width:176px; zoom:1; overflow:hidden; }
.thumbs_box li h3 { color:#666; font-size:93%; }
.thumbs_box table { width:176px; }
.thumbs_box table td { padding-top:10px; width:78px; }

.thumbs_box dl { padding:8px 0 0 35px; }
.thumbs_box dl.f_pdf { background:url(../img/i_pdf.gif) 0 12px no-repeat; }
.thumbs_box dl.f_jpg { background:url(../img/i_jpg.gif) 0 12px no-repeat; }
.thumbs_box dl.f_gif { background:url(../img/i_gif.gif) 0 12px no-repeat; }
.thumbs_box dl.f_excel { background:url(../img/i_excel.gif) 0 12px no-repeat; }
.thumbs_box dl.f_word { background:url(../img/i_word.gif) 0 12px no-repeat; }
.thumbs_box dl.f_zip { background:url(../img/i_zip.gif) 0 12px no-repeat; }
.thumbs_box dl.f_xls { background:url(../img/i_xls.gif) 0 12px no-repeat; }
.thumbs_box dl.f_xlsx { background:url(../img/i_xlsx.gif) 0 12px no-repeat; }
.thumbs_box dl.f_ppt { background:url(../img/i_ppt.gif) 0 12px no-repeat; }
.thumbs_box dl.f_pptx { background:url(../img/i_pptx.gif) 0 12px no-repeat; }
.thumbs_box dl.f_doc { background:url(../img/i_doc.gif) 0 12px no-repeat; }
.thumbs_box dl.f_docx { background:url(../img/i_docx.gif) 0 12px no-repeat; }
.thumbs_box dl.f_mp4 { background:url(../img/i_mp4.gif) 0 12px no-repeat; }
.thumbs_box dl.f_mpg { background:url(../img/i_mpg.gif) 0 12px no-repeat; }

.thumbs_box dl dt { color:#41414; font-size:77%; }
.thumbs_box .zoom { text-align:center; margin-top:10px; }
.thumbs_box p.update { color:#2e2e2e; margin-top:15px; text-align:center; }
.thumbs_box .thumb_ex   { padding-top:8px; }

/*-------------------------------------------------------
00_no_thumbnail
-------------------------------------------------------*/
.no_thumbs_box { overflow: hidden; zoom:1; }
.no_thumbs_box:after { content: ""; display: block; clear: both; text-align:center; overflow: hidden; zoom:1; width:100%; }

.no_thumbs_box li.bd { background:url(../img/bg_dot_blk.gif) left bottom repeat-x;  font-size:93%; /*float:left;*/ margin:0; padding:16px 0; zoom:1; overflow:hidden; width:100%; vertical-align:middle; }
.no_thumbs_box dl { margin-left:21px; padding:8px 21px 0 35px; }
.no_thumbs_box dl.f_pdf { background:url(../img/i_pdf.gif) 0 4px no-repeat; }
.no_thumbs_box dl.f_jpg { background:url(../img/i_jpg.gif) 0 4px no-repeat; }
.no_thumbs_box dl.f_gif { background:url(../img/i_gif.gif) 0 4px no-repeat; }
.no_thumbs_box dl.f_excel { background:url(../img/i_excel.gif) 0 4px no-repeat; }
.no_thumbs_box dl.f_word { background:url(../img/i_word.gif) 0 4px no-repeat; }
.no_thumbs_box dl.f_zip { background:url(../img/i_zip.gif) 0 4px no-repeat; }
.no_thumbs_box dl.f_xls { background:url(../img/i_xls.gif) 0 12px no-repeat; }
.no_thumbs_box dl.f_xlsx { background:url(../img/i_xlsx.gif) 0 12px no-repeat; }
.no_thumbs_box dl.f_ppt { background:url(../img/i_ppt.gif) 0 12px no-repeat; }
.no_thumbs_box dl.f_pptx { background:url(../img/i_pptx.gif) 0 12px no-repeat; }
.no_thumbs_box dl.f_doc { background:url(../img/i_doc.gif) 0 12px no-repeat; }
.no_thumbs_box dl.f_docx { background:url(../img/i_docx.gif) 0 12px no-repeat; }
.no_thumbs_box dl.f_mp4 { background:url(../img/i_mp4.gif) 0 12px no-repeat; }
.no_thumbs_box dl.f_mpg { background:url(../img/i_mpg.gif) 0 12px no-repeat; }

.no_thumbs_box dl dt { color:#4e95be; }
.no_thumbs_box dl dt a { color:#4e95be; }
.no_thumbs_box dl dd { color:#464646; line-height:1.4; margin-top:10px;  }

.no_thumbs_box li.download { padding: 0 0 0 53px; }
/* .no_thumbs_box li.bd table { width:100%; } */
.no_thumbs_box li.bd table td { vertical-align:middle; }
.no_thumbs_box li.bd table td.icon { padding:0 10px; width:34px; }
.no_thumbs_box li.bd table td a {}
.no_thumbs_box li.bd table td a img {}
.no_thumbs_box .thumb_ex   { padding:8px 0px 0px 54px; }

/*-------------------------------------------------------
00_ranking
-------------------------------------------------------*/
.select_area { margin:10px; }

#ranking {}
#ranking .rank_title { padding:3px 0; height:25px; position:relative; }
#ranking .rank_title dl { background:#fdb338; line-height:1.3; padding:2px 2px 2px 4px; zoom:1; overflow:hidden; }
#ranking .rank_title dl:after { content: ""; display: block; clear: both; text-align:center; }
#ranking .rank_title dl dt.rank { position:absolute; top:0; left:20px; line-height:31px; width:39px; }
#ranking .rank_title dl dd { background:#fff; font-size:107%; line-height:1.4; text-align:left; vertical-align:middle; }
#ranking .rank_title dl dd span { border-left:3px solid #cc1313; background:#fdb338; display:block; line-height:1; padding:3px 0 1px 72px; }
*:first-child+html #ranking .rank_title dl dd span { line-height:1.1; padding:2px 0 0 72px; }
* html #ranking .rank_title dl dd span { padding:3px 0 0 72px; }

#ranking ol { padding:4px; overflow: hidden; zoom:1; }
#ranking ol:after { content: ""; display: block; clear: both; text-align:center; }
#ranking ol li { background:none; color:#333; float:left; padding:0; }
#ranking ol li.ar { background:url(../img/i_arrow.gif) 0 2px no-repeat; margin-left:7px; padding:0 0 0 14px;  }

#ranking .ad_box { border:1px solid #DBDBDB; }
#ranking .dl_ad_box:after { content: ""; display: block; clear: both; text-align:center; }
#ranking .dl_ad_box .dl_ad_title { padding:6px 0; }
#ranking .dl_ad_box .dl_ad_title h3 { color:#333; font-size:107%; font-weight:700; line-height:1.5;  }
#ranking .dl_ad_box .dl_ad_title span { color:#333; display:block; font-size:93%; }


/*-------------------------------------------------------
00_search
-------------------------------------------------------*/
#search_box { margin:0 auto 30px; text-align:center; width:60%; }
#search_box table { border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; margin:0 auto; text-align:center; width:100%;}
#search_box table th { background:#f4f4f4; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;  text-align:center; padding:10px; vertical-align:middle; width:100px; }
#search_box table td { border-right:1px solid #e8e8e8;  border-bottom:1px solid #e8e8e8;  text-align:left; padding:11px 10px; }
#search_box table td.category { overflow: hidden; zoom:1; }
#search_box table td.category ol { }
#search_box table td ol:after { content: ""; display: block; clear: both; }
#search_box table td ol li { float:left; line-height:1; padding:3px 35px 5px 0; vertical-align:middle; }
#search_box table td ol li  input { vertical-align:middle; }
* html #search_box table td ol li { white-space: nowrap; overflow: hidden; zoom:1; }
#search_box table td ol li label { padding-left:5px;vertical-align:middle; }
#search_box .btn_search { margin-top:70px; }

/*-------------------------------------------------------
00_result
-------------------------------------------------------*/
.select_area { margin:10px; }

#result .dl_ad_title h3 { font-weight:700; font-size:107%; }
#result .rank_title { padding:3px 0; height:25px; position:relative; }
#result .rank_title dl { background:#fdb338; line-height:1.3; padding:2px 2px 2px 4px; zoom:1; overflow:hidden; }
#result .rank_title dl:after { content: ""; display: block; clear: both; text-align:center; }
#result .rank_title dl dt.rank { position:absolute; top:0; left:20px; line-height:31px; width:39px; }
#result .rank_title dl dd { background:#fff; font-size:107%; line-height:1.4; text-align:left; vertical-align:middle; }
#result .rank_title dl dd span { border-left:3px solid #cc1313; background:#fdb338; display:block; line-height:1; padding:3px 0 1px 72px; }
*:first-child+html #result .rank_title dl dd span { line-height:1.1; padding:2px 0 0 72px; }
* html #result .rank_title dl dd span { padding:3px 0 0 72px; }

#result ol { background:#fdb338; padding:4px; overflow: hidden; zoom:1; }
#result ol:after { content: ""; display: block; clear: both; text-align:center; }
#result ol li { background:none; color:#333; float:left; line-height:1.4; padding:0; overflow: hidden; zoom:1; vertical-align:text-bottom; }
#result ol li.ar { background:url(../img/i_arrow_bg_yellow.gif) 0 3px no-repeat; margin-left:7px; padding:0 0 0 14px;  }
* html #result ol li.ar { background-position:0 4px; }
#result .ad_box { border:1px solid #DBDBDB; }
#result .dl_ad_box:after { content: ""; display: block; clear: both; text-align:center; }
#result .dl_ad_box .dl_ad_title { padding:6px 0; }
#result .dl_ad_box .dl_ad_title h3 { color:#333; font-size:107%; font-weight:700; line-height:1.5;  }
#result .dl_ad_box .dl_ad_title span { color:#333; display:block; font-size:93%; }