div.vw_div {
     float:right;
     position : relative;
     width:1em;
     line-height:1em;
     word-wrap:break-word;
     direction:ltr;
 }
span.vw_span1 {    
     margin-top:0em;
/*      font-size:16px; */
     /* IE用縦書き */
     writing-mode: tb-rl;
     -ms-writing-mode: tb-rl;
     /* FireFox用縦書き */
     -moz-writing-mode: vertical-rl;
     -moz-transform: translate(0em, -0.3em) rotate(0deg);
     /* Chrome用縦書き */
     -webkit-writing-mode: vertical-rl;
     -webkit-transform-origin: left top;
     -webkit-transform:translate(-0.1em,0em);
     /* Opera用縦書き */
     -o-writing-mode: vertical-rl;
     -o-transform-origin: left top;
     -o-transform: translate(-1em,-1em) rotate( 0deg );
 }
span.vw_span2 {
     margin-top:0em;
     font-size:10px;
     /* FireFox用縦書き */
     -moz-transform-origin: left top;
     -moz-writing-mode: vertical-rl;
     -moz-transform: translate(1em, 0em) rotate(90deg);
     /* Opera用縦書き */
     -o-writing-mode: vertical-rl;
     -o-transform-origin: left top;
     -o-transform: translate(-1em,-1em) rotate( 90deg );
 }
/*---------------------------------------------------*/
/*タブ切り替え全体のスタイル*/
.tabs {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 920px;
margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
width: calc(100%/2);
height: 38px;
border-bottom: 2px solid #5ab4bd;
background-color: #d9d9d9;
line-height: 38px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
border-top: 2px solid #5ab4bd;
display: none;
padding: 10px 10px 0;
margin:2px;
clear: both;
overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
 #tab1:checked ~ #tab1_content
,#tab2:checked ~ #tab2_content
,#tab3:checked ~ #tab3_content
,#tab4:checked ~ #tab4_content

{display: block;}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #5ab4bd;
color: #fff;
}
/*---------------------------------------------------*/
/*                                                   */
