/*** for PC Browser ***/
@media (min-width:401px)
{
div.tabwaku
{
  /*  margin: 10px 15px 5px 15px;*/
 /*  background: url(tab_back.gif) #cccccc repeat-x;*/
  height:auto;
  background-image:url('/Images/ac444.jpg'); 
  background-repeat:repeat;
  background-position:left bottom;
  border-top:3px solid #999;
 text-align:center;
 font-size: medium;
 width:100%;
 max-width: 900px;
 margin:0 auto;
 padding:0;
 clear:both;
 margin-top:-1px;
}


div.tabwaku ul.tablist
{
  height:auto;	
  margin:0;
	padding:0;
	width: 100%;
        box-sizing: border-box;
	border-right:1px solid #999;
	font-size:92%;	
	margin:0;
	padding:0 10px;
	float: none;
        display: flex !important;
}

div.tabwaku ul.tablist li
{
  list-style-type: none;
    display: inline-block !important;
	padding:0;
	margin:0;
	text-align:center;
	height:auto;
	width: 100% !important;
	border-left:1px solid #999;
}

div.tabwaku ul.tablist li:last-child
{
	border-right:1px solid #999;
}

/*選択*/
div.tabwaku ul.tablist li.OtherTabsBg a
{
    margin:0;
    padding-top:8px;
    padding-bottom:5px;
}

div.tabwaku ul.tablist li.SelectedTabBg a
{
     margin:0;
    padding-top:8px;
    padding-bottom:5px;
	 background-color:#fff;   
}

/*リンクの設定*/

div.tabwaku ul.tablist li a {
    color:#111; 
    width:100% !important;
    min-width: 100px !important;
    box-sizing: border-box;
    display: inline-block;
	float:left;
	list-style-type: none;
	text-decoration:none;
	text-align:center;		
	padding: 5px 10px;
        margin: 0 !important;
        height: 100%;
}



div.tabwaku ul.tablist li a:hover {
    text-decoration: underline;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
div.tabwaku
{
  /*  margin: 10px 15px 5px 15px;*/
 /*  background: url(tab_back.gif) #cccccc repeat-x;*/
  height:auto;
  background-image:url('/Images/ac444.jpg'); 
  background-repeat:repeat;
  background-position:left bottom;
  border-top:3px solid #999;
 text-align:center;
 font-size: medium;
 width:100%;
 margin:0;
 padding:0;
 clear:both;
 margin-top:-1px;
}


div.tabwaku ul.tablist
{
  height:auto;
  margin:0;
	padding:0;
	width:300px;
	width:auto;
	border-right:1px solid #999;
	font-size:92%;	
	margin:0;
	padding:0;
	float:left;
}

div.tabwaku ul.tablist li
{
  list-style-type: none;
    display:inline;
	padding:0;
	margin:0;
	text-align:center;
	height:auto;
	width:159px;
float:left;
border-bottom:1px solid #999999;
}


/*選択*/
div.tabwaku ul.tablist li.OtherTabsBg a
{
    margin:0;
    padding-top:8px;
    padding-bottom:5px;
}

div.tabwaku ul.tablist li.SelectedTabBg a
{
     margin:0;
    padding-top:8px;
    padding-bottom:5px;
	 background-color:#fff;
}

/*リンクの設定*/

div.tabwaku ul.tablist li a {
    color:#111;
	height:auto;
    display: block;
	float:left;
	list-style-type: none;
	text-decoration:none;
	text-align:center;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding-top:8px;
 height:auto;
 width:100%;
}



div.tabwaku ul.tablist li a:hover {
    text-decoration: underline;
}
}