<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('../wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('../wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font { font-size:12px;line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ　　タブメニュー 12g1</title>

<!--　☆　----------　↓ この間をコピー、編集、ペーストします。 ----------　-->
<style type="text/css">
#ddimagetabs{
}

#ddimagetabs a{
display: block;
text-decoration: none;
font: bold 12px Tahoma;　　 　　　/*　ﾀﾌﾞﾌｫﾝﾄ　 　　　　*/
color: #3B0072;　　　　　　 　　 /*　ﾀﾌﾞ文字色　　　　 */
width: 86px; 　　　　　　　　　 　 /*　ﾀﾌﾞ画像幅　　　　　*/
height: 22px;　　　　　　　 　　　 /*　ﾀﾌﾞ画像高さ（縮小のみ可）　　*/
float: left;
display: inline;
margin: 0px 0px 0px 0px;　     　 /*　周り（上右下左）余白　　*/
padding: 3px 1px 1px 1px;　　　　 /*　内（上右下左）余白　　　*/
background-image:url(bg_slva2.gif); /*　ﾀﾌﾞ画像URL+ﾌｧｲﾙ名　　　*/
background-repeat: no-repeat;
text-align: center;　　　　   　　　 /*　ﾀﾌﾞ中央配置　　　　　　 */
border: 0px solid #C2C3D0;　　　/*　　罫線　　　　*/
}

#ddimagetabs a:hover, #ddimagetabs a.current{
background-image:url(bg_slva3.gif); /*　ﾏｳｽｵｰﾊﾞｰ時のﾀﾌﾞ画像URL+ﾌｧｲﾙ名　　*/
color: #02BFB4;　　　　　　　　　  　 /*　ﾏｳｽｵｰﾊﾞｰ時のﾀﾌﾞ文字色　　　　　　　*/　
border: 0px solid #CBCADA ;　　　/*　　罫線　　　　*/
}

#tabcontentcontainer{
width:595px; 　　　　　　　　　　　　/*　ｺﾝﾃﾝﾂ幅　　　*/
height:200px;　　　　　　　　　　　　/*　ｺﾝﾃﾝﾂ高さ　　*/

====　　この間、説明を省略。　　====

//　初期表示ﾀﾌﾞ　　　[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1, "sc1"]

//Turn menu into single level image tabs (completely hides 2nd level)?
var turntosingle=0　　　　　　 //0 for no (default), 1 for yes

//　ﾀﾌﾞﾘﾝｸの有無　　Disable hyperlinks in 1st level tab images?
var disabletablinks=0　　　　　 //0 for no (default), 1 for yes

====　　この間、説明を省略。　　====

</script>
<!--　☆　----------　↑ この間をコピー、編集、ペーストします。 ----------　-->