/*Career Connections EU Style Sheet
modified by shio 11 Feb 2010 */

body {
background-color: #FFFFFF;
font-size:12px;
line-height:18px;
padding:0px;
color:#333333;
background-image:url(../images/bg.gif)
}

table{
padding:0;
}

div,
td,
p {
font-family:"Hiragino Kaku Gothic", "MS P Gothic", sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
}

img{
border:0;
}

.line {
background-color:#CCCCCC;
width:1px;
}

.hline {
background-color:#CCCCCC;
height:1px;
}

hr {
color: #CCCCCC;
background-color:#CCCCCC;
size:1;
height:1px;
width: 100%;
border: 0;
padding:0px;
}

.hrw {
color: #FFFFFF;
background-color:#FFFFFF;
size:1;
height:1px;
width: 100%;
border: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top:5px;
  margin-bottom:2px;
}

li {
  line-height: 17px;
  padding-left: 10px;
  padding-top: 0px;
  background-position: 0px 3px;
}


table.moduletable {
padding: 0px;
margin-bottom: 0px;
width: 100%;
background-color:#FFFFFF;
}


/*** menu title left ***/

table.moduletable th {
background-color:#CCCCCC;
text-decoration: none;  
display:block;
width:140px;
height:20px;
font-size: 10px;	
font-weight: bold;
color:#FFFFFF;
text-align: left;
letter-spacing: 1px;
text-indent:5px;
margin-top:2px;
margin-bottom:2px;
font:Verdana, sans-serif;
}

table.moduletable li {
}

table.moduletable ul {
list-style:none;
padding: 0px;
}

table.moduletable td {
font-size: 11px;
font-weight: normal;
}


/* navigation */

#active_menu {
color:#af2657;
text-decoration:none;
font-weight:bold;
}

a.mainlevel:link, a.mainlevel:visited {
color: #5E3D8A;
text-decoration: none;
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size:12px;
padding: 0px 6px 0px 0px;
}

a.mainlevel:hover {
color: #af2657;
text-decoration:none;
}

a.mainmenu:link, a.mainmenu:visited {
color: #5E3D8A;
text-decoration: none;
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size:12px;
padding: 0px 6px 0px 0px;
}

a.mainmenu:hover {
color: #af2657;
}


a.sublevel:link, a.sublevel:visited {
height:15px;
text-indent:10px;
font-size: 11px;
color: #666666;
text-align: left;
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
display:block;
background-color:#FFFFFF;
margin-top:-13px;
margin-left:0px;
width:100%;
text-decoration:none;
border-top:#D5D0E5 dotted 1px;
list-style:none;
}

a.sublevel:hover {
color: #af2657;
text-decoration: none;
display:block;
background-color:#FFFFFF;
text-decoration:none;
list-style:none;
}

/* navigation end*/


/*** top menu ***/

.mainlevel-nav_top, a.mainlevel-nav_top:link, a.mainlevel-nav_top:visited {
background-image:none;
color:#666666;
text-decoration: none;
font-family: 'Hiragino Kaku Gothic', 'MS UI Gothic', sans-serif;
font-size:10px;
text-align: right;
text-indent:10px;
padding:0px;
border:0px;
}

a.mainlevel-nav_top:hover {
color: #CC0000;
text-decoration:none;
}



/*** bottom menu ***/

.mainlevel-nav_bottom, a.mainlevel-nav_bottom:link, a.mainlevel-nav_bottom:visited {
color: #666666;
text-decoration: none;
font-family: 'Hiragino Kaku Gothic', 'MS UI Gothic', sans-serif;
font-size:10px;
text-align:right;
}

a.mainlevel-nav_bottom:hover {
color: #CC0000;
text-decoration:none;
}

#active_menu-nav_bottom {
color:#af2657;
text-decoration:none;
font-weight:bold;
}


/******/

table.moduletable {
margin-bottom: 0px;
width: 100%;
background-color:#FFFFFF;
padding:0px;
border:0px;
}

/* mostread */

mostread.ul {
  margin: 25px;
  padding: 2px;
  list-style: none;
}

li {
  line-height: 17px;
  padding-left: 10px;
  padding-top: 0px;
  background-image:url(../../../images/arrow2.png);  
  background-repeat: no-repeat;
  background-position: 0px 3px;
}


a.mostread:link, a.mostread:visited {
text-align: left;
color: #DC765E;
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 11px;
line-height:17px;
}

a.mostread:hover {
text-align: left;
color:#DC765E;
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 11px;
line-height:17px;
}


/* latestnews */

table.moduletable {
	padding: 2px 0px 2px 2px;
	margin-bottom: 5px;
	width: 100%;
	background-color:#FFFFFF;
}

table.moduletable th {
	font-size        : 10px;	
	font-family      : Verdana;
	font-weight      : bold;
	color            : #999999;
	text-align       : left;
	width            : 97%;
	letter-spacing   : 2px;
	text-indent      : 4px;
	padding-bottom   : 1px;
	padding-top      : 1px;
	border-top       : 1px solid #CCCCCC;
	border-bottom    : 1px solid #CCCCCC;
	background-color : #F2F2F2;
}

latestnews.ul {
  list-style-position:outside;
  padding-bottom:3px;
  padding-top:3px;
  line-height:17px;
}

li {
  text-indent:0px;
  line-height:17px;
}

a.latestnews:link, a.latestnews:visited {
text-align:left;
color: #909090;
font-family: 'Hiragino Kaku Gothic', 'MS Gothic', sans-serif;
font-size: 10px;
padding-top:none;
line-height:1.8em;
}

a.latestnews:hover {
text-align: left;
color:#A78BD5;
font-family: 'Hiragino Kaku Gothic', 'MS Gothic', sans-serif;
font-size: 10px;
text-decoration:none;
line-height:1.8em;
}



/**pathway setting**/

.pathway {
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic',sans-serif;
font-size: 11px;
line-height:150%;
color:#999999;
}

a.pathway:link, a.pathway:visited {
color:#D16B9D;
text-decoration: none;
}

a.pathway:hover {
color: #CC0000;
text-decoration: none;
}


/** table of content header **/

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
	font-family: "Hiragino Kaku Gothic", "MS P Gothic", sans-serif;
	background-color:#FFFFFF;
	font-size:16px;
	letter-spacing:0.1em;
	color:#af2657;
	font-weight: bold;
	line-height:1.8em;
	text-decoration:none;
	height:26px;
}

a.contentpagetitle:hover {
	font-family: "Hiragino Kaku Gothic", "MS P Gothic", sans-serif;
	font-size:16px;
	color:#CC0000;
	font-weight: bold;
	padding-top: 20px;
	text-decoration:none;
}


.contentpane {
background: #ffffff;
padding:0px;
width:100%;
border:0px;
}

.contentpaneopen {
width: 100%;
padding:0px;
}


/** content title **/
.componentheading {
color:#af2657;
font:bold 16px/1.5em  "Hiragino Kaku Gothic", "MS P Gothic", sans-serif;
padding: 5px 0px 20px 0px;
display:block;
}

a:link, a:visited {
color:#663399;
text-decoration: none;
}

a:hover {
color:#CC0000;
text-decoration: none;
}

/*** read more link ***/

.readon, a.readon:link, a.readon:visited {
font-size: 11px;
color:#D16B9D;
text-align:right;
font-family:Verdana, sans-serif;
font-weight:bold;
margin-bottom:10px;
letter-spacing:0.1em;
display:block;
}

a.readon:hover {
color:#CC0000;
text-decoration:none;
}

/*** Section ***/

.sectiontableheader {
color : #663399;
font-weight : bold;
padding: 3px;
margin-left:0px;
}

.sectiontableentry1 {
background-color : #FFFFFF;
padding: 2px;
border-bottom:#D3E1E4 solid 1px;
}

.sectiontableentry2 {
background-color : #FFFFFF;
padding: 2px;
border-bottom:#666666 solid 1px;
}

/*** Current Date ***/

.currentdate {
font-size:10px;
font-family:Verdana, sans-serif;
color:#999999;
letter-spacing:0.2em;
padding-bottom:10px;
}

/*** Copyright ***/

.copyright {
margin-top:15px;
font-family:Verdana, sans-serif;
font-size:10px;
color:#663399;
line-height:1.8em;}


.createdate{
margin-bottom:10px;
font-size:11px;
font-family:verdana, sans-serif;
color:#CCCCCC;
}

.mainpage{
text-align: left;
color: #CC0000;
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 12px;
line-height:18px;
padding:0px;
}

/* Javascript Back button */
.back_button {
font-size:10px;
text-align: center;
margin-top: 20px;
margin-bottom: 40px;
text-decoration:none;
}


/* dotted line */
.vline{
background-image:url(../../../images/div.gif);
height:15px;
width:100%;
}

hr {
color: #CCCCCC;
background-color:#CCCCCC;
size:1;
height:1px;
width: 100%;
border: 0;
}

.hrp {
color:#663399;
background-color:#663399;
size:1;
height:1px;
width: 100%;
border: 0;
}

.white{
font-size:12px;
font-family:"Hiragino Kaku Gothic", "MS P Gothic", sans-serif;
color:#FFFFFF;
font-weight:bold;
}

h1 {
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size:18px;
color:#5E3D8A;
font-weight:bold;
line-height:1.8em;
}

h2 {
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size:14px;
color:#5E3D8A;
font-weight:bold;
line-height:1.8em;
}

h3 {
background:#E8E8E8;
padding:7px 10px;
color:#5E3D8A;
font:bold 14px Verdana, sans-serif;
margin:30px 0 20px 0;
}


.purple {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 12px;
color:#5E3D8A;
}


.p18 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
color: #5E3D8A;
font-size: 18px;
font-weight: bold;
line-height:1.8em;
}

.p14 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
color: #5E3D8A;
font-size: 14px;
font-weight: bold;
line-height:1.8em;
}

.p12 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 12px;
font-weight: bold;
color:#5E3D8A;
}


.red14 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 14px;
color:#CC0000;
font-weight:bold;
}


.red12 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 12px;
color:#CC0000;
}

.red11 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 11px;
color:#CC0000;
}

.grey11 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 11px;
color:#999999;
}

.grey10 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 10px;
color:#999999;
}

.grey12 {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 12px;
color:#999999;
}

.grey12dot {
border-bottom:#999 1px dotted;
padding-bottom:5px;
font-weight:bold;
}

.righttitle {	
font-family: 'Hiragino Kaku Gothic', 'MS P Gothic', sans-serif;
font-size: 12px;
color:#999999;
letter-spacing:0.1em;
}

.pagenav {
font-family: Verdana, sans-serif;
font-size: 10px;
color:#666666;
padding:3px;
}


.clears {
clear:both;
}


#frontpage {
font-size: 11px; 
color:#333333;
line-height:1.2em;
font-family:'Hiragino Kaku Gothic','MS P Gothic',sans-serif;
}
#frontpage td {font-size: 11px; color:#D44848;}
#frontpage a {font-size: 11px; color:#D44848; text-decoration:none;}
#frontpage a:hover {font-size: 11px; color:#ED9797; text-decoration:none;}

#right {	
font-family: 'Hiragino Kaku Gothic','MS Gothic', sans-serif;
font-size: 10px;
color:#909090;
line-height:1.8em;
}

#right td {font-size: 10px; color:#909090;}
#right a {font-size: 10px; color:#909090; text-decoration:none;}
#right a:hover {font-size: 10px; color:#A78BD5; text-decoration:none;}

/* job table */

.position{
text-align:left;
background:#C7B2D5;
padding:4px 4px 2px 2px;
text-decoration: none;  
font-size:14px;	
font-weight: bold;
color:#5E3D8A;
text-align: left;
font:Verdana, sans-serif;
border:#C7B2D5 1px solid;
border-collapse:collapse;
width:562px;
margin-bottom:2px;
}

table.job {
font-size: 11px;
width:562px;
border:#C7B2D5 1px solid;
padding:2px;
border-collapse:collapse;
}

table.job th {
font-size: 12px;	
font-weight: bold;
color:#5E3D8A;
text-align: left;
font:Verdana, sans-serif;
border-top:#C7B2D5 solid 1px;
border-right:#C7B2D5 solid 1px;
border-collapse:collapse;
width:65px;
padding:2px 2px 2px 5px;
}


table.job td {
font-size: 12px;
font-weight: normal;
padding:2px 2px 2px 5px;
border-top:#C7B2D5 solid 1px;
border-collapse:collapse;
}


.number {
float:right;
font:blod 11px Verdana, sans-serif;
}

.entry {
text-align:right;
margin:10px 0 20px 0;
width:562px;
}

ul.dashed {
  margin: 25px;
  padding: 2px;
  list-style: none;
}

.dashed li {
  line-height: 17px;
  padding: 10px 0 10px 0;
  background-image:none;
  border-top:#CCCCCC 1px dashed;
}

table.dashed {
border-top:#CCCCCC 1px dashed;
border-collapse:collapse;
}

table.dashed td {
border-bottom:#CCCCCC 1px dashed;
border-collapse:collapse;
padding:5px 0;
}

table.dashed th {
font-weight:bold;
border-bottom:#CCCCCC 1px dashed;
border-collapse:collapse;
color:#5E3D8A;
text-align:left;
padding:5px 7px 5px 0;
}

ul.listsmall {
  margin: 25px;
  padding: 2px;
  font:smaller/1.2em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.listsmall li {
  line-height:1.5em;
  background:url(http://www.careerconnections.jp/jp/images/disc_small.gif) no-repeat 0 4px;
  margin:5px 0;
}


/*language menu*/

a.lang, a.lang:visited, div.lang
{
  display: block;
  width:   155px;
  border:  1px solid #FFFFFF;
  padding: 5px;
  background: #bda3d8 url(bg_lang.gif) repeat-x;
  text-decoration: none;
  font: bold smaller/1.2em "Lucida Grande", Verdana, sans-serif;
  color:   #FFFFFF;
}


a.lang:hover
{
  background: #deccf1;
  color:   #330066;
}

a.lang, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child  { border-bottom: 1px solid #FFFFFF; }


.languagemenu {
float:right;
z-index:1;
}