﻿@charset "Shift_JIS";
/* CSS Document */

/* Point1. ?X?}?[?g?Q?[?g?E?F?C?????邱??F???C?A?E?g */

.layout_point1_L {
    float: left;
    width: 50%;
}

.layout_point1_R {
    float: right;
    width: 40%;
}

/* Point1. ?X?}?[?g?Q?[?g?E?F?C?????邱??F???j???[ */
.smgplus_button_points {
    width: 600px;
    height: 380px;
    margin: 0;
    padding: 0;
    background: url("../image/smgplus_point_bg.jpg") no-repeat center;
}

.smgplus_button_point1,
.smgplus_button_point1 a,
.smgplus_button_point2,
.smgplus_button_point2 a,
.smgplus_button_point3,
.smgplus_button_point3 a,
.smgplus_button_point4,
.smgplus_button_point4 a {
    display: block;
    width: 48%;
    height: 180px;
}

.smgplus_button_point1,
.smgplus_button_point2,
.smgplus_button_point3,
.smgplus_button_point4 {
    float: left;
}

.smgplus_button_point1 {
    margin-right: 20px;
    margin-bottom: 20px;
}

.smgplus_button_point1 a {
    background: url("../image/smgplus_button1.png") no-repeat top center;
}
.smgplus_button_point1 a:hover {
    background-position-y: -180px;
}

.smgplus_button_point2 {
    margin-bottom: 20px;
}

.smgplus_button_point2 a {
    background: url("../image/smgplus_button2.png") no-repeat top center;
}
.smgplus_button_point2 a:hover {
    background-position-y: -180px;
}


.smgplus_button_point3 {
    margin-right: 20px;
}

.smgplus_button_point3 a {
    background: url("../image/smgplus_button3.png") no-repeat top center;
}
.smgplus_button_point3 a:hover {
    background-position-y: -180px;
}


.smgplus_button_point4 a {
    background: url("../image/smgplus_button4.png") no-repeat top center;
}
.smgplus_button_point4 a:hover {
    background-position-y: -180px;
}


/* Point2. B???[?g?T?[?r?X??? */

/* ?} */
.point2_img1 {
    margin-bottom: 40px;
}

/* Point3. ???[?J???????? */

/* ???C?A?E?g */
.layout_point3_L {
    float: left;
    width: 50%;
    margin-right: 40px;
}

.layout_point3_R {
    float: left;
    width: 40%;
}

/* Point4. ?X?}?[?g?G?R???b?gWeb?T?[?r?X(HEMS) */

/* ???C?A?E?g */
.layout_point4_L {
    float: left;
    width: 50%;
}

.layout_point4_R {
    float: right;
    width: 40%;
}
