/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	line-height:1.4;
	margin: 0;
	padding: 0;
	color:#fff;
	background-color:#222222;
	background-image:url(images/body_bg.gif);
	background-position:top left;
}

table{
	margin:0;
	color:#fff;
	background-color:#000;
	word-break:break-all;
	border-collapse:collapse;
}

th{
	text-align:center;
	vertical-align:top;
}

td{
	text-align:left;
	vertical-align:top;
}

ul{
	margin-top:0px;
}

ol{
	margin-top:0px;
}

pre{
	padding:10px;
	background-color:#333333;
	font-family:"ＭＳ ゴシック", Verdana,Arial, "MS UI Gothic", "Osaka−等幅";
}

a:link, a:visited, a:active {
	/*color:#FF9900;*/
	color:#FFCC33;
	text-decoration:underline;
}

a:hover {
	/*color:#99FF00;*/
	color:#FF9900;
	text-decoration:underline;
}

p{
	background-color:#000;
}

iframe.cnt{
	border: 1px #2c2c2c solid;
	height:15px;
	width:120px;
}

img{
	border-width:0;
	vertical-align: bottom;
}

hr{
	border-color:#666666;
	border-style:solid;
	border-width:1px 0 0 0;
	height:1px;
}

hr.dot{
	border-color:#CC99CC; border-style:dotted;
}

hr.dotgray{
	border-color:#CCCCCC; border-style:dotted;
}

h1{
	
}

h2{

}

strong{
	font-size:14px;
	font-weight:bold;
}

/***********************************************/
/* Layout                                      */
/***********************************************/

div.basePanel{
	margin:0;
	width:960px;
	font-size:12px;
	line-height:1.4;
	padding:0;
	background-color:#000;
	border-style:solid;
	border-color:#666666;
	border-width:0 1px 1px 1px;
	text-align:left;
	word-break:break-all;
}

div.head{
	margin:0;
	padding:0;
	background-image:url(images/top_rpt.png);
	background-position:center left;
	background-repeat:repeat-x;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	/*height:100px;*/
}

div.headUnder{
	margin:0;
	padding:0;
	border-style:solid;
	border-color:#666666;
	border-width:1px 0 0 0;
	height:17px;
}

div.leftside{
	margin:0;
	padding:0 0 18px 0;
	float:left;
	width:185px;
}

div.main{
	margin:0;
	padding:0 0 18px 0;
	float:left;
	width:721px;
	/* width は basePanelの幅(960)からleftsideの左余白(18)、leftside(185)、leftside(18)の右余白、mainの右余白(18)を引いた数値 */
	/* 960-18-185-18-18 */
}

div.xSpace{
	/* leftsideの左、右余白、mainの右余白用に使用 */
	margin:0;
	padding:0 ;
	float:left;
	width:18px;
}

div.foot{
	margin:30px 0 0 0;
	padding:0;
	clear:both;
	background-color:#222222;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	
}


/***********************************************/
/*Central Component                            */
/***********************************************/

p.titleA{
	background-image:url(images/titleA_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:40px;
	vertical-align:middle;
	padding:11px 0 0 0;
	margin:0;
	font-size:13px;
	font-weight:bold;
	text-indent:21px;
}

p.titleB{
	background-image:url(images/titleB_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:32px;
	vertical-align:middle;
	padding:6px 0 0 0;
	margin:0;
	font-size:12px;
	font-weight:bold;
	text-indent:16px;
}

.titleMini{
	background-image:url(images/titleMini_bg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	vertical-align:middle;
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:bold;
}

li.idx{
	font-size:13px;
	line-height:1.6;
}

.idxNum{
	background-color:#333333;
	font-size:13px;
	line-height:1.6;
	border-width:1px;
	border-style:solid;
	border-color:#999999;
	padding:3px 8px;
}

.idxTpc{
	font-size:13px;
	line-height:1.6;
	border-width:1px;
	border-style:solid;
	border-color:#999999;
	padding:3px 8px;
}

.grayBoxHead{
	padding:2px 10px 2px 10px;
	background-color:#555555;
	font-weight:bold;
}

.grayBox{
	padding:10px;
	background-color:#333333;
}

.grayBoxThin{
	padding:3px 6px;
	background-color:#333333;
}

.listA_dt{
	padding:5px 6px;
	background-color:#434343;
	white-space:nowrap;
	width:1%;
}

.listA_txt{
	padding:5px 6px;
	background-color:#333333;
	width:98%;
}

.listA_no{
	padding:5px 6px;
	background-color:#202020;
	color:#999999;
	white-space:nowrap;
	text-align:center;
	width:1%;
}

.listB_dt{
	padding:5px 6px;
	background-color:#545454;
	white-space:nowrap;
	width:1%;
}

.listB_txt{
	padding:5px 6px;
	background-color:#444444;
	width:98%;
}

.listB_no{
	padding:5px 6px;
	background-color:#2C2C2C;
	color:#999999;
	white-space:nowrap;
	text-align:center;
	width:1%;
}

.ScrlBar{
	scrollbar-base-color: #333333;
	scrollbar-arrow-color: #ffffff;
	scrollbar-shadow-color: #555555;
	scrollbar-darkshadow-color:#333333;
	/* DivForPre スタイル（下部の方に記載）にも同じスタイルを設定 */
}


/***********************************************/
/*Left Side Component                          */
/***********************************************/

div.Divleft{
	padding:0px;
	background-color:#FFFFFF;
	border-color:#CC99CC;
	border-width:0px 0px 4px 0px;
	border-style:solid;
}

.naviHeader {
	padding:6px 0 6px 0;
	text-align:center;
	color:#99FF00;
	border-color:#666666;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
	background-position:center center;
	/*width:185px;*/
}

/*** #navBar link styles ***/
#navBar ul {
	list-style: none;
	margin: 0;
	padding:0;
}

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	text-decoration:none;
	padding: 6px 0 6px 0;
	color:#fff;
	background-image:url(images/btn_rpt.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#navBar ul a:hover {
	display: block;
	text-decoration:none;
	padding: 6px 0 6px 0;
	color:#fff;
	background-image:url(images/btn_rpt2.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-color:#666666;
	border-width:0 1px 1px 1px;
	border-style:solid;
	text-indent:19px;
}


/***********************************************/
/* Position                                    */
/***********************************************/

.vtop{
	vertical-align:top;
}

.txt_center{
	text-align:center;
}

.txt_right{
	text-align:right;
}

.txt_left{
	text-align:left;
}

.fleft{
	float:left;
	text-align:left;
}

.fright{
	float:right;
}

.clear{
	clear:both;
}


/***********************************************/
/*Useful Style                                 */
/***********************************************/

.copy{
	vertical-align:middle;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:14px 10px 10px 10px;
	font-size:11px;
	color:#666666;
}

.sectionTitle{
	background-image:url(images/bg2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	color:#006600;
}

.mycontent{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:160%;
	padding:0px 10px 0px 10px;
}

.coution{
	color:#FF0000;
	padding:5px 5px 0px 0px;
	font-size:10px;
	text-align:right;
	white-space:nowrap;
}

.coution2{
	color:#FF0000;
	padding:0px 5px 0px 15px;
	white-space:nowrap;
}

.coution3{
	font-size:10px;
	color:#999999;
	padding:0px 5px 0px 15px;
	white-space:nowrap;
}

.red{
	color:#FF0000;
}

.lime{
	/* color:#CCFF33; */
	color:#BDED2C;
}

.noSpace{
	margin:0px;
	padding:0px;
}

div.DivForPre{
	/* pre がはみ出したらスクロールバー出す用 */
	overflow: auto;
	width:721px;	/* IE は width を指定しないとoverflowが効かないため、div.main と同じ幅を指定しておく */
	scrollbar-base-color: #333333;		/* スクロールバーは .ScrlBarスタイル（上部の方に記載）と同じスタイルに */
	scrollbar-arrow-color: #ffffff;
	scrollbar-shadow-color: #555555;
	scrollbar-darkshadow-color:#333333;
}