body {color: #2d2d2d; margin: 0; padding: 0; font-size: 12px; line-height: 1.8em; background-image: url(../image/top/bg.jpg); background-repeat: repeat-x;}

li {list-style-type: none; font-weight: normal;}
a {text-decoration: none; color: #000000;}
a img {border: none;}
.clear {clear: both;}
strong {font-weight: normal;}
.center {text-align: center;}
.right {text-align: right;}
.disblock {display: block;}
.disnone {display: none;}
.hide {display: none; clear: both;}

.clear:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}

.pl {text-align: right; margin-right: 20px;}
.pl a {text-decoration: underline; color: #D7000F;}

h1 {display: none;}
h2 {font-weight: bold; margin-top: -1px;}

/* 共通見出し ----------------------------------------------------------*/
.tit {width: auto; height: 31px; color: #014C7A; font-size: 14px; font-weight: bold; padding-left: 10px; padding-top: 10px; margin-bottom: 15px;
      background-image: url(../image/contents/title_bg.jpg); background-repeat: repeat-x; border: solid 1px #014C7A; border-left: solid 10px #014C7A;}
.tit1 {width: auto; height: 31px; color: #C7000B; font-size: 14px; font-weight: bold; padding-left: 10px; padding-top: 10px; margin-bottom: 15px;
      background-image: url(../image/contents/title_bg.jpg); background-repeat: repeat-x; border: solid 1px #C7000B; border-left: solid 10px #C7000B;}
/* 共通 ----------------------------------------------------------------*/
#wrapper {width: auto; height: auto;}
#box {width: 850px; height: auto; background-color: #ffffff; margin-left: auto; margin-right: auto;}
#header {width: 848px; height: 60px; padding: 0;}
#header_l {width: auto; height: 60px; float: left;}
#header_r {width: auto; height: 35px; text-align: right; float: right; padding-top: 25px;}
.mes {font-size: 14px; margin-left: auto; margin-right: auto; padding: 40px 120px 70px 120px;}
.sub_mes {text-align: left; margin-left: 240px; margin-bottom: 70px;}
.main_img {width: 850px; height: 293px;} 
.main_cnt {width: 850px; height: auto;}
.main_top {width: 850px; height: 60px; background-image: url(../image/top/maintop_bg.gif); background-repeat: no-repeat}
.main_topl {width: 616px; height: 60px; float: left;}
.main_topr {width: 234px; height: 60px; float: left;}
.main {width: 850px; height: 253px;}
.main_atten {font-size: 10px; margin-top: -3px;}
.disnone {display: none;}
.detail {width: 62px; height: 26px; display: block; margin-right: 40px; margin-bottom: 20px; text-align: left; color: #ffffff; letter-spacing: 0.4em;
         padding-left: 25px; padding-top: 5px; background-image: url(../image/watchguard/detail_go.gif); background-repeat: no-repeat;}
.r_detail {width: 129px; height: 28px; display: block; margin: -25px 40px -10px 0; font-size: 13px; text-align: center; color: #ffffff;
   　　　　padding-left: 25px; padding-top: 5px; background-image: url(../image/watchguard/detail.gif); background-repeat: no-repeat;}
* html .r_detail {width: 129px; height: 28px; display: block; margin: -10px 20px -10px 0; font-size: 13px; text-align: left; color: #ffffff;
   　　　　padding-left: 10px; padding-top: 5px; background-image: url(../image/watchguard/detail.gif); background-repeat: no-repeat;}   　　　　
/* プルダウンメニュー --------------------------------------------*/
#menu {width: 850px; height: 70px;}
*+html body #menu {width: 852px; height: 70px;}
* html #menu {width: 850px; height: 70px; margin-top: 0px; margin-bottom: 12px;}
#menu ul {display: block; list-style-type: none; margin: 0; padding: 0; font-size: 11px;}
/* サブメニュー1段目 */#menu ul ul{display: none;  position: absolute; top: 100%; left: 0;}
/* サブメニュー2段目以降 */#menu ul ul ul {top: 0; left: 100%;}
/* リスト */#menu li {float: left; text-align: center;}
#menu li li {clear: both;}
#menu li a{display: block; width: 121px; background-color: #E6E6E6; text-decoration: none; color: #333; padding: 0;}
#menu li a.right{display: block; width: 124px; background-color: #E6E6E6; text-decoration: none; color: #333; padding: 0;}
* html #menu li a.right{display: block; width: 124px; background-color: #E6E6E6; text-decoration: none; color: #333; padding: 0; margin-left: 0px;}
#menu li a:hover {background-color: #BFC0C0;}
#menu li:hover {position: relative; background-color: #4b4f45; color: #333;}
#menu li:hover > ul {display: block;}
/* IE6用 */
* html #menu li {   behavior: expression(this.onmouseover=new Function("this.className='column1'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
* html #menu li li {   behavior: expression(      this.onmouseover=new Function("this.className='column2'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
* html #menu li li li {   behavior: expression(      this.onmouseover=new Function("this.className='column3'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
#menu .column1 {position:relative;}
#menu .column1 ul {display: block;}
#menu .column1 * ul {display: none;}
#menu .column2 {position: relative;}
#menu .column2 ul {display: block;}
#menu .column2 * ul {display: none;}
#menu .column3 {position: relative;}
#menu .column3 ul {display: block;}
#menu .column3 * ul {display:none;}
/*----------------------------------------------------------------*/
.disnone {display: none;}
#contents {width: 850px; height: auto; margin: 5px 0px;}
.main_l {width: 550px; height: 600px; color: #ffffff; font-size: 14px; float: left;}
.main_l_cnt {color: #ffffff; background-image: url(../image/top/cnt_bg.jpg); background-repeat: repeat-x; background-position: bottom; margin-bottom: 8px; border: solid 1px #2d2d2d;}
.top_r {width: 286px; height: auto; float: right;}
.top_rtit {width: 286px; height: 23px; font-weight: bold; color: #ffffff; background-image: url(../image/top/top_sl.jpg); background-repeat: no-repeat; text-align: center; padding-top: 4px;}
.top_rtit1 {width: 286px; height: 23px; font-weight: bold; color: #ffffff; background-image: url(../image/top/top_sl1.jpg); background-repeat: no-repeat; text-align: center; padding-top: 4px;}
.top_main {width: 272px; padding: 7px; padding-top: 0px;}
.top_main img {border: solid 1px #666666; margin-bottom: 2px;}
.top_rcnt1 {width: 270px; padding: 7px; border: solid 1px #C8161E;}
.top_rcnt1 img {border: solid 1px #666666; margin-bottom: 2px;}
.top_rcnt2 {width: 270px; padding: 7px; border: solid 1px #000000;}
.top_rcnt2 img {border: solid 1px #666666; margin-bottom: 2px;}
.main_r {width: 176px; height: 290px; background-image: url(../image/watchguard/right_bg.jpg); background-repeat: no-repeat; background-position: top; float: right;}
.right_tit {width: 176px; height: 18px; color: #ffffff; text-align: center; padding-top: 12px; margin-bottom: 20px;}
.main_r img {border: solid 1px #2d2d2d;}
.info_tit {width: 520px; height: 24px; padding-left: 30px; padding-top: 3px; background-image: url(../image/top/info_bg.jpg); background-repeat: no-repeat;}
/* SSL VPNバージョン情報  ----------------------------------------*/
.vpn_box {width: auto; height: 50px; padding: 10px; border: solid 1px #C8161E; margin-bottom: -20px;}
/* インフォメーション --------------------------------------------*/
.news {height: 20px; padding: 10px 20px; margin-bottom: 20px; font-size: 0.9em; color: #000000;}
* html .news {height: 30px; padding: 10px 20px; font-size: 0.9em; color: #000000; margin-bottom: -60px;}
.news_tit {width: 440px; color: #ffffff; background-color: #014C7A; font-size: 14px; margin-top: 4px; padding: 2px 0px 2px 4px; margin-bottom: 15px;}
/* 最新ファームウェア情報  ---------------------------------------*/
.os {width: auto; height: auto; padding: 20px 10px 0 10px; color: #000000; font-size: 0.8em; line-height: 1.1em;}
.os_box {width: auto; padding: 10px; border: solid 1px #C8161E;}
.box_xtm {width: auto; height: 60px;}
.box {width: auto; height: 80px;}
.box1 {width: auto; height: 65px;}
.os_tit {width: 450px; color: #C8161E; font-weight: bold; border-bottom: dotted 1px #C8161E;}
.small {width: 440px; height: auto; font-size: 0.8em; border-bottom: dotted 1px #d3d3d3; line-height: 1.4em; margin-bottom: 8px;}
.imgbox {width: 785px; height: auto; padding-top: 10px; margin-bottom: 10px; border-top: solid 2px #014C7A;}
.cont_box {width: 183px; height: auto; float: left; margin-right: 15px; border: solid 1px #d3d3d3; padding: 0px;}
.cont_box:hover {width: 183px; height: auto; float: left; margin-right: 15px; border: solid 1px #014C7A; padding: 0px;}
.in_box {width: 183px; height: 72px;}
.txt_box {width: 179px; height: auto; border-top: solid 2px #d3d3d3; padding: 2px; font-size: 0.6em;}
.strong {height: 15px; color: #014C7A; font-size: 0.9em; background-image: url(../image/top/under_arrow.gif); background-repeat: no-repeat;
         padding-left: 20px; padding-top: 2px; margin-bottom: 3px;}
#footer {width: 850px; height: auto; color: #ffffff; text-align: center; font-size: 0.8em; margin-top: 10px;}
#footer_r {width: auto; height: auto; color: #C8161E; text-align: right; font-size: 0.8em; margin-top: 20px; border-bottom: solid 1px #C8161E;}
#footer_sp {width: auto; height: auto; color: #C8161E; text-align: right; font-size: 0.8em; margin-top: 20px; border-bottom: solid 1px #C8161E;}
#footer_info {width: auto; height: 300px; background-color: #C8161E; margin-top: 10px;}
#footer_in {width: 850px; height: auto; margin-left: auto; margin-right: auto;}
.footer_box {width: 132px; height: 190px; float: left; text-align: left; padding-left: 8px; margin-top: 20px; border-right: dotted 1px #ffffff;}
.footer_box ul {margin: 0px; padding: 0px; color: #ffffff;}
.footer_box ul li a {color: #ffffff;}
.footer_atten1 {height: 10px; color: #ffffff; font-size: 9px; text-align: center; padding-top: 20px;}
.footer_atten2 {height: 10px; color: #ffffff; font-size: 9px; text-align: center;}
#f_top {width: auto; text-align: right; border-bottom: solid 1px #d3d3d3;}
#f_under {width: auto; text-align: right;}
/* プログラミングで切り換える右メニュー--------------------------------*/
.right_r {text-align: right;}
/*---------------------------------------------------------------------*/
.left_cnt{width: 662px; height: auto; float: left; border-right: solid 1px #d3d3d3;}
.left_cnt1{width: 616px; height: auto; float: left; border-right: solid 1px #d3d3d3;}
/*---------------------------------------------------------------------*/

/* FAQ更新バナー--------------------------------------------------*/
.faq_banner {width: 295px; height: 40px; background-image: url('../image/fireboxtop/faq_banner.gif'); background-repeat: no-repeat; margin-bottom: 10px; margin-top: 2px;
             padding-left: 55px; padding-top: 20px; color: #000000; font-size: 1.1em;}
/*----------------------------------------------------------------*/

/* お知らせ-------------------------------------------------------*/
.dg_box {margin: 10px 0;}
.dg_l {width: 40px; height: 40px; float: left; background-image: url(../image/watchguard/dange_icon.gif); background-repeat: no-repeat;}
.dg_r {width: 600px; height: 33px; font-weight: bold; font-size: 15px; float: left; padding-top: 7px; margin-left: 5px;}
/*----------------------------------------------------------------*/

/* watchguard ----------------------------------------------------*/
#wg_top_l {width: 375px; height: 25px; float: left; background-image: url(../image/fireboxtop/header_l.jpg); background-repeat: no-repeat; font-size: 9pt; padding-left: 49px; padding-top: 5px;}                 
#wg_top_r {width: 526px; height: 30px; float: right; background-image: url(../image/fireboxtop/header_r.jpg); background-repeat: no-repeat;}                
div#mainimage_wg {width: 950px; height: 140px; background-image: url(../image/watchguard/watchguard02.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}
.menu_wg {position: relative; top: 115px; left: 0px; font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "ｍｓ ｐゴシック", "ms pgothic", sans-serif;}
/* プルダウンメニュー --------------------------------------------*/
/* メインメニュー */#p_menu ul {display: block; list-style-type: none; background-color: #666666;}
/* サブメニュー1段目 */#p_menu ul ul{display: none; position: absolute; top: 100%; left:0;}
/* サブメニュー2段目以降 */p_#menu ul ul ul {top: 0; left: 100%;}
/* リスト */#p_menu li {float: left;}
#p_menu li li {clear: both;}
#p_menu li:hover {position: relative ;}
#p_menu li:hover > ul {display: block}
/* IE6用 */* html #p_menu li {behavior: expression( this.onmouseover=new Function("this.className='column1'"), 
                              this.onmouseout=new Function("this.className=''"),
                              this.style.behavior = 'none'   );}
* html #p_menu li li { behavior: expression(      this.onmouseover=new Function("this.className='column2'"),
                       this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
* html #p_menu li li li {behavior: expression(      this.onmouseover=new Function("this.className='column3'"),
                       this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
#p_menu .column1 {position: relative;}
#p_menu .column1 ul {display: block;}
#p_menu .column1 * ul {display: none;}
#p_menu .column2 {position: relative;}
#p_menu .column2 ul {display: block;}
#p_menu .column2 * ul {display: none;}
#p_menu .column3 {position: relative;}
#p_menu .column3 ul {display: block;}
#p_menu .column3 * ul {display: none;}
#p_menu li {line-height: 1.6em; text-align: center; width: 158px;}
#p_menu li li {text-align: left;}
#p_menu li a{display: block; width: 158px; text-align: center; text-decoration: none;}
#p_menu li:hover {background:#888888; color:#ffffff;}
#p_menu .column1, #menu .column2, #menu .column3 {color: #333; background: #7BBA10;} 
/*----------------------------------------------------------------*/
img.wg_title {margin-bottom: 8px;}
div#wg_btn {width: 950px; height: 27px; position: relative; top: 258px; left: 1px;}
.support {width: 200px; height: 37px; border-left: solid 5px #ffffff; float: left; margin-left: 30px; margin-bottom: 20px; 
          padding-left: 7px; line-height: 1.3em;}
.up {width: 280px; height: 20px; float: left; margin: 3px 0px 3px 30px; color: #ffffff; font-weight: bold;}
.title_wg {width: 650px; height: 26px; background-image: url(../image/watchguard/title_bg.jpg); background-repeat: no-repeat; color: #ffffff;
           font-size: 7pt; font-weight: bold; padding-top: 7px; padding-left: 15px; margin-bottom: 20px;}
.catch_wg {height: auto; font-size: 17px; font-weight: bolder; border-bottom: dotted 1px #ffffff; margin-bottom: 10px;}
table.wg_box {border-spacing: 5px 10px;}
td.detail_ti {width: auto; height: 50px; padding-left: 40px; border-spacing: 5px 10px; padding-right: 40px;}
td.detail_wg {width: 60px; height: 60px; background-image: url(../image/watchguard/detail_bg.jpg); background-repeat: no-repeat; text-align: center; line-height: 1.2em; font-size: 10px; margin-top: 20px;}
td.detail_icon {width: 50px; height: 40px; text-align: center; line-height: 1.2em; font-size: 10px; margin-top: 20px;}
td.detail_i_txt {width: 50px; height: 40px; text-align: center; line-height: 1.2em; font-size: 12px; margin-top: 20px;}
.recommend_wg {font-weight: bolder; border-bottom: solid 1px #000000;}
.osi_l {width: 250px; height: auto; float: left; font-size: 12px; line-height: 1.7em; padding-right: 10px;}
.osi_r {width: 437px; height: 215px; float: left;}
.wg_tel {width: 400px; height: 21px; float: left; text-align: right; margin-bottom: 20px;}
.wg_tel_r {width: 351px; height: 21px; float: left; margin-bottom: 20px;}
.detail_p {width: 690px; text-align: right; margin-bottom: 40px;}
/* ガイドページ --------------------------------------------------*/
.guide:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.guide_l {width: 300px; height: 150px; margin-left: 30px; font-size: 1.1em; float: left; line-height: 1.7em; font-weight: bold;}
.guide_r {width: 300px; height: 150px; float: left;}
.guide_i {width: 61px; height: 46px; float: left; color: #666666; background-image: url(../image/watchguard/guide_circle0.jpg); background-repeat: no-repeat;
           font-size: 22px; padding-left: 7px; padding-top: 22px; font-weight: bold;}
.guide_i1 {width: 64px; height: 45px; float: left; color: #ffffff; background-image: url(../image/watchguard/guide_circle.jpg); background-repeat: no-repeat;
           font-size: 14px; padding-left: 4px; padding-top: 23px; font-weight: bold;}
.guide_txt {width: 550px; height: auto; float: left; font-size: 14px; font-weight: bold; padding-top: 13px; padding-left: 10px; line-height: 1.8em;}
.guide_txt1 {width: 550px; height: auto; float: left; font-size: 14px; font-weight: bold; padding-left: 10px; line-height: 1.7em;}
/* 見出し --------------------------------------------------------*/
.strong_l {width: 48px; height: 46px; float: left; color: #C8161E; background-image: url(../image/watchguard/strong_l.jpg); background-repeat: no-repeat;
           font-size: 50px; padding-left: 23px; padding-top: 25px; font-weight: bold; margin-bottom: 15px;}
.strong_r {width: 550px; height: 58px; float: left; font-size: 18px; font-weight: bold;
           line-height: 1.4em; padding-left: 7px; padding-top: 13px; color: #C8161E; margin-bottom: 15px;}
.strong_r1 {width: 550px; height: 48px; float: left; font-size: 18px; font-weight: bold;
           line-height: 1.4em; padding-left: 7px; padding-top: 23px; color: #C8161E; margin-bottom: 15px;}           
.strong_tit {width: 600px; height: auto; font-size: 19px; line-height: 1.2em; font-weight: bold; color: #C8161E;
              border-left: solid 8px #C8161E; padding-left: 9px; margin-bottom: 18px;}
.quarantine_l {width: 145px; height: auto; float: left; margin-left: 25px;}
.quarantine_c {width: 15px; height: auto; float: left;}
.quarantine_r {width: 450px; height: auto; float: left;}
/*----------------------------------------------------------------*/
               
/* xtm用 ---------------------------------------------------------*/
.num_l {width: 40px; height: 41px; float: left; padding-left: 21px; background-image: url(../image/watchguard/num_icon.jpg); background-repeat: no-repeat;
        padding-top: 20px; font-size: 35px; font-weight: bold; color: #ffffff; margin-bottom: 10px; color: #FDD000;}
.num_r {width: 660px; height: 40px; float: left; font-size: 0.9em; padding-top: 20px; padding-left: 7px; color: #ffffff; font-weight: bold; font-size: 21px;
        margin-bottom: 10px;}
.catch_xtm {width: auto; height: 21px; font-size: 10pt; font-weight: bold;  padding-left: 23px; color: #C8161E;
            background-image: url(../image/watchguard/circle_icon.jpg); background-repeat: no-repeat; margin: 5px 0px 0px 9px;}
.powerful2 {color: #ffffff; font-size: 0.9em; background-color: #cc3333; border: solid 2px #cc3333;}
#common_list1 {width: 600px; height: auto; font-size: 9pt; padding: 0px 0px 25px 30px; line-height: 1.5em;}
td.xtm_l {width: 260px; height: 40px; font-size: 9pt; margin-top: 20px;}
td.xtm_r {width: 150px; height: 40px; font-size: 9pt; text-align: center; font-weight: bold; margin-top: 20px;}
.xtm_pt:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.xtm_pt_l {width: auto; height: auto; float: left; padding-left: 20px; margin-bottom: 20px;}
.xtm_pt_r {width: 550px; height: auto; float: left; font-size: 0.9em; padding-left: 8px;}
.fireware_l {width: 84px; height: 106px; float: left; padding-left: 25px; margin-bottom: 20px;}
.fireware_r {width: 480px; height: 106px; float: left; font-size: 0.9em; padding-top: 22px; padding-left: 15px; line-height: 1.4em;}
.fireware_tit {border-left: solid 6px #C8161E; padding-left: 7px; font-size: 1.3em; font-weight: bold; margin-bottom: 20px; color: #C8161E; margin-top: 20px;}
.xtm_txt {color: #C8161E;}          
/*----------------------------------------------------------------*/

/* 商品紹介 ------------------------------------------------------*/
.int_s {width: 644px; height: 104px; text-align: right; background-image: url(../image/watchguard/small_model.gif); background-repeat: no-repeat;}
.int_s img {padding-top: 12px;}
.int_m {width: 644px; height: 104px; text-align: right; background-image: url(../image/watchguard/middle_model.gif); background-repeat: no-repeat;}
.int_m img {padding-top: 12px;}
.int_b {width: 644px; height: 104px; text-align: right; background-image: url(../image/watchguard/big_model.gif); background-repeat: no-repeat;}
.int_b img {padding-top: 12px;}
.int_sp {width: 644px; height: 104px; text-align: right; background-image: url(../image/watchguard/sp_model.gif); background-repeat: no-repeat;}
.int_sp img {padding-top: 12px;}
/*----------------------------------------------------------------*/

/* 商品構成図 ----------------------------------------------------*/
.com_image {width: 150px; height: 120px; float: left;}
.com_tit {width: 480px; height: 70px; float: left; font-size: 16px; font-weight: bold; padding-top: 50px; padding-left: 20px;}
.pr_combox {width: 890px; height: auto; padding: 30px 0px 20px 60px; color: #ffffff; background-color: #2d2d2d;}
.com_str {font-weight: bold; text-decoration: underline;}
.com_l {width: 400px; height: auto; float: left; margin-right: 15px;}
.com_l1 {width: 400px; height: auto; float: left; margin-left: 15px; margin-bottom: 20px;}
.com_l2 {width: 400px; height: auto; float: left; margin-right: 15px; text-align: center;}
.com_maint {width: 400px; height: auto; background-color: #726C32; text-align: center;}
.com_lic {width: 339px; height: auto; border: solid 3px #726C32; padding: 10px 10px 10px 45px;}
.com_r {width: 400px; height: auto; float: left; margin-left: 15px;}
.com_line {width: 830px; height: 50px; background-color: Black;}  
.com_space {width: 30px; height: auto; float: left;} 
.com_center {width: 770px; height: auto; float: left;}
.com_subt {width: 770px; height: auto; font-weight: bold; color: #ffffff; background-color: #666666; text-align: center;}
.com_subt1 {width: 770px; height: auto; font-weight: bold; color: #ffffff; background-color: #666666; text-align: center; margin-top: 15px;}
.com_subt2 {width: 770px; height: auto; font-weight: bold; color: #ffffff; background-color: #5B6D35; text-align: center; margin-top: 15px;}
.com_subt3 {width: 770px; height: auto; font-weight: bold; color: #ffffff; background-color: #586E70; text-align: center; margin-top: 15px;}
.com_icon {width: auto; height: auto; float: left; padding: 10px 10px 0px 30px;}
.com_cbox {width: 758px; height: 510px; padding: 8px 3px 3px 3px; border: solid 3px #666666;}
.com_cbox1 {width: 758px; height: auto; padding: 8px 3px 3px 3px; border: solid 3px #666666;}
.com_cbox2 {width: 758px; height: 250px; padding: 8px 3px 3px 3px; border: solid 3px #666666;}
.com_cbox3 {width: 758px; height: auto; padding: 8px 3px 3px 3px; border: solid 3px #5B6D35;}
.com_cbox4 {width: 758px; height: 330px; padding: 8px 3px 3px 3px; border: solid 3px #586E70;}
.com_cbox5 {width: 758px; height: 590px; padding: 8px 3px 3px 3px; border: solid 3px #666666;}
.com_sbox {width: 734px; height: 400px; margin-left: auto; margin-right: auto;}
.com_smatit {width: 350px; height: auto; background-color: #666666; text-align: center;}
.com_lbox {width: 348px; height: auto; padding: 3px; float: left;}
.com_lbox1 {width: 348px; height: auto; padding: 3px; float: left; margin-left: 15px;}
.com_titbox {width: 359px; height: auto; background-color: #666666; text-align: center;}
.com_titbox1 {width: 359px; height: auto; background-color: #666666; text-align: center; font-size: 12px;}
.com_titbox2 {width: 359px; height: auto; background-color: #586E70; text-align: center; font-size: 12px;}
.com_lsbox {width: 353px; height: 368px; border: 1px solid #666666; padding: 2px; font-size: 12px;}
.com_lsbox1 {width: 353px; height: 110px; border: 1px solid #666666; padding: 2px; font-size: 12px;}
.com_lsbox2 {width: 353px; height: 110px; border: 1px solid #586E70; padding: 2px; font-size: 12px;}
.com_lsbox3 {width: 353px; height: 450px; border: 1px solid #666666; padding: 2px; font-size: 12px;}
.com_lsub {width: 358px; height: auto; padding: 3px; margin-left: 8px; float: left; font-size: 12px;}
.com_rsub {width: 420px; height: auto; padding: 14px 20px 0px 0px; float: left;}
.com_rsub1 {width: 319px; height: auto; padding: 20px 30px 30px 30px; float: left;}
.com_rsub2 {width: 319px; height: auto; padding: 3px 3px 3px 30px; float: left;}
.com_rsub3 {width: 450px; height: auto; padding: 10px 20px 0px 0px; float: left; line-height: 1.3em;}
.com_rsub4 {width: 590px; height: auto; padding: 10px 0px 0px 0px; float: left; line-height: 1.3em;}
/*----------------------------------------------------------------*/

/*製品ページ説明文*/
.intro {width: 45em; height: 100%; margin-left: 30px; font-size: 1.1em; clear: both; line-height: 1.5em; margin-bottom: 15px;}

/*製品ページ注釈*/
.annotation {width: 60em; height: 100%; line-height: 1.1em; font-size: 10px; clear: both; color: #C8161E;}
/*製品ページ・問い合わせ注釈(インデント無)*/
.annotation2 {font-size: 10px; color: #ffffff;}
/*製品ページ・問い合わせ注釈(インデント無)赤*/
.annotation_red {font-size: 10px; color: red;}

/* 赤リンク ------------------------------------------------------*/
a.red:link {color: #333333; text-decoration: none;}
a.red:active {color: #cc0033}
a.red:visited {color: #333333; text-decoration: none;}
a.red:hover {color: #cc0033;}
/*----------------------------------------------------------------*/
.wg_crosshead {height: 1.1em; width: 630px; font-size: 14pt; font-weight: bold; border-bottom: dotted 1px #000000; margin-top: 20px; margin-bottom: 20px;}

/*赤太字*/
.red {color: #cc0000; font-weight: bolder;}
/*ie6*/* html .red {color: #cc0000; font-weight: bold; font-size: 7pt;}
/*青太字*/
.blue {color: #0066cc; font-weight: bold;}
/*ie6*/* .blue {color: #0066cc; font-weight: bold; font-size: 9pt;}

/*強力な機能*/.powerful {color: #ffffff; font-size: 0.9em; background-color: #cc3333; border: solid 2px #cc3333;}
/*簡単な設定*/.easy {color: #ffffff; font-size: 0.9em; background-color: #0099cc; border: solid 2px #0099cc;}

/* 仕様表 --------------------------------------------------------*/
table#specification {width: 600px; border: solid 1px #000000; border-spacing: 0; border-collapse: collapse; font-size: 0.8em; 
                     line-height: 1.3em; text-align: center;}
table#specification tr {border: solid 1px #000000;}
table#specification td {border: solid 1px #000000; padding: 5px;}
/*型番*/
.serial {background-color: #d3d3d3;}
/*見出し*/
.item {background-color: #efefef; text-align: left;}

/* 機能表 --------------------------------------------------------*/
table#function {width: 600px; border: solid 1px #666666; border-spacing: 0; border-collapse: collapse; font-size: 0.8em; line-height: 1.3em; 
                text-align: left;}
table#function td {width: 50%; padding: 10px; vertical-align: baseline;}
/* XTM仕様表 -----------------------------------------------------*/
table#xtm {width: 585px; border: solid 1px #000000; border-spacing: 0; border-collapse: collapse;
           line-height: 1.2em; text-align: center; margin-bottom: 30px;}
table#xtm tr {border: solid 1px #666666;}
table#xtm td {border: solid 1px #666666; padding: 2px;}
table#xtm td.l {width: 230px; font-weight: bold;  border: solid 1px #666666; padding: 5px; text-align: left; background-color: #EFEFEF;}
table#xtm td.r {border: solid 1px #666666; padding: 5px; text-align: center;}
/*----------------------------------------------------------------*/

/* XTMシリーズ仕様表 ---------------------------------------------*/
table#device {width: 585px; border: solid 1px #000000; border-spacing: 0; border-collapse: collapse;
           line-height: 1.2em; text-align: center; margin-bottom: 30px;}
table#device tr {border: solid 1px #666666;}
table#xtm td {border: solid 1px #666666; padding: 2px;}
table#xtm td.l {width: 230px; font-weight: bold;  border: solid 1px #666666; padding: 5px; text-align: left; background-color: #EFEFEF;}
table#xtm td.r {border: solid 1px #666666; padding: 5px; text-align: center;}
/*----------------------------------------------------------------*/

/* 仕様表簡易版 --------------------------------------------------*/
table#firebox_tb {width: 350px; border: solid 1px #ffffff; border-spacing: 0; border-collapse: collapse; font-size: 0.8em; 
                  line-height: 1.3em; text-align: center; margin-top: 20px;}
table#firebox_tb tr {border: solid 5px #ffffff;}
table#firebox_tb td {border: solid 5px #ffffff; padding: 4px; background-color: #cccccc;}
table#firebox_tb p {font-size: 9px;}
/*----------------------------------------------------------------*/

/* pdf画像リンク -------------------------------------------------*/
a.pdf:link {font-weight: bold; color: #0099cc; border-bottom-style: solid; border-color:#0099cc; border-width: 1px;}
a.pdf:active {color: #00C0F4;}
a.pdf:visited {font-weight: bold; color: #0099cc; border-bottom-style: solid; border-color:#0099cc; border-width: 1px;}
a.pdf:hover {color: #00C0F4;}
/*----------------------------------------------------------------*/

/* ポリシー関連リンク --------------------------------------------*/
a.policy:link {color: #0099cc; font-weight: bold;}
a.policy:active {color: #00C0F4;}
a.policy:visited {color: #0099cc; font-weight: bold;}
a.policy:hover {color: #00C0F4;}
/*----------------------------------------------------------------*/

/* list調整 ------------------------------------------------------*/
ol{font-weight:bolder ;}
.lic{font-weight:normal ;}
/*----------------------------------------------------------------*/

/*タブ------------------------------------------------------------*/
.wg_table {width: 560px; height: auto; padding-left: 15px; margin-top: 30px; border: solid 1px #666666; margin-bottom: 35px;}
.wg_intti {width: 490px; height: auto; margin-top: 35px; background-color: #666666; margin-left: 30px; font-size: 11pt; font-weight: bold; margin-bottom: 35px; color: #ffffff; padding: 3px 0px 3px 8px;}
.wg_intti:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.rec_txt {height: auto; width: 500px; border-bottom: dotted 1px #999999; margin-left: 30px; margin-top: 10px;}
.rec_txt:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.rec_txt2 {height: auto; width: 500px; margin-left: 30px; margin-top: 10px;}
.rec_txt2:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.text_left {height: auto; width: 110px; float: left;}
.text_right {height: auto; width: 420px; float: right;  padding-bottom: 10px;}
.text_divi1 {height: auto; width: 150px; float: left;  padding-bottom: 10px; padding-left: 10px; margin-right: 20px;}
.text_divi2 {height: auto; width: auto; float: left;  padding-bottom: 10px}
.empty {clear: both;}
/*firebox タブ----------------------------------------------------*/
.text_wg_l {height: auto; width: 190px; float: left; font-size: 11px; line-height: 1.4em;}
.text_wg_r {height: auto; width: 300px; float: right;  padding-bottom: 10px; font-size: 11px; line-height: 1.4em;}
/*----------------------------------------------------------------*/

/*topic 入力ページ------------------------------------------------*/
.topics {width: 850px; height: auto; background-color: #efefef; margin-left: auto; margin-right: auto; margin-top: 10px;}
/*ie6*/* html .topics {width: 650px; height: auto; background-color: #d3d3d3; margin-left: auto; margin-right: auto; margin-top: 5px;}
.topics_box {width: 810px; height: auto; padding-left: 40px;}
.topic_categori {width: 810px; height: auto; padding: 20px 0px 5px 0px;}
.topic_categori1 {width: auto; height: auto; float: left;}
.topic_categoril {height: auto; margin-bottom: 10px; float: left;}
.topic_categorir {height: auto; margin-bottom: 10px; float: right;  padding-left: 100px; padding-top: 28px;}
.cate_l {width: 504px; height: auto; float: left; font-size: 18px; font-weight: bold; border-bottom: dotted 1px #d3d3d3; margin-right: 30px;}
.cate_r {width: 268px; height: auto; float: left;}
/*ie6*/* html .cate_l {width: 544px; height: auto; float: left; font-size: 18px; font-weight: bold; border-bottom: dotted 1px #d3d3d3; margin-right: 30px;}
/*ie6*/* html .cate_r {width: 328px; height: auto; float: right;}
.cate_l1 {width: 450px; height: auto; float: left; margin-right: 30px;}
.cate_r1 {width: 320px; height: auto; float: right;}
.cate_main {width: 780px; height: auto;}
.xtm_i {width: auto; height: auto; margin: 0px; padding: 0px;}
/*Firefox*/:root .xtm_i {width: 878px; height: auto; margin: auto; padding: auto;}
.h_space {height: 80px;}
.h_space1 {font-size: 10pt; height: 80px;}
/*FAQページ-------------------------------------------------------*/
.question_topic {width: 820px; height: auto; padding-top: 20px;}
.question_tit {width: 715px; height: auto; font-weight: bold; font-size: 17px; color: #008DCB; margin-bottom: 7px;}
.question_tit1 {width: 715px; height: auto; font-weight: bold; font-size: 17px; color: #C28700; margin-bottom: 7px;}
.faq_login {width: 300px; height: 118px; padding-top: 35px; z-index: 99; padding-left: 60px; font-size: 14px; font-weight: bold; background-image: url(../image/watchguard/faq_login.png); background-repeat: no-repeat;}
.a {width: 9999px; height: 9999px; background-color: #d3d3d3; z-index: 5; position: fixed; top: 0px; left: 0px; background-image: url(../image/watchguard/login_bg.png); background-repeat: repeat;}
/*answerページ----------------------------------------------------*/
.an_login {width: 400px; height: 270px; margin-left: auto; margin-right: auto; margin-top: 200px; background-image: url(../image/watchguard/answer_login.jpg); background-repeat: no-repeat;}
.an_loginbk {width: auto; height: auto; text-align: left; padding-top: 5px; padding-left: 5px;}
.an_logintxt {width: 400px; height: auto; text-align: center; padding-top: 10px; margin-bottom: 20px;}
.an_logincnt {height: auto; margin-bottom: 5px;}
/*ie6*/* html .an_logincnt {height: 20px;}
.an_loginl {width: 150px; text-align: right; float: left;}
.an_loginr {width: 200px; text-align: left; float: left;}
.an_loginu {width: auto; height: auto; line-height: 1.2em; text-align: center; margin-top: 10px;}
.an_box {width: 780px; height: auto; padding-left: 70px; padding-bottom: 20px; padding-top: 40px;}
.topic_answer {width: 658px; height: auto; padding: 20px; border: inset 3px #CCCCCC; line-height: 20px; background-color: #ffffff;}
.panel_bg {width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: block; background-image: url(../image/watchguard/answer_bg.png); background-repeat: repeat; z-index: 99999;}               
/*ie6*/* html.panel_bg {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; background-image: url(../image/watchguard/answer_bg.png); background-repeat: repeat; z-index: 99999;}               
/*topic リンク等詳細設定------------------------------------------*/
.topic_left {border-right: solid 1px #666666; font-size: 8px; padding: 0px 5px;}
.topic_left1 {font-weight: bold; color: #222222; border-right: solid 1px #666666;}

.topic_txt1 {font-weight: bold; color: #B60005;}

.topic_txt2 {font-weight: bold; color: #14126F;}

.topic_txt3 {font-weight: bold; color: #00532E;}

.topic_txt4 {font-weight: bold; color: #C07700;}

.topic_txt5 {font-weight: bold; color: #003856;}

.topic_txt6 {font-weight: bold; color: #003856;}

.topic_right {padding-left: 10px; padding-right: 10px; border-left: solid 1px #666666;}
.topic_right a:link {color: #222222;}
.topic_right a:visited {color: #222222;}
.topic_right a:hover {color: #666666;}

.topic_seri {color: #222222;}
/*ホットフィックス------------------------------------------------*/
.hot_cnt {width: 738px; height: auto; border: solid 1px #009944; background-color: #ECF4D9; padding: 20px; margin-bottom: 20px;}
.hot_tit {font-size: 13pt; padding-left: 7px; margin-bottom: 15px; border-left: solid 5px #0B4122; background-color: #9BCE97;}
.hot_tit1 {font-size: 13pt; padding-left: 7px; margin-top: 15px; border-left: solid 5px #0B4122; background-color: #9BCE97;}
/*----------------------------------------------------------------*/

/*共通------------------------------------------------------------*/
.case_st {width: 462px; height: 25px; color: #FFFFFF; background-image: url(../image/casestudy/case_st.jpg); background-repeat: no-repeat; margin-top: 25px; margin-bottom: 10px; 
          padding-top: 5px; padding-left: 10px; font-size: 1.1em; font-weight: bold;}
.case_st1 {width: 462px; height: 25px; color: #FFFFFF; background-image: url(../image/casestudy/case_st.jpg); background-repeat: no-repeat; margin-top: 10px; margin-bottom: 20px; 
          padding-top: 5px; padding-left: 10px; font-size: 1.1em; font-weight: bold;}
/*パートナーソリューション事例------------------------------------*/
.pa_box {background-color: #2d2d2d; padding: 40px 120px 30px 120px;}
.pa_l {width: 200px; height: 128px; float: left; margin-left: 20px; margin-bottom: 50px;}
.pa_t {width: 400px; height: 128px; float: left; margin-bottom: 50px;}
.pa_st {margin-left: 20px; border-bottom: dotted 1px #9CA000; font-size: 1.1em; font-weight: bold;}
.pa_in {margin-left: 20px; margin-top: 6px; line-height: 1.6em;}
/*導入事例--------------------------------------------------------*/
.case_emp {margin-top: 30px;}
/*ie6*/* html .case_emp {margin-top: 5px;}
.case {padding: 40px 200px 30px 200px;}
.case b {font-weight: bold; color: #9CA000;}
.case_cnt {margin-right: 70px;}
.case_tit {font-size: 1.1em; font-weight: bold; margin-bottom: 10px; margin-top: 5px; line-height: 1.7em;}
.case_box {padding: 10px 30px 0px 30px; border: solid 2px #595757;}
.case_in {padding-bottom: 20px;}
.case_u {color: #B81C22; margin-bottom: 10px;}
/*設定サンプル集--------------------------------------------------*/
table#setup {width: 780px; border-collapse: collapse;}
table#setup td.tit {height: 25px; padding: 8px; background-color: #910000; text-align: center; border: solid 1px #2d2d2d; border-top: solid 0px #2d2d2d; color: #ffffff; font-weight: bold;}
/*Firefox*/:root table#setup td.tit {height: 39px; padding: 8px; background-color: #910000; text-align: center; border: solid 1px #2d2d2d; color: #ffffff; font-weight: bold;}
table#setup td {height: 90px; padding: 8px; background-color: #FCEDF4; border: solid 1px #2d2d2d; color: #000000; text-align: center; color: #891C21;}
/*----------------------------------------------------------------*/

/* footer画像-----------------------------------------------------*/
.l_normal{float: left;}
.r_normal{float: left;}
.l_change{display: none;}
.r_change{}
/*----------------------------------------------------------------*/

/* MOVIE機能紹介--------------------------------------------------*/
.movie {width: 650px; border-bottom: dotted 1px #d3d3d3; margin-bottom: 40px;}
.movie_l {width: 218px; height: 148px; float: left;}
.movie_r {width: 360px; height: 85px; float: left; font-size: 18px; font-weight: bold; padding-top: 63px; padding-left: 40px; background-image: url(../image/watchguard/movie_bar.jpg); background-repeat: no-repeat; margin-left: 20px;}
/*----------------------------------------------------------------*/

/* ニュース記事---------------------------------------------------*/
.paper {width: auto; height: auto; margin: 20px 0;}
.paper_top {height: 15px;}
.paper_under {width: 280px; height: 18px; border-bottom: solid 1px #B60005; color: #B60005;}
.paper_line {width: 145px; height: 5px; border-bottom: solid 1px #B60005;}
/*----------------------------------------------------------------*/

/* ssl100機能テーブル---------------------------------------------*/
table#pdt {border: solid 1px #000000; border-collapse: collapse; margin-left: 30px;}
table#pdt td.ti{padding: 5px; width: 120px; text-align: left; background-color: #d3d3d3; border: solid 1px #000000;}
table#pdt td.l{padding: 5px; width: 120px; text-align: left; background-color: #efefef; border: solid 1px #000000;}
table#pdt td.r{padding: 5px; width: 180px; text-align: left; border: solid 1px #000000;}
/*----------------------------------------------------------------*/

/* 春のお得なキャンペーン実施中-----------------------------------*/
.cp_cnt {width: 403px; float: left; margin-left: 10px; margin-bottom: 10px;} 
.cp_title {width: 393px; height: 26px; color: #ffffff; font-size: 16px; font-weight: bold; padding-left: 10px; padding-top: 7px;
           background-image: url(../image/watchguard/cp_title.gif); background-repeat: no-repeat;}
.cp_box {width: 403px; height: 149px; background-image: url(../image/watchguard/cp_box.gif); background-repeat: no-repeat;}
.cp_hbox {width: 403px; height: 74px; border-bottom: solid 1px #898989;}
/*----------------------------------------------------------------*/

/* ドキュメント ログインページ------------------------------------*/
.doc_box {width: 420px; height: 210px; border: solid 6px #B5B5B6; margin-left: auto; margin-right: auto;}
.doc_cnt {width: 420px; height: 208px; background-color: #EFEFEF; border-top: solid 1px #ffffff;} 
table.doclogin {margin-left: auto; margin-right: auto;}
table.doclogin td {height: 30px;}
/*----------------------------------------------------------------*/

/* ドキュメントダウンロードページ---------------------------------*/
.doc_title {color: #4C4948; font-size: 1.2em; width: 600px; height: 20px;
            font-weight: bold; margin-left: 85px;}
table.doc {width: 600px; font-size: 0.9em; margin: 20px 0 20px 85px;
           border: solid 2px #C5C6C6; background-color: #ffffff; border-collapse: collapse;}
table.doc td {width: 200px; text-align: center; border: solid 1px #d3d3d3; padding: 10px;}
table.doc td.tit {width: 200px; border: solid 1px #C5C6C6; background-color: #d3d3d3; text-align: center;}
table.doc td.l {width: 190px; text-align: left;}

/* ヘッダーフロー-------------------------------------------------*/
.shop_header_l {width: auto; height: auto; float: left;}
.shop_header_r {width: auto; height: auto; float: right;}
.shop_title_show {width: auto; height: auto; padding: 10px; margin: 10px 0; background-color: #FEEBC8;
                  border-top: solid 1px #F5B090; border-bottom: solid 1px #F5B090;}
ul.shop_flow {margin: 0; padding: 0;}
ul.shop_flow li {width: 100px; height: 33px; font-size: 0.8em; padding-left: 20px; padding-top: 10px; background-color: #ffffff; border-right: dotted 1px #d3d3d3;
                 display: block; float: left; background-image: url(../image/shop/left_arrow.png); background-repeat: no-repeat;}
ul.shop_flow li.on {width: 100px; height: 33px; padding-left: 20px; padding-top: 10px; background-color: #FFE100; border-right: dotted 1px #d3d3d3;
                    border-bottom: solid 1px #FABE00; display: block; float: left; background-image: url(../image/shop/left_arrow_on.png); background-repeat: no-repeat;}
/*【ショップページ】----------------------------------------------*/
.shop_title {width: auto; font-size: 1.8em; font-weight: bold; margin-bottom: 10px;}
.shop_cart {width: auto; height: 30px; float: right;}
.shop_txt {line-height: 1.4em;}
.btn_bg {width: 80px; height: 22px; font-size: 1em; border: solid 1px #898989; padding-top: 2px; margin-left: 5px;
         background-image: url(../image/shop/btn_bg.gif); background-repeat: repeat-x; text-align: center;}
.disshow {display: block; float: left;}
.page_menu {width: auto; padding: 5px; margin-top: 5px; border-top: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3;}
.page_lm {font-size: 1.3em; font-weight: bold; float: left;}
.page_rm {float: right;}
.upage_menu {width: 680px; padding: 5px; margin-top: 5px; text-align: right;}
/* VB用CSS--------------------------------------------------------*/
.list_space {padding: 15px;}
.list_txt {font-size: 1.1em; vertical-align: middle; padding-left: 10px;}
.list_money {font-size: 1.5em; vertical-align: middle; padding-right: 15px;}
/* ショップ 製品仕様ページ----------------------------------------*/
.list_mainl {width: 485px; height: auto; float: left;}
.list_mainr {width: 345px; height: auto; font-size: 1.2em; font-weight: bold; float: right;}
.list_smoney {color: red; font-size: 1.8em; margin: 8px 0; display: block;}
.shop_mes {background-color: #FABE00; text-align: center; padding: 5px; margin-bottom: 10px; display: block;}
/* ショップ カートページ------------------------------------------*/
.cart_show {width: 500px; height: 314px; display: block; background-image: url(../image/shop/no_cart.gif); background-repeat: no-repeat;}
/* VB用CSS--------------------------------------------------------*/
.cart_space {padding: 15px 0 15px 10px;}
.cart_txt {font-size: 1.1em; vertical-align: middle;}
.cart_money {font-size: 1.3em; vertical-align: middle;}
.cart_money_r {font-size: 1.3em; padding: 0 6px;}
.cart_total_money {font-size: 1.9em; vertical-align: middle; border-top: solid 5px #000000; border-bottom: solid 5px #000000;
                   border-left: solid 1px #ffffff; border-right: solid 1px #ffffff;}
.cart_total {font-size: 1.6em; font-weight: bold; color: Red; vertical-align: middle; padding: 20px 15px 20px 0;
             border-top: solid 5px #000000; border-bottom: solid 5px #000000; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff;} 
/* お客様情報入力 カートページ------------------------------------*/
.ness {font-size: 0.8em; font-weight: bold; color: #ffffff; background-color: #B60005; padding: 2px;}
.order_title {font-size: 1.5em; font-weight: bold; margin-bottom: 5px;}
.form {border: solid 1px #d3d3d3;}
.form_l {background-color: #efefef; padding: 10px; border: solid 1px #d3d3d3; vertical-align: middle;}
.form_r {padding: 10px; border: solid 1px #d3d3d3; vertical-align: middle;}
.form_company {padding-top: 26px;}
.form_post {padding-top: 20px;}
.form_company_af {padding-top: -26px;}
.form_post_af {padding-top: -20px;}
.modify_block {display: block; text-align: center; padding: 10px;}
/* ご注文受付完了画面 カートページ--------------------------------*/
.order_box {width: 453px; height: 256px; margin-left: auto; margin-right: auto; text-align: center;
            background-image: url(../image/shop/order_box_bg.gif); background-repeat: no-repeat;
            margin-top: 40px; padding-top: 35px;}
/* eシリーズテーブル----------------------------------------------*/
.e_seri {text-align: center; color: #ffffff; font-size: 1.4em; font-weight: bold; padding: 5px; background-color: #000000;}
.e_seri_sp {font-size: 1.1em; padding: 10px;}
.e_seri_c {font-size: 1.1em; font-weight: bold; padding: 10px; text-align: center;}
/* テーブル調整--------------------------------------------------*/
.on_shop {width: 810px; height: auto; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 20px; border: solid 1px #d3d3d3; background-color: #ffffff;}
.modify {height: 40px; padding: 0 5px; border-bottom: solid 2px #CFCFCF;}