/************************************************************************
* 
* cl0010 Login exclusive use
*
************************************************************************/
body {
	color:#5D6E80;
}

h1, h2, h3, h4, h5, h6 {
   margin: 2px 0 2px 0;
   font-size:12px;
}

#page_cl0010 #detail {
	margin-top:20px;
	margin-bottom:20px;
}

/* login_form */
/* 2015/10/09 レイアウト変更 START */
/*#login_form {
	width: 380px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;    
    border: 2px solid #79a1e7;
    background-color:#d8e8f9;
}*/
#login_form {
    float:none;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    border: 1.0px solid #00bfff;
    border-radius: 5px;
    background-color:#ffffff;
    padding: 15px;  
    width: 420px;
    height:300px;
    box-shadow: 0 0 7px #00bfff;
    opacity:0.9;
}
/* 2015/10/09 レイアウト変更 END */
/* 2015/10/09 レイアウト変更 START */
/*#login_form .cltab {
	width: 300px;
	height: 71px;
    margin-right: auto;
    margin-left: auto;
}*/
#login_form .cltab {    
    margin-right: auto;
    margin-left: auto;
    margin-top:10px;
	width: 370px;
	height: 85px;

}
#login_form .cltab_top {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 2px solid #47A2B5;
    width: 370px;
    height: 85px;
}
/* 2015/10/09 レイアウト変更 END */
/* 2015/10/09 レイアウト変更 START */
/*#login_form  .cltab th {
	width: 90px;
	font-weight:normal;
}*/
#login_form  .cltab th {
    width: 90px;
    font-weight:bold;
    font-size: 14px;
    color:#47A2B5;
    text-align:left;
}
#login_form  .cltab_top th {
	width: 300px;
    text-align:center;
    color:#47A2B5;	
    font-weight:bold;
    font-size: 26px;
}
/* 2015/10/09 レイアウト変更 END */
#login_form .cltab td {
	width: 206px;
}
#login_form .input {
	width:80%;
	ime-mode: disabled;
}
/* 2015/10/09 レイアウト変更 START */
/*div.action_buttons {
  position: relative;
  margin-top:15px;
  text-align:center;
}*/
div.action_buttons {
    position: relative;
    float:right;
    margin-top:15px;
    text-align:right;
}
/* 2015/10/09 レイアウト変更 END */

/* input error */
#error_box 
{
  margin:10px;
  color: red;	
  font-size : 12px;
  font-weight:bold;
  text-align:center;
}
#error_box #valiSum {
    margin-right: auto;
    margin-left: auto;
    width: 250px;
    color: red;
    font-size : 12px;
    font-weight:bold;
    /* 2015/10/09 レイアウト変更 START */
    text-align:center;
    /* 2015/10/09 レイアウト変更 END */
}

/* infomation */
/* 2015/10/09 レイアウト変更 START */
/*#infomation
{
	width: 600px;
	margin-top:30px;
	margin-right: auto;
	margin-bottom:30px;
    margin-left: auto;
    padding:10px;
    border: 1px solid #d8e8f9;
}*/
#infomation
{
    float:none;
    margin-top:10px;
/* ▼Upd▼［パ］Ver.1.0.01 Date.2017.07.18 /スマホ開発/ ▼Start▼   */
    /* margin-bottom:30px; */
    margin-bottom:10px;
/* ▲Upd▲［パ］Ver.1.0.01 Date.2017.07.18 /スマホ開発/ ▲End▲   */
	margin-right: auto;
    margin-left: auto;
    border: 1.0px solid #00bfff;
    border-radius: 5px;
    padding:15px;
    width: 420px;
    /*height:300px;*/
    background-color:#ffffff;
    box-shadow: 0 0 7px #00bfff;
    opacity:0.9;
}
/* 2015/10/09 レイアウト変更 END */
#infomation div.info_msgbox {
    /* 2015/10/09 DEL AAサイトリニューアル *1.0.000.0 START */
    /*width: 580px;*/
    /* 2015/10/09 DEL AAサイトリニューアル *1.0.000.0 END */
    margin-right: auto;
	margin-bottom:10px;
    margin-left: auto;
    /* 2015/10/09 DEL AAサイトリニューアル *1.0.000.0 START */
    /*background-image:url(../image/menu/clinfo_bk.gif);*/
    /* 2015/10/09 DEL AAサイトリニューアル *1.0.000.0 END */
	background-repeat:repeat-y;
}
#infomation p.inf_msg {
	margin:0;
	padding:5px 0 0 20px;
	line-height:1.2em;
}

#page_title, div.navi_step {
	float:left;
	margin-left: 5px;
}
/* 2015/10/09 レイアウト変更 START */
#login_title {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    border: 1.5px solid #00bfff;
    border-radius: 5px;
    background-color:#ffffff;
    width: 450px;
    /* 2016/01/18 大学名の表示文字数の変更 START */
    /*height: 30px;*/
    /*text-align: center;*/
    /*font-size:24px;*/
    text-align: center;
    font-size:22px;
    /* 2016/01/18 大学名の表示文字数の変更 END   */
}
/* 2016/01/18 英単語の途中で折り返し防止 START */
#login_title span {
    width: 450px;
}
/* 2016/01/18 英単語の途中で折り返し防止 END   */
#page_detail { 
    margin: 0 auto;
    max-width:930px;
    min-width:450px;
}
/* 長文折り返し設定 */
#long_text {
	display:inline-block;
    width:400px;
    /* 2016/01/18 英単語の途中で折り返し防止 START */
	/*word-break:break-all;*/
	word-break:break-word;
	/* 2016/01/18 英単語の途中で折り返し防止 END   */
	word-wrap: break-word;
	white-space: pre-wrap;
    margin:0;
	padding-left:10px;
    padding-right:10px;
    font-size:12px;
	line-height:1.4em;
}

/* ▼Add▼［パ］Ver.1.0.01 Date.2017.07.18 /スマホ開発/ ▼Start▼ */
div.change_mobile_button {
        margin: 0 auto;
        opacity: 0.9;
        text-align: right;
        width: 450px;
}
/* ▲Add▲［パ］Ver.1.0.01 Date.2017.07.18 /スマホ開発/ ▲End▲   */

@media (min-width:930px) {
    #login_form {
        float: right;
        margin:0px auto 10px auto; 
        border: 1.0px solid #00bfff;
        border-radius: 5px;
        background-color: #ffffff;
        padding: 15px;
        width: 420px;
        height:300px;
        box-shadow: 0 0 7px #00bfff;
        opacity: 0.9;
    }
    #infomation {
        float: left;
        margin:0px auto 0px auto;
        border: 1.0px solid #00bfff;
        border-radius: 5px;
        padding: 15px;
        width: 420px;
        /*height:300px;*/
        background-color: #ffffff;
        box-shadow: 0 0 7px #00bfff;
        opacity: 0.9;
    }
    #login_title {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 10px;
        border: 1.5px solid #00bfff;
        border-radius: 5px;
        background-color: #ffffff;
        /* 2016/01/18 大学名の表示文字数の変更 START */
        /*width: 100%;*/
        /*height: 30px;*/
        /*text-align: center;*/
        /*font-size: 24px;*/
        width: 930px;
        text-align: center;
        font-size: 22px;
        /* 2016/01/18 大学名の表示文字数の変更 END   */
    }
    /* 2016/01/18 英単語の途中で折り返し防止 START */
    #login_title span {
        width: 930px;
    }
    /* 2016/01/18 英単語の途中で折り返し防止 END   */
    /* ▼Add▼［パ］Ver.1.0.01 Date.2017.07.18 /スマホ開発/ ▼Start▼ */
    div.change_mobile_button {
        opacity: 0.9;
        text-align: right;
        width: 930px;
    }
    /* ▲Add▲［パ］Ver.1.0.01 Date.2017.07.18 /スマホ開発/ ▲End▲   */
}
/* 2015/10/09 レイアウト変更 END */