@charset "utf-8";

* {/*ブラウザによるデフォルトのmarginとpaddingの差異を無くすために、ユニバーサルセレクタを利用して初期化*/
	margin:0;
	padding:0;
}
body{
    font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size:85%;
    width: 100%;
}
html {/*Firefoxのスクロールバーの有無でセンタリング位置がズレる件を解消用です。*/
	overflow-y:scroll;
}

.center{
    margin: 0 auto;
    text-align: center;
}

/* 要素を隠す　*/
.dom_hide{                      /*　要素削除　*/
    display: none;
}
.dom_clear{                     /*　要素を透明にする　*/
    visibility: hidden;
}


/* 要素を縦横中央配置　*/
.table_cell{
   /* display: inline-table;
    vertical-align: middle;*/
    text-align: center;
}


/**********************************/
/*トップメニュ＝*/
/**********************************/
#top_menu{
    width: 100%;
    height: 70px;
    background-color: lightcyan;
}
div#top_contents, #start_title{
    width: 900px;
    height: 70px;
    margin: 0 auto;
    font-size: 120%;
}
div#top_contents{
    display: none;
}
#campany_name {
    width: 50%;
    height: 70px;
    font-weight: bold;
    line-height: 70px;
    display: inline-block;
}
span.campany {
    float: right;
    /* display: table-cell; */
    /* vertical-align: bottom; */
    width: 100px;
    height: 70px;
    line-height: 100px;
    margin-right: 20px;
}
/**********************************/
/*ログイン入力画面*/
/**********************************/
#new_login{
    width: 900px;
    height: 370px;
    margin: 45px auto;
    background-color: lightgray;
    border-radius: 15px;
}
.login_title{
    font-size: 250%;
    padding: 20px;
    font-weight: bold;
}
.input_layout{
    width: 80%;
    margin: 0 auto;
    font-size: 200%;
}
.gyo{
    width: 100%;
    height: 45px;
    text-align: center;
    display: inline-table;
}
.gyo input[type="button"]{
    width: 140px;
    height: 40px;
}
.gyo div{
    display: inline-block;
}
.gyo img{
    width: 35%;
    height: 150%;
    vertical-align: bottom;
    padding: 10px;
}
.retsu_left {
    width: 25%;
    vertical-align: middle;
}
.retsu_rigth{
    width: 74%;
}
.retsu_rigth input[type="text"]{
    width: 100%;
    height: 30px;
    font-size: 95%;
    text-align: center;
}
/**********************************/
/*ログインリターン（契約店舗店の選択画面）*/
/**********************************/
#login_return {
    font-size: 150%;
    margin-top: 30px;
    line-height: 1.5em;
}
#login_return input[type="button"] {
    width: 132px;
    height: 27px;
    font-size: 80%;
}
.login_block{
    display: inline-block;
    margin: 0px 20px 0 20px;
}

/********************************************************************************/
/*　　contents_01　契約店舗選択後のメインメニュー　*/
/********************************************************************************/
#contents_01{
    font-size: 120%;
    width: 900px;
    margin: 0 auto;
}
#contents_01 ul{
    margin: 0 auto;
    width: 850px;
}
#contents_01 div{
    margin: 21px auto;
    font-size: 180%;
    text-align: center;
}
.menu_li {
    list-style: none;
    display: inline-block;
    width: 250px;
    height: 80px;
    background-color: #EEEEEE;
    margin: 20px 10px;
    text-align: center;
    font-size: 150%;
    line-height: 80px;
    border-radius: 30px;
}
.menu_li:hover{
    background-color: #8BC34A;
    color: white;
}
/********************************************************************************/
/*　　contents_02　契約店舗選択後のメインメニュー　*/
/********************************************************************************/
#size_list ul{
    width: 1000px;
    margin: 0 auto;
}
#size_list li{
    list-style: none;
    display: block;
}
.size_box{
    width: 100%;
    height: 60px;
}
.size_box_Left{
    width: 35%;
    float: left;
}
.size_box_Rigth{
    width: 65%;
    float: right;
}
.size_box_LTop{
    width: 100%;
    float: top;
}
.size_box_Lbottom{
    width: 100%;
    float:bottom;
}