@charset "utf-8";



/*////////////////////////////////////////////////////////////////////////*/
/* base */
/*////////////////////////////////////////////////////////////////////////*/

body {
        font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-Serif;
        margin:0;
        padding:0;
        text-align:center;
        background-color: #e7e7e7;
        font-size: 75%;
        background-image: url(/images/special/engineers/good-engineer_bg.gif);
        background-repeat: repeat-x;
}


* {
  margin: 0px;
  padding: 0px;
}

* a {
color:#0E5DC0;
}

form,p,ul,li,img,span,table,th,td{
  margin:0px;
  padding:0px;
}

ul {
    list-style-type: none;
}

img{
  border:0;
}

.clearfloat {
  clear:both;
  height:0;
  font-size:1px;
  line-height:0px;
}

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}


/*////////////////////////////////////////////////////////////////////////*/
/* content */
/*////////////////////////////////////////////////////////////////////////*/

#ad_top_super {
margin-top:30px;
text-align:center;
}

#Content {
        width: 1000px;
        border: 1px solid #CCCCCC;
        background-color: #ffffff;
        padding-bottom: 30px;
        margin: 10px auto;
        text-align: left;
}

#feature-header {
    background-image: url(/images/special/invitation/feature-header.gif);
    background-repeat: no-repeat;
    width: 880px;
    margin: 15px auto;
    position: relative;
}

#feature-header .explan {
    position: absolute;
    left: 130px;
    top: 90px;
    font-size: 135%;
    text-shadow:#ffffff 5px 5px 5px;
    filter:shadow(color=#ffffff,direction=135,strength=5);
    width:100%;
}

#feature-header .point_get_box {
    width: 635px;
    margin: 0px auto;
}


#feature-header .point_get_you {
    background-image: url(/images/special/invitation/point_get_you.gif);
    background-repeat: no-repeat;
    height: 215px;
    width: 311px;
    float: left;
    margin-right: 13px;
    margin-top: 105px;
    text-indent: -1000px
}

#feature-header .point_get_friend {
    background-image: url(/images/special/invitation/point_get_friend.gif);
    background-repeat: no-repeat;
    height: 215px;
    width: 311px;
    float: left;
    margin-top: 105px;
    text-indent: -1000px
}

#feature-header .arrow {
    background-image: url(/images/special/invitation/arrow.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 880px;
    height: 46px;
    margin-top: -10px;
    text-align: center;
    font-size: 180%;
    color: #222222;
    padding-top: 13px;
}
#feature-header .arrow span {
    font-family: Arial, Helvetica, sans-serif;
}



#invi_content {
   width: 880px;
   margin: -10px auto 0 auto;
}

#invi_content .invi_bg1 {
    background-color: #c2d6ff;
    position: relative;
    height: 350px;
}

#invi_content .invi_bg2 {
    background-color: #ffffff;
    width: 860px;
    margin: 0px auto;
    height: 325px;
    border: 1px solid #c6c5c5;
}



#invi_content .invi_step {
    background-image: url(/images/special/invitation/step_title_bg.gif);
    background-repeat: no-repeat;
    height: 35px;
    width: 860px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 10px;
    font-size: 145%;
    padding-left: 20px;
}

.step_box .title {
    background-image: url(/images/special/invitation/step_bg.gif);
    background-repeat: no-repeat;
    height: 29px;
    width: 271px;
    font-size: 145%;
    color: #5090fa;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 6px;
}

.step_box .title span {
    font-size: 120%;
}


.invi_bg2 .step_box {
    width: 841px;
    margin: 25px auto 0px auto;
}

.step_box .explan {
    margin: 5px;
    font-size: 110%;
}




.step_box .step1 {
    float: left;
    width: 277px;
    height: 265px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(/images/special/invitation/step1_cap.gif);
    margin-right: 5px;
}

.step_box .step2 {
    float: left;
    width: 277px;
    height: 265px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(/images/special/invitation/step2_cap.gif);
    margin-right: 5px;    
}

.step_box .step3 {
    float: left;
    width: 277px;
    height: 265px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(/images/special/invitation/step3_cap.gif);        
}

#invi_content .invi_button_login a {
    background-image: url(/images/special/invitation/inv_button.gif);
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 224px;
    text-align: center;
    margin: 10px auto 0 auto;
    padding-top: 17px;
    font-size: 145%;
    color: #ffffff;
    text-decoration: none;
}



#invi_content .invi_button_logout a {
    background-image: url(/images/special/invitation/inv_button.gif);
    background-repeat: no-repeat;
    display: block;
    height: 46px;
    width: 224px;
    text-align: center;
    font-size: 145%;
    color: #ffffff;
    margin: 0px auto;
    padding-top: 7px;
    text-decoration: none;
}

#invi_content .sign_in {
    background-image: url(/images/special/invitation/sign_in_title_bg.gif);
    background-repeat: no-repeat;
    height: 35px;
    width: 880px;
    margin-top: 15px;
    padding-top: 10px;
    font-size: 145%;
    padding-left: 20px;
} 

#invi_content .sign_in_flow {
    font-size: 110%;
    margin-top: 10px;
    margin-left: 10px;
}