﻿/* CSS Document */



/* --- Plans ---------------------------- */

.my_planHeader {
    text-align: center;
    color: white;
    padding-top:0.2em;
    padding-bottom:0.2em;
}
.my_planTitle {
    font-size:1.4em;
    font-weight: bold;
}
.my_planPrice {
    font-size:1em;
    font-weight: bold;    
}
.my_planDuration {
    margin-top: -0.6em;
}

@media (max-width: 768px) {
    .my_planTitle {
        font-size:small;
    }    
}

/* --- Features ------------------------- */

.my_feature {
    line-height:2em;   
}

@media (max-width: 768px) {
    .my_feature {
        text-align: center
    }
 }

.my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 0.1em solid rgb(163, 163, 163);
}    

/* --- Plan 1 --------------------------- */
.my_plan1 {
    background: rgb(224,234,242);
}

.my_planHeader.my_plan1 a {
    background: rgb(72, 109, 139);
    color:white;
}

.my_planHeader.my_plan1 {
    background: rgb(105, 153, 193);
    border-bottom: thick solid rgb(72, 109, 139);
}

/* --- Plan 2 --------------------------- */
.my_plan2 {
    background: rgb(230,235,218);
}

.my_planHeader.my_plan2 a {
    background: rgb(108, 131, 62);
    color:white;
}

.my_planHeader.my_plan2 {
    background: rgb(134, 162, 77);
    border-bottom: thick solid rgb(108, 131, 62);
}

/* --- Plan 3 --------------------------- */
.my_plan3 {
    background: rgb(254,235,212);
}

.my_planHeader.my_plan3 a {
    background: rgb(199, 127, 40);
    color:white;
}

.my_planHeader.my_plan3 {
    background: rgb(253, 161, 49);
    border-bottom: thick solid rgb(199, 127, 40);
}




.my_planFeature {
    text-align: center;
    font-size: 1.4em;
}

.my_planFeature i.my_check {
    color: green;
}


#ikuMain h2{

        overflow: hidden;
        text-shadow: 0px 0px #EFEFEF,
                                 1px 1px #EFEFEF,
                                 2px 2px #EFEFEF,
                                 3px 3px #EFEFEF,
                                 4px 4px #EFEFEF,
                                 5px 5px #EFEFEF

                                /* 以降 伸ばしたい影の流さまで足していく */
}

#ikuMain h3{
    padding-left: 5px;
    margin-bottom: 10px;
    border-left: 6px solid #fa9000;
    font-size: 20px;
    font-weight: normal;
	margin-top: 20px;

    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	
        overflow: hidden;
        text-shadow: 0px 0px #EFEFEF,
                                 1px 1px #EFEFEF,
                                 2px 2px #EFEFEF,
                                 3px 3px #EFEFEF

                                /* 以降 伸ばしたい影の流さまで足していく */
}

#ikuSidebar h2{
	margin-bottom: 0.2em;
	
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
