@charset "utf-8";

#contents .period img {
border-style:none;
}

#contents .period ul,
#contents .period li {
margin:0;
padding:0;
}

#contents .period li {
list-style-type:none;
line-height:0;
}

#contents .period p {
color:#333333;
font-family:"ＭＳ Ｐゴシック";
font-size:80%;
line-height:125%;
margin:10px auto 0;
text-align:left;
width:580px;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#contents .period h2.contentsTitle {
background:transparent url(/period/images/banner_fuyukon.gif) no-repeat scroll 0 0;
display:block;
overflow:hidden;
text-indent:-9999px;
width:580px;
height:97px;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}

#contents .period h3 {
color:#000099;
font-family:"ＭＳ Ｐゴシック";
font-size:100%;
font-weight:bold;
margin:0 auto;
padding-left:0px;
text-align:left;
width:580px;
}

#contents .period p span {
border-bottom:1px dashed #CC9934;
/*background:transparent url(/period/images/line_p.gif) repeat-x scroll left bottom;*/
line-height:110%;
display:block;
heighr:15px;
width:580px;
padding-bottom:3px;
}
#contents .period p.non span {
border-bottom:1px dashed #CC9934;
/*background:transparent url(/period/images/line_p.gif) repeat-x scroll left bottom;*/
line-height:110%;
display:block;
heighr:15px;
width:580px;
padding-bottom:3px;
}

#contents .period .contentsTop{
	text-align:right;
	font-size:77%;
	margin:0 20px 0 0;
}







#contents .period h3.diagnosisTitle {
background:transparent url(/period/images/ttl_3seen.gif) no-repeat scroll 0 0;
display:block;
height:26px;
overflow:hidden;
text-indent:-9999px;
width:570px;
}

#contents .period .seenChoose {
background:#FFFFFF url(/period/images/bg_3seen.gif) no-repeat scroll center top;
width:570px;
height:224px;
vertical-align:top;
}

#contents .period .seenChoose td {
vertical-align:top
}

#contents .period .seenChoose ul.encounterBox {
background:transparent url(/period/images/seen_encounter.gif) no-repeat scroll center bottom;
float:left;
width:183px;
height:166px;
display:inline;
margin:15px 11px 0px 0px; 
padding:0px 0px 0px 0px;
}
#contents .period .seenChoose ul.approachBox {
background:transparent url(/period/images/seen_approach.gif) no-repeat scroll center bottom;
float:left;
width:183px;
height:166px;
display:inline;
margin:15px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}
#contents .period .seenChoose ul.confessionBox {
background:transparent url(/period/images/seen_confession.gif) no-repeat scroll center bottom;
float:right;
width:183px;
height:166px;
display:inline;
margin:15px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}
#contents .period .seenChoose ul.encounterBox a.btnFemale,
#contents .period .seenChoose ul.approachBox a.btnFemale,
#contents .period .seenChoose ul.confessionBox a.btnFemale {
background:transparent url(/period/images/btn_female.gif) no-repeat scroll 0 0;
display:inline;
height:44px;
overflow:hidden;
text-indent:-9999px;
width:161px;
float:left;
margin:55px 0px 0px 13px;
padding:0px 0px 0px 0px;
}
#contents .period .seenChoose ul.encounterBox a.btnMale,
#contents .period .seenChoose ul.approachBox a.btnMale,
#contents .period .seenChoose ul.confessionBox a.btnMale{
background:transparent url(/period/images/btn_male.gif) no-repeat scroll 0 0;
display:inline;
height:44px;
overflow:hidden;
text-indent:-9999px;
width:161px;
float:left;
margin:10px 0px 0px 13px; 
padding:0px 0px 0px 0px;
}
#contents .period .seenChoose ul.encounterBox a.btnFemale:hover,
#contents .period .seenChoose ul.approachBox a.btnFemale:hover,
#contents .period .seenChoose ul.confessionBox a.btnFemale:hover {
background:transparent url(/period/images/btn_female.gif) no-repeat scroll 0 0;
display:inline;
height:44px;
overflow:hidden;
text-indent:-9999px;
width:161px;
float:left;
filter:alpha(opacity=80);
-moz-opacity:0.7;
margin:55px 0px 0px 13px;
padding:0px 0px 0px 0px;
}
#contents .period .seenChoose ul.encounterBox a.btnMale:hover,
#contents .period .seenChoose ul.approachBox a.btnMale:hover,
#contents .period .seenChoose ul.confessionBox a.btnMale:hover{
background:transparent url(/period/images/btn_male.gif) no-repeat scroll 0 0;
display:inline;
height:44px;
overflow:hidden;
text-indent:-9999px;
width:161px;
float:left;
filter:alpha(opacity=80);
-moz-opacity:0.7;
margin:10px 0px 0px 13px; 
padding:0px 0px 0px 0px;
}
#contents .period .seenChoose ul.encounterBox li,
#contents .period .seenChoose ul.approachBox li,
#contents .period .seenChoose ul.confessionBox li {
list-style-type:none;
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
}


#contents .period table.supervisionProfile {
border:solid 1px #CC9934;
width:550px;
}

#contents .period .supervisionProfile b.profileTitle {
background:transparent url(/period/images/ttl_profile.gif) no-repeat scroll 0 0;
display:block;
float:left;
overflow:hidden;
text-indent:-9999px;
width:544px;
height:14px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#contents .period .supervisionProfile td img {
float:left;
display:inline;
margin:0 0 0 0;
}

#contents .period .supervisionProfile td {
}


#contents .period .supervisionProfile td p.supervisionName {
float:right;
font-weight:bold;
font-size:85%;
display:inline;
width:460px;
margin:0;
padding:0;
}

#contents .period .supervisionProfile td p {
float:right;
font-size:77%;
display:inline;
width:460px;
}





#contents .period h3.approachFemale {
background:transparent url(/period/images/ttl_approach_fq.gif) no-repeat scroll 0 0;
display:block;
height:67px;
overflow:hidden;
text-indent:-9999px;
width:570px;
}
#contents .period h3.approachMale {
background:transparent url(/period/images/ttl_approach_mq.gif) no-repeat scroll 0 0;
display:block;
height:67px;
overflow:hidden;
text-indent:-9999px;
width:570px;
}
#contents .period h3.confessionFemale {
background:transparent url(/period/images/ttl_confession_fq.gif) no-repeat scroll 0 0;
display:block;
height:67px;
overflow:hidden;
text-indent:-9999px;
width:570px;
}
#contents .period h3.confessionMale {
background:transparent url(/period/images/ttl_confession_mq.gif) no-repeat scroll 0 0;
display:block;
height:67px;
overflow:hidden;
text-indent:-9999px;
width:570px;
}
#contents .period h3.encounterFemale {
background:transparent url(/period/images/ttl_encounter_fq.gif) no-repeat scroll 0 0;
display:block;
height:67px;
overflow:hidden;
text-indent:-9999px;
width:570px;
}
#contents .period h3.encounterMale {
background:transparent url(/period/images/ttl_encounter_mq.gif) no-repeat scroll 0 0;
display:block;
height:67px;
overflow:hidden;
text-indent:-9999px;
width:570px;
}


#contents .period h3.chooseTitle {
background:transparent url(/period/images/ttl_choose.gif) no-repeat scroll 0 0;
display:block;
height:40px;
overflow:hidden;
text-indent:-9999px;
width:570px;
}



#contents .period .tipeChoose {
background:#FFFFFF url(/period/images/bg_choose.gif) no-repeat scroll center top;
width:570px;
height:280px;
vertical-align:top;
}

#contents .period .tipeChoose ul.chooseBox {
width:570px;
height:120px;
vertical-align:top;
margin:0px 0px 0px 0px;
padding:13px 0px 0px 0px;
}
#contents .period .tipeChoose ul.chooseBox li {
float:left;
display:inline;
}
#contents .period .tipeChoose ul.chooseBox a.btnA,
#contents .period .tipeChoose ul.chooseBox a.btnC {
margin:0px 0px 0px 0px;
padding:0px 22px 0px 10px;
}



#contents .period table.answerPoint {
width:570px;
vertical-align:top;
}
#contents .period table.answerPoint div {
	width:380px;
	margin:10px 0 0 10px;
}
#contents .period table.answerPoint div p {
width:380px;
margin:0;
padding:0;
border:none;
font-size:80%;
}
#contents .period table.answerPoint div p span.underline {
display:inline;
line-height:172%;
border-bottom:1px dashed #CC9934;
width:380px;
*border:none;
*background:url(/period/images/line_p.gif);
}

#contents .period table.onePoint {
background:#EDF6FF;
width:580px;
vertical-align:top;
}
#contents .period table.onePoint td.adviceText div {
background:#EDF6FF;
vertical-align:top;
border-left:solid 1px #003366;
border-right:solid 1px #003366;
padding:10px;
width:558px;
}
#contents .period table.onePoint td.adviceText div p {
	width:558px;
	margin:0;
	padding:0;
	line-height:150%;
}
#contents .period table.onePoint td.adviceText div img {
	float:right;
	margin:0 0 5px 5px;
}
#contents .period div.copyEnd p {
	text-align:center;
color:#333333;
font-family:"ＭＳ Ｐゴシック";
font-size:90%;
font-weight:bold;
line-height:150%;
}