@charset "utf-8";

/* ------------------------- TOC 
setup
header
h1_container
contents
 ------------------------- */

/* ============================== setup */
body { color: #000; background-color: #fff; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #999999; }
a:link { color: #999999; text-decoration: underline; }
a:visited { color: #999999; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* ============================== header */
#header { background: #f1f1f1 url(../img/bar_header.gif) left top repeat-x; }
#header_inner { margin: 0 auto; padding: 37px 0 60px; width: 880px; }

#header #global_nav_container { width: 407px; }
#header #global_nav_container ul { border-right: #999999 solid 1px; }
#header #global_nav_container ul li { float: left; padding: 5px 0; width: 100px; border-left: #999999 solid 1px; text-align: center; font-size: 92%; }
#header #global_nav_container #global_nav_2 { margin-top: 10px; }


/* ============================== h1_container */
#h1_container { padding: 5px 0; background-color: #999999; }
#h1_container h1 { margin: 0 auto; width: 880px; color: #ffffff; font-weight: bold; }


/* ============================== contents */
#contents { background-color: #fafafa; }
#contents #contents_inner { margin: 0 auto; width: 880px; padding-top: 40px; }

#contents #main_contents { padding-left: 60px; width: 500px; }

/* accordion */
#contents #main_contents .accordion { margin-top: 20px; }
#contents #main_contents .accordion .link_detail { text-align: right; }
#contents #main_contents .accordion .ui-accordion-header a { font-weight: bold; color: #333333; }
#contents #main_contents .accordion .ui-accordion-content { line-height: 1.5; }
#contents #main_contents .accordion .ui-widget-content { background: #fafafa; }
#contents #main_contents .accordion .ui-state-active,
#contents #main_contents .accordion .ui-widget-content .ui-state-active { background: #fafafa; }

/* paragraph */
#contents #main_contents .paragraph {}
#contents #main_contents .paragraph h2 { padding-left: 25px; font-size: 117%; color: #333333; background: url(../img/mark_h2.gif) left center no-repeat; }
#contents #main_contents .paragraph p,
#contents #main_contents .paragraph div,
#contents #main_contents .paragraph ul { margin-top: 20px; }
#contents #main_contents .paragraph p { line-height: 1.8; }
#contents #main_contents .paragraph ul { line-height: 1.8; }
#contents #main_contents .paragraph ul li { margin-top: 0.5em; list-style-type: disc; list-style: inside; }
#contents #main_contents .gotoTop { margin: 20px 0; width: 500px; text-align: right; }

/* sub_contents */
#contents #sub_contents { padding-right: 20px; width: 220px; color: #333333; }
#contents #sub_contents #sub_contents_inner { padding: 20px; background-color: #f1f1f1; }
#contents #sub_contents hr { display: none; }
#contents #sub_contents .hr { height: 1px; margin: 15px 0; background-color: #CCCCCC; }
#contents #sub_contents .note { padding-top: 5px; font-size: 84%; line-height: 1.5; }
#contents #sub_contents ul.sub_nav { line-height: 1.5; }
#contents #sub_contents ul.sub_nav li { margin-top: 5px; }
#contents #sub_contents ul.sub_nav li a { color: #333333; }
#contents #sub_contents ul.sub_nav li.li_top { margin-top: 0; }
#contents #sub_contents ul.sub_nav li span.li_icon { display: block; float: left; width: 18px; height: 16px; background-image: 
url(smoothness/images/ui-icons_888888_256x240.png); background-repeat: no-repeat; }
#contents #sub_contents ul.sub_nav li.bullet_internal span.li_icon { background-position: -224px -30px; }
#contents #sub_contents ul.sub_nav li.bullet_link span.li_icon { background-position: -32px -78px; }
#contents #sub_contents ul.sub_nav li.bullet_blank span.li_icon { background-position: -48px -78px; }
#contents #sub_contents ul.sub_nav li.bullet_video span.li_icon { background-position: -224px -126px; }


/* ============================== footer */
#footer { background: #008cea url(../img/bar_footer.gif) left top repeat-x; }
#footer #footer_inner { margin: 0 auto; padding: 12px 0 180px; width: 880px; text-align: right;}
#footer p { color: #cccccc; font-size: 84%; }