@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------- common style */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-Mac \*/
* html #container_tbl { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-Mac \*/

/* MARGIN */
.margin0 { margin: 0; }

.margin_t5 { margin-top: 5px; }
.margin_t10 { margin-top: 10px; }
.margin_t15 { margin-top: 15px; }
.margin_t20 { margin-top: 20px; }
.margin_t25 { margin-top: 25px; }
.margin_t30 { margin-top: 30px; }

.margin_l5 { margin-left: 5px; }
.margin_l10 { margin-left: 10px; }
.margin_l15 { margin-left: 15px; }
.margin_l20 { margin-left: 20px; }
.margin_l25 { margin-left: 25px; }
.margin_l30 { margin-left: 30px; }
.margin_l35 { margin-left: 35px; }
.margin_l40 { margin-left: 40px; }
.margin_l75 { margin-left: 75px; }

.margin_b5 { margin-bottom: 5px; }
.margin_b10 { margin-bottom: 10px; }
.margin_b15 { margin-bottom: 15px; }
.margin_b20 { margin-bottom: 20px; }
.margin_b25 { margin-bottom: 25px; }

.margin_r75 { margin-right: 75px; }

/* PADDING */
.padding_10 {padding:10px;}


/* TEXT-ALIGN */
.align_l { text-align: left; }
.align_r { text-align: right; }
.align_c { text-align: center; }

/* FLOAT */
.float_r { float: right; }
.float_l { float: left; }
.c_both { clear: both; }

 
/* HIDE ELEMENT */
.hidden { visibility: hidden; }
.txthide { text-indent: -999em; }
.none { display: none; }

body { margin: 0; padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
div,
object,
embed,
img,
form,
a{
    color: #666666;
    margin: 0;
    padding: 0;
    border: 0;
}

table,
tr,
th,
td {
    color: #666666;
    border-collapse: collapse;
    border: none;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
}

/* LINK */
a { color: #00B5E9; }
a:link     { color: #00B5E9; text-decoration: underline; }
a:visited  { color: #00B5E9; text-decoration: underline; }
a:hover    { color: #00B5E9; text-decoration: none; }
a:active   { color: #00B5E9; }

img { behavior:url(/images/common/iepngfix/iepngfix.htc); }


#main_layer {
    position: relative;
    width: 100%;
    color: #666666;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
    font-family: "? Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "", meiryo, "-3 0i", sans-serif;
    }

/*------------------------------------------------------------------------------------------------------------- bg_layer style */
.index_bg_layer {
    background: url(/images/common/index_container_bg.gif) repeat-x left top;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 119px;
    margin: 0 auto;
    }

.lower_bg_layer {
    background: url(/images/common/container_bg.gif) repeat-x left top;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 143px;
    }

/*------------------------------------------------------------------------------------------------------------- left_layer style */
.left_layer_tbl {
    width: 251px;
    }
    
.left_layer_tbl .head_logo {
    background: url(/images/common/left_layer/head_logo_bg.png) no-repeat left top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    height: 164px;
    text-align: left;
    padding: 0 0 0 60px;
    }
    
 .head_logo_02 .left_layer_tbl .head_logo {
    background: url(/images/common/left_layer/head_logo_bg_02.png) no-repeat left top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    height: 164px;
    text-align: left;
    padding: 0 0 0 60px;
    }
    
.left_layer_tbl .head_logo img,
.left_layer_tbl .head_logo_02 img {
    margin-top: 34px;
    }
    
.left_layer_tbl .middle_block_01  {
    background: url(/images/common/left_layer/middle_block_01_bg.png) no-repeat left top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    text-align: left;
    padding: 5px 0 10px 0;
    }
    
.left_layer_tbl .middle_block_01 img  {
    margin: 0;
    }
    
.left_layer_tbl .middle_block_01 p {
    width: 173px;
    text-align: left;
    margin: 0 0 8px 63px;
    padding-top: 2px;
    }

.left_layer_tbl .middle_block_01 .register_btn  {
    width: 186px;
    margin: 0 0 0 61px;
    }


.left_layer_tbl .middle_block_01 p span {
    font-size: 10px;
    }
    
.between_block_01 {
    height: 36px;
    background: url(/images/common/left_layer/between_block_01_bg.png) no-repeat center top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    }

.left_layer_tbl .middle_block_02 {
    background: url(/images/common/left_layer/middle_block_02.png) repeat-y left top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    }

.left_layer_tbl .middle_block_02 table {
    width: 186px;
    margin: 0  0 0 54px;
    }
    
.left_layer_tbl .txt_mailadd,
.left_layer_tbl .txt_mailpass,
.left_layer_tbl .auto_login,
.left_layer_tbl .login_btn {
    padding: 5px 0 2px 10px;
    }
    
.left_layer_tbl .forgot_pass {
    text-align: center;
    padding-bottom: 5px;
}

.left_layer_tbl .input_add,
.left_layer_tbl .input_pass {
    width: 162px;
    height: 22px;
    background: url(/images/common/left_layer/input_bg.gif) no-repeat center top;
    }

.left_layer_tbl .input_add input,
.left_layer_tbl .input_pass input {
    width: 150px;
    height: 14px;
    border: 0;
    margin: 2px 0 0 18px;
    }
    
.between_block_02 {
    width: 251px;
    height: 44px;
    background: url(/images/common/left_layer/between_block_02_bg.png) no-repeat left top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    }

.left_layer_tbl .foot {
    background: url(/images/common/left_layer/foot_bg.png) repeat-y left top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    padding: 10px 0 0 62px;
    }

.left_layer_tbl .foot ul {
    list-style: none;
    }

.left_layer_tbl .foot li {
    margin-bottom: 2px;
    }

.foot_block_01 {
    background: url(/images/common/left_layer/foot_block_01_bg.png) no-repeat left top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    height: 13px;
    }


/* mypage */
.head_logo_03 .left_layer_tbl .head_logo {
    background: url(/images/common/left_layer/head_logo_bg_03.png) no-repeat left top;
    behavior: url(/images/common/iepngfix/iepngfix.htc);
    text-align: left;
    padding: 0 0 0 60px;
}

.head_logo_03 .left_layer_tbl .head_logo img.txt_mypage {
    margin: 0 auto;
    padding: 0;
    margin-left: 50px;
}

    .head_logo_03 .left_layer_tbl .head_logo .user_name {
        width: 175px;
        margin-top: 50px !important;
        margin-top: 45px;
        text-align: center;
        color: #F00;
        font-weight: bold;
    }
    
    .head_logo_03 .left_layer_tbl .head_logo .honorific {
    font-size: 10px;
    color: #000;
    }

    .head_logo_03 .left_layer_tbl .head_logo .points {
        background: url(/images/common/left_layer/frame_point_head.gif) left top;
        margin-right: 85px;
        text-align: right;
        color: #F00;
        font-size: 15px;
        font-weight: bold;
    }

.head_logo_03 .left_layer_tbl .between_block_03 {
    height: 22px;
    background: url(/images/common/left_layer/between_block_03_bg.png) no-repeat right top;
}

.head_logo_03 .left_layer_tbl .between_block_04 {
width: 251px;
height:38px;
background: url(/images/common/left_layer/between_block_04_bg.gif) no-repeat right top;
}

.head_logo_03 .left_layer_tbl .between_block_05 {
width: 251px;
height:38px;
background: url(/images/common/left_layer/between_block_05_bg.gif) no-repeat right top;
}

.head_logo_03 .left_layer_tbl td.event_list {
    width: 211px;
    background: url(/images/common/left_layer/event_list_bg.gif) repeat-y right top;
}

    .head_logo_03 .left_layer_tbl td.event_list div {
        margin-left: 59px;
    }

.head_logo_03 .left_layer_tbl td.user_menu_list {
    width: 211px;
    background: url(/images/common/left_layer/user_menu_bg_ry.gif) repeat-y right top;
}

    .head_logo_03 .left_layer_tbl td.user_menu_list .points {
        width: 182px;
        background: url(/images/common/left_layer/frame_point_head.gif) no-repeat left top;
        margin: 5px 0 0 56px;
        padding: 30px 0 0 0;
    }

    .head_logo_03 .left_layer_tbl td.user_menu_list .points .body {
        background: url(/images/common/left_layer/frame_point_body.gif) no-repeat left top;
        text-align: right;
        color: #F00;
        font-size: 15px;
        font-weight: bold;
        padding: 3px 20px 0 0;
    }
    
    .head_logo_03 .left_layer_tbl td.user_menu_list .points .foot {
        height: 20px;
        background: url(/images/common/left_layer/frame_point_foot.gif) no-repeat left top;
    }


    .head_logo_03 .left_layer_tbl td.user_menu_list div.navi {
        margin-left: 63px;
        margin-top: 5px;
    }
    
        .head_logo_03 .left_layer_tbl td.user_menu_list a {
            margin-bottom: 10px;
            display: block;
        }


/*------------------------------------------------------------------------------------------------------------- main_layer style */
#container_tbl {
    margin: 0 auto 30px;
    }

/*------------------------------------------------------------------------------------------------------------- container style */
.index_container,
.container {
    width: 700px;
    text-align: left;
    position: relative;
    padding-bottom: 20px;
    }

.index_lead {
    margin: 0 70px 10px 120px;
}

.index_lead_02 {
    margin: 0 70px 10px 125px;
}

.contents_tbl {
width: 537px;
display: block;
}

.contents_tbl .head,
.contents_tbl .head2 {
width: 537px;
background: url(/images/common/container_base_head.jpg) no-repeat left top;
height: 123px;
}

.contents_tbl .head2 {
background-image: url(/images/common/container_base_head2.jpg);
}

.contents_tbl .head .head_inner_tbl {
width: 537px;
margin: 40px 0 0 10px;
}

.contents_tbl .head .head_inner_tbl .crumbs {

font-weight: bold;
padding: 0 0 0 12px;
font-size: 12px;
}

.crumbs ul {
list-style: none;
}

.crumbs li {
float: left;
color: #FF8808;
background: url(/images/common/crumbs_arrow.gif) no-repeat left;
margin-right: 10px;
padding: 0 0 0 15px;
}

.crumbs li a {color: #272727;}
.crumbs li a:link { color: #272727; }
.crumbs li a:visited { color: #272727; }
.crumbs li a:hover { color: #272727; text-decoration: none; }

.crumbs li.home {
background: none;
}

.contents_tbl .head .head_inner_tbl .title {
padding: 4px 0 0 15px;
}

.contents_tbl .body {
background: url(/images/common/container_base_body.gif) repeat-y 7px top;
padding-bottom: 20px;
}

.contents_tbl .body2 {
background: url(/images/common/container_base_body2.gif) repeat-y 7px top;
}

.contents_tbl .foot {
width: 537px;
background: url(/images/common/container_base_foot.gif) no-repeat 7px top;
height: 14px;
}

.contents_tbl .foot2 {
width: 537px;
background: url(/images/common/container_base_foot2.gif) no-repeat 7px top;
height: 14px;
}

/*------------------------------------------------------------------------------------------------------------- mypage style */
.paging {
    width: 496px;
    margin: 15px 0px 15px 28px;
    text-align: center;
}

.event_block_container {
}

.event_block {
    width: 496px;
    background: url(/images/mypage/event_block_bg_ry.gif) repeat-y left top;
    margin: 13px 0px 0px 28px;
}

.event_block .eb_head {
    width: 496px;
    height: 7px;
    background: url(/images/mypage/event_block_bg_head.gif) no-repeat left top;
}

.event_block .eb_btm {
    width: 496px;
    height: 7px;
    background: url(/images/mypage/event_block_bg_btm.gif) no-repeat left bottom;
}

.event_block .eb_body {
    padding: 4px 0px 4px 0px;
}

.event_block .eb_body2 {
    padding: 4px 0px 4px 0px;
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.event_block .eb_body3 {
    padding: 4px 0px 4px 0px;
    height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

.event_block .eb_body4 {
    padding: 4px 0px 4px 0px;
    height: 210px;
    overflow-x: hidden;
    overflow-y: auto;
}

.event_block_comment {
    width: 496px;
    margin: 30px 0px 30px 28px;
}

.event_tbl {
}

.event_tbl td.img_td {
    width: 142px;
    text-align: center;
}

.event_tbl td.point_td {
    width: 84px;
}

.event_tbl td.point_td .event_img_buy,
.event_tbl td.point_td .event_img_look,
.event_tbl td.point_td .event_img_ans {
    width: 84px;
    height: 102px;
    position: relative;
    text-align: center;
}

.event_tbl td.point_td .event_img_buy  {
    background: url(/images/mypage/point_base_buy.gif) no-repeat left top;
}

.event_tbl td.point_td .event_img_look {
    background: url(/images/mypage/point_base_look.gif) no-repeat left top;
}

.event_tbl td.point_td .event_img_ans {
    background: url(/images/mypage/point_base_ans.gif) no-repeat left top;
}

.event_tbl td.point_td div span.point {
    position: absolute;
    top: 71px;
    right: 25px;
    color: #ff9421;
    font-size: 14px;
    font-weight: bold;
}

.event_tbl td.point_td .event_head_count {
    text-align: center;
    color: #F00;
    margin-left: 4px;
}

.event_tbl td.exp_td {
    padding: 0px 10px;
}

.event_tbl td.exp_td .event_exp{
    word-break: break-all;
    overflow:hidden;
}

.event_tbl td.exp_td .event_detail_btn {
    text-align: right;
    margin-top: 5px;
}

.btn_show_list {
    text-align: center;
}

.head_office_info_block {
    background: url(/images/mypage/head_office_info_ry.gif) repeat-y left top;
    width: 544px;
    margin-top: 10px;
}

    .head_office_info_block .hoi_head {
        background: url(/images/mypage/head_office_info_head.gif) no-repeat left top;
        width: 544px;
        height: 33px;
        text-align: right;
        padding-top: 23px;
    }
    
        .head_office_info_block .hoi_head a {
            margin: 0px 12px 0px 0px;
        }
    
    .head_office_info_block .hoi_btm {
        background: url(/images/mypage/head_office_info_btm.gif) no-repeat left bottom;
        width: 544px;
        height: 16px;
    }
    
    .head_office_info_block .hoi_body {}
    
        .head_office_info_block .hoi_body ul {
            margin: 3px 0px 5px 30px;
        }
        
        .head_office_info_block .hoi_body li {
            list-style: none;
            background: url(/images/mypage/head_office_info_list_icon.gif) no-repeat left center;
            padding-left: 10px;
            line-height: 1.5em
        }

/*------------------------------------------------------------------------------------------------------------- exp style */

.contents_tbl .gray_tbl {
width: 478px;
margin: 15px auto 0;
}

.gray_tbl .head {
background: url(/images/exp/gray_tbl_head.gif) no-repeat left top;
height: 8px;
}

.gray_tbl .step_body {
background: url(/images/exp/gray_tbl_body.gif) repeat-y left top;
}

.gray_tbl .step_body .step_illust {
float: left;
width: 105px;
padding: 5px 0 0 15px;
}

.gray_tbl .step_body .step_txt {
float: left;
width: 340px;
padding-top: 10px;
}

.gray_tbl .step_body .step_txt p {
border-top: 2px solid #FF8808;
padding-top: 10px;
}

.gray_tbl .middle_arrow {
background: url(/images/exp/gray_tbl_middle_arrow.gif) no-repeat left top;
height: 32px;
}

.gray_tbl .foot {
background: url(/images/exp/gray_tbl_foot.gif) no-repeat left top;
height: 7px;
}

.service_main_layer,
.question_main_layer,
.answer_main_layer {
width: 477px;
margin: 0 auto;
}

.service_main_layer .lead,
.question_main_layer .lead {
margin-top: 15px;
}

.question_main_layer {
background: url(/images/faq/line_dotted.gif) repeat-x left bottom;
padding-bottom: 20px;
}

.question_tbl {
margin-top: 20px;
width: 90%;
}

.question_tbl ul {
list-style: none;
margin-bottom: 15px;
}

.question_tbl li {
width: 420px;
margin-top: 10px;
margin-left: 15px;
padding-left: 20px;
}

.question_tbl li.mark_q {
background: url(/images/faq/icon_question.gif) no-repeat left top;
}

.question_tbl li.mark_a {
background: url(/images/faq/icon_answer.gif) no-repeat left top;
}

.question_tbl li.anchor_top {
text-align: right;
}

.question_tbl li.anchor_top a {
background: url(/images/faq/anchor_top_arrow.gif) no-repeat left;
padding-left: 18px;
}

/* DH add at 20070830 */

.question_tbl td.btn{
width:100%;
text-align:center;
}

.question_tbl li.answer{
font-weight:bold;
}

.question_tbl ul li ul{
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 20px;
    list-style-type: none;
    list-style-position: inside;
    width: 400px;
}

.question_tbl ul li ul li {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 380px;
}

/*  //DH add at 20070830 */

/*  //DH add at 20070907 */
form div.btn{
    text-align:center;
}
/*  DH add at 20070907 */


/*------------------------------------------------------------------------------------------------------------- about_us style */
.about_us {
margin-bottom: 230px;
}



/*------------------------------------------------------------------------------------------------------------- footer style */
.footer_tbl {
    width: 100%;
    background: url(/images/common/footer/footer_line.gif) repeat-x left top;
    }

td.footer {
    font-size: 10px;
    padding: 20px 0 0;
  }

td.footer .footer_inner_tbl {
    width: 700px;
    margin: 0 auto 20px;
    }

td.footer .left_col_tbl {
    width: 300px;
    }

td.footer .right_col_tbl {
    width: 500px; text-align: right;
    }

td.footer .right_col_tbl td {
    text-align: right;
    }

td.footer .btn_operator {
    width: 400px;
    }

td.footer .btn_maker {
    width: 150px;
    padding-right: 5px;
    }
    
td.footer .txt_link {
    padding-top: 17px;
    vertical-align: bottom;
    } 

td.footer .txt_link a {
    border-right: 1px solid #000000;
    margin-right: 3px;
    padding-right: 3px;
    } 

.copyright {
    text-align: center;
    padding-top: 25px;
 }

 td.body div#project{
    margin: 10px 30px 0px 30px;
    font-size:12px;
    line-height:140%;
}

td.body div#project p.item_image{
    width:140px;
    float:left;
}

td.body div#project table.item_detail{
    width:330px;
 }
 
td.body div#project table.item_detail th{
    width:100px;
    padding:6px;
}

td.body div#project table.item_detail td{
    width:230px;
    padding:6px;
}