@charset "UTF-8";

/* =========================================================
 共通項目
========================================================= */

/* ----- pager ----- */
div.pager {
    text-align: center;
}

div.pager ul {
    list-style: none;
}

div.pager ul li {
    display: inline;
    margin: 5px;
}

div.pager ul li.currentpage {
    color: gray;
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* =========================================================
 新着ニュース, ニュース記事 共通
========================================================= */
#news {
    float: left;
    width: 595px;
    margin: 5px auto 5px;
}

#news div.news_contents {
    padding: 8px 0 0 0;
    margin-bottom: 5px;
}

#news div.news_contents hr {
    margin: 0px 0 6px 0;
    border-bottom: 0px;
}

#news div.news_title {
    float: left;
    font-weight: bold;
}

#news div.news_day {
    float: right;
}

#news div.news_text {
    padding-bottom: 0px;
}

#news div.news_text p{
    margin-bottom: 15px;
}

#news div.news_more {
    text-align: right;
}

#news div.news_list_link {
    text-align: right;
}

/* =========================================================
 ニュース一覧
========================================================= */
#news_list {
    float: left;
    width: 598px;
    margin: 5px 0 0 0;
}

#news_list dl.news_contents {
    border-top: 1px solid #ccc;
    margin: 1em 1em;
}

#news_list dt.news_day {
    width: 7em;
    float: left;
    text-indent: 1em;
    border-bottom: 1px solid #ccc;
}

#news_list dd.news_title {
    padding-left: 5em;
    border-bottom: 1px solid #ccc;
}

/* =========================================================
 サポート
========================================================= */
#support {
    float: left;
    width: 98%;
    line-height: 16px;
    margin-top: 5px;
}

#support div.support_contents {
    padding: 10px;
}

#support div.support_contents dl {
    margin-left: 1em;
}

#support div.support_contents dd {
    margin-left: 2em;
}

#support div.support_title {
    font-size: large;
    font-weight: bold;
}

/* =========================================================
 価格表
========================================================= */
#price {
    float: left;
    margin: 5px auto 5px;
}

/* 価格表 タブメニュー */
#price div.tab_menu {
    margin-top: 10px;
}

#price div.tab_menu_list {
    height: 26px;
    width: 620px;
}

#price div.tab_menu_list ul {
    margin: 0px;
    padding: 0px;
}

#price div.tab_menu_list li{
    float:left;
    display:block;
    width:146px;
    height:26px;
    margin-right:-1px;
    text-align:center;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 0px none;
}

#price div.tab_menu_list li.tab1on {
    border-top: 1px solid #f2603f;
    border-left: 1px solid #f2603f;
    border-right: 1px solid #f2603f;
}
#price div.tab_menu_list li.tab2on {
    border-top: 1px solid #f2603f;
    border-left: 1px solid #f2603f;
    border-right: 1px solid #f2603f;
}
#price div.tab_menu_list li.tab3on {
    border-top: 1px solid #2d966e;
    border-left: 1px solid #2d966e;
    border-right: 1px solid #2d966e;
}
#price div.tab_menu_list li.tab4on {
    border-top: 1px solid #605ca8;
    border-left: 1px solid #605ca8;
    border-right: 1px solid #605ca8;
}

#price div.tab_menu_list li.tab1off,
#price div.tab_menu_list li.tab2off,
#price div.tab_menu_list li.tab3off,
#price div.tab_menu_list li.tab4off {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#price div.tab_menu_list li.tab1on a,
#price div.tab_menu_list li.tab2on a,
#price div.tab_menu_list li.tab3on a,
#price div.tab_menu_list li.tab4on a {
    text-decoration:none;
    display:block;
    margin-top:6px;
}
#price div.tab_menu_list li.tab1on a:link,
#price div.tab_menu_list li.tab2on a:link,
#price div.tab_menu_list li.tab3on a:link,
#price div.tab_menu_list li.tab4on a:link {
    color:#ffffff;
}
#price div.tab_menu_list li.tab1on a:visited,
#price div.tab_menu_list li.tab2on a:visited,
#price div.tab_menu_list li.tab3on a:visited,
#price div.tab_menu_list li.tab4on a:visited {
    color:#ffffff;
}
#price div.tab_menu_list li.tab1on a:hover,
#price div.tab_menu_list li.tab2on a:hover,
#price div.tab_menu_list li.tab3on a:hover,
#price div.tab_menu_list li.tab4on a:hover {
    color:#ffffff;
}

#price div.tab_menu_list li.tab1off a,
#price div.tab_menu_list li.tab2off a,
#price div.tab_menu_list li.tab3off a,
#price div.tab_menu_list li.tab4off a {
    text-decoration:none;
    display:block;
    margin-top:5px;
}
#price div.tab_menu_list li.tab1off a:link,
#price div.tab_menu_list li.tab1off a:visited,
#price div.tab_menu_list li.tab1off a:hover {
    color:#f2603f;
}
#price div.tab_menu_list li.tab2off a:link,
#price div.tab_menu_list li.tab2off a:visited,
#price div.tab_menu_list li.tab2off a:hover {
    color:#f2603f;
}
#price div.tab_menu_list li.tab3off a:link,
#price div.tab_menu_list li.tab3off a:visited,
#price div.tab_menu_list li.tab3off a:hover {
    color:#2d966e;
}
#price div.tab_menu_list li.tab4off a:link,
#price div.tab_menu_list li.tab4off a:visited,
#price div.tab_menu_list li.tab4off a:hover {
    color:#605ca8;
}

#price div.tab_menu_list li.tab1on  {background-color:#f2603f;}
#price div.tab_menu_list li.tab2on  {background-color:#f2603f;}
#price div.tab_menu_list li.tab3on  {background-color:#2d966e;}
#price div.tab_menu_list li.tab4on  {background-color:#605ca8;}
#price div.tab_menu_list li.tab1off {background-color:#ffffff;}
#price div.tab_menu_list li.tab2off {background-color:#ffffff;}
#price div.tab_menu_list li.tab3off {background-color:#ffffff;}
#price div.tab_menu_list li.tab4off {background-color:#ffffff;}

#price div.tab_menu_underline1 {
    clear: both;
    width: 600px;
    border-top:solid 5px #f2603f;
}
#price div.tab_menu_underline2 {
    clear: both;
    width: 600px;
    border-top:solid 5px #f2603f;
}
#price div.tab_menu_underline3 {
    clear: both;
    width: 600px;
    border-top:solid 5px #2d966e;
}
#price div.tab_menu_underline4 {
    clear: both;
    width: 600px;
    border-top:solid 5px #605ca8;
}

#price p.explanation {
    margin: 20px 0 10px 20px;
}

/* 価格表 値段リスト */
#price .price_list {
    margin: 0 0 20px 5px;
}

#price .price_list h3 {
    width: 570px;
    margin: 0;
    padding: 5px 5px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #F26522;
}

#price .price_list table {
    width: 580px;
    padding: 5px 5px;
    margin: 0;
}

#price .price_list td,
#price .price_list th {
    padding: 4px 5px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5em;
    vertical-align: middle;
    border-bottom: 1px solid #CCCCCC;
}

#price .price_list th {
    background-color: #F5F5F5;
}

#price .price_list .licence {
    width: 180px;
    padding-left: 10px;
}

#price .price_list .price {
    width: 157px;
    text-align: right;
}

#price .price_list .code {
    width: 204px;
    padding-right: 10px;
    text-align: right;
}

#price .price_list .erase {
    text-decoration: line-through;
}

#price .price_list .new {
    font-weight: bold;
    color: #E70007;
}

#price .notice {
    width: 570px;
    margin: 0;
    padding: 5px;
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
}

#price .campaign {
    font-size: x-large;
    font-weight: bold;
    color: red;
    padding:0 0 5px;
}

#price ul.supplement {
    list-style-type: disc;
    margin-top:5px;
    padding-left:20px;
    font-size:12px;
}

#price ul.supplement li {
    list-style-image:url(../images/list-disc_black.gif);
}