@charset "utf-8";

/* testtest */

div.serviceCodeMenu {
position:absolute;
top:217px;
left:46%;
margin:0;
padding:10px;
border:1px solid black;
width:50%;
background-color:#ededed;
text-align:center;
}

.serviceCodeMenu form table{
width:100%;
background-color:#fff;
}

#serviceCodeContain{
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:80%;
}

#serviceCodeContain form table{
margin-left:auto;
margin-right:auto;
width:55%;
}

/* subject */
p.subject{
background-color:#fff;
border:solid 1px #ccc;
padding:2px 5px;
font-weight:bold;
color:#666;
}

/* selectMenu */
.selectMenu{
border:0;
}

.selectMenu tr td{
border:0;
}

table.selectMenu{
width:90%;
}

/* YUI TreeView */
div.ygtvitem{
margin:0;
}

div.ygtvitem table{
border:0;
margin:0;
}

div.ygtvitem table tbody tr td{
border:0;
}

/*---------------------------------------　css map --

・pull-down  on / off

・a　:link,:hover,:link

・base
	font
	base style
	margin,padding:0;
	add class
		hr
			hr.noStyle
		input
			input.markBtn
			#login .submit
			input.markBtn
			input.lord
		aling
			.center
			.right
		img(vertical-align)
			.vCenter
		p
			.error
			.delete
			.addFile
		textarea
		display
			.none
		float
			.floatL
			.floatR
		margin
			marB ,marT

・contents  common style
		all margin - all margin set
		h1
		h2
		h3
		.ttlwrap
			.ttlWrap02
			.ttlsWrap
			.ttlsWrap02
			.ttlsBg
			.txtWrap
			.txtWrap02
			.txtWrap03
			.txtWrap02Bg
		link
			.link
			.link02
			.delete
			.upFile
			.codeChange 
		.upSet
		bgMethod
			.bgMethod
				.upMenu
		bgSubmit
			.bgSubmit
			.bgSubmit02
		.bgMethod（pull down）
		.changeDisplay
		.nextBack
		.tab
		.ttlLead
		.example
		.svcCode
		.selectCord 
		table
			.tableCenter
			.tableWide
			.table01
			.table01Wide
			.table02
			.codeType
			.selectList
			.item
			.even
			.odd
			.select
		list
			listStyle01,listStyle02

	
・each page
	1. /index.html
	2. /auth/login.html
	3. /auth/howto.html
	4. /manage/disk/index.html
	5. /manage/traffic/index.html
	6. /manage/status/index.html
	7. /service-code/index.html
	8. /pop/
	9. /tools/n.html
	0. /error

・layout
	------------------
	body
	#container
	------------------
	all width
	------------------
	#head
		#headTop
			#inHeadTop
				#logo
				#account
			#globalNav
		#headMid
			#localNav
		#headBot
			#topicPth
	------------------
	#contents
	------------------
	#foot
		#cope
	------------------

・each browser
	IE7
	IE6
	safari

・clear

・print
------------------------------------*/

/*===================================================================================
		pull down  on / off
===================================================================================*/
#contents .bgMethod #submenu,
#contents .bgMethod #submenu_bottom{
display:none;
}


/*===================================================================================
		a 
===================================================================================*/


/* base */
a:link{
}
a:visited{
}
a:hover{
}
a:active{
}


/* global */
#globalNav a:link{
}
#globalNav a:visited{
}
#globalNav a:hover{
}
#globalNav a:active{
}

/* localNav */
#localNav a:link{
}
#localNav a:visited{
}
#localNav a:hover{
}
#localNav a:active{
}

/* localNav current */
#localNav li a.lNavOn,
#localNav li a.lNavOn:hover{
}

/* topicPth */
#topicPth a:link{
}
#topicPth a:visited{
}
#topicPth a:hover{
}
#topicPth a:active{
}

/* listStyle01 */
.listStyle01 a:link{
}
.listStyle01 a:visited{
}
.listStyle01 a:hover{
}
.listStyle01 a:active{
}


/* toTop */
#toTop a:link{
}
#toTop a:visited{
}
#toTop a:hover{
}
#toTop a:active{
}


/* statusLinks = /manage/status/index.html */
#statusLinks a:link{
}
#statusLinks a:visited{
}
#statusLinks a:hover{
}
#statusLinks a:active{
}



/*===================================================================================
			base
===================================================================================*/

/* font
===========================================*/
/*font*/
body,table{
color:#333;
font-family: Osaka,"ＭＳ Ｐゴシック",sans-serif;/* mac */
font-family:"ＭＳ Ｐゴシック";/* for IE4.x */
font-size:small;
line-height:1.4;
}

textarea{
font-family: Osaka,"ＭＳ Ｐゴシック",sans-serif;/* mac */
font-family:"ＭＳ Ｐゴシック";/* for IE4.x */
}


/* font
=====================================================================*/
h1{
font-size:medium;
}
/* without IE */
html>body h1{
font-size:16px;
}

h2,
h3,
body#login,
#howto h1,
body#howto{
font-size:small;/* IE6 */
}
/* without IE */
html>body h2
html>body#login h3,
html>body#login,
html>body#howto h1,
html>body#howto{
font-size:12px;
}

/* base
=====================================================================*/
/* all margin:0;padding:0;  */
body,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,p,table,td,th,form,img{
margin:0;
padding:0;
}

/* base */
li{
list-style:none;
}
em,address{
font-style:normal;
}
img{
border:0;
vertical-align:top;
}
input{
vertical-align:middle;
}
hr{/* for IE7 IE6*/
margin:10px 0;
padding:0;
border:none;
border-bottom:solid 1px #fff;
height:2px;
color:#bababa;
background-color:#bababa;
}


/* add class
=====================================================================*/
/* -- hr.noStyle */
hr.noStyle{
display:none;
}

/* -- .submit,.markBtn */
input.submit,
input.markBtn{
padding:1px 5px;
border:1px solid #ccc;
background:url(../images/input_bg.gif) #fff repeat-x 100% 100%;
}
#login .submit{
padding:1px 3px;
border:1px solid #87aa64;
color:#fff;
background:url(../images/loginbt.gif) #bede9d repeat-x 0 100%;
line-height:1.3em;
}

input.markBtn{/* over write */
border:4px solid #a9d551;
color:#360;
}

.markBtnTop{
padding-left:15px;
background:url(../images/navi_top.gif) no-repeat;
}

.markBtnBot{
padding-left:15px;
background:url(../images/navi_bot.gif) no-repeat;
}

/* -- .lord */
input.lord{
width:300px;
}

/* -- align */
.center{
text-align:center;
}
.right{
text-align:right;
}

/* -- img vertical-align */
.vCenter{
margin:0 5px;
vertical-align:middle;
}

/* -- p */
.error{
color:#f00;
font-weight:bold;
padding:0;
margin:0;
}

/* -- p */
.notice{
padding:10px;
padding-top: 25px;
border:solid 1px #f00;
background:url(../images/notice.gif) no-repeat #fff;
}

.delete,
.addFile{
text-align:right;
}
.addFile{
margin-top:20px;
}


/* -- textarea */
td textarea{width:80%;}

/* -- none */
.none{
display:none;
}


/* -- float */
.floatL{
float:left;
}
.floatR{
float:right;
}

/* -- marB ,marT */
#contents .marB0{margin-bottom:0;}
#contents .marB10{margin-bottom:10px;}
#contents .marB20{margin-bottom:20px;}
#contents .marT0{margin-top:0;}
#contents .marT10{margin-top:10px;}
#contents .marT20{margin-top:20px;}


/*===================================================================================
			contents
===================================================================================*/
/* === common style === */

/* === position === */
/* all margin */

h4,
#contents p,
.table01,
.listStyle02,
.table01Wide{
margin-bottom:10px;
}

h3,
h2,
h1,
.selectCord,
.example{
margin-bottom:14px;
}
#contents p.ttlLead{
margin-bottom:15px;
}

.changeDisplay,
.nextBack{
margin-top:1px;
}

h3,
.tab{
margin-top:3px;
}
.bgMethod{
margin-top:5px;
}

/* -- .bgSubmit,bgSubmit02 */
.bgSubmit{
margin-top:30px;
}
.bgSubmit,
.bgSubmit02{
margin-bottom:20px;
}

/* -- reset */
.ttlsBg h2{
margin-bottom:0;
}



/* === h1 */
h1{
padding-top:10px;
padding-left:60px;
border:solid 1px #ccc;
min-height:27px;
color:#407413;
background-repeat:no-repeat;
background-position:0 0;
background-image:url(../images/ttl_bg_manage.jpg);
}
#h1Bg{
margin-bottom:10px;
background:url(../images/ttl_bg_under.gif) #fff repeat-x 0 0;
}

/* img */
h1.h1Manage{
background-image:url(../images/ttl_bg_manage.jpg);
}
h1.h1Namespace{
background-image:url(../images/ttl_bg_namespace.jpg);
}
h1.h1Tools{
background-image:url(../images/ttl_bg_tools.jpg);
}
h1.h1Preference{
background-image:url(../images/ttl_bg_preference.jpg);
}
h1.h1Manage{
background-image:url(../images/ttl_bg_manage.jpg);
}
h1.h1Help{
background-image:url(../images/ttl_bg_help.jpg);
}


/* === h2 */
h2{
padding:4px 5px 4px 25px;
border:solid 1px #dfdfdf;
background-image:url(../images/h2_bg.gif);
background-repeat:no-repeat;
background-color:#dfdfdf;
background-position:0 0;
font-weight:normal;
}

#howto h2{
padding:0;
border:none;
background:0;
font-weight:bold;
color:#336600;
}

/* === h3 */
h3{
padding-left:20px;
background-image:url(../images/h3_bg.gif);
background-repeat:no-repeat;
background-position:0 50%;
font-weight:normal;
}


/* reset */
.txtWrap h3{
padding-left:0;
background:none;
}
.txtWrap h3{
margin-top:0px;
margin-bottom:10px;
font-weight:bold;
line-height:1em;
}

/* == ttlwrap == */
/* reset h2 */
.ttlsBg h2{
border:none;
}
.ttlsBg h2 a{
display:inline;
padding:0;
background:0;
}

/* txtwrap */
.txtWrap{
padding:15px;
border:solid 1px #ccc;
border-top:none;
background-color:#fff;
}

/* bg */
.ttlsWrap{
background:url(../images/under_ttls_03.jpg) transparent repeat-x 0 0;
line-height:1.3em;/* for netscape */
}
.ttlsBg{
background:url(../images/under_ttls_01.gif) transparent no-repeat 0 0;
}
.ttlsBg h2,
#howto #contents h1{
background:url(../images/under_ttls_02.gif) transparent no-repeat 100% 0;
}
.serviceCode .ttlsWrap{
margin-top:20px;
}

/* pad */
.ttlsBg h2,
#howto #contents h1{
padding:10px 20px 5px 20px;
font-weight:normal;
}

/* === ttlwrap 02 / h2 none = /manage/status/index.html */

.ttlsWrap02{/* corner01 */
background:url(../images/under_ttls_0101.gif) #ccc no-repeat  0 0;
}
.txtWrap02{/* corner02 */
padding:1px;
background:url(../images/under_ttls_0102.gif) transparent no-repeat 100% 0;
}
.txtWrap02Bg{/* corner01 */
background:url(../images/under_ttls_0101.gif) #fff no-repeat  -1px -1px;
}
.txtWrap02 #statusLinks,
.txtWrap02 .txtWrap03{/* corner02 */
padding:15px;
background:url(../images/under_ttls_0102a.gif) transparent no-repeat 100% -1px;
}

/* === link */
p.link a,
.link li,
.link02 li,
.delete a,
.upFile a,
.codeChange a{
padding: 5px 10px 5px 25px;
background-repeat:no-repeat;
background-position:0 0.3em;
}
p.link,
.link,
.delete,
.upFile{
margin-top:10px;
text-align:right;
}
.link li{
display:inline;
}
p.link a,
.link li,
.link02 li{
background-image:url(../images/icon_link.gif);
}
.delete a{
background-image:url(../images/icon_trash.gif);
}
.upFile a{
padding-left:30px;
background-image:url(../images/icon_fileup.gif);
}
.codeChange a{
background-image:url(../images/icon_popup.gif);
}


/* === upSet === */
.upSet{
margin-top:10px;
padding:10px;
border:solid 1px #ccc;
background-color:#fff;
}

/* === upMenu === */
.upMenu li{
display:inline;
}

/* === bgMethod,bgSubmit === */
.bgMethod,
.bgSubmit,
.bgSubmit02{
padding:5px 0 5px 0;
border-right:solid 1px;
border-bottom:solid 2px;
border-color:#ababab;
width:100%;
/*background-image:url(../images/bg_method.gif);*/
background-repeat:repeat-x;
/*background-color:#f4f2f2;*/
background-color:#999eab;
}

.bgMethod input,
.bgSubmit input,
.bgSubmit02 input{
margin-left:10px;
}

.bgSubmit02{
text-align:left;
}

/* in tag / bgMethod */
.bgMethod div{
float:left;
width:29%;
}
.bgMethod div div{/*reset*/
float:none;
}

.bgMethod .upMenu{
float:left;
padding-top:3px;
width:70%;
}

#contents .bgMethod p{
margin:0;
float:left;
width:15%;
}

/* in tag / bgSubmit */
.bgSubmit{
text-align:center;
}
.bgSubmit li{
display:inline;
}

/* === pull down === */

/* pull-down */
.bgMethod{
position:relative;
z-index:1;
}

.bgMethod #submenu,
.bgMethod #submenu_bottom{/* for IE6 macIE5 safari */
position:absolute;
top:30px;
left:10px;
z-index:2;
border-top:solid 1px;
}

.bgMethod #submenu li,
.bgMethod #submenu_bottom li{
border:solid 1px;
border-top:none;
line-height:1.15em;
}

.bgMethod #submenu li,
.bgMethod #submenu,
.bgMethod #submenu_bottom li,
.bgMethod #submenu_bottom{
/* border-color:#ccc; */
border-color:#999eab;
}

.bgMethod #submenu li a,
.bgMethod #submenu_bottom li a{
display:block;
padding:5px 10px;
/* background-image:url(../images/icon_link_02.gif);
background-repeat:no-repeat;
background-position:8px 50%; */
background-color:#fff;/* hide mac \*/
filter: alpha(opacity=90);
-moz-opacity: 0.90;
opacity:  0.90;/* hide mac end*/
}

.bgMethod #submenu li a:hover,
.bgMethod #submenu_bottom li a:hover{
/* background-color:#ffd400; */
background-color:#e4e7ef;
}

/* === changeDisplay === */
.changeDisplay{
text-align:right;
}
.changeDisplay li{
display:inline;
padding-left:10px;
}

/* === nextBack === */
border:0;
text-align:right;
}
.nextBack li,
.nextBack ul,
.nextBack ol,
.nextBack p{
display:inline;
}
.nextBack li,
.nextBack p{
padding:2px;
}
.nextBack ol{
padding:0 10px;
}
.nextBack p{
padding-right:10px;
}
.nextBack li img{
vertical-align:middle;
}

/* === page === */
.page{
width:100%;
border:0;
cellspacing:0;
valign:top;
}
.page tbody tr td{
border:0;
}
.pageP{
width:20px;
text-align:center;
}
.pageN{
text-align:right;
}
.pageR{
text-align:right;
width:250px;
}
.pageR table{
border:0;
margin:0;
width:100%;
}



/* === tab === */
.tab{
width:100%;
border-bottom:solid 3px #949494;
}
.tab li{
float:left;
border-bottom:solid 1px #fff;
width:9%;
background-image:url(../images/tab_corner.gif);
background-repeat:no-repeat;
background-position:100% -1px;
background-color:#ccc;
}
.tab li a{
display:block;
margin-right:1px;
margin-top:1px;
border-left:solid 1px #ccc;
background-image:url(../images/tab_corner.gif);
background-repeat:no-repeat;
background-position:101% -2px;
background-color:#fff;
text-align:center;
}

/* current */
.tab li.on,
.tab li.on a{
background-image:url(../images/tab_corner_on.gif);
}
.tab li.on{
border-color:#949494;
}
.tab li.on a{
background-color:#949494;
}

/* === ttlLead */
.ttlLead,
.ttlLead p{
border-top:double 3px #9ad914;
border-bottom:double 3px #9ad914;
}
.ttlLead{
padding:2px 0;
}
.ttlLead p{
padding:10px;
}

/* === example === */

.example{
padding:10px;
border:solid 1px #e0e7ce;
width:50%;
background-color:#fff;
}
.example dt,
.example dd{
color:#407413;
}

/* === example2 === */

.example2{
margin-top:10px;
padding:10px;
border:solid 1px #e0e7ce;
/*width:50%;*/
background-color:#eee;
}
.example2 dt,
.example2 dd{
color:#407413;
}

/* === svcCode */
.svcCode{
padding-top:20px;
}

table.codeType{
float:left;
width:45%;
}
#contents  p.codeChange{/* common write / .codeChange */
float:right;
margin-top:45px;
width:50%;
}

/* === selectCord === */
.selectCord{
margin-left:auto;
margin-right:auto;
padding:10px;
border:solid 1px #a3ba9e;
width:50%;
background-color:#fff;
}
.selectCord dt{
padding:2px 2px 2px 12px;
background-image:url(../images/icon_link_02.gif);
background-repeat:no-repeat;
background-position:0 0.5em;
}
.selectCord dd{
padding-left:12px;
}


/* ============================  table */

/* === tableLayout */
table{
margin-bottom:10px;
border-collapse:collapse;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
width:45%;
}
.codeType,
.table02{
width:60%;
}
.table01,
.table01Wide{
border-top:solid 1px #999;
border-left:solid 1px #999;
}

/* center */
.table01,
.tableCenter{
margin-left:auto;
margin-right:auto;
width:70%;
}

/* wide */
.table01Wide,
.tableWide{
width:100%;
}

/* border */
table td,
table th{
padding:5px;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
text-align:left;
line-height:1.3em;
}
.table01 td,
.table01 th,
.table01Wide td,
.table01Wide th{
border-bottom:solid 1px #999;
border-right:solid 1px #999;
}

/* th */
table th{
width:33%;
background:url(../images/table_th_02.gif) #fff repeat-x 0 100%;
font-weight:normal;
}
.codeType th,
.table02 th{
width:40%;
color:#fff;
background:url(../images/table_th_01.gif) #99cc33 0 0;
font-weight:bold;
text-align:left;
vertical-align:top;
}
.table01 th,
.table01Wide th{
width:auto;
background:none;/*reset*/
background-color:#dadada;
}


/* td */
.codeType td,
.table02 td,
.table01 td,
.table01Wide td{
background-color:#fff;
}

/* .table01 in tag */
.table01 input,
.table01 select,
.table01 img,
.table01Wide input,
.table01Wide select,
.table01Wide img{
margin:0 3px;
}

/* --  thead tfoot */
.table01 thead tr th,
.table01 tfoot tr td,
.table01Wide thead tr th,
.table01Wide tfoot tr td{
/* border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 1px #949494;
width:auto;
background-image:none; */
background-color:#b9b9c3;
}

/* === selectList === */
/* reset table */
.selectList{
margin-bottom:0;
border:none;
width:100%;
border-collapse:collapse;
}

/* reset td , set td */
#contents .selectList .check{
width:10px;
}
.selectList .check{
border:none;
background:none;
background-color:#cae09c;
border-right:solid 1px #fff;
}
.selectList td{
border:none;
}
/* border */
.selectList .check,
.selectList td{
border-top:solid 1px #fff;
border-right:solid 1px #fff;
}

/* img */
.selectList th img{
margin-left:5px;
}
.selectList td img{
margin-right:5px;
}


/* --  item */
.item th,
.item th.check{
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 1px #949494;
width:auto;
background-image:none;
/*background-color:#c0c0c0;*/
background-color:#b9b9c3;
}
.item th.check{
background-color:#a9d551;
}
.item td img{
margin-left:5px;
}


/* --  thead tfoot */
.selectList thead tr th,
.selectList tfoot tr td{
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 1px #949494;
width:auto;
background-image:none;
background-color:#b9b9c3;
}

/* -- thead tfoot check */
.selectList thead tr th.check,
.selectList tfoot tr td.check{
background-color:#a9d551;
border-right:solid 1px #fff;
border-bottom:solid 1px #949494;
}
.selectList thead tr th img,
.selectList tfoot tr td img{
margin-left:5px;
}

/* -- even */
.even td{
background-color:#d3dae9;
background:url(../images/even_row.gif);
}

/* -- odd */
.odd td{
background-color:#ebedf0;
background:url(../images/odd_row.gif);
}

/* -- select */
.select td,
.select .check{
background-color:#ffd400;
}

/* ============================  list */
.listMenu{
padding:5px 0;
width:100%;
border:solid 1px #ccc;
background-color:#fff;
}

/*  === listStyle01,listStyle02 */
#contents .listStyle01,
.listStyle02,
.listMenu{
padding-bottom:10px;
}
#contents .listStyle01 li,
.listStyle02 li,
.listMenu li{
padding-left:10px;
background:url(../images/list01.gif) transparent no-repeat 5px 50%;
}
#contents .listStyle01 li a,
.listStyle02 li a,
.listMenu li a{
display:inline;
padding-left:0;
}

.listStyle02 li,
.listMenu li{
display:inline;
margin-right:10px;
}




/* each page
===========================================*/
/* === 1. index.html === */

/* == news */
/* float */
#news #ttlbg{
float:left;
width:16%;
}
#news dl{
float:right;
width:83%;
}

/* bg */
#news{/* grad bg */
margin-bottom:20px;
background:url(../images/news_txt_bg.jpg) #fff repeat-x 0 0;
}
#newsBtm{/* bottom border */
background:url(../images/new_bottom_bg.gif) transparent repeat-x 100% 100%;
}
#cornerLeft{/* corner */
background:url(../images/news_bg_02.gif) transparent no-repeat 100% 0;
}
#cornerLeftTop{/* corner */
background:url(../images/news_bg_01.jpg) transparent no-repeat 0 0;
}
#cornerRight{/* corner */
padding:3px 0 0 2px;/* ttl posi */
background:url(../images/news_bg_03.jpg) transparent no-repeat 0 100%;
}
#news dl{/* corner */
background:url(../images/news_bg_04.gif) transparent no-repeat 100% 100%;
}

/* ttl */
#ttlbg{
display:block;
margin-bottom:5px;
background:url(../images/news_ttl_bg.gif) #92de00 repeat-x 0 0;
text-align:center;
}
#ttlCornerBtmL{/* corner */
background:url(../images/new_ttl_corner01.jpg) transparent no-repeat 0 100%;
}
#ttlCornerBtmR{/* corner */
background:url(../images/new_ttl_corner02.jpg) transparent no-repeat 100% 100%;
}
#ttlCornerTopR{/* corner */
background:url(../images/news_bg_01.jpg) transparent no-repeat -3px -4px;
}
#ttlbg p{/* corner */
padding:8px;
color:#fff;
background:url(../images/new_ttl_corner03.jpg) transparent no-repeat 100% 0 ;
line-height:1em;
}


/* txt */
#news dl{
padding:7px 0;
min-height:20px;
}
#news dl dt,
#news dl dd{
float:left;
}
#news dl dt{
width:19%;
background:url(../images/link_arrow.gif) transparent no-repeat 0 50%;
text-indent:15px;
}
#news dl dd{
width:81%;
}


/* == indexMenu01/ indexMenu02 */

/* bg */
.indexMenu02,
.indexMenu01,
.indexMenu01L,
.indexMenu01R{
margin-bottom:20px;
background:url(../images/boxbg_01.gif) #fff repeat-y 100% 0;
}
.leftBg{
background:url(../images/boxbg_02.gif) transparent repeat-y 0 0;
}
.bottomBg{
background:url(../images/boxbg_03.gif) transparent repeat-x 100% 100%
}

/* text corner */
.leftBg ul{
background:url(../images/corner_btm_03.gif) transparent no-repeat 0 100%;
}
.leftBg li{
background:url(../images/corner_btm_04.gif) transparent no-repeat 100% 100%;
}
.menuClear .leftBg ul{
background:url(../images/corner_btm_03_02.gif) transparent no-repeat 0 100%;
}
.menuClear .leftBg li{
background:url(../images/corner_btm_04_02.gif) transparent no-repeat 100% 100%;
}

/* ttl */
.leftBg ul li a{
display:block;
background:url(../images/index_ttl_bg.jpg) #b7b7b7 repeat-x  0 0;
}
.leftBg ul li span{
display:block;
padding-left:25px;
background:url(../images/corner_btm_01.jpg) transparent no-repeat 0 0;
line-height:1.7em;
}
.menuClear .leftBg li span{
background:url(../images/corner_btm_0101.jpg) transparent no-repeat 0 0;
}


/* ttl/ help */
#help li a{
background-image:url(../images/index_ttl_bg02.jpg);
background-color:#ccc;
}
#help .leftIcon{
background-image:url(../images/corner_btm_0102.jpg);
}

/* ttl icon */
.leftBg ul li span span{
padding-left:0;
padding-top:10px;
}
#manage .rightIcon{
background:url(../images/corner_btm_0201.jpg) transparent no-repeat 100% 0;
}
#home .rightIcon{
background:url(../images/corner_btm_0202.jpg) transparent no-repeat 100% 0;
}
#tool .rightIcon{
background:url(../images/corner_btm_0203.jpg) transparent no-repeat 100% 0;
}
#prefer .rightIcon{
background:url(../images/corner_btm_0204.jpg) transparent no-repeat 100% 0;
}
#help .rightIcon{
background:url(../images/corner_btm_0205.jpg) transparent no-repeat 100% 0;
}

/* == indexMenu02 */

/* ttls */
.indexMenu02 ul ul{
margin-left:5px;
padding-bottom:5px;
width:99%;
background:none;
}

.indexMenu02 ul ul li{/* for safari,IE6,IE7 write */
float:left;
width:33%;
background:url(../images/index_ttls_bg.jpg) #a8a8a8 repeat-x 0 0;
}

.indexMenu02 div.leftBg div.bottomBg ul#manage ul li.manageMenu{/* for safari,IE6,IE7 write */
width:33%;
}

.indexMenu02 ul ul li a{
padding-left:19px;
padding-top:5px;
padding-bottom:5px;
border-right:solid 1px #fff;
background:url(../images/ttls_icon.jpg) transparent no-repeat 5px 50%;
}

.indexMenu02 ul ul ul{
margin:0;
border-right:solid 1px #e5e3e3;
width:auto;
min-height:105px;
background:none;
background-color:#fff;
}

.indexMenu02 ul ul ul li{
float:none;
margin-bottom:0;
margin-left:10px;
border:none;
width:auto;
}
.indexMenu02 ul ul ul li a{
padding-top:0;
padding-bottom:0;
background:none;
}

.indexMenu02 .listStyle01{
padding-top:10px;
padding-bottom:0;
}
.indexMenu02 .listStyle01 li{
background-color:#fff;
}

/* == indexMenu01 */

/* reset */
#contents .menuClear ul ul,
#contents .menuClear ul ul a,
#contents .indexMenu01 ul ul,
#contents .indexMenu01 ul ul a{
background:none;
}
#contents .indexMenu01 ul ul,
#contents .menuClear ul ul{
margin:0 5px 0 5px;
padding:10px;
min-height:80px;
background-color:#fff;
}
#contents .indexMenu01 ul li,
#contents .indexMenu01L ul li,
#contents .indexMenu01R ul li{
padding-bottom:5px;
}
#contents .indexMenu01 ul ul li,
#contents .indexMenu01L ul ul li,
#contents .indexMenu01R ul ul li{
padding-bottom:0;
}
#contents .indexMenu01 ul ul li a,
#contents .indexMenu01L ul ul li a,
#contents .indexMenu01R ul ul li a{
margin-bottom:0;
}

#contents .indexMenu01L{
float:left;
}
#contents .indexMenu01R{
float:right;
}
#contents .indexMenu01L,
#contents .indexMenu01R{
width:49%;
}


/* === 2. auth/login.html === */
#login{
padding:20px 0;
background-color:#fff;
}
#login #wrap{
margin:0 auto;
border:1px solid #ccc;
width:598px;
text-align:left;
}
#login img{
margin-bottom:8px;
}
#login #loginHead,
#login #head,
#login #logIn,
#login #loginFoot{
background-repeat:no-repeat;
}

/* head */
#login #loginHead{
padding-top:25px;
background-image:url(../images/line01.gif);
background-position:0 0;
text-align:center;
}
#login #loginLogo{
margin:0 66px;
border-bottom:1px solid #a7a7a7;
}
#login #comment{
margin:1px 66px 0;
padding:1.2em 20px;
border-top:1px solid #cccccc;
}

/* logIn */
#login #logIn{
margin-bottom:0.8em;
padding:20px 0 20px;
background-image:url(../images/bg01.jpg);
background-color:#54c100;
}
#login #logIn .error{
float:none;
margin:0 auto;
color:#990000;
font-weight:bold;
text-align:center;
}
#login #logIn dl{
width:598px;
text-align:center;
}
#login #logIn dt{
float:left;
width:268px;
text-align:right;
vertical-align:middle;
line-height:1.5em;
}
#login #logIn dt span{
margin-right:5px;
color:#000000;
}
#login #logIn dd{
float:right;
margin-bottom:0.8em;
width:330px;
text-align:left;
}
#login #logIn dd input{
border:1px solid #828181;
width:144px;
}
#login #logIn p{
float:right;
width:330px;
text-align:left;
}

/*foot*/
#login #loginFoot{
padding-bottom:20px;
background-image:url(../images/line02.gif);
background-position:100% 100%;
text-align:center;
}
#login #loginFoot p{
padding-bottom:0.6em;
line-height:100%;
}
#login #loginFoot img{
margin-top:2px;
}

#login #loginCopy{
line-height:1em;
letter-spacing:1px;
}
#login #loginCopy img{
display:block;
margin:5px auto;
}

/* === 3. auth/howto.html === */
/* reset */
#howto h1{
margin:0;
padding:0;
border:none;
height:auto;
background:none;
}
#howto #headTop,
#howto #header{
border:none;
height:auto;
background:none;
}

/* header */
#howto #logo{
float:none;
width:auto;
}
#howto #headTop{
border-bottom:solid 5px #73b61c;
}
#howto #header{
border:solid 1px #fff;
}

/* h1 */
#howto #contents h1{
min-height:15px;
color:#333;
}

/* h2 */
#howto h2{
color:#336600;
}

/* margin */
#howto h2,
#howto p{
margin-bottom:10px;
}
#howto hr{/* write IE7 IE6 */
margin:10px 0 15px 0;
}

/* table */
#howto table{
margin-bottom:2px;
width:60%;
}
#howto thead th{
width:34%;
text-align:center;
}
#howto tbody th{
text-indent:20px;
}
#howto table td{
width:33%;
background:url(../images/table_th_03.gif) transparent 0 0;
}

#howto thead th,
#howto tbody td{
text-align:center;
}

/* howtoNote */
.howtoNote{
width:60%;
text-align:right;
}

/* === 4. manage/disk/index.html === */


/* === 5. manage/traffic/index.html === */


/* === 6. manage/status/index.html === */
#statusLinks li{/* IE7 IE6 write */
float:left;
width:25%;
}
#statusLinks li strong,
#statusLinks li strong a{
display:block;
}

#statusLinks li strong{/* winIE7 IE6 write */
margin-left:5px;
margin-right:5px;
border:solid 3px #d8d8d8;
background:url(../images/status_links_bg.jpg) #fff repeat-x 0 0;
text-align:center;
}

#statusLinks li strong a{
padding-top:15px;
min-height:35px;
background:url(../images/status_links_arrow.jpg) transparent no-repeat 50% 0;
text-align:center;
}
#statusLinks p{
margin:3px 0 0 2px;
}



/* === 7. /service-code/index.html === */

#selectForm{
margin:0 auto 20px auto;
border-left:solid 1px #ddd;
width:99%;
}
#selectForm li{
float:left;
margin-bottom:1px;
border-right:solid 1px #ddd;
border-bottom:solid 1px #eee;
width:49.8%;
background:url(../images/form_bg.gif) repeat-x 0 0;
}
#selectForm li input,
#selectForm li label{
float:left;
padding:5px 0;
}

#selectForm li input{
margin:5px 15px 0 15px;
}
#selectForm li label{
padding:5px;
border-left:solid 1px #ddd;
width:60%;
}



/* === 8. /pop/ === */

#pop{
margin:2px auto;
padding-bottom:10px;
border:solid 1px #ccc;
width:90%;
text-align:left;
}

/* === 9. tools/n.html === */
.Digtxt{
width:40%;
vertical-align:middle;
}

/* === 0. /error === */

#errorTtl{
margin:2px auto;
padding-left:40px;
width:60%;
background:url(../images/caution.gif) no-repeat center left;
font-size:x-large;
font-weight:bold;
}

#errorMsg{
margin:30px auto;
padding-left:20px;
width:60%;
font-size:medium;
font-weight:bold;
}


/* h1 */
#pop h1{
margin-top:2px;
margin-left:auto;
margin-right:auto;
width: 95%;
padding:5px;
border-top:solid 3px #a7d744;
border-bottom:solid 3px #a7d744;
background:url(../images/table_th_01.gif) transparent repeat 0 0;
text-align: center;
}

/* ul */
#pop ul{
margin-left:10px;
margin-top:10px;
margin-bottom:20px;
}

/* p */
#pop p {
margin-top:20px;
text-align:center;
}
#pop p a{
padding-left:15px;
background:url(../images/close_icon.gif) transparent no-repeat 0 50%;
}

#selectForm2{
margin-left:auto;
margin-right:auto;
width:90%;
}
#selectForm2 li{
float:left;
margin-bottom:10px;
border-bottom:solid 1px #eee;
width:99%;
}

#selectForm2 li input{
float:left;
margin:15px 5px;
width:30px;
}
#selectForm2 li label{
float:left;
padding:10px;
}


/*===================================================================================
			wrap
===================================================================================*/

/* wrap
===========================================*/
/* all center */
body{
text-align:center;
background-color:#fff;
}

#container{
background:url(../images/header_top_bg.jpg) repeat-x 0 0;
}


/* width
===========================================*/

#inContents,/*for IE6 */
#inHeadTop,
#globalNav ul,
#toTop,
#localNav,
#topicPth{
margin:0 auto;
width:98%;
text-align:left;
}

/* head
===========================================*/

/* === headTop === */
#headTop{
padding-top:16px;
background:url(../images/global_bg.jpg) transparent repeat-x 0 100%;
}

/* add id = #inHeadTop */
#inHeadTop{
margin-bottom:1px;
padding-bottom:11px;
}
#logo{
float:left;
width:30%;
}

/* account */
#login-account{
float:right;
width:20%;
text-align:right;
}

#login-account p{
display:inline;
padding: 10px 2px 10px 35px;
background:url(../images/account_icon.gif) transparent no-repeat 0 50%;
line-height:2em;
}

/* account/globalNav */
#globalNav li a{
background-repeat:no-repeat;
background-position:5px 50%;
}

/* globalNav */
#globalNav{
padding:0;
border-top:solid 1px #d6d6d6;
background:url(../images/header_top_border.gif) transparent repeat-x 0 0;
}
#globalNav ul{
padding:3px 0 0 0;
}
#globalNav li a{
display:block;
margin:0 10px 4px 0;
padding:2px 1px 3px 34px;
}
#globalNav li a:hover{
padding:1px 0 2px 33px;
border:solid 1px #696969;
border-bottom-color:#FFFFFF;
border-right-color:#bdbdbd;
/*background-color:#b0b0b0;*/
background-color:#eee;
background-position:4px 51%;
}

/* float */
#globalNav li{
float:left;
}
#globalNav li.nav01,
#globalNav li.nav01On,
#globalNav li.nav01On2{
width:15%;
}
#globalNav li.nav02,
#globalNav li.nav02On,
#globalNav li.nav02On2{
width:12%;
}
#globalNav li.nav03,
#globalNav li.nav03On,
#globalNav li.nav03On2{
width:16%;
}
#globalNav li.nav04,
#globalNav li.nav04On,
#globalNav li.nav04On2{
width:16%;
}
#globalNav li.nav05,
#globalNav li.nav05On,
#globalNav li.nav05On2{
width:15%;
}
#globalNav li.nav06,
#globalNav li.nav06On,
#globalNav li.nav06On2{
width:14%;
}
#globalNav li.nav07,
#globalNav li.nav07On,
#globalNav li.nav07On2{/* for IE6 write */
width:12%;
}

/* icon */
#globalNav li.nav01 a{
background-image:url(../images/nav_icon01.gif);
}
#globalNav li.nav02 a{
background-image:url(../images/nav_icon02.gif);
}
#globalNav li.nav03 a{
background-image:url(../images/nav_icon03.gif);
}
#globalNav li.nav04 a{
background-image:url(../images/nav_icon04.gif);
}
#globalNav li.nav05 a{
background-image:url(../images/nav_icon05.gif);
}
#globalNav li.nav06 a{
background-image:url(../images/nav_icon06.gif);
}
#globalNav li.nav07 a{
background-image:url(../images/nav_icon07.gif);
}

/* hover */
#globalNav li.nav01 a:hover{
background-image:url(../images/nav_icon01_on.gif);
}
#globalNav li.nav02 a:hover{
background-image:url(../images/nav_icon02_on.gif);
}
#globalNav li.nav03 a:hover{
background-image:url(../images/nav_icon03_on.gif);
}
#globalNav li.nav04 a:hover{

background-image:url(../images/nav_icon04_on.gif);
}
#globalNav li.nav05 a:hover{
background-image:url(../images/nav_icon05_on.gif);
}
#globalNav li.nav06 a:hover{
background-image:url(../images/nav_icon06_on.gif);
}
#globalNav li.nav07 a:hover{
background-image:url(../images/nav_icon07_on.gif);
}


/* current */
#globalNav li.nav01On a,
#globalNav li.nav02On a,
#globalNav li.nav03On a,
#globalNav li.nav04On a,
#globalNav li.nav05On a,
#globalNav li.nav06On a,
#globalNav li.nav07On a,
#globalNav li.nav01On a:hover,
#globalNav li.nav02On a:hover,
#globalNav li.nav03On a:hover,
#globalNav li.nav04On a:hover,
#globalNav li.nav05On a:hover,
#globalNav li.nav06On a:hover,
#globalNav li.nav07On a:hover{
display:block;
margin-bottom:0;
padding:2px 0 6px 33px;
border:solid 1px #fff;
/*border-bottom-color:#b0b0b0;*/
border-bottom-color:#999eab;
border-right-color:#696969;
background-color:#999eab;
background-repeat:no-repeat;
background-position:4px 30%;
}

/* current,img */
#globalNav li.nav01On a,
#globalNav li.nav01On a:hover{
background-image:url(../images/nav_icon01_on.gif);
}
#globalNav li.nav02On a,
#globalNav li.nav02On a:hover{
background-image:url(../images/nav_icon02_on.gif);
}
#globalNav li.nav03On a,
#globalNav li.nav03On a:hover{
background-image:url(../images/nav_icon03_on.gif);
}
#globalNav li.nav04On a,
#globalNav li.nav04On a:hover{
background-image:url(../images/nav_icon04_on.gif);
}
#globalNav li.nav05On a,
#globalNav li.nav05On a:hover{
background-image:url(../images/nav_icon05_on.gif);
}
#globalNav li.nav06On a,
#globalNav li.nav06On a:hover{
background-image:url(../images/nav_icon06_on.gif);
}
#globalNav li.nav07On a,
#globalNav li.nav07On a:hover{
background-image:url(../images/nav_icon07_on.gif);
}

/* current02 */
#globalNav li.nav01On2 a,
#globalNav li.nav02On2 a,
#globalNav li.nav03On2 a,
#globalNav li.nav04On2 a,
#globalNav li.nav05On2 a,
#globalNav li.nav06On2 a,
#globalNav li.nav07On2 a{
padding:1px 0 2px 33px;
border:solid 1px #696969;
border-bottom-color:#FFFFFF;
border-right-color:#bdbdbd;
/*background-color:#b0b0b0;*/
background-color:#eee;
background-position:4px 51%;
}
/* current02,img */
#globalNav li.nav01On2 a{
background-image:url(../images/nav_icon01_on.gif);
}
#globalNav li.nav02On2 a{
background-image:url(../images/nav_icon02_on.gif);
}
#globalNav li.nav03On2 a{
background-image:url(../images/nav_icon03_on.gif);
}
#globalNav li.nav04On2 a{
background-image:url(../images/nav_icon04_on.gif);
}
#globalNav li.nav05On2 a{
background-image:url(../images/nav_icon05_on.gif);
}
#globalNav li.nav06On2 a{
background-image:url(../images/nav_icon06_on.gif);
}
#globalNav li.nav07On2 a{
background-image:url(../images/nav_icon07_on.gif);
}


/* === headMid === */
#headMid{
padding:5px;
border-bottom:solid 1px #929292;
/*background-color:#b0b0b0;*/
/*background-color:#a9d551;*/
background-color:#999eab;
}

#localNav ul,
#localNav li{
display:inline;
margin:0;
padding:0;
}
#localNav ul{
/*border-left:solid 1px #727272;*/
/*border-right:solid 1px #fff;*/
}
#localNav li a{
padding:5px 20px;
/*border-left:solid 1px #fff;*/
/*border-right:solid 1px #727272;*/
}


#localNav li a.lNavOn{
/*background-color:#89a64e;*/
/*background-color:#7d7d87;*/
background-color:#53565d;
color:#fff;
}



/* === headBot === */
#headBot{
background-color:#ededed;
line-height:1.2em;/* for netscape */
}
#topicPth{
padding:7px 5px 0 5px;
}
#topicPth li{
display:inline;
}

#topicPth li img{
vertical-align:middle;
}



/* contents
===========================================*/
#contents{
min-height:450px;
background:url(../images/contents_bg.gif) #fff repeat-x 0 0;
}
#inContents{
padding-top:20px;
padding-bottom:20px;
}

/* contentsE for errors
===========================================*/

#contentsE{
/*min-height:200px;*/
background:url(../images/contents_bg.gif) #fff repeat-x 0 0;
}


/* foot
===========================================*/
#toTop{
padding-bottom:20px;
text-align:right;
}

#toTop a{
padding:5px 0 5px 20px;
background:url(../images/totop_icon.gif) transparent no-repeat 0 50%;
line-height:2em;
}


#copy{
padding-top:11px;
border-top:solid 1px #b6b6b6;
background:url(../images/footer_bg.gif) transparent repeat-x 0 0;
text-align:center;
}
#copy img{
display:block;
margin:0 auto 1px auto;
}

/*===================================================================================
			IE7 IE6 safari netscape
===================================================================================*/
/* hide mac IE /netscape \*/
html*#headBot{
line-height:1.3em;
}
/* end */
/* hide mac IE \*/

*html #headBot{
line-height:1.2em;
}
*html body{
line-height:1.3;
}

*html #globalNav{
background:url(../images/header_top_border.gif) transparent repeat-x 0 1px;
}
*html #news dl{
height:16px;
}
*html .indexMenu02 ul ul ul{
height:105px;
}
*html .indexMenu02 ul ul li{
width:24.97%;
}
*html .indexMenu02 ul ul li li{
width:auto;
}
*html .indexMenu01L ul ul,
*html .indexMenu01R ul ul{
height:80px;
}
*html h1{
height:26px;
}
*html #statusLinks li{
width:24.5%;
}
*html #statusLinks li strong a{
height:35px;
}
*html #statusLinks li strong{
background:url(../images/status_links_bg.jpg) #fff repeat-x 0 2px;
}
*html hr{
margin:8px 0 5px 0;
}
*html #howto hr{
margin:0 0 10px 0;
}
*html #contents{
height:450px;
}
*html .selectList{
margin-bottom:5px;
}
*html .bgMethod #submenu,
*html .bgMethod #submenu_bottom{
width:100%;
top:33px;
}
*html .bgMethod #submenu li a,
*html .bgMethod #submenu_bottom li a{
height:1%;
}
*html #globalNav li.nav07,
*html #globalNav li.nav07On,
*html #globalNav li.nav07On2{
width:11%;
}


*:first-child+html body{
line-height:1.3;
}
*:first-child+html #globalNav li.nav06,
*:first-child+html #globalNav li.nav06On,
*:first-child+html #globalNav li.nav06On2{
width:13%;
}
*:first-child+html #globalNav li a:hover{
background-position:5px 51%;
}
*:first-child+html .indexMenu02 ul ul li{
width:24.9%;
}
*:first-child+html .indexMenu02 ul ul li li{
width:auto;
}
*:first-child+html #statusLinks li{
width:24.5%;
}
*:first-child+html #statusLinks li strong{
background:url(../images/status_links_bg.jpg) #fff repeat-x 0 2px;
}
*:first-child+html hr{
margin:8px 0 5px 0;
}
*:first-child+html #howto hr{
margin:0 0 10px 0;
}

*:first-child+html>body h1{
font-size:medium;
}
*:first-child+html>body h2,
*:first-child+html>body#login h3,
*:first-child+html>body#login,
*:first-child+html>body#howto h1,
*:first-child+html>body#howto{
font-size:small;
}
/* end */

/* safari
 ================================ */
/* hide mac IE \*/
html[xmlns*=""] body:last-child #statusLinks ul{
width:100%;
}
html[xmlns*=""] body:last-child .indexMenu02 ul ul{
padding-right:1%;
width:99%;
}
html[xmlns*=""] body:last-child .indexMenu02 ul ul li{
width:25%;
}
html[xmlns*=""] body:last-child .indexMenu02 ul ul li li{
width:auto;
}
html[xmlns*=""] body:last-child .bgMethod #submenu,
html[xmlns*=""] body:last-child .bgMethod #submenu_bottom{
top:26px;
}
/* end */

/* mac
 ================================ */
/*\*//*/

#statusLinks ul{
border:solid 1px #000;
}
.bgMethod #submenu,
.bgMethod #submenu_bottom{
width:100%
}

/* end */

/*===================================================================================
			clear
===================================================================================*/
/*--------------------------------------------------------------------- clear */

/* clear */
.tab:after,
.bgMethod:after,
#selectForm li:after,
#selectForm:after,
.newsBtm:after,
.svcCode:after,
.menuClear:after,
#menuClear:after,
#statusLinks ul:after,
#login #logIn:after,
#login #logIn dl:after,
.menuClear:after,
.indexMenu02 ul ul:after,
#newsContents dl:after,
#news #cornerRight:after,
#news #cornerLeft:after,
#news .newsBg01:after,
#inHeadTop:after,
#globalNav ul:after{
display: block;
clear:both;
height: 0;
content: ".";
visibility:hidden;
}

/*for mac IE5 \*//*/
.tab,
.bgMethod,
#selectForm li,
#selectForm,
.svcCode,
.menuClear,
#statusLinks ul,
#login #logIn,
#login #logIn dl,
#globalNav,
#menuClear,
.menuClear,
.indexMenu02 ul ul,
#newsContents dl,
#news #cornerRight,
#news #cornerLeft,
#news .newsBg01,
#inHeadTop,
#globalNav ul,
#headTop{
display:inline-block;
}
/* end */

/* for IE 6, IE 7\*/
.tab li a,
*html .tab,
*html .bgMethod,
*html #selectForm li,
*html #selectForm,
*html .svcCode,
*html .txtWrap02Bg,
*html #statusLinks ul,
*html #login #logIn,
*html #login #logIn dl
*html  #globalNav,
*html #container,
*html #globalNav li a,
*html #menuClear,
*html .menuClear,
*html .indexMenu01R ul li,
*html .indexMenu01L ul li,
*html .indexMenu01R ul,
*html .indexMenu01L ul,
*html .indexMenu01 ul,
*html .indexMenu01 ul li,
*html .indexMenu02 ul ul ul li,
*html .indexMenu02 ul ul,
*html #newsContents dl,
*html #news #cornerRight,
*html #news #cornerLeft,
*html #news .newsBg01,
*html #inHeadTop,
*html #globalNav ul{
height:1%;
}

*:first-child+html .txtWrap02Bg,
*:first-child+html .indexMenu01R ul li,
*:first-child+html .indexMenu01L ul li,
*:first-child+html .indexMenu01R ul,
*:first-child+html .indexMenu01L ul,
*:first-child+html .indexMenu01 ul,
*:first-child+html .indexMenu01 ul li{
height:1%;
}
*:first-child+html .tab,
*:first-child+html .bgMethod,
*:first-child+html #container,
*:first-child+html #selectForm li,
*:first-child+html #selectForm,
*:first-child+html .svcCode,
*:first-child+html #statusLinks ul,
*:first-child+html #login #logIn,
*:first-child+html #login #logIn dl,
*:first-child+html #menuClear,
*:first-child+html .menuClear,
*:first-child+html .indexMenu02 ul ul,
*:first-child+html #newsContents dl,
*:first-child+html #news #cornerRight,
*:first-child+html #news #cornerLeft,
*:first-child+html #news .newsBg01,
*:first-child+html #inHeadTop,
*:first-child+html #globalNav,
*:first-child+html #globalNav ul{
display:inline-block;
}
/* end */

@media print {
body {
zoom: 80%;
}
}

div.lead {
margin:0 0 20px 0;
padding:10px 0 10px 0;
border-bottom:1px solid #999;
}

.caution{
color:#900;
font-weight:normal;
}