*{margin:0;padding:0;}
body{background:#F5F5F5;color:#333;font-size:12px;font-family:Arial, Helvetica, sans-serif;line-height:1.5em;}

ul,ol{list-style-type:none;}
img{border:0;}

a{text-decoration:none;
color:#333;}
a:hover{text-decoration:none;
color:#f00;}


.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}

.clear{clear:both;font-size:0;visibility:hidden;width:0;line-height:0;}
.tright{text-align:right;}
.tcenter{text-align:center;}

#content,#footer{width:990px;margin:0 auto;}
.conbg{padding-bottom:30px;background:url(../images/conbg.gif) repeat-y;}

.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}
.mb5{margin-bottom:5px;}
.mtb40{margin-top:40px;margin-bottom:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.pl20{padding-left:20px;}

.hide{display:none;}

.black{color:#000;}
.white{color:#fff;}
.red{color:#A30000;}
.red a{color:#A30000;text-decoration:underline;}
.grayRed{color:#C8766E;}
.grayRed a{color:#C8766E;}
.gray{color:#666;}
.gray a{color:#666;}

.dashed{background:url(../images/dashed.gif) repeat-x left bottom;}
.registerBtn{width:80px;height:20px;line-height:20px;background:#A40002;text-align:center;color:#fff;border:none;cursor:pointer;}

#header{width:980px;padding:0 5px;margin:0 auto;}
.logo{width:465px;height:51px;padding:16px 0 0 10px;display:inline;float:left;}
.topSearch{width:346px;padding-right:10px;padding-top:5px;text-align:right;display:inline;float:right;}
.topSearch li{padding-left:15px;background:url(../images/header_icon.gif) no-repeat 0 5px;float:left;padding-right:15px;line-height:22px;}
.topSearch li a{text-decoration:underline;color:#666;}
.topInput{width:120px;height:20px;line-height:20px;padding-left:6px;border:1px solid #ABABAB;color:#B3B3B3;}
#main-nav{height:75px;position:relative;}
#main-nav .nav{height:47px;background:url(../images/nav.jpg) no-repeat 0 0;}
#main-nav .nav li{height:47px;background-image:url(../images/nav.jpg);float:left;display:block;}
#main-nav .nav li a{height:47px;background-image:url(../images/nav.jpg); text-indent:-9999px;display:block;}
#main-nav .nav li.home{width:90px;}
#main-nav .nav li.home a{width:90px;background-position:0 0;}
#main-nav .nav li.home a:hover{width:90px;background-position:0 -106px;}
#main-nav .nav li.home_cur{width:90px;}
#main-nav .nav li.home_cur a{background-position:0 -106px;}
#main-nav .nav li.life{width:99px;}
#main-nav .nav li.life a{background-position:-90px 0;}
#main-nav .nav li.life a:hover{background-position:-90px -106px;}
#main-nav .nav li.life_cur{width:99px;}
#main-nav .nav li.life_cur a{background-position:-90px -106px;}
#main-nav .nav li.body-mind{width:99px;}
#main-nav .nav li.body-mind a{background-position:-189px 0;}
#main-nav .nav li.body-mind a:hover{background-position:-189px -106px;}
#main-nav .nav li.body-mind_cur{width:99px;}
#main-nav .nav li.body-mind_cur a{background-position:-189px -106px;}
#main-nav .nav li.dossier{width:99px;}
#main-nav .nav li.dossier a{background-position:-288px 0;}
#main-nav .nav li.dossier a:hover{background-position:-288px -106px;}
#main-nav .nav li.dossier_cur{width:99px;}
#main-nav .nav li.dossier_cur a{background-position:-288px -106px;}
#main-nav .nav li.column{width:99px;}
#main-nav .nav li.column a{background-position:-387px 0;}
#main-nav .nav li.column a:hover{background-position:-387px -106px;}
#main-nav .nav li.column_cur{width:99px;}
#main-nav .nav li.column_cur a{background-position:-387px -106px;}
#main-nav .nav li.magazine{width:99px;}
#main-nav .nav li.magazine a{background-position:-486px 0;}
#main-nav .nav li.magazine a:hover{background-position:-486px -106px;}
#main-nav .nav li.magazine_cur{width:99px;}
#main-nav .nav li.magazine_cur a{background-position:-486px -106px;}
#main-nav .nav li.Test-Center{width:88px;height:57px;padding-top:0;}
#main-nav .nav li.Test-Center a{height:57px;background-position:-600px -106px;}
#main-nav .nav li.Test-Center a:hover{height:57px;background-position:-600px 0;}
#main-nav .nav li.Test-Center_cur{width:88px;height:57px;}
#main-nav .nav li.Test-Center_cur a{height:57px;background-position:-600px 0;}
#main-nav .nav li.blog{width:75px;}
#main-nav .nav li.blog a{background-position:-690px 0;}
#main-nav .nav li.blog a:hover{background-position:-690px -106px;}
#main-nav .nav li.blog_cur{width:75px;}
#main-nav .nav li.blog_cur a{background-position:-690px -106px;}
#main-nav .nav li.forum{width:75px;}
#main-nav .nav li.forum a{background-position:-765px 0;}
#main-nav .nav li.forum a:hover{background-position:-765px -106px;}
#main-nav .nav li.forum_cur{width:75px;}
#main-nav .nav li.forum_cur a{background-position:-765px -106px;}
#main-nav .nav li.sns{width:75px;}
#main-nav .nav li.sns a{background-position:-840px 0;}
#main-nav .nav li.sns a:hover{background-position:-840px -106px;}
#main-nav .nav li.sns_cur{width:75px;}
#main-nav .nav li.sns_cur a{background-position:-840px -106px;}
#main-nav .nav li ul{position:absolute;left:10px;top:49px;display:block;width:980px;}
#main-nav .nav li ul li{height:24px;line-height:24px;margin-right:5px;float:left;}
#main-nav .nav li ul li a{padding-left:15px;padding-right:10px;height:24px;background:#fff url(../images/point_gray.gif) no-repeat 6px 8px;display:inline-block;text-indent:0;}
#main-nav .nav li ul li a:hover{padding-left:15px;padding-right:10px;height:24px;background:#ECECEC url(../images/point_gray.gif) no-repeat 6px 8px;display:inline-block;}
#main-nav .nav li.home_cur ul li a,#main-nav .nav li.life_cur ul li a,#main-nav .nav li.body-mind_cur ul li a,#main-nav .nav li.dossier_cur ul li a,#main-nav .nav li.column_cur ul li a,#main-nav .nav li.magazine_cur ul li a,#main-nav .nav li.Test-Center_cur ul li a,#main-nav .nav li.blog_cur ul li a,#main-nav .nav li.forum_cur ul li a,#main-nav .nav li.sns_cur ul li a{height:24px;}
#main-nav .nav li.home ul li a,#main-nav .nav li.life ul li a,#main-nav .nav li.body-mind ul li a,#main-nav .nav li.dossier ul li a,#main-nav .nav li.column ul li a,#main-nav .nav li.magazine ul li a,#main-nav .nav li.Test-Center ul li a,#main-nav .nav li.blog ul li a,#main-nav .nav li.forum ul li a,#main-nav .nav li.sns ul li a{height:24px;}
#main-nav .nav li.home ul li a:hover,#main-nav .nav li.life ul li a:hover,#main-nav .nav li.body-mind ul li a:hover,#main-nav .nav li.dossier ul li a:hover,#main-nav .nav li.column ul li a:hover,#main-nav .nav li.magazine ul li a:hover,#main-nav .nav li.Test-Center ul li a:hover,#main-nav .nav li.blog ul li a:hover,#main-nav .nav li.forum ul li a:hover,#main-nav .nav li.sns ul li a:hover{height:24px;}


.foot{margin:0 5px;padding:15px 25px;border-top:1px solid #D8D8D8;}
.footGray{padding:20px 0 10px;text-align:center;}
.footGray a{color:#7A7A7A;text-decoration:underline;margin:0 15px;}

/* The remaining styles are important for proper content rendering in eZ publish - Do not remove or alter them without proper knowledge of the possible consequences */

/* POSITION CONTROL */

div.block /* Used around groups of objects which are connected in some way, and requires extra margins to the surroundings */
{
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    clear: both;
}

div.block div.element /* Used if several objects are to be stacked horizontally within the same block */
{
    padding-right: 1em;
    float: left;
}

div.block div.left /* Floats elements to the left in a block */
{
    width: 48%;
    float: left;
    clear: left;
}

div.block div.right /* Floats elements to the right in a block */
{
    width: 48%;
    float: right;
    clear: right;
}

p.text-left, td.text-left, th.text-left, *.text-left
{
    text-align: left;
}

p.text-right, td.text-right, th.text-right, *.text-right
{
    text-align: right;
}

p.text-center, td.text-center, th.text-center, *.text-center
{
    text-align: center;
}

p.text-justify, td.text-justify, th.text-justify, *.text-justify
{
    text-align: justify;
}

div.object-left, table.object-left /* Used for floating images and other content elements to the left inside other content */
{
    margin: 0.25em 0.25em 0.25em 0;
    float: left;
    clear: left;
}

div.object-right, table.object-right /* Used for floating images and other content elements to the right inside other content */
{
    margin: 0.25em 0 0.25em 0.25em;
    float: right;
    clear: right;
}

div.object-center, table.object-center
{
    margin: 0.25em auto 0.25em auto;
}

.float-break
{
    height: 1%; /* Fix for IE */
}

.float-break:after /* Terminate floating elements flow */
{
    content: "-";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

div.break /* Old method for terminating floating elements flow; kept for backwards compatibility */
{
    clear: both;
    font-size: 1px; /* Fix for IE */
    height: 1px;
    margin-bottom: -1px;
}

.topSearch p {
    position:relative;
}
.topSearch p span {
    position:absolute;
    top:5px;
    right:155px;
}

/* for new navi */
.topSearch {width:372px;}
.topSearch .toplinks { float:left;width:185px;margin-left:30px;display:inline;}
#login{margin-bottom:5px;}
#login ul{float:right;}
#login ul li{float:left;background:none;line-height:35px;}
#login ul li.username{padding-right:32px;background:url(../images/navi/psy_account_line.gif) no-repeat top right;}
#login ul li.username,#login ul li.username a{color:#ac2c17;}
#login ul li a,#login ul li a:hover {text-decoration:none;}
#login .account{position:relative; z-index:1; height:35px; line-height:35px; padding:0 28px 0 29px;}
#login .account img.accountimg{margin-top:-1px;margin-right:3px;}

/*manage_account*/
#transparent{position:absolute; top:0; left:0; height:26px; width:121px; background:none;}
#manage_account{width:268px; height:241px; padding:38px 0 0 0px;position:absolute; z-index:100; top:0; right:-12px;background:url(../images/navi/elle_account_bg.png) no-repeat;}
#manage_account ul li{line-height:normal; text-align:left; float:none;}
#manage_account ul li a{margin:0;}
#manage_account ul li a img{padding:0;}
#manage_account .column_left{padding:3px 0 0 18px; float:left;}
#manage_account .column_right{float:right; padding:0 37px 0 0;}
#manage_account .column_left li{ padding:0 0 16px 15px; height:14px; width:70px; line-height:14px; overflow:hidden;}
#manage_account .column_left li.active{background:url(../images/navi/a_arrow.gif) no-repeat 0 6px;}
#manage_account .column_left li a{ display:block;height:14px; text-indent:-9999px;}
#manage_account .column_right li{margin-bottom:7px; height:20px; line-height:20px; padding:0; width:87px;}
#login ul li.li_1{background:url(../images/navi/a_l_1.gif) no-repeat; text-indent:-9999px;}
.li_2 a{background:url(../images/navi/a_l_2.gif) no-repeat;}
.li_3 a{background:url(../images/navi/a_l_3.gif) no-repeat;}
.li_4 a{background:url(../images/navi/a_l_4.gif) no-repeat;}
.li_5 a{background:url(../images/navi/a_l_5.gif) no-repeat;}
.li_6 a{background:url(../images/navi/a_l_6.gif) no-repeat;}