/* --------------------------------------------------
css/layout.css
ALJ. All Rights Reserved.
----------------------------------------------------- */

*{margin:0;line-height:150%;}

a{color:#666;text-decoration:underline;}
a:visited{color:#666;text-decoration:underline;}
a:hover{color:#06C;text-decoration:underline;}

a img{border:0}

body{
text-align:center;
padding:0 0 10px 0;
color:#666;
font-size:14px;
font-weight:normal;
line-height:150%;
font-family:Verdana,Arial,Helvetica;
background-color:#ebebeb;
/*background:#ebebeb url(../img/common/body_back.gif) center top repeat-y;*/
}

#container{
margin:0 auto;
padding:0 20px;
width:760px;
text-align:left;
}

#header{
height:60px;
border-top:5px solid #042978;
background-color:#fff;
/*background:url(../img/common/header_back.gif) 0 0 no-repeat;*/
}

h1{
float:left;
padding:0 0 0 10px;
width:290px;
}

#flash{
position:relative;
z-index:1; 
}

#infoArea{
float:left;
width:720px;
padding:0 20px;
background:#fff;
}

body#top #infoArea{/*Over write*/
width:760px;
padding:0;
}

#footer{
clear:both;
margin:0 auto;
color:#fff;
text-align:right;
padding:10px 10px 20px 0;
font-size:10px;
background-color:#394d76;
/*background:#394d76 url(../img/common/footer_back.gif) 0 0 no-repeat;*/
}

#footer a{color:#231f20;text-decoration:none;}
#footer a:visited{color:#231f20;text-decoration:none;}
#footer a:hover{color:#231f20;text-decoration:underline;}

/* [TOP]  ----------------------------------------------- */

#top #infoArea .inner{
width:740px;
padding:10px;
}

#top #infoArea #content-L{
float:left;
width:358px;
margin:0 0 10px 0;
}

#top #infoArea #content-R{
float:right;
width:358px;
margin:0 0 10px 0;
}

#top #infoArea .contentbox{
width:356px;
margin:0 0 10px 0;
border:1px solid #b0b0b0;
}

#top #infoArea .contentbox dl,#top #infoArea .contentbox p{
padding:10px;
}

#top #infoArea .contentbox dt{
float:left;
padding:0 10px 3px 15px;
background:url(../img/top/icon_circle.gif) 0 2px no-repeat;
}

#top #infoArea .contentbox dd{
padding:0 0 3px 0;
}

#top #infoArea .banbox{
/* width:358px; */
width:740px;
margin:0 0 10px 0;
}

#top #infoArea .banbox .ban-L{
float:left;
margin:0 0 0 10px;
}

#top #infoArea .banbox .ban-R{
float:right;
}

/* [Common]  -------------------------------------------- */

h2{
margin:10px 0;
}

/* [Philosophy]  ---------------------------------------- */

#philosophy h3{
margin:20px;
}

#philosophy #infoArea p{
margin:20px;
}

#philosophy #infoArea .name{
margin:30px 20px;
text-align:right;
}

/* [Profile]  ---------------------------------------- */

#profile #infoArea dl {
width: 638px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-top: none;
margin: 0 10px 10px 40px;
padding: 0;
}

#profile #infoArea dl dt {
float: left;
font-weight: normal;
color: #333;
padding: 0.3em 0 0.3em 1em;
border-top: 1px solid #ccc;
border-left: none;
width: 10em;
}

#profile #infoArea dl dd {
margin: 0 0 0 10em;
padding: 0.3em 1em 0.3em 1em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#profile #infoArea h3{
margin:0 20px 10px 20px;
}

#profile #infoArea .content-C{
float:left;
width:638px;
margin: 0 10px 10px 40px;
padding:0px 10px 10px 10px;
}


/* [Service]  ---------------------------------------- */

#service #infoArea .content-C{
float:left;
width:600px;
margin: 0 10px 10px 30px;
padding:0px 10px 10px 10px;
}

#service #infoArea .content-L{
float:left;
width:320px;
margin:0px 0px 10px 30px;
padding:0px 10px 10px 10px;
}

#service #infoArea .content-R{
float:right;
width:289px;
margin:0px 20px 10px 0px;
_margin:0px 10px 10px 0px;
padding:0px 2px 10px 2px;
}

#service #infoArea .content-R p{
margin:0px 0px 10px 0px;
}

#service #infoArea h3{
margin:0 20px 0 20px;
}

#service #infoArea h4{
margin:0 20px 10px 20px;
}

#service #infoArea .inner ul{
list-style:none;
padding:0 0 0 50px;
margin:0 0 10px 0;
}

#service #infoArea .inner ul li{
padding:0 10px 3px 20px;
background:url(../img/top/icon_circle.gif) 0 2px no-repeat;
}

#service #infoArea .inner .ex{
padding:10px;
margin:0 30px 10px 30px;
border-bottom:1px dotted #CCC;
}

#service #infoArea .inner .ex dt{
font-size:14px;
font-weight:bold;
}

/* [Recruit]  ---------------------------------------- */

#recruit #infoArea dl {
width: 640px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-top: none;
margin: 0 10px 10px 40px;
padding: 0;
}

#recruit #infoArea dl dt {
float: left;
font-weight: normal;
color: #333;
padding: 0.3em 0 0.3em 1em;
border-top: 1px solid #ccc;
border-left: none;
width: 10em;
}

#recruit #infoArea dl dd {
margin: 0 0 0 10em;
padding: 0.3em 1em 0.3em 1em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#recruit #infoArea h3{
margin:0 20px 10px 20px;
}

#recruit #infoArea p {
margin:0 0 10px 40px;
}

#recruit #infoArea .content-L{
float:left;
width:290px;
margin:0 0 10px 40px;
_margin:0 0 10px 20px;
padding:10px;
border:1px solid #CCC;
background:#ecf0fa;
}

#recruit #infoArea .content-R{
float:right;
width:290px;
margin:0 40px 10px 0;
_margin:0 20px 10px 0;
padding:10px;
border:1px solid #CCC;
background:#ecf0fa;
}

#recruit #infoArea .content-L h4,#recruit #infoArea .content-R h4{
margin:0 0 10px 0;
}


/* [Message]  ---------------------------------------- */

#message #infoArea .inner{
width:680px;
padding:10px 20px 10px 20px;
}

#message #infoArea .inner p {
margin:0 0 15px 0;
}

#message #infoArea .pict {
float:left;
width:250px;
margin:0 20px 15px 0;
}

#message #infoArea .comment {
float:left;
width:410px;
}


/* [Talk]  ---------------------------------------------- */

#talk #infoArea .inner{
margin:15px 0 15px 20px;
_height:1%;
background: url(../img/talk/inner_back.gif) 0 0 repeat-y;
}

#talk #infoArea .inner .boxL{
float:left;
width:530px;
}

#talk #infoArea .inner .boxL .pict1{
float:left;
margin:0 10px 10px 0;
}

#talk #infoArea .inner .boxL .pict2{
float:right;
margin:0 0 10px 10px;
}

#talk #infoArea .inner .boxR{
float:right;
width:145px;
}

#talk #infoArea .inner .boxR .thumb{
width:130px;
margin:0 0 15px 0;
font-size:10px;
border:1px solid #CCC;
}

#talk #infoArea .inner .boxR .thumb p{
padding:5px
}

/* Privacy ---------------------------------------------- */

#privacy #infoArea .inner{
width:700px;
padding:10px;
}

#privacy #infoArea h3{
margin:0 10px 10px 10px;
}

#privacy #infoArea .inner p{
padding:0 20px 5px 25px;
}

#privacy #infoArea .inner ol{
margin:0 0 0 20px;
padding:0 20px 5px 25px;
}


/* etc -------------------------------------------------- */

.clr{
clear:both;
}

.red{color:#F00;}

br{letter-spacing: 0px;}

.mt5 {
	margin: 5px 0 0 0;
	}
.mt10 {
	margin: 10px 0 0 0;
	}
.mt20 {
	margin: 20px 0 0 0;
	}	
.ml5 {
	margin: 0 0 0 5px;
	}
.ml10 {
	margin: 0 0 0 10px;
	}	
.ml20 {
	margin: 0 0 0 20px;
	}		
.ml30 {
	margin: 0 0 0 30px;
	}		
.mb5 {
	margin-bottom: 5px;
	}	
.mb10 {
	margin-bottom: 10px;
	}
.mtb5 {
	margin-top: 5px;
	margin-bottom: 5px;
	}	
.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
	}
.hidden {
	display:none;
	}
table.table_entry{width:610px;}
th.th_entry{width:120px; padding:3px 0px 6px 5px; text-align:left}
td.td_entry{width:490px; padding:3px 0px 6px 5px; text-align:left}