/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/

#browserTab {
	overflow: hidden;
	margin-bottom: 10px;
	width: 650px;
	height: 200px;
}
/* default space between tabs */
.yui-navset .yui-nav li {
    margin-right:0.5em; /* horizontal tabs */
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; }
.yui-navset-left { padding-left:6em; } /* map to nav width */
.yui-navset-right { padding-right:6em; } /* ditto */

/* core */
.yui-nav { text-indent: -9999px;

}
.yui-nav, .yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
	position:relative; /* contain absolute positioned tabs (left/right) */
	zoom:1;
	width: 650px;
	margin: 0px;
	padding: 0px;
}

.yui-navset ul
 {
	width: 121px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.yui-navset .yui-content { zoom:1;
min-height:1px; }

.yui-navset .yui-content :after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}


.yui-navset .yui-nav li {
	display:inline-block;
	display:-moz-inline-stack;

    *display:inline; /* IE */
	vertical-align:bottom; /* safari: for overlap */
	cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
	zoom:1; /* IE: kill space between horizontal tabs */
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 121px;
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a {
    outline:0; /* gecko: keep from shifting */
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */
}

.yui-navset .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; }
.yui-navset-left .yui-nav { left:0; }
.yui-navset-right .yui-nav { right:0; }

/* tab モジュール */
#browserTab .yui-nav .tab01,#browserTab .yui-nav .tab03,#browserTab .yui-nav .tab02 {
	margin: 0px;
	padding: 0px; 

}

/*****タブボタン枠******/
#browserTab .yui-nav .tab01  {
	height: 67px;
	width: 121px;
	display: block;
	background: url(/images/vi_btn_picup.jpg) no-repeat left top;
}

#browserTab .yui-nav .tab01 a:hover,#browserTab .yui-nav .tab01 a:focus,#browserTab .yui-nav .tab01 a:active {
	height: 67px;
	width: 121px;
	display: block;
	background: url(/images/vi_btn_picup.jpg) no-repeat left bottom;
}

#browserTab .yui-nav .tab02 a {
	height: 66px;
	width: 121px;
	display: block;
	background: url(/images/vi_btn_pc.jpg) no-repeat left top;
}

#browserTab .yui-nav .tab02 a:hover,#browserTab .yui-nav .tab02 a:focus,#browserTab .yui-nav .tab02 a:active {
	background: url(/images/vi_btn_pc.jpg) no-repeat left bottom;
}
#browserTab .yui-nav .tab03 a {
	height: 66px;
	width: 121px;
	display: block;
	background: url(/images/vi_btn_mobile.jpg) no-repeat left top;
}

#browserTab .yui-nav .tab03 a:hover,#browserTab .yui-nav .tab03 a:focus,#browserTab .yui-nav .tab03 a:active {
	background: url(/images/vi_btn_mobile.jpg) no-repeat left bottom;
}






/*****ビジュアル枠******/
#browserTab .yui-content .tab01-vi,#browserTab .yui-content .tab02-vi,#browserTab .yui-content .tab03-vi{
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 529px;
	overflow: hidden;
	clear: both;
}
/*タブ#01ボタン*/
#browserTab .yui-content .tab01-vi .btn {
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 320px;
	float: right;
	
}
#browserTab .yui-content .tab01-vi .btn li {
	display: inline;
	height: 177px;
	width: 148px;
	float: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	text-indent: -9999px;
}
#browserTab .yui-content .tab01-vi .btn ul {
	display: inline;
}
#browserTab .yui-content .tab01-vi .btn a {
	display: block;
	height: 177px;
	width: 148px;
}
.google-btn a {
	background: url(/images/vi_picup/vi_picup_img01_off.jpg) no-repeat left top;
}

.google-btn a:hover,.google-btn a:focus,.google-btn a:active {
	background: url(/images/vi_picup/vi_picup_img01_on.jpg) no-repeat left top;
	
}
.yahoo-btn a {
	background: url(/images/vi_picup/vi_picup_img02_off.jpg) no-repeat left top;
}

.yahoo-btn a:hover,.yahoo-btn a:focus,.yahoo-btn a:active {
	background: url(/images/vi_picup/vi_picup_img02_on.jpg) no-repeat left top;
	
}

/*タブ#01ビジュアル*/
#browserTab .yui-content .tab01-vi .tit {
	background: url(/images/vi_picup/vi_tit_picup.png) no-repeat left top;
	height: 190px;
	width: 190px;
	padding: 0px;
	float: left;
	font-size: 1em;
	margin: 0px;
	text-indent: -9999px;
}

*html #browserTab .yui-content .tab01-vi .tit {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=/images/vi_picup/vi_tit_picup.png);
}


/*タブ#02ビジュアル*/
#browserTab .yui-content .tab02-vi .tit {
	background: url(/images/vi_pc/vi_pc_tit.png) no-repeat left top;
	height: 177px;
	width: 230px;
	padding: 0px;
	float: left;
	font-size: 1em;
	margin: 0px;
	text-indent: -9999px;
}

*html #browserTab .yui-content .tab02-vi .tit {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=/images/vi_pc/vi_pc_tit.png);
}



/*タブ#02ボタン*/
#browserTab .yui-content .tab02-vi .btn {
	margin: 10px 10px 0px 0px;
	padding: 0px;
	float: right;
	height: 177px;
	width: 250px;
	clear: right;
	text-indent: -9999px;
}
.tab02-vi .btn a {
	background: url(/images/vi_pc/vi_pc_img01_off.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 177px;
	width: 250px;
	display: block;
}
.tab02-vi .btn a:hover, .tab02-vi .btn a:focus,.tab02-vi .btn a:active{
	background: url(/images/vi_pc/vi_pc_img01_on.jpg) no-repeat left top;
}

/*タブ#03ビジュアル*/
#browserTab .yui-content .tab03-vi .tit {
	background: url(/images/vi_mobile/vi_tit_mobile.png) no-repeat left top;
	height: 177px;
	width: 250px;
	padding: 0px;
	float: left;
	font-size: 1em;
	margin: 0px;
	text-indent: -9999px;
}
*html #browserTab .yui-content .tab03-vi .tit {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=/images/vi_mobile/vi_tit_mobile.png);
}
/*タブ#03ボタン*/
#browserTab .yui-content .tab03-vi .btn {
	margin: 10px 10px 0px 0px;
	padding: 0px;
	float: right;
	height: 177px;
	width: 250px;
	clear: right;
	text-indent: -9999px;
}

.tab03-vi .btn a {
	background: url(/images/vi_mobile/vi_mobile_img01_off.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 177px;
	width: 250px;
	display: block;
}
.tab03-vi .btn a:hover, .tab03-vi .btn a:focus,.tab03-vi .btn a:active{
	background: url(/images/vi_mobile/vi_mobile_img01_on.jpg) no-repeat left top;
}