@charset "UTF-8";

#bar {
	background-image: url("images/base_r1_c1.jpg");
}
#bar.segment {
	background-image: url("images/base_r1_c1_no_logo.jpg");
}
#main_menu .top {
	background-image: url("images/base_r2_c2.jpg");
}
#main_menu .study {
	background-image: url("images/base_r2_c6.jpg");
}
#main_menu .calendar {
	background-image: url("images/base_r2_c8.jpg");
}
#main_menu .option {
	background-image: url("images/base_r2_c9.jpg");
}
#manabi {
	background-image: url("images/base_r2_c13.jpg");
}
#manabi_top {
	background-image: url("images/keihin_banner.jpg");
}
#center {
	background-image: url("images/base_r3_c3.jpg");
}
#center .topics {
	background-image: url("images/button_topics.gif");
}
#twitter .bar {
	background-image: url("images/base_r5_c4.jpg");
}
#info .bar {
	background-image: url("images/base_r11_c4.jpg");
}
#license .bar {
	background-image: url("images/base_r15_c4.jpg");
}
#iroiro {
	background-image: url("images/base_r5_c12.jpg");
}
/*-----------------------------------------------------*/
.koumoku2 .study {
	background-image: url("images/base_r8_c12.jpg");
}
.koumoku2 .calendar {
	background-image: url("images/base_r8_c15.jpg");
}
.koumoku2 .ask {
	background-image: url("images/base_r10_c12.jpg");
}
.koumoku2 .diagram {
	background-image: url("images/base_r10_c15.jpg");
}
.koumoku2 .flow {
	background-image: url("images/base_r14_c12.jpg");
}
.koumoku2 .gift {
	background-image: url("images/base_r14_c15.jpg");
}
.koumoku2 .guide {
	background-image: url("images/base_r16_c12.jpg");
}
.koumoku2 .uranai {
	background-image: url("images/base_r16_c15.jpg");
}
.koumoku2 .test2 {
	background-image: url("images/base_r8_c13.jpg");
}
.koumoku2 .suuken {
	background-image: url("images/base_r8_c14.jpg");/*20150516追加*/
}
/* = 景品のページ /member/point 
-------------------------------------------------------------- */
#member_point_header    { color: #606060; margin-left: -10px; }
#member_point_header h2 {
    background: url("images/point/head_1.jpg") repeat-x;
    width:      950px;
    height:     40px;
}
#member_point_header h2.sub {
    background: url("images/point/head_3.jpg") no-repeat;
}
#member_point_header h2.confirm {
    background: none;
}
#member_point_header h2.confirm span { display: block; }
#member_point_header h2 span { display: none; }
#member_point_header .head_2 {
    background:    url("images/point/head_2.jpg");
    width:         950px;
    height:        128px;
    margin-bottom:  10px;
}
#member_point_header .head_3 {
    width:         950px;
    height:        55px;
    font-size: 1.2em;
    margin: 5px 0 0 15px;
    color: #606060;
}
#member_point_header .head_3 p.back {
    width:  150px;
    height:  40px;
    background:  url("images/point/back_btn_m.jpg");
    float: right;
    cursor: pointer;
}
/* 一覧表示部分 */
#member_point {
    background:  url("images/point/main_bg.jpg") repeat-x;
    width:       960px;
    min-height: 1130px;
    margin-left: -10px;
    padding:       0px;
}
#member_point .pager_bottom { clear: both; padding-top: 0px!important; }
/* 詳細表示部分 */
.member_point_sub {
    background:  url("images/point/sub_bg.jpg") repeat-x!important;
    min-height: 488px!important;
}
.member_point_sub .message { height: 56px; }
.member_point_sub .detail_box {
    background:  url("images/point/box_3.png") no-repeat;
    width:  905px;
    height: 435px;
    margin: 0 auto;
    color: #606060;
    font-size:  1.3em;
}
.member_point_sub .left_box {
    width: 330px;
    float: left;
    padding: 20px 0 0 40px;
}
.member_point_sub .left_box .image {
    width: 260px;
    height: 260px;
    margin-top: 15px;
}
.member_point_sub .left_box .name {
    font-weight: bold;
}
.member_point_sub .left_box .name span {
    display: block;
    text-align: right;
}
.member_point_sub .right_box {
    width: 500px;
    float: right;
}
.member_point_sub .right_box dl { margin-top: 25px; }
.member_point_sub .right_box dt { margin-top:  5px; }
.member_point_sub .right_box dd { margin: 2px 0 0 18px; }
.member_point_sub .right_box .gift_note_text {
    float:left;
    width: 350px;
}
.member_point_sub .right_box .gift_note_text textarea { width: 340px; margin-top: 10px; }
.member_point_sub .right_box .gift_note_text span     { font-size: 0.8em; }
.member_point_sub .right_box .gift_submit { clear: none!important; margin-left: 10px; }
.member_point_sub .right_box .gift_submit input { /* 仮処理 */
    background:  url("images/point/btn.jpg");
    width:  105px;
    height: 105px;
    border: 0px solid;
    cursor: pointer;
}
.member_point_sub .confirm_button_area {
    margin: 10px auto 0 auto;
    width:  400px;
}
.member_point_sub .confirm_button_area .gift_submit { float: right!important; }
.member_point_sub .confirm_button_area .gift_submit input { 
    background:  url("images/point/btn_confirm.jpg");
    width:  105px;
    height: 105px;
    border: 0px solid;
    cursor: pointer;
}
.member_point_sub p.cancel { margin-left: 150px; margin-left: 85px\9; }
.member_point_sub .confirm_button_area .cancel input {
    background:  url("images/point/btn_cancel.jpg");
    width:  105px;
    height: 105px;
    border: 0px solid;
    cursor: pointer;
}
.member_point_sub p.cancel,
.member_point_sub p.save {
    float: left;
}
.member_point_sub p.back {
    width:  165px;
    height:  26px;
    background:  url("images/point/back_btn.jpg");
    margin: 15px auto 0 auto;
    cursor: pointer;
}
.member_point_sub p.confirm_back { /* 仮処理 */
    width: 50px;
    background: none;
}

#member_point .scroll_area { overflow: auto; width: 450px; height: 160px; }
#member_point .conf_scroll_area { overflow: auto; width: 450px; height: 80px; }
#member_point .note_scroll_area { overflow: auto; width: 450px; height: 50px; }

/* ページャ */
#member_point .pager {
    width: 960px;
    height: 45px;
    text-align: center;
    padding-top: 20px;
}
#member_point .pager a, #member_point .pager b {
    background: #FFF;
    font-size:  1.5em;
    padding:    5px 10px;
}
#member_point .pager a[title*="previous"],
#member_point .pager a[title*="next"] { display: none; }

/* 一覧表示のボックス部分 */
#member_point .small_box {
    width:      185px;
    height:     185px;
    margin:     0 2px 19px 4px;
    float:      left;
    text-align: center;
    font-size:  1.3em;
}
#member_point .yellow { background: url("images/point/box_1.png"); }
#member_point .red    { background: url("images/point/box_2.png"); }

#member_point .small_box .necessary_point {
    margin-top: 10px;
    font-weight: bold;
    font-size: 0.8em;
    color: #FE5303;
}
#member_point .small_box .name {
    margin:     12px 0 12px 15px;
    width:      150px;
    font-size:  0.8em;
}

/* フッターの色を調整 */
.point_footer { background-color:#d8df20; }