/* CSS Document */

*{ margin: 0; padding: 0;}

body{
	text-align: center;
	font-size: 80%;
	line-height: 1.4;
	background: url(img/comm/bk.gif) repeat-x #FFF;
}

h1{
	font-size: 80%;
	font-weight: normal;
}


#frame{
	width: 750px;
	text-align: left;
	margin: 0 auto;
}

a:link{ color: #0066CC; text-decoration: none;}
a:visited{ color: #003399; text-decoration: none;}
a:hover{ text-decoration: underline;}

h3,h4{ margin-top: 15px;}

/*------------------------------------------------------------------
			header
-------------------------------------------------------------------*/

#header{
	height: 82px;
}

#logoArea{
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	width: 360px;
}

#subMenuArea{
	padding-top: 10px;
	float: right;
	padding-right: 10px;
	width: 300px;
	text-align: right;
}




/*------------------------------------------------------------------
			contents
-------------------------------------------------------------------*/


#contents{
	padding-top: 30px;
}

#topFrash{
	text-align: center;
	width: 730px;
	margin: 0 auto;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #CCC;
}

#topBn img{
	margin-top: 10px;
}

#topInfo{
	padding: 5px;
	border: 1px solid #CCC;
	background-color: #E8E8E8;
}

#topInfoInner{
	background-color:#FFF;
}
#sideArea{
	float: left;
	width: 225px;
}

#mainArea{
	width: 510px;
	float: right;
	
}



/*-----------------------------------------------------------------
		gnavi
------------------------------------------------------------------*/

#gnavi{
	background-color: #E8E8E8;
	padding: 4px;
	width: 213px;
}

#gnavi ul{
	list-style-type: none;
	padding-left: 0px;
}
#gnavi li{
	height: 46px;
}

#gnavi li.no-bk{
	background: none;
	padding-left: 0px;
}






/*------------------------------------------------------------------
			footer
-------------------------------------------------------------------*/


#footer{
	clear: both;
	text-align: center;
	padding-top: 20px;
}

#footer table{
	margin: 0 auto;
}

#ftMenu{
	background: url(img/comm/ft-mn-bk.gif) no-repeat;
	width: 740px;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 30px;
}

#ftMenu a{
	background: url(img/comm/i-yj-k.gif) no-repeat left 2px;
	padding-left: 15px;
	padding-right: 10px; 
}

#ftCopy{
	background-color: #E8E8E8;
	padding: 15px;
}


/*-----------------------------------------------------------------
		class
------------------------------------------------------------------*/

.alin-c{ text-align: center;}
.alin-c table{ margin: 0 auto;}
.alin-l{ text-align: left;}
.alin-r{ text-align: right;}

.bdr{ border: 1px solid #CCC;}
.bdr-t{ border-top: 1px solid #CCC;}

.bdr-l-orn{ border-left: 4px solid #FFC299;}

.bdr-b-bl{ border-bottom: 3px solid #019ACD;}
.bdr-ylw{ border: 1px solid #FFCC00;}

.box-ylw{
	border: 1px solid #FF9933;
	background-color: #FFFFE0;
}


.clr{ clear: both;}

.cap-orn{
	background: url(img/top/bk-scap.jpg) no-repeat;
	padding: 5px 8px 10px 20px;
	font-size: 120%;
}

.cap-bl{
	clear: both;
	background: url(img/comm/bk-cap-bl.gif) no-repeat;
	padding: 12px 8px 30px 23px;
}

.cap-bl-s{
	color: #0099CC;
	border-left: #09C solid 4px;
	padding-left: 10px;
}

.cap-sttl-bl{
	background: url(img/comm/bk-sttl.jpg) no-repeat;
	margin-top: 15px;
	padding: 6px 0 20px 20px;
	color: #FFF;
	font-size: 120%;
}

.cap-yj-b{
	background: url(img/comm/i-yj-bl-b.gif) no-repeat left 4px;
	color: #990000;
	padding: 0 0 6px 10px;
	font-size: 100%;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 5px;
}

.flt-r{
	float: right;
	margin: 0px 0px 10px 10px;
}

.flt-l{
	float: left;
	margin: 0px 10px 10px 0px;
}
.fs-sml{ font-size: 80%;}

.i-ptop{
	background: url(img/comm/i-up.gif) no-repeat left 2px;
	padding: 0 0 10px 13px;
}


.pd3{padding:3px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.pd30{padding:30px;}

.pdt3{padding-top:3px;}
.pdt5{padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt50 {padding-top:50px;}
	
.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}
.pdr30 {padding-right:20px;}

.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
	
.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl20 {padding-left:20px;}
.pdl25 {padding-left:25px;}
.pdl30 {padding-left:30px;}
.pdl35 {padding-left:35px;}
.pdl40 {padding-left:40px;}
.pdt10b20l10{padding:10px 0 20px 10px;}

.mg10{margin:10px;}

.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}

.mgr5 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}

.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}

.mgl5 {margin-left:5px;}
.mgl8 {margin-left:8px;}
.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl20 {margin-left:20px;}


.tbl-nml{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.tbl-nml td{
	padding: 8px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.tbl-nml td.nopd{
	padding: 0px;
}

#inqArea th,#inqArea td{
	padding: 6px;
	border-bottom: 1px solid #CCC;
}

#inqArea table th{
	width: 130px;
	background-color: #E8E8E8;
	text-align: left;
	font-weight: normal;
}

#inqArea input.wd{
	width: 200px;	
}

#inqArea textarea{
	width: 300px;
	height: 120px;	
}

.menuArea table{
	width: 100%;
}
.menuArea td, .menuArea th{
	padding: 3px;
	background-color: #E8E8E8;
}

.menuArea table th{
	width: 330px;
	text-align: left;
	font-weight: normal;
}

.menuArea table td{
	text-align: right;
}
.tbl-bk td{
	background-color: #660000;
	color: #FFF;
	font-weight: bold;
	width: 100%;
	padding: 4px;
}
.tbl-bk2 td{
	background-color: #993333;
	color: #FFF;
	font-weight: bold;
	width: 100%;
	padding: 4px;
}

#infoArea{
	padding: 0 15px;
}

#infoArea img{
}

.tbl-nml-line{
	border-top: 1px solid #CCC;
}

.tbl-nml-line td{
	border-bottom: 1px solid #CCC;
	padding: 4px;
}

.tbl-bdr-red{
	border: #EEEEEE 4px solid;
	margin-bottom: 30px;
	margin-top: 10px;
}

.tbl-bdr-red td{
	padding: 8px;
}