img{
 max-width: 100%;
 height:auto;
}
a{
 text-decoration:none;color:#0033CC;
}
 a:hover{
 color:#FF0000;
}
#link{
 background-image:url('$this_hp_url/bs/bloghpfile/img/dvlp/btn_sp.gif');
 background-repeat:no-repeat;
 background-position:right top;
 padding:8px;border-bottom:solid 1px #c0c0c0;
}
#link:hover{
 background-color:#F0F0F0;
}

body{
 -webkit-text-size-adjust: 100%;
 font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}
table.scroll-box {
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
}





<!-- ここからドロップダウンメニューのスタイル -->

.sp_menu_button{
 background-color:#333333;
 width:26px;
 height:30px;
 outline: none;
 border: none;
 font-size: 10px;
 margin:0px auto;
 display:block;
 align:center;
}


.tssp{
 color:#FFFFFF;
 font-size:10px;
}


.sp_menu_button .menu_icon01 {
  display: block;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.sp_menu_button .menu_icon01 span {
  display: block;
  width: 30px;
  height: 2px;
  background: #ffffff;
  margin-bottom: 6px;
  transition: all 0.4s ease-out;
}
.sp_menu_button.open .menu_icon01{
  transform: rotate(-45deg);
}
.sp_menu_button.open .menu_icon01 .bar1 {
  transform: rotate(0deg) translateY(8px);
}
.sp_menu_button.open .menu_icon01 .bar2 {
  opacity: 0;
}
.sp_menu_button.open .menu_icon01 .bar3 {
 transform: rotate(-90deg) translateX(8px);
}


.sp_menu_button.open .tssp{
 color:#888888;
}



.menubackdisplay {
	display:none;
}
.menuback {
	position:absolute;
	background: rgba(0,0,0,0.8);
	z-index: 40;
}



    #mdropmenu{
     font-size:16px;
     letter-spacing:2px;
     width:96%;
     max-width:500px;
     list-style-type: none;
     color:#FFFFFF;
     padding-left: 10px;
     font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;

   }
     #mdropmenu a {
     text-decoration: none;
	color:#FFFFFF;
    }
    #mdropmenu i{
     font-size:24px;
    }
    #mdropmenu li{
    }
    #mdropmenu li ul{
     display:none;
     list-style-type: none;
    }
    #mdropmenu table{
     width:100%;
     min-height:30px;
     margin:0;
     padding:0;
     border:0;
    }
    .mlist-left{
     width:80%;
     padding:0px;
     vertical-align:middle;
    }
    .mlist-right{
     vertical-align: middle;
     text-align: center;
     padding: 5px;
     color:#f0f0f0;
    }
    .mlist-full{
     width: 100%;
     padding: 0px;
     vertical-align: middle;
    }
    .mleft-second , .mright-second{
     background-color: ;
    }
    .mleft-third , .mright-third{
     background-color: ;
    }
    .mleft-second{
     padding-left: 0px;
    }
    .mleft-third{
     padding-left: 0px;
    }
















div.menu_title {
font-size:15px;
text-align:left;
color:#ffffff;
background-color:#e39400;
padding:3px;
letter-spacing:2px;
}
div.menu_title_inner {
border:solid 1px #ffffff;
padding:10px;
}
div.menu_border {
background-color:#ffffff;
text-align:left;
border-left:dotted 1px #cccccc;
border-right:dotted 1px #cccccc;
border-bottom:dotted 1px #cccccc;
}
div.menu_border_text {
background-color:#ffffff;
text-align:left;
border-left:dotted 1px #cccccc;
border-right:dotted 1px #cccccc;
border-bottom:dotted 1px #cccccc;
padding:10px;
font-size:14px;
color:#333333;
line-height:1.4;
}
div.menu_list {
font-size:14px;
color:#333333;
padding:12px;
margin-left:14px;
margin-right:14px;
border-bottom:dotted 1px #cccccc;
}
div.menu_list:hover {
background-color:#ffffac;
color:#ff0000;
}

div.menu_list_title {
font-size:14px;
background-color:#e39400;
color:#ffffff;
font-weight:bold;
padding:12px;
margin-left:14px;
margin-right:14px;
border-bottom:dotted 1px #dcdcdc;
letter-spacing:2px;
}
div.menu_list_title:hover {
background-color:#ffa500;
color:red;
}


div.menu_list_area_off {
font-size:14px;
color:#8a8a8a;
font-weight:bold;
padding:12px;
letter-spacing:2px;
border-radius:5px 5px 5px 5px;
border:solid 2px #ffffff;
}



div.menu_list_area_on {
font-size:14px;
color:#333333;
font-weight:bold;
padding:12px;
letter-spacing:2px;
border-radius:5px 5px 5px 5px;
border:solid 2px #ffffff;
}

div.menu_list_area_on:hover {
border:solid 2px #ffffff;
color:#ffffff;
}




.breadcrumb {
	margin: 0;
	padding: 5;
	list-style: none;
	font-size:15px;
}
.breadcrumb li {
	display: inline;/*横に並ぶように*/
	list-style: none;
}
.breadcrumb li:after {
	/* >を表示*/
	content: '>';
	color: #333333;
}
.breadcrumb li:last-child:after {
	content: '';
}