@charset "utf-8";
/*=====================================================
* Style Name: Topics Category Style
* Style URL: /topics/beautytheory/css/beautytheory.css
* Description: Category Style Sheet
* Version: 0.0.3
* Last Up Date: 2011/04/08
* Author: Prime works
* Author URL: http: //www.primeworks.jp/
*
* Markup Reference:
*
=====================================================*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

.beautytheory-section {
margin: 0 0 30px 0;
}

.beautytheory-contents-left {
width: 345px;
float: left;
}

.beautytheory-contents-right {
width: 345px;
float: right;
}

#beautytheory h3 {
width: 315px;
margin: 0;
padding: 10px 0 20px 30px;
_padding: 10px 10px 20px 30px;
}

#beautytheory p.beautytheory-img {
width: 130px;
margin: 0;
padding: 10px 0;
float: right;
}

#beautytheory p.beautytheory-txt {
width: 200px;
margin: 0;
padding: 10px 0;
}

#beautytheory h3 img {
padding: 0;
margin: 0;
}

/*------*/
#beautytheory-check .detail {
margin: 0 0 25px 0;
}

#beautytheory-check p.figure-img {
margin: 0 0 0 510px;
_margin: 0 0 0 480px;
width: 200px;
}

#beautytheory-check h3 {
padding: 0;
margin: 0 0 10px 0;
background: none;
}

#beautytheory-check .lead {
margin: 5px;
text-align: left;
}

#beautytheory-check .text {
float: left;
margin: 10px 0 5px 0;
width: 500px;
text-align: left;
}

#beautytheory-check .info {
line-height: 30px;
text-align: left;
}

#beautytheory-check .detail .text dl {
background: url(../img/img_check_dr_takasu.gif) no-repeat left bottom #f5f5f5;
border: 1px solid #e0e0e0;
padding: 10px 15px 10px 125px;
}

#beautytheory-check .detail .text dt {
color: #953478;
font-weight: bold;
}

#beautytheory-check .detail .text dd {
line-height: 1.6em;
}

/*------*/
#beautytheory-complex .detail ol {
margin: 10px;
}

#beautytheory-complex h4 {
margin: 0;
padding: 0;
}

#beautytheory-complex #test ul {
float: left;
margin: 0 0 15px 10px;
_margin: 0 0 15px 0;
padding: 0;
width: 345px;
line-height: 1.4;
}

#beautytheory-complex #test li {
float: none;
margin: 0;
padding: 5px 0;
text-align: left;
border-right: none;
border-bottom: 1px dotted #beab8a;
}

#beautytheory-complex #test li.gry {
background: #f7f7f7;
}

#beautytheory-complex #test em {
padding: 0 5px 0 0;
color: #333;
font-weight: bold;
}

#beautytheory-complex #result h3 {
padding: 0;
margin: 10px 0;
background: none;
}

#beautytheory-complex #result h4 {
padding: 0;
margin: 10px 0 0 10px;
background: none;
color: #c5195a;
font-weight: bold;
}

#beautytheory-complex #result .info {
line-height: 1.5em;
margin: 10px 0 0 10px;
}

#beautytheory-complex #result dl {
float: left;
margin: 10px 0 0 5px;
width: 345px;
background: #fefcf8;
text-align: left;
border: 1px solid #e0e0e0;
}

#beautytheory-complex #result dd {
padding: 0 15px 15px 15px;
line-height: 1.7em;
}


#beautytheory-complex #result dd.colom1 {
height: 230px;
}


#beautytheory-complex #result dd.colom2 {
height: 190px;
}


#beautytheory-complex #result dd.colom3 {
height: 180px;
}

/*ie only . height adjustment...*/
:root *> #beautytheory-complex #result dd.colom1 {
height: 330px;
}


:root *> #beautytheory-complex #result dd.colom2 {
height: 260px;
}


:root *> #beautytheory-complex #result dd.colom3 {
height: 240px;
}