/*共通エリア(全体)*/
.com1 {
    width: 100%;
    height: 100px;
    background-color: #F2DCDA;
}

/*ロゴエリア*/
.com2 {
    width: 34%;
    min-width: 390px;
}

/*ログイン者、各画面選択エリア*/
.com3 {
    width: 33%;
    min-width: 350px;
    border: 0 solid;
}

/*各画面画像エリア*/
.com4 {
    width: 20%;
    vertical-align: bottom;
}

.boudary {
    height: 5px;
    border: 1px solid #000000;
    background-color: #dbdcdc;
}

/*黄色の横線*/
.com5 {
    height: 5px;
    border: 1px solid #000000;
    background-color: #dbdcdc;
}
/*画面全体のボタンの動作(type="submit")*/
input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.5;
    -webkit-box-shadow: inset 0px 0px 3px #fff;
    -moz-box-shadow: inset 0px 0px 3px #fff;
}

.input[type="submit"]:active {
    color: #e0ebf5;
    -webkit-box-shadow: inset 0px 0px 8px #334c66;
    -moz-box-shadow: inset 0px 0px 2px #3c6da0;
    box-shadow: inset 0px 0px 2px #3a6da0;
}

/*画面全体のボタンの動作(type="image")*/
input[type="image"]:hover {
    cursor: pointer;
    opacity: 0.5;
    -webkit-box-shadow: inset 0px 0px 3px #fff;
    -moz-box-shadow: inset 0px 0px 3px #fff;
}

.input[type="image"]:active {
    color: #e0ebf5;
    -webkit-box-shadow: inset 0px 0px 8px #334c66;
    -moz-box-shadow: inset 0px 0px 2px #3c6da0;
    box-shadow: inset 0px 0px 2px #3a6da0;
}

/*画面全体のボタンの動作(buttonタイプ)*/
input[type="button"]:hover {
    cursor: pointer;
    opacity: 0.5;
    -webkit-box-shadow: inset 0px 0px 3px #fff;
    -moz-box-shadow: inset 0px 0px 3px #fff;
}
/*画面のリンクの下線は非表示*/
a {
    text-decoration: none;
}

/*画面のリンクの色指定*/
a:link {
    color: royalblue;
}

a:visited {
    color: royalblue;
}

a:hover {
    color: deeppink;
}

a:active {
    color: limegreen;
}