@charset "utf-8";

/*
Site Name: happy-note.com
Css Name: /qa/css/style.css

index
---------------------------
1: article page =========
1-1: advisor
2: consultation =========
2-1: consultationCategoryList
3: categoryList =========
---------------------------
*/

/*
1: article page =========
*/

.worryTitle {
background:url(../../common/images/qa/fukidashi_onayami.jpg) left top no-repeat;
padding:10px 0 0 136px;
color:#f33;
min-height:70px;
    height:auto !important;
height:70px;
}
.adviceTitle {
background:url(../../common/images/qa/big_dot.gif) center top no-repeat;
padding:24px 0 0 0;
}
.adviceTitle img {
float:left;
}
.adviceArea {
margin:24px 4px;
line-height:1.8;
background:url(../../common/images/dot.gif) left bottom repeat-x;
}

.adviceCaption {
text-align:right;
}

/* 1-1: advisor */

.advisorProfileBox {
background:url(../../common/images/dot.gif) left bottom repeat-x #FFF;
padding:8px 0 8px 12px;
}
.advisorPhoto {
float:left;
margin:0 8px 0 0;
}
.advisorPhoto a img{
border:1px solid #9E978B;
}
.advisorPhoto a:hover img{
border:1px solid #6D675C;
}
.advisorProfileBox dt {
font-weight:bold;
color:#666;
}
.advisorProfileBox dt a:link,.advisorProfileBox dt a:visited { color:#665831; text-decoration:none; }
.advisorProfileBox dt a:hover,.advisorProfileBox dt a:active { color:#665831; text-decoration:underline; }

.advisorLink {
text-align:right;
}

.advisorLink img {
vertical-align:middle;
margin-right:4px;
}
.advisorInformation {
float:left;
width:526px;
}


/*
2: consultation =========
*/

/* 2-1: consultationCategoryList */
.quarterBox {
background:url(../../common/images/contents_block_quarter_bg.gif) left top repeat-y #EEE;
padding:8px 0;
}
.quarterBlock,.quarterBlockLast {
width:159px;
float:left;
margin-bottom:8px;
}
.quarterBlockLast {
width:158px;
}
.categoryList h5 {
font-weight:bold;
border-left:none;
margin:4px 0 4px 8px;
padding:0 0;
color:#333;
}
.categoryList ul {
margin:0 0 0 8px;
}
.categoryList li {
line-height:1.6;
font-size:85%;
}
.categoryList li a,.categoryList li  a:link,.categoryList li a:visited { color:#666; text-decoration:none; }
.categoryList li a:hover,.categoryList li a:active { color:#999; text-decoration:none; }


/*
3: categoryList =========
*/
/* write in /common/css/style.css */