@charset "utf-8";

/* ------------------------- TOC 
setup

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

/* ============================== setup */
body { color: #333; background-color: #fff; font-size: 12px; }
table { border-collapse: collapse; border-spacing: 0; }
html:not(:target) body { font-size: 12px; }

a { color: #0066a7; text-decoration: none; }
a:link { color: #0066a7; }
a:visited { color: #5a2680; }
a:hover, a:active { color: #0066a7; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

a, p, dt, dd, li { line-height:1.417em; }

em { font-weight: normal; }

input, select, textarea { font-size: 100%; }


/* ============================== font size*/
.txt10 { font-size:83.3%; line-height:1.5em; }
.txt12 { font-size:100%; line-height:1.417em; }
.txt14 { font-size:116.5%; line-height:1.357em; }
.txt16 { font-size:133.3%; line-height:1.25em; }
.txt18 { font-size:150%; line-height:1.222em; }
.txt_r { text-align: right; }
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_b { font-weight: bold; }
.txt_n { font-weight: normal; }
.note { color: #c1272d; }

/* ============================== margin*/
#concents .mt3 { margin-top: 3px !important;  }
#concents .mt5 { margin-top: 5px !important;  }
#concents .mt7 { margin-top: 7px !important;  }
#concents .mt10 { margin-top: 10px !important; }
#concents .mt20 { margin-top: 20px !important; }
#concents .mt30 { margin-top: 30px !important; }
#concents .mt40 { margin-top: 40px !important; }
#concents .mt40 { margin-top: 50px !important; }
#concents .mb7 { margin-bottom: 7px !important; }
#concents .mb10 { margin-bottom: 10px !important; }
#concents .mb20 { margin-bottom: 20px !important; }
#concents .mb30 { margin-bottom: 30px !important; }
#concents .mb40 { margin-bottom: 40px !important; }
#concents .mb40 { margin-bottom: 50px !important; }

/* ============================== padding*/
#concents .pdg20 { padding: 20px !important;  }

/* ============================== global_header */
/*function_nav */
div#global_header.w980_center .function_nav { width: 817px; }
/*contents_header*/
#contents_header { width: 980px; margin: 0 auto; }
/*module_breadcrumbs*/
#module_breadcrumbs { width: auto; }
#module_breadcrumbs ul { font-size: 100%; }
/*module_zoomFontSize*/
#module_zoomFontSize { position: relative; float: right; top: 0; margin-top: 10px; }
/*module_titleArea*/
#module_titleArea { }
#module_titleArea #tii_logo { float: left; margin-top: 1px; }
#module_titleArea #myarea { float: right; margin-top: 6px; }
#module_titleArea #myarea .btn_myname { line-height: 1; vertical-align: middle; margin-right: 6px; }
#module_titleArea #myarea .btn_myname p { padding: 5px 2px 5px 10px; min-width: 111px; text-align: center; background-color: #849aa7; }
#module_titleArea #myarea .btn_myname p a { display: block; background: url(../img/bullet_black_down.gif) no-repeat 100% 7px; color: #fff; padding-right: 30px; }
#module_titleArea #myarea .btn_myname p a span { font-size: 83.3%; padding-left: 5px; }
#module_titleArea #myarea .btn_open_cliplist { vertical-align: middle; }

#myarea_menu_list { position: absolute; top: 132px; right: 290px; width: 151px; z-index: 1000; display: none; }
#menuListWrap{ position: relative; z-index: 1000; }
#btn_close_myarea_menu_list { text-align: right;background: url(../img/bg_myarea_menu_list.gif) no-repeat 0 28px; padding-bottom: 1px; cursor: pointer; position: relative; z-index: 9999; }
#btn_close_myarea_menu_list img { vertical-align: top; }
#myarea_menu_list ul { background: url(../img/bg_myarea_menu_list.gif) no-repeat 0 100%; padding: 0 2px 2px 1px; position: relative; z-index: 9999; }
#myarea_menu_list li { }
#myarea_menu_list li a { display: block; color: #3f3f3f; padding: 5px 10px; border-bottom: 1px solid #5086b2; zoom: 1; }
#myarea_menu_list li.last a { border-bottom: none; }
#myarea_menu_list li a:hover,
#myarea_menu_list li a:active { background-color: #e7e7e7; text-decoration: underline; }
#menuListMat { position: absolute;top: 30px; z-index: 1000; }

/* ============================== global_nav */
div#global_nav ul li.list_right { padding:0 0 0 1px; background-position-x:0px; float:right; }

/* ============================== concents */
#concents { width: 980px; margin: 13px auto 0; padding-bottom: 15px; }

/* ============================== contents_footer */
#contents_footer { width: 980px; margin: 15px auto 0; padding-bottom: 15px; }
#contents_footer #btn_login { float: left; }
#contents_footer #page_top { float: right; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 0 10px; }

/* ============================== nav_footer */
#nav_footer { width: 980px; margin: 0 auto; padding: 10px 0 30px; border-top: 1px solid #e6e6e6; }
#nav_footer h2 { font-weight: bold; }
#nav_footer h2 a { background: url(../img/bullet_nav_footer.gif) no-repeat 0 0.2em; padding-left: 13px; }
#nav_footer h2 em { font-weight: bold; }
#nav_footer dl dt { font-weight: bold; margin-top: 8px; }
#nav_footer li { margin-top: 3px; }
#nav_footer li.ib { margin-right: 10px; }
#nav_footer #nav_footer_product { float: left; width: 480px; }
#nav_footer #nav_footer_sales_information { float: right; width: 480px; }

/* ============================== global_footer */
div#global_footer { padding-bottom: 58px; }
div#global_footer.w980_center .direct_nav { width: auto; }
div#global_footer .breadcrumbs ul { font-size: 100%; margin-top: 3px; }


/* ============================== wrapper_nav_footer */
#wrapper_nav_footer { position: fixed; bottom: 0; width: 100%; z-index:9999;}
#wrapper_nav_footer #sec_nav_footer { background: url(../img/bg_sec_nav_footer.gif) no-repeat 0 0; width: 980px; margin: 0 auto; min-height: 32px; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list { padding: 3px 4px 0; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li { float: left; margin-right: 3px; text-align: center; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li#fnav_clip { width: 251px; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li#fnav_history { width: 201px; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li a { display: block; color: #3f3f3f; background-image: url(../img/bg_sec_nav_footer_btn.gif); background-repeat: no-repeat; min-height: 24px; padding-top: 5px; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li a:hover { text-decoration: none; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li a em { font-size:83.3%; line-height:1.5em; padding-left: 5px; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li a em span { font-size: 120%; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li#fnav_clip a.btn_nomal { background-position: 0 0; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li#fnav_clip a.btn_none { background-position: 0 0; text-decoration: none; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li#fnav_clip a.btn_over { background-position: -452px 0; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li#fnav_history a.btn_nomal { background-position: -251px 0; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li#fnav_history a.btn_none { background-position: -251px 0; text-decoration: none; }
#wrapper_nav_footer #sec_nav_footer ul#nav_footer_list li#fnav_history a.btn_over { background-position: -703px 0; }
#wrapper_nav_footer #sec_pop_contents { background-repeat: no-repeat; background-position: 0 0; background-color: #fff; width: 972px; margin: 0 auto; border-left: 4px solid #2a83db; border-right: 4px solid #2a83db; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner { display: none; width: 970px; padding-bottom: 30px; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner .newslist  { margin-top: 15px; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner .newslist li { overflow: hidden; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner .newslist .news_detail { width: 342px; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner .sec_pop_contents_product { float: left; width: 465px; padding-left: 15px; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner .sec_pop_contents_sell { float: right; width: 465px; padding-right: 15px; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner .btn_close { padding: 5px 2px 8px; text-align: right; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner .link_area { padding-bottom: 5px; }
#wrapper_nav_footer #sec_pop_contents .sec_pop_contents_inner .txt_area { color: #006190; }

#wrapper_nav_footer #sec_pop_contents #sec_pop_contents_clip .link_area { padding: 0 15px 5px; }
#wrapper_nav_footer #sec_pop_contents #sec_pop_contents_clip .txt_area { vertical-align: middle; }
#wrapper_nav_footer #sec_pop_contents #sec_pop_contents_clip .txt_area img { vertical-align: middle; margin-right: 10px; }

#wrapper_nav_footer #sec_pop_contents #sec_pop_contents_history .link_area { text-align: right; }

#wrapper_nav_footer.active_sec_clip #sec_nav_footer ul#nav_footer_list li#fnav_history a { background-position: -1155px 0; }
#wrapper_nav_footer.active_sec_clip #sec_nav_footer ul#nav_footer_list li#fnav_history a:hover,
#wrapper_nav_footer.active_sec_clip #sec_nav_footer ul#nav_footer_list li#fnav_history a:active { background-position: -703px 0; }
#wrapper_nav_footer.active_sec_clip #sec_pop_contents { background-image: url(../img/bg_sec_pop_contents_clip.gif); }
#wrapper_nav_footer.active_sec_clip #sec_pop_contents #sec_pop_contents_clip { display: block; }

#wrapper_nav_footer.active_sec_history #sec_nav_footer ul#nav_footer_list li#fnav_clip a { background-position: -904px 0; }
#wrapper_nav_footer.active_sec_history #sec_nav_footer ul#nav_footer_list li#fnav_clip a:hover,
#wrapper_nav_footer.active_sec_history #sec_nav_footer ul#nav_footer_list li#fnav_clip a:active { background-position: -452px 0; }
#wrapper_nav_footer.active_sec_history #sec_pop_contents { background-image: url(../img/bg_sec_pop_contents_history.gif); }
#wrapper_nav_footer.active_sec_history #sec_pop_contents #sec_pop_contents_history { display: block; }

#nav_footer_overray { position:fixed; top:0; left:0; z-index:9998; background:#000; opacity:0.8; filter:alpha(opacity:80); width:100%; height:100%; }


/* ============================== for sp */
#link_to_sp { background-color: #ebebeb; padding: 0.8em 1em 0.9em; font-size: 45.9px; line-height: 1; }
#link_to_sp a { display: block; text-decoration: none; padding: 5px; color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fd7), color-stop(100%,#0b6aae)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #007fd7 0%,#0b6aae 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #007fd7 0%,#0b6aae 100%); /* W3C */
}
#link_to_sp span { display: block; padding: 0.55em 0; border: 3px solid #78b5e1; font-weight: bold; text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#link_to_sp_bullet { background-color: #ebebeb; padding: 0.8em 1em 0.9em; font-size: 45.9px; line-height: 1; }
#link_to_sp_bullet a { display: block; text-decoration: none; padding: 5px; color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #0b3d8a;
}
#link_to_sp_bullet a>span { display: block; padding: 0.55em 0; border: 3px solid #cccccc; font-weight: bold; text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#link_to_sp_bullet a>span>span {
background: url(../img/bullet_link_to_sp_bullet.gif) no-repeat 0 50%;
padding-left: 0.7em;
}