@charset "Shift_JIS";

/* 各メニュー */
.ds_menu_box {
  width:380px;
  float:left;
  margin-left:50px;
}

.ds_menu_title {
  font-size:20px;
  text-align:left;
  vertical-align: bottom;
}

.ds_menu_title_border1, .ds_menu_title_border2,
.ds_menu_title_border3, .ds_menu_title_border4,
.ds_menu_title_border5 {
  width: 230px;
  height: 3px;
}
.ds_menu_title_border1 {
  background: #557AFF; /* Old browsers */
  background: -moz-linear-gradient(left,  #557AFF 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#557AFF), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #557AFF 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #557AFF 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #557AFF 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to right,  #557AFF 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557AFF', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.ds_menu_title_border2 {
  background: #08BF40; /* Old browsers */
  background: -moz-linear-gradient(left,  #08BF40 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#08BF40), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #08BF40 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #08BF40 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #08BF40 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to right,  #08BF40 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08BF40', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.ds_menu_title_border3 {
  background: #D66FEF; /* Old browsers */
  background: -moz-linear-gradient(left,  #D66FEF 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#D66FEF), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #D66FEF 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #D66FEF 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #D66FEF 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to right,  #D66FEF 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D66FEF', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.ds_menu_title_border4 {
  background: #5CC4F7; /* Old browsers */
  background: -moz-linear-gradient(left,  #5CC4F7 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5CC4F7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #5CC4F7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #5CC4F7 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #5CC4F7 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to right,  #5CC4F7 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5CC4F7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.ds_menu_title_border5 {
  background: #9264F0; /* Old browsers */
  background: -moz-linear-gradient(left,  #9264F0 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9264F0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #9264F0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #9264F0 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #9264F0 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to right,  #9264F0 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9264F0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.ds_menu_list {
  width:320px;
  height:35px;
  background-color:#f5f5f5;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  box-shadow: 5px 5px 5px #dddddd;/* 右に5px、下に5px */
  -webkit-box-shadow: 5px 5px 5px #dddddd;
  -moz-box-shadow: 5px 5px 5px #dddddd;
  list-style-type: none;
  position: relative;top:-5px;left:-20px;
  margin-top: 10px;
}

.ds_menu_list img {
  position: relative;
  top: 5px;
}

/* 各メニューリンク設定 */
.ds_menu_list_text1 {
  color: #557AFF;
  font-size: 18px;
}

.ds_menu_list_text1 a {
  color:#557AFF;
  text-decoration:none;
}
.ds_menu_list_text1 a:hover {
  color: #B0C5FF;
}

.ds_menu_list_text1 a:hover img {
  filter: alpha(opacity=40);/*IE*/
  -moz-opacity:0.40;/*Firefox*/
  opacity:0.40;/*Opera,Safari*/
}

.ds_menu_list_text2 {
  color: #08BF40;
  font-size: 18px;
}

.ds_menu_list_text2 a {
  color:#08BF40;
  text-decoration:none;
}

.ds_menu_list_text2 a:hover {
  color:#A8E2B8;
}

.ds_menu_list_text2 a:hover img {
  filter: alpha(opacity=40);/*IE*/
  -moz-opacity:0.40;/*Firefox*/
  opacity:0.40;/*Opera,Safari*/
}

.ds_menu_list_text3 {
  color: #D66FEF;
  font-size: 18px;
}

.ds_menu_list_text3 a {
  color:#D66FEF;
  text-decoration:none;
}

.ds_menu_list_text3 a:hover {
  color:#E6B3F2;
}

.ds_menu_list_text3 a:hover img {
  filter: alpha(opacity=40);/*IE*/
  -moz-opacity:0.40;/*Firefox*/
  opacity:0.40;/*Opera,Safari*/
}

.ds_menu_list_text4 {
  color: #5CC4F7;
  font-size: 18px;
}

.ds_menu_list_text4 a {
  color:#5CC4F7;
  text-decoration:none;
}

.ds_menu_list_text4 a:hover {
  color:#B3E2F4;
}

.ds_menu_list_text4 a:hover img {
  filter: alpha(opacity=40);/*IE*/
  -moz-opacity:0.40;/*Firefox*/
  opacity:0.40;/*Opera,Safari*/
}

.ds_menu_list_text5 {
  color: #9264F0;
  font-size: 18px;
}

.ds_menu_list_text5 a {
  color:#9264F0;
  text-decoration:none;
}

.ds_menu_list_text5 a:hover {
  color:#C8B2F7;
}

.ds_menu_list_text5 a:hover img {
  filter: alpha(opacity=40);/*IE*/
  -moz-opacity:0.40;/*Firefox*/
  opacity:0.40;/*Opera,Safari*/
}