/* サービスページスタイル */

/* BODY */
body { background: #ffffff;
color: #000000; }

/* ここからリンク関係 
A:link { color: #00008b;text-decoration: none; }

A:active { text-decoration: none; }

A:visited { color: #8b0000;text-decoration: none; }

A:hover { text-decoration:underline; color:#ff0000; }
 ここまでリンク関係 */


/* ヘッダー部分背景色 */
.head { background: #d0d0d0; }

/* ヘッダー部分文字 */
.head_title { color: #000000;
font: 13px;
line-height: 130%; }

/* ページタイトル背景色 */
.title { background: #57bb00; }

/* ナビゲーション背景色 */
.navi { background: #57bb00; }

/* ナビゲーションsub項目背景色 */
.naviitem { background: #bbee66; }

/* ナビゲーションsub項目背景色 */
.navibg { background: #ffffff; }

/* ランキング・新着背景色 */
.rankbg { background: #00008b; }

/* 会社名背景色 */
.comp_title { background: #b2e282; }

/* ソフト名背景色 */
.soft_title { background: #57bb00; }

/* ボックス下罫線 */
.line_01 { border-style: none none solid none;
border-width: 1px;
border-color: #808080; }

/* ボックス囲み */
.line_02 { border-style : solid solid solid solid;
border-width: 1px;
border-color: #808080; }

/* ページタイトル */
.doc_title { color: #ffffff;
font: bold 13px;
line-height: 130%; }

/* ソフト名 */
.doc_soft_title { font: 13px;
line-height: 130%; }

/* ソフト内容 */
.doc_soft_main { font: 12px;
line-height: 130%; }

/* 価格 */
.data_soft_price { color: #ff0000;
font: bold 20px;}

/* メーカー名 */
.data_soft_maker { font: 12px;
line-height: 130%; }

/* メーカーテキスト内容 */
.doc_maker_main { font: 12px;
line-height: 140%; }

/* ナビゲーション */
.doc_navi { 
padding: 5px;
line-height: 140%;}

/* TOPIC */
.topic { 
padding: 5px;
font: 12px;
line-height: 1.3em; }

/* ---ここからおすすめ--- */
/* おすすめタイトル */
.recom_title { color: #ffffff;
font: bold 13px;
line-height: 130%; }

/* おすすめ背景色 */
.recom_head { background: #00008b; }

/* フッター */
.foot { color: #ff9900; }

/* サブタイトル背景色1 */
.sub_title1 { background: #404040; }

/* サブタイトル文字色1 */
.doc_sub_title1 { color: #ffffff; font-size: 14px; font-weight: bold}

/* サブタイトル背景色2 */
.sub_title2 { background: #ffdd00; }

/* サブタイトル文字色2 */
.doc_sub_title2 { color: #000000; font-size: 16px; font-weight: bold }

/* サブタイトル3 */
.sub_title3 { background: #c9e2ad; }
.doc_sub_title3 { color: #000000; font-size: 12px; font-weight: bold}


/* ページ操作タイトル背景色 */
.ope_title { background: #cccc99; }

/* ページ操作タイトル文字色 */
.doc_ope_title { background: #000000; }

/* 内部背景色1 */
.back1 { background: #efefef; }

/* 内部背景色2 */
.back2 { background: #ffffff; }

/* 内部背景色3 */
.back3 { background: #cccc99; }

.line_01 {
	BORDER-RIGHT: #808080 1px; BORDER-TOP: #808080 1px; BORDER-LEFT: #808080 1px; BORDER-BOTTOM: #808080 1px solid
}
.line_02 {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid
}
/*
.line_03 {
	BORDER-RIGHT: #808080 1px; BORDER-TOP: #808080 1px solid; BORDER-LEFT: #808080 1px; BORDER-BOTTOM: #808080 1px}
*/

/* 項目名背景色 */
/*.item { background: #ff9900; }*/

/* 項目名 */
/*.doc_item { color: #000000; font-size: 14px; font-weight: bold }*/

/* MAN用セクションタイトル1 */
/*.man_item1 { background: #ff9900; }*/
/*.doc_man_item2 { color: #000000; font-size: 14px; font-weight: bold }*/

/* MAN用セクションタイトル2 */
/*.man_item2 { background: #ff9900; }*/
/*.doc_man_item2 { color: #000000; font-size: 14px; font-weight: bold }*/

/* MAN用セクションタイトル3 */
/*.man_item3 { background: #ff9900; }*/
/*.doc_man_item3 { color: #000000; font-size: 14px; font-weight: bold }*/

/* MAN用テーブル：タイトル */
/*.man_table_title { background: #89ce49; }*/
/*.doc_man_table_title { color: #000000; font-size: 14px; font-weight: bold }*/

/* MAN用テーブル：行タイトル */
/*.man_table_coltitle { background: #89ce49; }*/
/*.doc_man_table_coltitle { color: #000000; font-size: 14px; font-weight: bold }*/

/* MAN用テーブル：行1 */
/*.man_table_col1 { background: #8ee877; }*/
/*.doc_man_table_col1 { color: #000000; font-size: 14px; font-weight: bold }*/

/* MAN用テーブル：行2 */
/*.man_table_col2 { background: #afe877; }*/
/*.doc_man_table_col2 { color: #000000; font-size: 14px; font-weight: bold }*/


/* タイトル背景色 */
/* .titlebg { background: #00008b; } */


/* サイトナビゲーション用定義 */
/*.top_navi	{font-size: 12px;}*/
/*.top_navi_s	{font-size: 11px;}*/
/*.menu_title	{font-size:12px; color:#ffffff; font-weight:bold;}*/
/*.menu	{font-size:12px;}*/
/*.menu_s	{font-size:11px; line-height:120%;}*/
/*.textad {font-size:12px;}*/
/*.softtitle {font-size:11px; line-height:12px;}*/
/*.sub	{font-size: 90%;}*/
/*.sub2	{font-size: 80%;}*/
/*A:hover	{text-decoration:underline; color:#ff0000;}*/

/* おすすめ背景色 */
/*.recom_head { background: #00008b; }*/


/* topmenu */
#topmenu {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000;
}

#topmenu .txt10px {
	font-size: 10px;
}

#topmenu .txt12px {
	font-size: 12px;
}

#topmenu a {
	color: #000; TEXT-DECORATION: none
}
#topmenu a:visited {
	color: #000; TEXT-DECORATION: none
}
#topmenu a:hover {
	COLOR: #009; TEXT-DECORATION: underline
}
#topmenu a:active {
	TEXT-DECORATION: none
}

/*--------------------------
vs_alert
--------------------------*/
  #vsAlert{
    width:90%;
	/width:460px;
    margin:0 auto 10px;
    padding:5px 5px 3px 5px;
    background:#cf1818;
    border-top:1px solid #aa1818;
    border-left:1px solid #aa1818;
    font-size:12px;
    text-align:center;
    color:#fff;
    position:relative;
  }
  #vsAlert span{
    position:absolute;
    top:-3px;
    left:-3px;
    font-size:10px;
    padding:2px;
    background:#fff;
    color:#aa1818;
    border:1px solid #aa1818;
  }
  #vsAlert a{
    color:#fff;
    font-weight:bold;
  }
  
/*------------------------------------
edit by gecko @ 080422
------------------------------------*/
    #vsAlert {
      position:relative;
      background:#3479BE;
      border:1px solid #3479BE;
    }
    #vsAlert span{
      border:1px solid #3479BE;
      color:#3479BE;
      }
    #vsAlert li {
      float:left;
      clear:both;
      width:100%;
      background:#fff;
      text-align:left;
    }

    #vsAlert li:nth-child(1) {
			height:0;}

      #vsAlert li b{
        display:block;
        width:79%;
        float:left;
      }
      #vsAlert li b a{
          color:red;
          padding-left:1%;
        }
      #vsAlert li font{
        display:block;
        width:19%;
        float:right;
        padding-right:1%;
        text-align:right;
        font-size:10px;
        color:#003C8E;
      }
    #vsAlert .vsAlertTOP{
      width:auto;
      display:block;
      float:none;
      margin:0 0 1px 0;
      background:#fff;
      color:#CF1818;
      text-align:center;
    }
    #vsAlert .vsAlertTOP a{
        color:#003C8E;
      }
    /* if ie6 */
    * html .vsAlertTOP{
    }
    /* ie ie7 */
    *:first-child+html .vsAlertTOP{
    }
    #vsAlert .vsAlertBottom{
        width:auto;
        float:none;
        padding-top:5px;
        margin:5px auto;
        text-align:center;
        background:#3479BE !important;
    }
    #vsAlert .vsAlertBottom a{
      font-weight:normal;
    }
    #vsAlert .vsAlertBottom2{
        width:auto;
        float:none;
        padding-top:5px;
        margin:5px auto;
        text-align:center;
        background:#fff !important;
    }
    #vsAlert .vsAlertBottom2 a{
      font-weight:normal;
        color:#003C8E;
    }
  #vsAlert:after{
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
  }
  #vsAlert{
    _height: 1px;
    min-height: 1px;
    /*￥*//*/
    height: auto;
    overflow: hidden;
    /**/
  }

#vsAlert {
	box-sizing:border-box;}

#vsAlert {
	width:100%;
	margin-bottom:16px;
	padding:6px;}

#vsAlert .vsAlertTOP {
	margin:0;
	padding:3px;}

#vsAlert .vsAlertTOP p {
	margin:0;}