﻿/* TAB全体 */
#container{
	/* サイズ */
	width:326px;
	height:100%;
	/* 余白 */
	margin:0;
}

/* 本文 */
#content{
	/* 左揃え */
	float:left;
	/* サイズ */
	width: 306px;
	height: 1200px;
	/* 背景色 */
	background-color:#f8f8f8;
	/* 枠 */
	border-top:1px solid #666;
	border-bottom:1px solid #666;
    border-right:1px solid #000;
    border-left:3px  solid  #3576cc;
	/* 余白 */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* タブメニューの設定 */
#tab {
	/* 左揃え */
	float:left;
	/* 項目のマークを消す */
	list-style-type:none;
	/* サイズ */
	width:20px;
	height:800px;
	/* 余白 */
	margin:0;
	padding:0;
	/* タブ左部分の枠 */
	/* background:transparent url(border.gif) top left repeat-y; */
}

/* タブ項目 */
#tab li.moji4{
	/* サイズ */
	width:20px;
	height:60px;
	/* 文字がはみ出た場合：非表示 */
	overflow:hidden;
	/* 余白 */
	margin:0;
	padding:0;
}

/* タブ項目 */
#tab li.moji7{
	/* サイズ */
	width:20px;
	height:102px;
	/* 文字がはみ出た場合：非表示 */
	overflow:hidden;
	/* 余白 */
	margin:0;
	padding:0;
}

/* タブ項目背景 */
#tabmenu0{
	background:url(images/tab0.png);
}
#tabmenu1
{
	background:url(images/tab1.png);
}
#tabmenu2{
	background:url(images/tab2.png);
}
#tabmenu3{
	background:url(images/tab3.png);
}
#tabmenu4{
	background:url(images/tab4.png);
}
#tabmenu5{
	background:url(images/tab5.png);
}

/* タブの設定 */
#tab a{
	/* ブロック要素指定 */
	display:block;
	/* リンク下線非表示 */
	text-decoration:none;
	/* 文字色 */
	color:#333;
	/* サイズ */
	width:100%;
	height:100%;
	/* 背景位置 */
	background-position:0px 0px;
}

/* タブ項目にマウスが乗ったとき、現在表示されているページ */
#tab a:hover {
	background-position:-20px 0px;
}
/* 2011/01/26 Del マウスクリックしたままドラッグするとイメージが戻らなくなるためa:activeを削除 */
/*#tab a:active,*/
#tab a.tabOn {
	background-position:-40px 0px;
}

#tab span {
	/* 文字非表示 */
	visibility:hidden;
}

/* 本文パネル */
#content asp:Panel.panelOn
{
    width:360px;
    height:800px;
    top:0px;
    left:0px;
	padding:0px 0px;
	display:none;
}

#tabData Div
{
    width:360px;
    height:800px;
    top:0px;
    left:0px;
	/* 余白 */
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

Div.tabControl
{
	background-color: #f8f8f8;
	width:306px;
	height:600px;
	/* 余白 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

Div.tabControl2
{
	background-color: #f0f8ff;
	width:306px;
	height:600px;
	/* 余白 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

Div.tabWaku
{
	/* 余白 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
