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

#intro {
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 10px 15px;
width: 568px;
font-size: 1.2em;
}

.thumb {
border: 2px solid #13356f;
}

#main .section {
margin-bottom: 30px;
padding: 10px;
width: 580px;
}

#main .right {
float: right;
width: 330px;
font-size: 1.2em;
line-height: 1.6;
}

#main h4 {
margin-bottom: 10px;
}

#main .box {
margin-bottom: 20px;
padding: 0 5px;
}

#main .box dt,
#main .box li {
padding-left: 2em;
text-indent: -1.8em;
}

#main .comment p {
margin-bottom: 10px;
}

#main .information dt,
#main .information dd {
float: left;
line-height: 1.4;
margin-bottom: 3px;
}

#main .information dt {
clear: both;
width: 30px;
color: #13356f;
font-weight: bold;
}

#main .information dd {
width: 260px;
}

#main .information a {
color: #b05;
}

#main ul.box {
font-weight: bold;
}

#main dl.box {
line-height: 1.4;
}

#main dl.box dt {
margin-bottom: 3px;
font-weight: bold;
}

#main dl.box dd {
margin-bottom: 10px;
}

#main .left {
float: left;
width: 240px;
}

#main .thumb {
margin-bottom: 10px;
}

#main h5 {
margin-bottom: 1px;
}

#prBox {
text-align: center;
}

/* result
-----------------------------------------*/

#type {
border-bottom: 1px dotted #333;
margin-bottom: 20px;
}

#type strong {
display: block;
color: #c00;
}

#type p {
margin-bottom: 10px;
}

#type .baloon {
margin-bottom: 10px;
text-align: center;
}

#typeInner {
background: #feefd8;
margin-bottom: 10px;
padding: 15px 20px;
font-size: 1.4em;
line-height: 1.6;
}

#typeInner h3 {
text-align: center;
margin-bottom: 10px;
padding-bottom: 25px;
background: url(../../img/result/result_type_arrow.gif) center bottom no-repeat;
}