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


/*-------------------------------------------------------*/
/*右側
/*-------------------------------------------------------*/
div#contentsLayout{width:978px;}
div#contentsLayoutRight{width:776px; margin-bottom:25px;}
div.noteBox{width:188px; padding:0px; float:left; display:inline; margin:0 6px 10px 0;}
div.noteBoxTop{width:188px; background:url(images/card_bg_top.gif) no-repeat; height:161px; position:relative;}
div.noteBoxTop img.mainImage{position:relative; top:18px; left:27px;}
div.noteBoxTop img.pinImage{position:relative; top:-116px; left:-63px;}
div.noteBoxMiddle{width:188px; background:#FFFFFF; no-repeat; text-align:center; font-size:10px; line-height:18px;}
div.noteBoxMiddle div.normal{width:166px; text-align:left; color:#748455; padding:7px 11px; text-align:justify; clear:both;}
div.noteBoxMiddle div.normal a{font-weight:bold;}
div.noteBoxMiddle div.memo{width:166px; margin:0 auto; padding:5px 8px; background:#fffdeb; text-align:left; color:#9c883a; text-align:justify; height:auto; clear:both;}
div.noteBoxBottom{width:188px; background:url(images/card_bg_btm.gif) no-repeat; height:10px; font-size:0;}



/*ツール*/
div.tool{width:166px; text-align:left; color:#748455; padding:7px 11px 0; clear:both; height:17px; position:relative;}
div.toolLabel{width:88px; height:17px; float:left;}
div.toolLabel a{display:block; background:url(images/btn_label.gif) no-repeat; width:64px; height:17px;}

div.toolFriend{width:26px; height:17px; float:left;}
div.toolBlog{width:26px; height:17px; float:right;}

div.toolFriend a{display:block; background:url(images/btn_send.gif) no-repeat; width:26px; height:17px;}
div.toolBlog a{display:block; background:url(images/btn_blog.gif) no-repeat; width:26px; height:17px;}

div.toolEdit{width:26px; height:17px; float:left;}
div.toolEdit a{display:block; background:url(images/btn_memo.gif) no-repeat; width:26px; height:17px;}

div.toolDelete {width:26px; height:17px; float:left;}
div.toolDeleteRight{width:26px; height:17px; float:right;}

div.toolDelete a{
display:block; background:url(images/btn_trash.gif) no-repeat; width:26px; height:17px;}
div.toolDeleteRight a{
display:block; background:url(images/btn_trash.gif) no-repeat; width:26px; height:17px;}


div.toolLabel a:hover, div.toolFriend a:hover,
div.toolBlog a:hover,
div.toolEdit a:hover, div.toolDelete a:hover,
div.toolDeleteRight a:hover{
background-position:0 -17px;
}

div.toolFriend a:active, div.toolEdit a:active,
div.toolBlog a:active ,
div.toolDelete a:active, div.toolDeleteRight a:active {
background-position:0 -34px;
}


div.toolFloat{width:64px; height:56px; clear:both; z-index:1; position:relative; display:none;}
div.toolFloat ul{list-style-type:none;}
div.toolFloat ul li{height:14px; padding:0;}
div.toolFloat ul li a{display:block; width:64px; height:14px; margin:0;}
div.toolFloat a.label3{background:url(images/btn_label03.gif) no-repeat; height:14px;}
div.toolFloat a.label2{background:url(images/btn_label02.gif) no-repeat; height:14px;}
div.toolFloat a.label1{background:url(images/btn_label01.gif) no-repeat; height:14px;}
div.toolFloat a.label0{background:url(images/btn_label00.gif) no-repeat; height:14px;}
div.toolFloat ul li a:hover{background-position:0px -14px;}
div.toolFloat ul li a:active{background-position:0px -28px;}


/*賞状*/
div.prizeHigh,div.prizeMiddle,div.prizeLow{
width:188px;
height:201px;
padding-top:26px;
text-align:center;
}
div.testName{height:37px; font-size:12px; color:#ff7e00; font-weight:bold;}
div.prizeHigh{background:url(images/prize_high.jpg) no-repeat;}
div.prizeMiddle{background:url(images/prize_middle.jpg) no-repeat;}
div.prizeLow{background:url(images/prize_low.jpg) no-repeat;}
div.prizePoint{height:26px;}
div.prizeName{margin-top:10px; font-weight:bold; color:#748455; height:93px;}
div.prizeRetry a{background:url(images/btn_challenge.gif) no-repeat; width:116px; height:17px; display:block; margin:0 auto;}
div.prizeRetry a:hover{background-position:bottom;}

/*受験リスト*/
div.testList{background:url(images/list_bg.jpg); width:188px; height:140px; padding-top:89px; font-size:10px; color:#748455; text-align:center;}
div.testList .testListTop{width:188px; height:18px; text-align:center;}
div.testList .testListBottom{width:188px; height:87px; text-align:center;}
div.testList span{color:#ff6c00; font-weight:bold;}
div.testList a{background:url(images/btn_list.gif); width:116px; height:17px; display:block; margin:0 auto;}
div.testList a:hover{background-position:bottom;}


/*総合診断*/
div.sougouList{
  background:url(images/note_sougou.jpg) no-repeat;
  width:188px;
  height:140px;
/* padding-top:89px; */
  padding-top: 70px;
  padding-bottom: 19px;
  font-size:10px;
  color:#748455; text-align:center;
}

div.sougouList .sougouListTop{
  width:188px; height:18px; text-align:center;}

div.sougouList .sougouListBottom{
/*
  height:87px;
*/
  height:107px;
  text-align:center;
}
div.sougouList span{
  color:#ff6c00; font-weight:bold;
}

div.sougouList a{
  background:url(images/btn_shindan_see.gif);
  width:116px;
  height:17px;
  display:block;
  margin:0 auto;
}

div.sougouList a:hover{
  background-position:bottom;
}

/* 使い方 */
div.howtouseList{
  background:url(images/howtouse_bg.jpg);
  width:188px;
  height:140px;
  padding-top:89px;
  font-size:10px;
  color:#748455;
  text-align:center;
}
div.howtouseList .howtouseListTop{
  width:188px; height:18px; text-align:center;}
div.howtouseList .howtouseListBottom{
  width:188px; height:87px; text-align:center;}
div.howtouseList span{
  color:#ff6c00;
  font-weight:bold;}
div.howtouseList a{
  background:url(images/btn_howtouse.gif);
  width:116px; height:17px;
  display:block;
  margin:0 auto;}
div.howtouseList a:hover{
  background-position:bottom;
}