@charset "utf-8";


/* sunipet
--------------------------------------------------- */
body#home h1{
	margin: 0 0 7px 0;
	font-size: 0.65em;
}

/*--ie7-*/
*:first-child+html body#home h1{
	font-size: 0.55em;
}
/*--ie6--*/
* html body#home h1{
	font-size: 0.55em;
} 


/* #message
--------------------------------------------------- */
#main #message h2{
	margin: 0 0 8px 0;
	border-bottom: 1px solid #0c497d;
}

#main #message .img{
	width:131px;
	float: left;
}

#main #message p{
	width:435px;
	float: right;
	font-size: 0.75em;
	line-height: 160%;
}

div.name{
	margin-top: 5px;
	font-size: 0.8em;
	text-align: center;
}
#main #message p.bottom{
	margin-top: 10px;
}
#main #message p.link{
	clear: both;
	text-align: right;
}

#main #message p.resultLink{
	margin-top: 5px;
}


/* keyvisual
--------------------------------------------------- */
.keyvisual {
	text-align: center;
}



/* #main
--------------------------------------------------- */
#main #result h2{
	margin: 0 0 8px 0;
}

#main .box{
	margin: 0 0 15px 0;
}

#result .resultBox{
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #efefef;
}

#result .resultBox .pict{
	margin: 0 0 5px 0;
	text-align: center;
}

#result .resultBox h3{
	margin: 0 0 10px 0;
}

#result .resultBox h3.ttl{
	width: 254px;
	margin: 0 auto 5px auto;	
	font-size: 0.9em;
	font-weight: bold;
}


#result .resultBox p{
	width: 254px;
	margin: 0 auto 5px auto;
	font-size: 0.75em;
	line-height: 160%;
}

.shinchiku{
	width: 276px;
	padding: 0 0 15px 0;
	float: left;
	background: url(../../img/ttl_result_sbtm.gif) no-repeat center bottom;
}


.rehome{
	width: 276px;
	float: right;
	padding: 0 0 15px 0;
	background: url(../../img/ttl_result_rbtm.gif) no-repeat center bottom;

}



#news{
	padding: 0 0 20px 0;
	background: url(../../img/bg_news_btm.gif) no-repeat left bottom;
}

#news table{
	width: 548px;
	margin: 10px auto 0 auto;
	font-size: 0.75em;
}



#news table th{
	width: 9em;
	text-align: left;
	background: url(../img/bar_dottedline.gif) repeat-x left top;
	line-height: 180%;
}

#news table th span{
	padding: 0 0 0 15px;
	background: url(../img/icon_news.gif) no-repeat left center;
}

#news table td{
	text-align: left;
	background: url(../img/bar_dottedline.gif) repeat-x left top;
	line-height: 180%;
}

#news table th.top,
#news table td.top{
	background: none;
}


#resultPictArea {
	padding: 10px;
	background: url(../../img/bg_resultbox_btm.gif) no-repeat right bottom;
	clear: both;
}

#result .resultBox #topBox{
	margin: 0 0 10px 0;
}

#resultPictArea table td,
#resultPictArea table th{
	width: 128px ;
	text-align: center;
}

#resultPictArea table th{
	padding: 5px 0 10px 0;
	font-size: 75%;
}

#resultPictArea table td.spacer{
	width: 5px;
}




#result .resultBox td.sc {
	background: url(../../img/btn_sc_on.gif) no-repeat left top;
}
#result .resultBox td.s {
	background: url(../../img/btn_s_on.gif) no-repeat left top;
}
#result .resultBox td.rc {
	background: url(../../img/btn_rc_on.gif) no-repeat left top;
}
#result .resultBox td.r {
	background: url(../../img/btn_r_on.gif) no-repeat left top;
}

#result .resultBox td.sc a,
#result .resultBox td.s  a,
#result .resultBox td.rc a,
#result .resultBox td.r a{
	width: 128px ;
	height: 28px;
	display: block;
}



#result .resultBox td.btn a:hover img {
	visibility: hidden !important;
}
#result .resultBox td.btn a:hover {
	background: transparent;
}