/* 全体
--------------------------------------------- */
*{ margin:0 0 0 0; padding:0 0 0 0; font-size:small; }
html{ height:100%; }
body{ margin:0px; padding:0px; font-size:small; height:100%; text-align:center; }
#contents{ width:100%; margin:0px auto; position:relative; height: 100%; min-height: 100%; }
body > #contents { height: auto; }
#contents h1{ margin:0; padding:15px 0 0 0; float:left; }
#contents h2{ width:680px; margin:0; padding:10px 0; font-size:small; text-align:center; }
#contents h3{ clear:both; width: 660px !important; /* */ width:670px; margin:0; padding:5px 0 5px 10px; font-size:small; background-color:#eeeeee; }
#contents h4{ clear:both; width:645px; margin:0; padding:5px 0 5px 15px; font-size:small; background:url('../images/ico_square_b.gif') no-repeat 0 5px; }
#contents h4.caut{ width:635px; padding:20px 0 5px 25px; background:url('../images/../images/ico_caution.gif') no-repeat 0 13px; }
#contents h5{ clear:both; width:615px; margin:0; padding:5px 0 5px 15px; font-size:small; background:url('../images/ico_square_b.gif') no-repeat 0 5px; }
#contents h5.no1{ background:url('../images/no-1.gif') no-repeat 0 5px; }
#contents h5.no2{ background:url('../images/no-2.gif') no-repeat 0 5px; }
#contents h5.no3{ background:url('../images/no-3.gif') no-repeat 0 5px; }
#contents img{ border:none; }
#contents p{ padding:0 0 10px 0; line-height:1.3; }
#contents p.txt_indent{ text-indent:-1em; padding:5px 0 0 1em; }
#contents .clr{ clear:both; }

/* ヘッダー 
--------------------------------------------- */
#contents #header  { width:680px; height:45px; margin:0 auto; padding:0;  zoom:1; overflow:visible; }
#contents #header::after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #header:after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #header #btn_top { float:right; width:320px; margin:0; padding:0; }
#contents #header #btn_top img{ margin:0; padding:0; border:none; }
#contents #header #btn_top ul { margin:17px 0 0 0; padding:0 0 0 0; float:right; }
#contents #header #btn_top li { margin:0; padding:0 10px 0 10px; float:right; border-right:1px solid #cccccc; list-style-type:none; }

/* 内容
--------------------------------------------- */
#contents #main { width:668px; margin:0 auto 50px auto; padding:10px; text-align:left; border:1px solid #cccccc; zoom:1; overflow:visible; }
#contents #main::after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main:after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main #navigation { clear:both; width:658px; margin:0; padding:3px 0px 3px 10px; border-top:2px dotted #cccccc; border-bottom:2px solid #cccccc; }
#contents #main #navigation::after { clear:both; display:block; height:1px; content:"・"; visibility:hidden; }
#contents #main #navigation:after { clear:both; display:block; height:1px; content:"・"; visibility:hidden; }
#contents #main #navigation ul { width:668px; margin:0; padding:0; list-style-type:none; zoom:1; overflow:visible; }
#contents #main #navigation ul::after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main #navigation ul:after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main #navigation ul li { float:left; height:12px; margin:0; padding:0 3px 0 12px; background:url('../images/bread_img.gif') no-repeat 0 40%; }
#contents #main #navigation ul li#navi_top{ background:none; padding-left:0; }
#contents #main #navigation ul li a{ color:#0066cc; display:block; text-decoration:none; }
#contents #main #navigation ul li a:hover{ text-decoration:underline; }

#contents #main #step_list{ padding:10px; border:1px dotted #cccccc; }
#contents #main #step_list ul{ margin:0; padding:0; list-style:none; }
#contents #main #step_list ul li{ margin:0; padding:5px 0 20px 0; background:url('../images/arrow_step.gif') no-repeat bottom 60px; font-size:medium; }
#contents #main #step_list ul li.step5{ background:none; }

#contents #main #tv_list ul.series{ width:660px; margin:10px 0; list-style:none; }
#contents #main #tv_list ul.series li{ float:left; width:30px; margin:0 0 0 0; padding:5px 10px 0 0; }
#contents #main #tv_list ul.series li a{ display:block; width:18px; height:1em; padding:5px; border:1px solid #cccccc; text-decoration:none; text-align:center; }
#contents #main #tv_list ul.kcd{ width:660px; margin:10px 0; list-style:none; }
#contents #main #tv_list ul.kcd li{ float:left; width:190px; padding:5px 10px 0 0; }
#contents #main #tv_list ul.kcd .ttl{ width:660px; padding:5px 0 0 0; }
#contents #main #tv_list ul.kcd .ttl img{ padding-right:5px; }
#contents #main #tv_list ul.kcd li a{ display:block; width:178px; height:1em; padding:5px; border:1px solid #cccccc; text-decoration:none; background-color:#eaf4fc; }

#contents #main #pc_list ul{ width:657px; margin:10px 0; list-style:none; border-top:1px solid #cccccc; zoom:1; overflow:visible; }
#contents #main #pc_list ul::after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main #pc_list ul:after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main #pc_list ul li{ float:left; width:125px; border-left:1px solid #cccccc; padding:5px 6px 0 6px; border-bottom:1px solid #cccccc; }
#contents #main #pc_list ul li.end{ width:232px; padding:5px 0 0 9px; border-right:1px solid #cccccc; }
#contents #main #pc_list ul li a{ width:125px;text-decoration:none; }
#contents #main #pc_list ul li img{ }
#contents #main #pc_list ul li.end a{ width:220px; text-decoration:none; }
#contents #main #pc_list ul li.end img{ margin:0 30px; }

#contents #main .cable_box{ padding-bottom:30px; }
#contents #main .cable_box dl{ width:660px; margin-top:10px; zoom:1; overflow:visible; }
#contents #main .cable_box dl::after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main .cable_box dl:after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main .cable_box dl dt{ float:left; width:25px; }
#contents #main .cable_box dl dd{ float:left; width:625px; padding-top:5px; }
#contents #main .cable_box dl dd span.cbl{ font-weight:bold; }
#contents #main .cable_box dl dd img{ margin:0 10px; }
#contents #main .caution  { clear:both; width:543px; margin:5px 0 0 55px; padding:5px 5px 5px 0px; border:1px dashed #ff0000; line-height:1.3; background-color:#ffffcc; }
#contents #main .caution img.ico{ float:left; margin:0 5px; }
#contents #main .caution .cmt_in{ float:left; width:500px; margin:0 5px; }
#contents #main .caution p.ttl{ text-indent:-1em; margin:10px 0 0 0; padding:0 0 0 1em; }
#contents #main .caution p.txt_indent{ text-indent:-1em; margin-left:1em; padding:0 0 0 1em; }

#contents #main .box_in { width:648px; padding:10px; }
#contents #main .box_in .img_box { text-align:center; }
#contents #main .box_in2{ padding:10px 0 10px 15px; }
#contents #main .box_in2 ul{ width:585px; margin:0; padding:0; list-style-type:none; }
#contents #main .box_in2 ul li{ padding:0 0 5px 25px; line-height:1.4; background:url("/support/images/circle_black.gif") no-repeat 3px 5px; }
#contents #main .box_in2 ul.disc{ width:615px; margin:0; padding:0; list-style-type:none; }
#contents #main .box_in2 ul.disc li{ padding:0 0 5px 25px; line-height:1.3; background:url("/support/images/circle_black.gif") no-repeat 3px 5px; }
#contents #main .box_in2 ol{ width:590px; margin:0; padding:0 0 0 25px; list-style:decimal; }
#contents #main .box_in2 ol li{ padding:0 0 5px 0; line-height:1.3; }
#contents #main .box_in2 span.lnk{ display:block; margin-bottom:10px; text-align:right; }
#contents #main .box_in2 span.lnk img{ padding:5px 5px 0 0; }
#contents #main .box_in3{ padding:5px 15px 25px 15px; }
#contents #main .box_in3 img{ padding:5px 0; }

#contents #main .sld_box{ margin:10px 0; padding:10px; border:1px solid #cccccc; }
#contents #main .sld_box_in{ margin:10px 0; padding:0 1em; }
#contents #main .sld_box ul{ margin:0 0 0 30px; padding:0; }
#contents #main .sld_box ul li{ padding:5px 0 5px 0; }
#contents #main .sld_box ol{ margin:0 0 0 30px; padding:0; }
#contents #main .sld_box ol li{ padding:5px 0 5px 0; }

#contents #main .red_box{ margin:0 5px; border:1px solid red; }
#contents #main .dot_box{ margin:10px 0; padding:5px; color:#666666; border:1px dotted #cccccc; }

#contents #main .btn  { clear:both; margin:20px 0; zoom:1; overflow:visible; }
#contents #main .btn::after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}
#contents #main .btn:after{ display:block; height:0; content:"・"; clear:both; visibility:hidden;}

#contents #main .btn_l  { width:225px;float:left; text-align:left; padding:0 0 20px 225px;}
#contents #main .btn_r  { width:125px;float:right; }
#contents #main .btn_c { clear:both; margin:20px 0; }
#contents #main .btn_c img{ margin:0 5px 5px 5px; }
#contents #main .btn_c_l { width:125px;float:left; padding:0 0 20px 225px; }
#contents #main .btn_c_l img{ margin:0 5px 5px 5px; }
#contents #main .btn_c_r { width:250px;float:right; text-align:right; }
#contents #main .btn_c_r img{ margin:0 5px 5px 5px; }

#contents #main #img_bak{ width:590px; margin:15px; text-align:right; }
#contents #main #img_cbl{ width:590px;  margin:15px; }
#contents #main #btn_prt{ width:590px;  margin:15px; text-align:right; }
#contents #main #img_tv { margin:10px 0; padding:0 20px; }

/*フッター 
--------------------------------------------- */
#footer { width:100%; position:absolute; left:0; bottom:9px; }
#footer .img_foot { height:9px; margin:0 0 0 0; padding:3px 0 2px 0; text-align:right; border-top:1px solid #9c9c9c; }