@charset "utf-8";

/* 左メニューエリア */


/*** ログイン ***/

#login {
    width: 168px;
    padding: 5px;
    text-align: center;
}

#login h2 {
    margin-bottom: 10px;
}


/*** 今すぐ登録 ***/

#regist {
    width: 162px;
    padding: 7px;
    margin-bottom: 10px;
    border: #4ea4ec 1px dashed;
    background-color: #ffffe5;
}

#regist p#melit {
    padding-left: 15px;
    background: url(../images/parts_arw_bl.gif) 5px 5px no-repeat;
    font-size: 0.9em;
}


/*** 会員メニュー ***/

#membMenu {
    width: 180px;
    margin-bottom: 10px;
    /*border:#AFAFAF 1px solid;*/
    border-bottom: none;
    /*_border-bottom:#AFAFAF 1px solid;*/
    /*IE6*/
    background-color: #e5f3ff;
}

*+html #membMenu {
    /*border-bottom:#AFAFAF 1px solid;*/
    /*IE7*/
}

#membMenuTop {
    width: 176px;
    margin-bottom: 10px;
    /*border:#AFAFAF 1px solid;*/
    /*border-bottom:none;*/
    /*_border-bottom:#AFAFAF 1px solid;*/
    /*IE6*/
    /*background-color:#e5f3ff;*/
    /*height: 100px;*/
}

#membMenuTop h2 {
    margin-bottom: 0;
    padding: 3px 3px 0px 3px;
    background-color: #FFF;
    text-align: center;
    color: #0000;
    font-weight: bold;
    font-size: 12px;
}

#membMenuTop #title {
    padding: 4px 0px 0px 5px;
    font-size: 1.0em;
    background-color: #458BEB;
    color: #FFF;
    height: 23px;
    clear: both;
}

#membMenuTop #titlePoint {
    width: 50px;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
}

#membMenuTop #point {
    margin: 0px 5px 0px 5px;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #FFF;
    color: #FF981F;
    height: 20px;
    border: 1px #CCC solid;
    width: 68px;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

#membMenuTop #pt {
    /*margin:10px 10px;*/
    /*font-size:0.85em;*/
    color: #003399;
}

#membMenu #pt span {
    padding: 2px 15px;
    /*border:#FF0066 1px solid;*/
    background-color: #FFFFFF;
    color: #FF0066;
    font-weight: bold;
    font-size: 1.3em
}

#membMenu ul {
    /*border-bottom:#AFAFAF 1px solid;*/
    _border-bottom: none;
    /*IE6*/
}

*+html #membMenu ul {
    border-bottom: none;
    /*IE7*/
}

#membMenu #help {
    margin: 5px 8px 0 8px;
    font-size: 0.85em;
}

#membMenu .ed {
    width: 178px;
    height: 10px;
    background: url(../images/mem_bg_ed.gif) left bottom no-repeat;
}


/* 募集情報一覧・サロンメニュー・スペシャル案件 */

#infoMenu, #salonMenu, #spMenu, #kenjaMenu {
    width: 172px;
    padding: 3px;
    background-color: #46a736;
}

#kenjaMenu {
    margin-bottom: 10px;
}

#infoMenu h2, #salonMenu h2, #spMenu h2, #kenjaMenu h2 {
    margin: 0;
    color: #FFFFFF;
    font-weight: bold;
}

#infoMenu ul.list01 li, #salonMenu ul.list01 li, #spMenu ul.list01 li, #kenjaMenu ul.list01 li {
    margin-bottom: 1px;
    padding: 2px;
    background-color: #FFFFFF;
}

#kenjaMenu div {
    padding: 2px;
    background-color: white;
}

#kenjaMenu p {
    background-color: white;
}

#m01 a:link, #m01 a:visited {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #4ea4ec 5px solid;
    background: url(../images/bg_menu01.gif) #e5f3ff right bottom no-repeat;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m01 a:active, #m01 a:hover {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #4ea4ec 5px solid;
    background: url(../images/bg_menu01_on.gif) #badfff right bottom no-repeat;
    color: #0066CC;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m02 a:link, #m02 a:visited {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #ffa6d6 5px solid;
    background: url(../images/bg_menu02.gif) #ffe5f4 right bottom no-repeat;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m02 a:active, #m02 a:hover {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #ffa6d6 5px solid;
    background: url(../images/bg_menu02_on.gif) #ffbfe2 right bottom no-repeat;
    color: #0066CC;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m03 a:link, #m03 a:visited {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #faaf57 5px solid;
    background: url(../images/bg_menu03.gif) #fff5e5 right bottom no-repeat;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m03 a:active, #m03 a:hover {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #faaf57 5px solid;
    background: url(../images/bg_menu03_on.gif) #fed7aa right bottom no-repeat;
    color: #0066CC;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m04 a:link, #m04 a:visited {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #418e1f 5px solid;
    background: url(../images/bg_menu04.gif) #e4fecb right bottom no-repeat;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m04 a:active, #m04 a:hover {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #418e1f 5px solid;
    background: url(../images/bg_menu04_on.gif) #b8e28f right bottom no-repeat;
    color: #0066CC;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m05 a:link, #m05 a:visited {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #b9d66c 5px solid;
    background: url(../images/bg_menu05.gif) #f6fde2 right bottom no-repeat;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m05 a:active, #m05 a:hover {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #b9d66c 5px solid;
    background: url(../images/bg_menu05_on.gif) #d9eea0 right bottom no-repeat;
    color: #0066CC;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m06 a:link, #m06 a:visited {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #b9d66c 5px solid;
    background: url(../images/bg_menu06_off.gif) #EFEFEF right bottom no-repeat;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#m06 a:active, #m06 a:hover {
    _width: 153px;
    _height: 20px;
    display: block;
    padding: 5px;
    border-left: #b9d66c 5px solid;
    background: url(../images/bg_menu06_on.gif) #CFCFCF right bottom no-repeat;
    color: #0066CC;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#infoMenu ul.list02, #salonMenu ul.list02, #kenjaMenu ul.list02 {
    padding: 8px 5px;
    background-color: #FFFFFF;
}

#infoMenu ul.list02 li, #salonMenu ul.list02 li, #kenjaMenu ul.list02 li {
    padding-left: 15px;
    background: url(../images/parts_arw_bl.gif) 5px 5px no-repeat;
    font-size: 0.9em;
}


/*基礎知識*/

#beginner {
    margin-bottom: 10px;
}


/*CTリサーチ*/

#researchMenu li {
    margin: -10px 0 10px 0;
    padding: 8px 0 8px 14px;
    border-bottom: #666666 1px dotted;
    background: url(../images/parts_arw_bl.gif) 3px 13px no-repeat;
    font-size: 0.9em;
}

#researchMenu li:hover {
    background: none;
    background-color: #E5F3F3;
}

#columnMenu_new li {
    margin: -10px 0 10px 0;
    /*padding:0 0 5px 13px;*/
    border-bottom: #666666 1px dotted;
    background: url(../images/parts_arw_bl.gif) 3px 12px no-repeat;
    font-size: 0.9em;
    padding: 5px 0 5px 14px;
    line-height: 22px;
}


/* コラム・キャンペーンメニュー */

#columnMenu {
    width: 178px;
    margin-bottom: 10px;
    border: #4ea4ec 1px solid;
}

#columMenu h2 {
    margin-bottom: 0;
    padding: 3px;
    background-color: #4ea4ec;
    color: #FFFFFF;
    font-weight: bold;
}

#columMenu h2 a {
    padding-left: 10px;
    background: url(../images/parts_arw_wh.gif) 3px 3px no-repeat;
    color: #FFFFFF;
    text-decoration: none;
}

#columMenu h2 a:hover {
    padding-left: 10px;
    background: url(../images/parts_arw_wh.gif) 3px 3px no-repeat;
    color: #FFFFFF;
    text-decoration: underline;
}

#columMenu h3 {
    margin: 5px 8px;
    font-size: 1em;
}

#columMenu ul {
    margin: 0 8px 3px 8px;
    padding-bottom: 5px;
    border-bottom: #999999 1px dotted;
}

#columMenu ul li {
    padding-left: 10px;
    background: url(../images/parts_arw_bl.gif) left 5px no-repeat;
}

#columMenu .ed {
    width: 182px;
    height: 10px;
    _margin-top: -5px;
    background: url(../images/menu_bg02_ed.gif) left bottom no-repeat;
}

#columMenu .more {
    margin-right: 5px;
}


/*RSS*/

#rss {
    width: 178px;
    margin-bottom: 10px;
    border: #4ea4ec 1px solid;
}

#rss h2 {
    margin-bottom: 0;
    padding: 3px;
    background-color: #4ea4ec;
    color: #FFFFFF;
    font-weight: bold;
}

#rss p {
    margin: 5px;
    font-size: 0.8em;
    line-height: 120%;
}


/*アンケート*/

#enq {
    margin-bottom: 10px;
}


/*レポート*/

#report {
    height: 65px;
    width: 185px;
    margin-bottom: 10px;
}

#enq .st {
    width: 178px;
    height: 5px;
    background: url(../images/enq_st.gif) left top no-repeat;
}

#enq .ed {
    width: 178px;
    height: 10px;
    background: url(../images/enq_ed.gif) left top no-repeat;
}

#enq .bd_wrap {
    border-width: 0 1px;
    border-style: solid;
    border-color: #fdc849;
    padding-left: 1px;
    padding-right: 1px;
    width: 174px;
    _margin-top: -10px;
    _width: 170px;
}

#enq .bd {
    width: 154px;
    padding: 3px 10px 0 10px;
    background: #fff29c url(../images/enq_bd.gif) left bottom no-repeat;
    _padding-right: 4px;
}

#enq .new {
    margin-bottom: 5px;
    padding-left: 30px;
    background: url(../images/enq_new.gif) left 3px no-repeat;
    font-size: 0.9em;
}


/* banners */

#ghjapan, #auction_banner {
    margin-bottom: 10px;
}

#ghjapan {
    /*margin-top:10px;*/
}

#errMail {
    /*	display: none;*/
}

#errMail .dijitDialogCloseIcon {
    display: none;
}

#errMail_underlay {
    background-color: black;
}

.bullet {
    width: 140px;
    padding-left: 15px;
    background: url(https://cdn.ct-world.net/seikatsu-kojo.jp/images/new_sankaku.png) 0px 6px no-repeat;
    margin-left: 10px;
    font-size: 0.9em;
}

.boxfull {
    border: 1px solid #D2D2D2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom-radius: 3px;
}

.boxfull.login {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    width: 178px;
}

.regist {
    padding-top: 7px;
    padding-bottom: 7px;
    /*	margin-bottom: 10px;*/
    width: 178px;
}

.box {
    border: 1px solid #D2D2D2;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.box.search {
    width: 180px;
    height: 200px;
    margin-bottom: 10px;
}

.box.list {
    width: 178px;
    height: 191px;
    margin-bottom: 10px;
}

.free_search {
    margin-top: 10px;
}

.free_search h2.fw {
    width: 180px;
    background: url(../images/l_free_word.png) left 0px no-repeat;
    height: 32px;
    margin-bottom: 0px;
}

.ichiran h2.fw {
    width: 180px;
    background: url(../images/new_ichiran.png) left 0px no-repeat;
    height: 32px;
    margin-bottom: 0px;
}

.korabo h2.fw {
    width: 180px;
    background: url(../images/new_korabo.png) left 0px no-repeat;
    height: 32px;
    margin-bottom: 0px;
}

.box.korabo {
    width: 178px;
    background-color: #FFF;
    margin-bottom: 10px;
    height: 51px;
}

.kontent h2.fw {
    width: 180px;
    background: url(../images/shikkan_kensaku.png) left 0px no-repeat;
    height: 32px;
    margin-bottom: 0px;
}

.box.kontent {
    width: 178px;
    background-color: #FFF;
    margin-bottom: 10px;
}

#korabo_list li {
    background: url("../images/parts_arw_bl.gif") no-repeat scroll 0px 6px transparent;
    padding-left: 8px;
}

.search #keyword {
    width: 158px;
    margin-left: 2px;
    margin-right: 0px;
}

.box.search .inside {
    padding: 5px;
}

.box.search .inside p {
    margin-bottom: 5px;
}

.box500 {
    width: 180px;
    height: 400px;
}

.up4px {
    margin-bottom: 4px;
}


/** twitter blog**/

#twitter_div {
    background-image: url('/common/images/twit_bg.png');
    background-repeat: repeat;
    /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #5AA5BC;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    margin-top: 2px;
    padding-top: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

#followme {
    margin-top: 20px;
    width: 178px;
}

#tw_left {
    width: 32px;
    float: left;
    padding-left: 10px;
}

#tw_right {
    /*width: 80px;*/
    padding-left: 50px;
    margin-left: 10px;
}

#tw_rt {
    padding-bottom: 2px;
}

#twitter_div ul li {
    color: #0C93BA;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #000;
    /*width: 175px;*/
}

#twitter_div ul li a {
    text-decoration: none;
    color: #DDA84E;
    /*width: 175px;*/
    clear: right;
}

#twitter_div ul li a:hover {
    text-decoration: none;
    color: #D78E42;
}

#twitter_div p {
    text-align: left;
    padding-top: 6px;
    padding-bottom: 15px;
    padding-left: 6px;
    padding-right: 6px;
}

#l_point {
    background-color: #E5F3FF;
    height: 23px;
    padding: 5px 0px 8px 0px;
    border-left: solid 1px #E6E6E6;
    border-right: solid 1px #E6E6E6;
    border-bottom: solid 1px #E6E6E6;
}

div#lprofile {
    height: 320px;
    width: 175px;
    border: solid 3px #68A5EB;
    box-shadow: 1px 1px 3px #CCC;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 10px;
}

div#lprofile hr {
    width: 160px;
    border: solid 1px #aaa;
}

div#lprofile .point_wrap {
    margin-top: 10px;
    font-weight: bold;
}

div#lprofile #avatar {
    width: 140px;
    height: 140px;
    margin: 18px auto 0px;
}

div#lprofile #name {
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}

span#life_banner {
    display: none;
    background: url('https://cdn.ct-world.net/seikatsu-kojo.jp/images/banner/seikatsu-kojoXlife.jpg');
    width: 180px;
    height: 69px;
    margin: 5px 0px;
}

span#life_banner:hover {
    background-position: 0px -68px;
}

.search_banner {
    width: 180px;
    height: 200px;
    background: url('https://cdn.ct-world.net/seikatsu-kojo.jp/images/kensakubana.png');
}

.search_banner:hover {
    background-position: 0px -200px;
}

.keep_btn {
    width: 150px;
    height: 60px;
    position: relative;
    border: solid 1px #458beb;
    margin: 10px auto;
    border-radius: 3px;
    color: #FFF;
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#99c4e5+1,7db9e8+26,458beb+100 */
    background: #99c4e5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #99c4e5 1%, #7db9e8 26%, #458beb 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #99c4e5 1%, #7db9e8 26%, #458beb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #99c4e5 1%, #7db9e8 26%, #458beb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99c4e5', endColorstr='#458beb', GradientType=0);
    /* IE6-9 */
}

.keep_btn .text1 {
    display: block;
    font-size: 13px;
    color: #FFF;
    position: absolute;
    top: 13px;
    left: 10px;
    transition: font-size 0.1s, top 0.1s, left 0.1s;
}

.keep_btn .text2 {
    display: block;
    font-size: 13px;
    color: #FFF;
    position: absolute;
    top: 30px;
    left: 125px;
    transition: font-size 0.1s, top 0.1s, left 0.1s;
}

.keep_btn .count {
    display: block;
    font-size: 30px;
    color: #FFF;
    position: absolute;
    top: 10px;
    left: 80px;
    transition: font-size 0.1s, top 0.1s, left 0.1s;
}

.keep_btn:hover .text1 {
    font-size: 10px;
    top: 20px;
    left: 8px;
}

.keep_btn:hover .text2 {
    font-size: 10px;
    top: 35px;
    left: 130px;
}

.keep_btn:hover .count {
    font-size: 40px;
    top: 2px;
    left: 65px;
}