/*Career Connections JP Style Sheet
13 Aug 2010 : modified by sm*/

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


body {
background-color: #FFFFFF;
font-size:12px;
line-height:18px;
padding:0px;
color:#333333;
background-image:url(../images/bg.gif);
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table{
padding:0;
}

div,
td,
p {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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:#FF7AA9;
text-decoration:none;
font-weight:bold;
}

a.mainlevel:link, a.mainlevel:visited {
color: #5E3D8A;
text-decoration: none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
padding: 0px 6px 0px 0px;
}

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

a.mainmenu:link, a.mainmenu:visited {
color: #5E3D8A;
text-decoration: none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
padding: 0px 6px 0px 0px;
}

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


a.sublevel:link, a.sublevel:visited {
height:15px;
text-indent:10px;
font-size: 11px;
color: #666666;
text-align: left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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: #FF7AA9;
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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:10px;
text-align:right;
}

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

#active_menu-nav_bottom {
color:#FF7AA9;
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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 11px;
line-height:17px;
}

a.mostread:hover {
text-align: left;
color:#DC765E;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 10px;
padding-top:none;
line-height:1.8em;
}

a.latestnews:hover {
text-align: left;
color:#A78BD5;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 10px;
text-decoration:none;
line-height:1.8em;
}



/**pathway setting**/

.pathway {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#FFFFFF;
	font-size:16px;
	letter-spacing:0.1em;
	color:#666666;
	font-weight: bold;
	line-height:2.4em;
	text-decoration:none;
	height:26px;
}

a.contentpagetitle:hover {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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 {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#999999;
font-size: 14px;
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 {
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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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;
}

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

h1 {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
color:#5E3D8A;
font-weight:bold;
letter-spacing:0.2em;
line-height:1.8em;
}

h2 {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
color:#5E3D8A;
font-weight:bold;
line-height:1em;
}


.white{
font-size:12px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#FFFFFF;
font-weight:bold;
}


.p18 {	
color: #5E3D8A;
font-size: 18px;
font-weight: bold;
line-height:1.8em;
}

.p14 {	
color: #5E3D8A;
font-size: 14px;
font-weight: bold;
line-height:1.8em;
}

.p12 {	
font-size: 12px;
font-weight: bold;
color:#5E3D8A;
}


.red14 {	
font-size: 14px;
color:#CC0000;
font-weight:bold;
}


.red12 {	
font-size: 12px;
color:#CC0000;
}

.red11 {	
font-size: 11px;
color:#CC0000;
}

.grey11 {	
font-size: 11px;
color:#999999;
}

.grey10 {	
font-size: 10px;
color:#999999;
}

.grey12 {	
font-size: 12px;
color:#999999;
}

.blue {
color:#4178B7;
}

.righttitle {	
font-size: 12px;
color:#999999;
letter-spacing:0.1em;
}

.right {	
font-size: 11px;
color:#333333;
}

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


/* -- Top Page ---*/

#frontpage {
font-size: 11px; 
color:#333333;
line-height:1.2em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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;}


#frontpage_grey {
font-size:11px;
_font-size:x-small;
color:#666;
line-height:1.7em;
margin-bottom:5px;
}

#frontpage_grey a {
color:#666; 
text-decoration:none;
}

#frontpage_grey a:hover {
color:#9b68ad; 
text-decoration:none;}




/* -- list top page ---*/


ul.circle {
  margin: 25px 0;
  padding: 2px;
  list-style-image: url(http://www.careerconnections.jp/jp//images/disc.gif);
  list-style-position:inside;
}

li.circle {
line-height: 25px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
font-weight: bold;
color:#5E3D8A;
}


ul.greyline {
list-style-image: none;
background-image:none;
padding:0;
}

li.greyline {
padding:5px 0;
background-image:none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
color:#666666;
border-bottom:#CCCCCC 1px dashed;
}

li.greyline a, li.greyline a:visited {
color:#666666;
background-image:none;
}

li.greyline a:hover {
color:#9b68ad;
background-image:none;
}


.topsub {
margin:10px 0; 
border-bottom:#cccccc 1px dashed; 
font:bold 14px/1.7em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #5E3D8A;
}

.clears {
clear:both
}

.imgright {
float:right;
padding:0 0 5px 10px;
}

.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;
}


.table_affinity {
}

.table_affinity td {
line-height:1.4em;
color:#999999;
font-size:0.9em;
_font-size:0.7em;
}

.table_affinity a {
line-height:1.4em;
color:#999999;
}

.table_affinity a:hover {
color:#69cdee;
}