/* Expanded form for Ver.3 */

/* tab */
.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}

.tabheader table tr td {
margin:0;padding:0;border-width:0}

.tabheader .close {
/*  border-style: solid;*/
  border-width: 1px; 
  border-color: #000;
  background-image:url(img/ex/tabimg_02.gif);
  margin:0;
  padding: 0.6em;
  white-space: nowrap;
  background-repeat:no-repeat;
}
.tabheader .open {
/*  border-style: solid;*/
  border-width: 1px; 
  border-color: #000 #000 #fff #000;
  background-image:url(img/ex/tabimg_01.gif);
  margin:0;
  padding: 0.5em 0em 0.6em 0.5em;
  white-space: nowrap;
  background-repeat:no-repeat;
 }
 
.tabheader .spc {
  border-style: solid;
  border-width: 1px 0 1px 0; 
/*  border-color: #fff #fff #000 #fff;*/
  border-color: #fff #fff #999999 #999999;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}

/* tab_small */
.tabheader_small table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}

.tabheader_small table tr td {
margin:0;padding:0;border-width:0}

.tabheader_small .close {
	border-width: 1px;
	border-color: #000;
	background-image:url(img/ex/tabimg_02_70.gif);
	margin:0;
	padding: 0.6em;
	white-space: nowrap;
	background-repeat:no-repeat;
	color: #666666;
}
.tabheader_small .open {
/*  border-style: solid;*/
  border-width: 1px; 
  border-color: #000 #000 #fff #000;
  background-image:url(img/ex/tabimg_01_70.gif);
  margin:0;
  padding: 0.6em;
  white-space: nowrap;
  background-repeat:no-repeat;
 }
 
.tabheader_small .spc {
  border-style: solid;
  border-width: 1px 0 1px 0; 
/*  border-color: #fff #fff #000 #fff;*/
  border-color: #fff #fff #999999 #999999;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}

.tabheader_small a {text-decoration: none;}

.tabheader a {text-decoration: none;}
.tabbody {
/*  border-color: black;*/
  border-color:#999999;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  padding: 1em;
}


/* Navigation */
/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/

ul{
/*	list-style-position:outside;*/
/*	margin:0;*/
}

#mainNav li{
	height:40px;
	list-style:none;
	float:left;
	background-color:#C7C7C7;
	background-image: url(img/ex/navbtn01.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current_pre{
	background-image: url(img/ex/navbtn02.gif);
}

#mainNav li.current{
	background-color:#FA4619;
	background-image: url(img/ex/navbtn03.gif);
}

#mainNav li.current_last{
/*	background-color:#C7C7C7;*/
	background-image: url(img/ex/navbtn04.gif);
}

#mainNav li.current_last2{
	background-color:#FA4619;
	background-image: url(img/ex/navbtn05.gif);
}

/*
#mainNav li{
	height:40px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(img/ex/navBtn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
}

#mainNav li.current{
	background-color:#ffcbd5;
	background-image: url(img/ex/navCurrentBtn.gif);
	background-repeat: no-repeat;
	margin:0;
}
*/
/*
#mainNav li.lastDone{
	height:40px;
	background-color:#ffe742;
	background-image: url(img/ex/navBtn.gif);
}
*/

#mainNav li.done{
	height:40px;
	background-image: url(img/ex/navbtn01.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.current a, 
#mainNav li.current a:link, 
#mainNav li.current a:visited, 
#mainNav li.current a:hover, 
#mainNav li.current a:active, 
#mainNav li.current_last2 a, 
#mainNav li.current_last2 a:link, 
#mainNav li.current_last2 a:visited, 
#mainNav li.current_last2 a:hover, 
#mainNav li.current_last2 a:active, 
{
color:#fff;
}

#mainNav li.current_pre a, 
#mainNav li.current_pre a:link, 
#mainNav li.current_pre a:visited, 
#mainNav li.current_pre a:hover, 
#mainNav li.current_pre a:active,
#mainNav li.current_last a, 
#mainNav li.current_last a:link, 
#mainNav li.current_last a:visited, 
#mainNav li.current_last a:hover, 
#mainNav li.current_last a:active,
#mainNav li.done a, 
#mainNav li.done a:link, 
#mainNav li.done a:visited, 
#mainNav li.done a:hover, 
#mainNav li.done a:active{
color:#666666;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#999999;
cursor:hand;
}

#mainNav li a em{
width:100px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:120px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:40px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:150px;}
#mainNav.fiveStep li a{width:150px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:200px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;}
#mainNav.threeStep li.mainNavNoBg{width:304px;}
#mainNav.threeStep li a{width:303px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;}
#mainNav.twoStep li a{width:455px;}

/* mailbody */
div.mailbody { 
width: 100%; 
height: 250px; 
background-color: #ffffff; 
border: 1px gray solid; 

overflow: scroll;
} 


div.mailbody_wide { 
width: 680px; 
height: 250px; 
background-color: #ffffff; 
border: 1px gray solid; 

overflow: scroll;
} 

/* spoofing_method */
div.spoofing_method { 
width: 450px; 
height: 200px; 
margin-bottom: 20px; 
background-color: #ffffff; 
border: 1px gray solid; 

overflow: scroll;
} 

/* spoofing_method2 */
div.spoofing_method2 { 
width: 100%; 
height: 200px; 
margin-bottom: 20px; 
background-color: #ffffff; 
border: 1px gray solid; 

overflow: scroll;
} 

div span{
  display: inline-block;
  white-space: nowrap;
  text-decoration: inherit;
}
