@charset "utf-8";
/* CSS Document */

#MAIN{
	margin:20px auto 30px;
	width:1040px;
}


#MAIN #MAIN_R{
	float:right;
	text-align:left;
	width:560px;
	padding:0 20px 0 0;
	margin-bottom:30px;
}

#MAIN #MAIN_R h1{
	background:url(../img/contents/h1.jpg) no-repeat left bottom;
	color:black;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}

#MAIN #MAIN_R h2{
	border-left:10px solid #18256c;
	border-bottom:1px dotted #18256c;
	color:black;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	margin-top:40px;
	margin-bottom:20px;
}

#MAIN #MAIN_R h3{
	/*background:url(../img/share/arrow070_06.gif) no-repeat left center;*/
	color:#003399;
	font-size:16px;
	font-weight:bold;
	padding-left:0px;
	padding-top:5px;
	margin:20px 0 10px 0px;
}

#MAIN #MAIN_R2{
	float:right;
	text-align:left;
	width:215px;
}

#MAIN #MAIN_L{
	float:left;
	text-align:left;
	width:210px;
}

#MAIN #MAIN_L ul,
#MAIN #MAIN_R2 ul{
	margin:0;
}

#MAIN #MAIN_L ul li,
#MAIN #MAIN_R2 ul li{
	list-style:none;
	margin:0 0 0 0!Important;
	padding:0;
}

#MAIN #MAIN_R ul li{
	list-style:disc outside;
	margin-left:40px;
	color:#333333;
}

#MAIN #MAIN_R ul li.btm20{
	margin-top:30px;
}

#MAIN #MAIN_R ul li strong{
	font-weight:bold;
}

/* table */
#MAIN_R table{
   margin-left:10px;
border-collapse: separate;
border-spacing: 1px;
}

#MAIN_R table td{
	text-align:left;
   font-size:14px;
   border-bottom:1px dotted #bcc8eb;
   color:#333333;
   padding:10px;
}

#MAIN_R table td.blue{
  background-color:#e5e8f9;
  border-right:none;
  border-bottom:1px solid #e5e8f9;
}

#MAIN_R table td.top{
  border-top:1px dotted #bcc8eb;
}

#MAIN_R table td.solidtop{
  border-top:1px solid #bcc8eb;
}

#MAIN_R table td.right{
  border-right:1px dotted #bcc8eb;
}

#MAIN_R table td.job{
	line-height:130%;
}

#MAIN_R table td.job input{
	margin-bottom:5px;
}

input, textarea{
	padding: 5px; 
	margin: 4px 0 20px 0; 
	background: #fff; 
	color: #555; 
	border: 1px #bcc8eb solid;
	
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	-webkit-box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa; 
	box-shadow: 0px 0px 4px #aaa;
	
	/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
	-webkit-transition: background 0.3s linear;		
}

input:focus {
    border:solid 1px #EEA34A;
}

 input.submit { 	
	width: 140px; 
	color: #eee; 
	margin-top: 10px;
	background-color: #003399;
	border: none;
	
	/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
	-webkit-transition: -webkit-box-shadow 0.3s linear;
	
	/* -- CSS3 - Rounded Corners -- */
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px; 

	/* -- CSS3 Shadow - create a shadow around each input element -- */ 


} 

input.submit:hover { 		
	-webkit-box-shadow: 0px 0px 20px #555;
	-moz-box-shadow: 0px 0px 20px #aaa; 
	box-shadow: 0px 0px 20px #555;	
	cursor:  pointer; 
}