/* ===================================================
base.css for all pages, all browser(excet IE4,NN4)

 01.BASE

 02.DESIGN STRUCTURE

 03.DOCUMENT STRUCTURE

 04.LINKTEXT DECOTAIOTN

 05.EACH
 
==================================================== */

/* 01 BASE
---------------------------------------------------- */

* { margin: 0; padding: 0; }
/*\*/ a { overflow:hidden; }/**/

body{
	font-size:13px;
	*font-size:small;
	*font:x-small;	
	font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	color:#000;
	text-align:center;
	background:url(../images/bgimg_header.gif) repeat-x 0 0;
}

table { font-size:inherit; font:100%; }

hr{ display:none; }

ul,ol { list-style-type: none; }

img
{ 
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
}

.clear{ clear:both; height:1px; overflow: hidden; }


/* 02 DESIGN STRUCTURE
---------------------------------------------------- */

#wrapper{
	width:90%;
	min-width:900px;
	margin:auto;
	text-align:left;
}

#wrapperPopup{
	width:90%;
	margin:auto;
	text-align:left;
}

#header{
	height:45px;
}

#content{
	padding:0 0 30px 0;
	clear:both;
}	

#footer{
	clear:both;
	border-top:solid 3px #133679;
	margin:0 0 20px 0;
	text-align:center;
}

address{
	color:#133679;
	font-style:normal;
	font-size:85%;
	font-weight:bold;
	margin-top:10px;
}	


/* 03 DOCUMENT STRUCTURE
---------------------------------------------------- */

p , li , dt , dd{ font-size:95%; line-height:1.6em;}

.paragraph{
	margin-top:15px;
}	

address{
	font-style:normal;
	font-size:85%;
}	

h1{
	padding:10px 0 0 10px;
	_padding:15px 0 0 10px;
	color:#FFF;
	font-size:122%;
	float:left;
}

h2{
	background-color:#F2F1EA;
	border:solid 1px #D1D0BF;
	border-left:5px solid #133679;
	padding:5px;
	font-size:110%;
	margin-top:20px;
}	

#wrapperPopup h2{
	margin-top:20px;
}

h3{
	border-bottom:solid 1px #133679;
	border-left:solid 5px #133679;
	padding:1px 5px 2px 5px;
	font-size:95%;
	margin-top:15px;
}	

h4{
	font-size:95%;
}

#header ul{
	padding-top:12px;
	color:#FFF;
	font-weight:bold;
}

#header li{
	float:right;
	margin-left:10px;
}	

.attention{
	color:#FF0000;
}	

.endMessageArea{
	margin-top:30px;
	text-align:center;
}	

.pageList{
	margin-top:15px;
}	

.pageList td{
	padding:0 5px 0 0;
}

.pageList td.numberArea{
	padding:0 15px;
}	

/* 04 NAVIGATION
---------------------------------------------------- */	

#mainNaviArea{
	height:30px;
	overflow:hidden;
}

#mainNaviArea:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

/*\*/
* html #mainNaviArea { height:1em; overflow:visible; }

#mainNaviArea li{
	float:left;
	width:130px;
	color:#333333;
	text-align:center;
	line-height:2.5em;
}

#mainNaviArea li a{
	display:block;
	width:100%;
	height:30px;
	border-right:solid 1px #ccc;
	text-decoration:none;
}

#mainNaviArea li a#mmenu1{ border-left:solid 1px #ccc; }

#mainNaviArea li a:hover{
	text-decoration:none;
}

/* subMenu
-----------------*/	

#subNaviArea{ position:relative; }	

.subNavi {
   position:absolute;
	 top: 30px;
	 visibility:hidden;
	 z-index: 3;
}

.subNavi ul{
	width:130px;
	border:none;
	border-top:solid 1px #DBD9CC;
}	

.subNavi li{
	background-color:#ECF4F8;
	border:solid 1px #DBD9CC;
	border-top:none;
}

#mainNaviArea li .subNavi li a{
	border:none;
	height:30px;
}

div#menu1{left:0; }
div#menu2{left:130px; }
div#menu3{left:260px; }
div#menu4{left:390px; }
div#menu5{left:520px; }
div#menu6{left:650px; }



/* 05 LINKTEXT DECOTAIOTN
---------------------------------------------------- */

a{ color:#133679; }
a:hover{ color:#8B9BBB; }

h1 a , h1 a:hover{
	color: #FFF;
	text-decoration: none;
}


/* 06.EACH
---------------------------------------------------- */

/* tabArea
------------------*/

.tabArea{
	margin-top:0;
}	

.tabArea li{
	display:inline;
}	

.tabArea li input{
	vertical-align:bottom;
}	


/* ログイン画面
------------------*/

#loginContent{
	clear:both;
	text-align:center;
	background-color:#E7EAF1;
	padding:30px;
	margin-top:30px;
}

#loginContent table{
	margin:auto;
}	

#loginContent th , #loginContent td{
	padding:5px;
}	

#loginContent th{
	text-align:left;
	font-weight:normal;
}	


/* メインメニュー画面
------------------*/

.mainMenuArea{
	margin-top:50px;
}

.mainMenuArea th{
	background-color:#E7EAF1;
	border:solid 1px #BCC6D9;
	padding:5px 0;
	text-align:center;
	font-weight:bold;
	width:30%;
}

.mainMenuArea td{
	border-right:solid 10px #FFF;
	border-left:solid 10px #FFF;
	vertical-align:top;
}	

.mainMenuArea ul{
	list-style-type:disc;
	padding-left:15px;
	margin-top:5px;
}

.mainMenuArea li{
	margin-bottom:5px;
}	


/* commonTable
------------------*/

.commonTable , .commonTableLeft{
	border-collapse:collapse;
	margin-top:15px;
}

.commonTable th , .commonTable td , .commonTableLeft th , .commonTableLeft td{
	padding:5px;
	border:solid 1px #8B9BBB;
	font-size:95%;
	text-align:center;
}

.commonTableLeft th{
	text-align:left;
	width:100px;
}	
	
.commonTableLeft td{
	text-align:left;
	width:300px;
}		
	
.commonTable th , .commonTableLeft th{
	background-color:#C0CCE2;
	font-weight:normal;
}

.commonTable .subTh , .commonTableLeft .subTh{
	background-color:#F3F6FC;
}

.commonTable td.cellRight , .commonTableLeft td.cellRight{
	text-align:right;
}

.commonTable td.cellLeft , .commonTableLeft td.cellLeft{
	text-align:left;
}	

.commonTable td.cellCenter , .commonTableLeft td.cellCenter{
	text-align:center;
}	

.commonTable td.noLeftBottomBorder , .commonTableLeft td.noLeftBottomBorder{
	border-left:none;
	border-bottom:none;
	background:none;
	text-align:left;
}

.commonTable td.noRightBottomBorder , .commonTableLeft td.noRightBottomBorder{
	border-right:none;
	border-bottom:none;
	background:none;
}

.commonTable td.noBottomBorder , .commonTableLeft td.noBottomBorder{
	border-bottom:none;
	background:none;
}

.commonTable th.noLeftTopBorder , .commonTableLeft th.noLeftTopBorder{
	border-left:none;
	border-top:none;
	background:none;
	padding:0;
	text-align:left;
}

.commonTable th.noRightTopBorder , .commonTableLeft th.noRightTopBorder{
	border-right:none;
	border-top:none;
	background:none;
}

.cellColer td{
	background-color:#F3F6FC;
}

.cellSelect td{
	background-color:#F0ECD1;
}

.noTopMargin{
	margin-top:0;
}	


/* layoutTable
------------------*/

.layoutTable th , .layoutTable td{
	padding:0 5px 0 0;
	border:none;
	font-size:inherit;
	background:none;
	width:auto;
}


/* buttonArea
------------------*/

.buttonAreaCenter{
	margin-top:10px;
	text-align:center;
}

.buttonAreaLeft{
	margin-top:10px;
	text-align:left;
}	

.buttonAreaRight{
	margin-top:10px;
	text-align:right;
}	

.buttonAreaCenter input , .buttonAreaLeft input{
	margin-right:10px;
}	


/* errorArea
------------------*/

#loginContent .errorArea{
	text-align:center;
	margin:0 auto 30px auto;
}	

.errorArea{
	background-color:#FFE9E9;
	border:solid 1px #E1BCBC;
	padding:10px;
	width:500px;
	margin-top:20px;
}	

.errorArea ul{
	text-align:left;
	padding-left:15px;
}	

.errorArea li{
	list-style-type:disc;
	margin-bottom:5px;
	color:#FF2323;
}	

option{ padding-right:15px; }	

.textInputVeryVeryShort{ width:50px; }
.textInputVeryShort{ width:100px; }
.textInputShort{ width:150px; }
.textInputNormal{ width:250px; }
.textInputNormal2{ width:200px; }
.textInputLarge{ width:350px; }

.creditInframeArea{
	height:250px;
	overflow:auto;
	padding-left:1px;
}	

/*ログインユーザー*/
.textInputLogin
{
	ime-mode: disabled;
}


/*

	隠しエリア
---------------------------------------------------- */
#hidden_area
{
	visibility: hidden;
	position: absolute;
	left: -1000px;
}




/*ボタン*/
.bgimgBtn01 , .bgimgBtn02 {
	display:inline-block;
	background:url(../images/bgimgBtn.gif) no-repeat 0 0; 
	padding:0 0 0 6px;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	margin-right:5px;
	vertical-align:middle;
}	

.bgimgBtn01 span , .bgimgBtn02 span {
	display:inline-block;
	background:url(../images/bgimgBtn.gif) no-repeat 0 0;
	padding:0 6px 0 0;
	margin-right:0;
}

.bgimgBtn01{ height:20px; background-position:0 0; font-size:90%; }
.bgimgBtn01 span{ height:20px; line-height:20px; background-position:100% -20px; }

.bgimgBtn02
{
	height: 33px;
	background-position: 0 -40px;
	font-size: 120%;
}
.bgimgBtn02 span
{ 
	height:33px; line-height:33px; background-position:100% -73px; 
                  
}


.grayBtn{ color:#999; }

.small{font-size:80%;}
.normal{font-size:100%;}



.damyButton
{
	position: absolute;
	top: -100px;
}