@charset "UTF-8";

/* shikaku to shigoto .net tenshin---------------------------------------------- */
#mainContents div.subBodyObj *,
#mainContents div.mainTopObj *,
#mainContents div.pankuzuObj * {
	margin: 0px;
	padding: 0px;
}

/* 適職診断HTML版用追加 100205
============================================== */
#header #text{
background:url(/public/images/header_bg.gif) repeat-y;
width:100%;
font-size:10px;
position:absolute;
}

#header #text strong {
color:#999999;
font-weight:normal;
line-height:15px;
padding-left:20px;
}

#mainContents {
width:949px;
margin:0;
}

/* パンクズ
---------------------------------------------- */
/*#mainContents div.pankuzuObj {
background: url(/public/images/bg_pankuzu.gif) repeat-x top left;
margin-bottom: 24px;
height: 27px;
}
#mainContents div.pankuzuObj div {
background: url(/public/images/bg_pankuzu_l.gif) no-repeat top left;
padding-left: 12px;
}
#mainContents div.pankuzuObj ul {
background: url(/public/images/bg_pankuzu_r.gif) no-repeat top right;
padding-right: 12px;
height: 27px;
}
#mainContents div.pankuzuObj li {
background: url(/public/images/arrow_pankuzu.gif) no-repeat center right;
margin-top: 6px;
padding-right: 20px;
float: left;
}
#mainContents div.pankuzuObj li.active {
background: none;
margin-top: 6px;
padding-right: 0px;
float: left;
}
*/
/* mainContentsArea
---------------------------------------------- */
#mainContents #selectEdition {
margin: 0 70px 0 0;
color: #969592;
font-weight: bold;
/*width: 800px;
height: auto;*/
text-align: right;
}

/* start area */
/*
#mainContents #startArea {
background: url(/article/shindan/images/bg_start.gif) top left no-repeat;
margin: 0 0 0 74px;
width: 800px;
height: 397px;
position: relative;
}

#mainContents #startArea #startBtn {
margin: 0;
position: absolute;
top: 250px;
left: 338px;
cursor:pointer;
}
*/
/* question */
.question {
margin: 0 0 0 78px;
/*margin: 15px 0 0 74px;*/
width: 800px;
height: 400px;
position: relative;
}
.question .btn_a {
margin: 0;
position: absolute;
top: 172px;
left: 110px;
cursor:pointer;
}
.question .btn_b {
margin: 0;
position: absolute;
top: 172px;
left: 437px;
cursor:pointer;
}

#question0 {
background: url(/article/shindan/images/bg_00.gif) top left no-repeat;
/*margin: 0 0 0 74px;
width: 800px;
height: 397px;
position: relative;
}*/
}
#question1 {
background: url(/article/shindan/images/bg_01.gif) top left no-repeat;
}
#question2 {
background: url(/article/shindan/images/bg_02.gif) top left no-repeat;
}
#question3 {
background: url(/article/shindan/images/bg_03.gif) top left no-repeat;
}
#question4 {
background: url(/article/shindan/images/bg_04.gif) top left no-repeat;
}
#question5 {
background: url(/article/shindan/images/bg_05.gif) top left no-repeat;
}
#question6 {
background: url(/article/shindan/images/bg_06.gif) top left no-repeat;
}
#question7 {
background: url(/article/shindan/images/bg_07.gif) top left no-repeat;
}
#question8 {
background: url(/article/shindan/images/bg_08.gif) top left no-repeat;
}
#question9 {
background: url(/article/shindan/images/bg_09.gif) top left no-repeat;
}
#question10 {
background: url(/article/shindan/images/bg_10.gif) top left no-repeat;
}
#question11 {
background: url(/article/shindan/images/bg_11.gif) top left no-repeat;
}
#question12 {
background: url(/article/shindan/images/bg_12.gif) top left no-repeat;
}
#question13 {
background: url(/article/shindan/images/bg_13.gif) top left no-repeat;
}
#question14 {
background: url(/article/shindan/images/bg_14.gif) top left no-repeat;
}
#question15 {
background: url(/article/shindan/images/bg_15.gif) top left no-repeat;
}
#question16 {
background: url(/article/shindan/images/bg_16.gif) top left no-repeat;
}
#question17 {
background: url(/article/shindan/images/bg_17.gif) top left no-repeat;
}
#question18 {
background: url(/article/shindan/images/bg_18.gif) top left no-repeat;
}
#question19 {
background: url(/article/shindan/images/bg_19.gif) top left no-repeat;
}
#question20 {
background: url(/article/shindan/images/bg_20.gif) top left no-repeat;
}

#mainContents #end_before {
background: url(/article/shindan/images/bg_end.gif) top left no-repeat;
margin: 0 0 0 74px;
width: 800px;
height: 400px;
position: relative;
}
/*20100216*/
#mainContents #question21 {
background: url(/article/shindan/images/bg_end.gif) top left no-repeat;
margin: 0 0 0 78px;
width: 800px;
height: 400px;
position: relative;
}
/*/20100216*/
#mainContents #endBtn {
margin: 0;
position: absolute;
top: 117px;
left: 339px;
cursor:pointer;
}
/* end area */
#end_topBase {
background: url(/article/shindan/images/bg_end_top.gif) top left no-repeat;
margin: 0 0 40px 78px;
width: 800px;
}
#end_btmArea {
background: url(/article/shindan/images/bg_end_btm.gif) bottom left no-repeat;
margin: 0;
padding: 0 0 10px 0;
position: relative;
}
#type {
width: 332px;
height: auto;
/*top: 81px;*/
top: 90px;
left: 230px;
position: absolute;
text-align: center;
font-weight: bold;
color: #cc3344;
font-size:20pt;
}
#end_graphArea {
width: 330px;
height: 137px;
/*margin: 120px 0 0 40px;*/
margin: 130px 0 0 40px;
padding: 0;
float: left;
display: inline;
}
#end_graphArea #setumei {
margin: 10px 0 0 0;
}
#end_textArea {
width: 370px;
/*margin: 120px 30px 20px 0;*/
margin: 130px 30px 20px 0;
padding: 0;
float: right;
display: inline;
}
#end_textArea .title_01 {
margin: 0;
padding: 0;
}
#end_textArea .text_01 {
margin: 5px 0 0 0;
padding: 0;
}
#end_textArea .title_02 {
margin: 10px 0 0 0;
padding: 0;
}
#end_textArea .text_02 {
margin: 5px 0 0 0;
padding: 0;
}

/* end area ranking */
#rankArea {
width: 700px;
margin: 0 0 0 50px;
padding: 0;
float: left;
display: inline;
}
.ranktitle01 {
background: url(/article/shindan/images/bg_end_title_01.gif) top left no-repeat;
width: 700px;
height: 56px;
}
.ranktitle02 {
background: url(/article/shindan/images/bg_end_title_02.gif) top left no-repeat;
width: 700px;
height: 56px;
}
.ranktitle03 {
background: url(/article/shindan/images/bg_end_title_03.gif) top left no-repeat;
width: 700px;
height: 56px;
}
.ranktitle04 {
background: url(/article/shindan/images/bg_end_title_04.gif) top left no-repeat;
width: 700px;
height: 56px;
}
.rankbox01 {
background: url(/article/shindan/images/bg_end_txt_01.gif) top left no-repeat;
margin: 0 0 15px 0;
padding: 10px 0;
border-left: 1px solid #ff4a3d;
border-bottom: 1px solid #ff4a3d;
border-right: 1px solid #ff4a3d;
text-align: center;
}
.rankbox04 {
background: url(/article/shindan/images/bg_end_txt_04.gif) top left no-repeat;
margin: 0 0 30px 0;
padding: 10px 0;
border-left: 1px solid #8cd777;
border-bottom: 1px solid #8cd777;
border-right: 1px solid #8cd777;
text-align: center;
}
.rankbox01 .job1_img img,.rankbox04 .job1_img img {
padding: 0 5px 5px 0;
}
#job1_name {
margin: 0;
padding: 17px 0 0 140px;
font-weight: bold;
font-size:16px;
}
#job1 {
margin-left: 14px;
}
#job1 .job1_text {
font-size: 12px;
line-height: 15px;
}
#job1 .job1title {
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
color: #cc4433;
}
#job1 .job1_works_hard {
}
#job1 .job1_alert {
}
#job1 .job1_explanation {
}
#job4 {
margin-left: 14px;
}
#job4 .job4_text {
font-size: 12px;
line-height: 15px;
}
#job4 .job4title {
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
color: #52c668;
}

/* footer
========================================== */
#mainLinkarea{
margin: 20px 0 10px 6px;/* 20110725 */
padding: 5px 0;
background-color: #fefacb;
width: 949px;
height: auto;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

#mainLinkarea .txt{
margin: 0;
padding: 5px 0;
}

/* clear
========================================== */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height:1%;
	overflow:visible;
}

/* IE7 */
.clearfix{
  zoom:1;
}