@charset "utf-8";
/* Common Style */


/* -------------------------------------------------------------------------------------------------------- */
/* all                                                                                                      */
/* -------------------------------------------------------------------------------------------------------- */

/* ----------------------- Browser Default Initialization */
html { overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight:normal;}
table { border-collapse: collapse; border-spacing: 0;}
caption { text-align: left;}
q:before ,q:after { content: '';}
object, embed { vertical-align: top;}
hr, legend { display: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
img, abbr, acronym, fieldset { border: 0;}
img { vertical-align: bottom;}
/*table img { vertical-align: middle;}*/
li { list-style-type: none;}
input[type="text"], select { vertical-align:text-bottom;}
a { outline: none;}
input[type="text"] { height:1.3em; }

.numeric { text-align: right!important; }
.code { text-align: center!important; }
.text-bold{ font-weight: bold; }
.text-attension { font-color:red; }

th, td {
background: white;
text-align: left;
}

/* エラーメッセージに使用 */
.text-errmsg
{
color: #FF0000;
/*height: 2em;*/
line-height: 1.5em;
vertical-align: middle;
text-align:left;
font-size: 14px;
display: block;
margin: 0px 10px;
}

body.confirm
{
background: repeat-x left top;
min-width: 580px;
width: 580px;
height: 120px;

}

/* ----------------------- Basic Style */
body {
min-width: 982px;
height: 100%;
background: url(../../Images/v2/bg_head.png) repeat-x left top;
font-size: 12px;
color: #333333;
font-family: 'ＭＳ ゴシック', MS-Gothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
text-align: center;
letter-spacing: 0;
}
* html body {
font-family: "ＭＳ ゴシック","MS Gothic",Sans-Serif;
}

body.noheader {
background:none;
}

/* リンク定義 ============================= */
#header a:link { color: #333333; text-decoration: none;}
#header a:visited { color: #333333; text-decoration: none;}
#header a:hover { color: #333333; text-decoration: underline;}
#header a:active { color: #333333; text-decoration: underline;}

#nav li li a:link { color: #333333; text-decoration: none;}
#nav li li a:visited { color: #333333; text-decoration: none;}
#nav li li a:hover { color: #333333; text-decoration: none;}
#nav li li a:active { color: #333333; text-decoration: none;}

a img,
button.imageBtn,
input.imageBtn,
input[type="image"] { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in;}
a:hover img,
button.imageBtn:hover,
input.imageBtn:hover,
input[type="image"]:hover { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in;}
.no_opa a:hover img { opacity: 1; filter: alpha(opacity=100); }


button.imageBtn:disabled,
input.imageBtn:disabled,
button.imageBtn.disabled,
input.imageBtn.disabled
{
    color:#848484!important;
    text-shadow:1px 1px 0px #eaeaea;
    background:#dcdcdc;
}

/* -------------------------------------------------------------------------------------------------------- */
/* wrapper                                                                                                  */
/* -------------------------------------------------------------------------------------------------------- */
#wrapper {
min-width: 982px;
background: url(../../Images/v2/bg_foot.png) repeat-x left bottom;
}


/* -------------------------------------------------------------------------------------------------------- */
/* header                                                                                                   */
/* -------------------------------------------------------------------------------------------------------- */
#header {
position: relative;
width: 982px;
height: 98px;
margin: 0 auto;
z-index: 10;
}

/* 公開時は隠す */
body.public #header {
height: 60px;
}
body.public #nav {
display: none;
}
body.popWindow.public #header .closeWindow {
display: none;
}

/* ロゴエリア ------------------------------- */
#header #top {
position: absolute;
top: 0;
left: 0;
padding-top: 14px;
}
#header #top h1 {
font-size: 20px;
}
#header #top img {
vertical-align: middle;
margin-right: 15px;
}
/* 上部ボタン ------------------------------- */
#header ul#global {
position: absolute;
top: 11px;
right: 14px;
overflow: hidden;
}
#header ul#global li {
float: left;
font-size: 10px;
min-width: 70px;
}
#header ul#global li a {
display: block;
padding-top: 29px;
padding-bottom: 5px;

}
#header ul#global li.btnMainMenu {
background: url(../../Images/v2/icn_mainmenu.png) no-repeat center top;
}
#header ul#global li.btnMobileMenu {
background: url(../../Images/v2/icn_mobilemenu.png) no-repeat center top;
}
#header ul#global li.btnLogOut {
background: url(../../Images/v2/icn_logout.png) no-repeat center top;
/*margin-left: 18px;*/
}
#header ul#global li.btnLogOutClose {
background: url(../../Images/v2/icn_logout.png) no-repeat center top;
/*margin-left: 18px;*/
}
#header ul#global li.btnHelp {
background: url(../../Images/v2/icn_help.png) no-repeat center top;
/*margin-left: 30px;*/
}
#header ul#global li.btnImageToggle {
background: url(../../Images/ssk/Refresh.png) no-repeat center top;
/*margin-left: 18px;*/
}
/* ログインID ------------------------------- */
#header span.menu-btn {
position: absolute;
top: 71px;
left: 12px;
font-size: 14px;
line-height: 150%;
padding-left: 10px;
}
#header span.loginName {
position: absolute;
top: 71px;
left: 52px;
font-size: 14px;
line-height: 150%;
padding-left: 30px;
}
/* パスワード変更・外部認証登録 ------------------------------- */
#header ul#authItem {
position: absolute;
top: 73px;
right: 13px;
overflow: hidden;
}
#header ul#authItem li {
float: left;
font-size: 10px;
margin-left: 20px;
}
#header ul#authItem li a {
display: block;
line-height: 16px;
}
#header ul#authItem li.changePass a {
background: url(../../Images/v2/icn_changepass.png) no-repeat left center;
padding-left: 18px;
}
#header ul#authItem li.externalAuth a {
background: url(../../Images/v2/icn_externalauth.png) no-repeat left center;
padding-left: 21px;
}


/* -------------------------------------------------------------------------------------------------------- */
/* footer                                                                                                   */
/* -------------------------------------------------------------------------------------------------------- */
#footer {
clear: both;
position: relative;
width: 982px;
height: 101px;
margin: 0 auto;
z-index: 10;
}
/* 最下部ページ上部リンク ------------------------------- */
#contents .section #footer a.pageTop,
#footer a.pageTop {
position: absolute;
top: 0px;
right: 24px;
float: none;
clear: none;
margin-top: 5px;
}


/* -------------------------------------------------------------------------------------------------------- */
/* nav                                                                                                      */
/* -------------------------------------------------------------------------------------------------------- */

/* ヘッダーメニュー ------------------------------- */
#nav {
min-width: 982px;
background: #E3E3E3;
z-index: 10;
}
#nav ul {
display: block;
position: relative;
width: 972px;
padding-left: 10px;
margin: 0 auto;
font-size: 13px;
text-align: left;
z-index: 100;
}
#nav ul ul {
display: none;
position: absolute;
width: auto;
top: 100%;
left: 0;
padding-left: 0;
z-index: 1000;
}
#nav ul ul ul {
top: -1px;
left: 100%;
z-index: 1000;
}
#nav ul.second {
clear: both;
margin-top: 1px;
z-index: 10;
}
#nav ul.second ul,
#nav ul.second ul ul {
margin-top: 0;
z-index: 100;
}
#nav ul li {
float: left;
height: 40px;
}
#nav ul li li {
clear:both;
height: auto;
background: #F1F1F1;
border: #E3E3E3 1px solid;
margin-bottom: -1px;
}
#nav ul li a {
display: block;
height: 27px;
padding: 13px 11px 0 15px;
_float: left; /* For IE6 */
}
#nav ul li li a {
min-width: 300px;
height: auto;
white-space: nowrap;
padding: 10px 20px 8px 25px;
}
#nav ul li:hover {
position:relative;
}
#nav ul li:hover > ul {
display: block;
}
/* For IE6 */
#nav ul li {
behavior: expression(
	this.onmouseover=new Function("this.className='column1'"),
	this.onmouseout=new Function("this.className=''"),
	this.style.behavior = 'none'
);
}
#nav ul li li {
behavior: expression(
	this.onmouseover=new Function("this.className='column2'"),
	this.onmouseout=new Function("this.className=''"),
	this.style.behavior = 'none'
);
}
#nav ul .column1 {position:relative;}
#nav ul .column1 ul {display:block;}
#nav ul .column1 * ul {display:none;}
#nav ul .column2 {position:relative;}
#nav ul .column2 ul {display:block;}
#nav ul .column2 * ul {display:none;}


/* -------------------------------------------------------------------------------------------------------- */
/* title                                                                                                    */
/* -------------------------------------------------------------------------------------------------------- */

/* ページタイトル ------------------------------- */
#title {
min-width: 982px;
background: url(../../Images/v2/bg_title.png) repeat-x left top;
padding-top: 3px;
margin-bottom: 25px;
}
#title .inner {
position: relative;
width: 960px;
height: 50px;
text-align: left;
line-height: 100%;
margin: 0 auto;
z-index: 1;
}
#title h2 {
position: absolute;
top: 17px;
left: 10px;
background: url(../../Images/v2/icn_circle01.png) no-repeat 0 0;
color: #FFFFFF;
font-size: 16px;
line-height: 110%;
padding: 0 0 0 24px;
}
/* PDFボタン ------------------------------- */
#title span.pdf {
position: absolute;
top: 15px;
right: 2px;
}
/* PRINTボタン ------------------------------- */
#title span.print {
position: absolute;
top: 11px;
right: 2px;
}


/* -------------------------------------------------------------------------------------------------------- */
/* subTitle                                                                                                 */
/* -------------------------------------------------------------------------------------------------------- */

/* ページサブタイトル ------------------------------- */
#subTitle {
min-width: 982px;
background: #F0F0F0;
margin-top: -24px;
margin-bottom: 25px;
}
#subTitle .inner {
position: relative;
width: 960px;
height: 30px;
text-align: left;
line-height: 110%;
margin: 0 auto;
z-index: 1;
}
#subTitle h3 {
font-size: 16px;
padding-top: 9px;
margin-left: 10px;
}


/* -------------------------------------------------------------------------------------------------------- */
/* info-message                                                                                                   */
/* -------------------------------------------------------------------------------------------------------- */
#info-message {
position: relative;
width: 960px;
margin: 0px auto;
z-index: 10;
}

.popWindow #info-message {
width: 780px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* contents                                                                                                 */
/* -------------------------------------------------------------------------------------------------------- */

#contents {
min-width: 982px;
}
#contents .inner {
position: relative;
width: 960px;
text-align: left;
line-height: 100%;
padding: 0 10px 10px 12px;
margin: 0 auto;
z-index: 1;
}
/* コンテンツブロック ------------------------------- */
#contents .section {
margin-bottom: 5px;
}
#contents .section p.exp {
font-size: 13px;
line-height: 160%;
margin-bottom: 1.5em;
margin-left: 8px;
}
#contents .section p.exp img {
vertical-align: middle;
}
#contents .section div.left {
float: left;
}
#contents .section div.right {
float: right;
}
/* 関連情報 ------------------------------- */
#contents .section ul.related {
text-align: right;
padding: 12px 4px;
}
#contents .section ul.related li {
display: inline-block;
background-repeat: no-repeat;
background-position: 0 0;
padding: 2px 0;
margin-left: 15px;
*display: inline;
*zoom: 1;
}
#contents .section ul.related li a {
padding-left: 20px;
}
#contents .section ul.related li.window {
background-image: url(../../Images/v2/icn_window.png);
}
/* サブタイトル ------------------------------- */
#contents .subTitle01 {
font-size: 16px;
line-height: 150%;
padding: 9px 7px;
}
#contents .subTitle02 {
font-size: 14px;
line-height: 110%;
padding-bottom: 10px;
font-family: Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica
}
#contents .subTitle03 {
font-size: 16px;
line-height: 150%;
margin-bottom: 1em;
}
#contents .subTitle03 span {
display: block;
border-bottom: #999999 1px solid;
padding: 9px 7px 7px;
}
#contents .subTitle04 {
padding: 10px 0px 10px 0px;
}
#contents .subTitle05 {
padding: 0px 20px 0px 20px;
}
#contents .subTitle06 {
padding: 0px 0px 0px 0px;
margin: 10px 0px;
}
#contents .subTitle07 {
font-size: 16px;
line-height: 150%;
padding: 9px 7px;
}


#contents .section span.attached {
display: block;
/*border-top: #999999 1px solid;*/
font-size: 12px;
/*text-align: right;*/
padding: 0px 0px 0px 20px;
}
#contents .section span.attached em {
font-weight: bold;
}

/* サブタイトル内説明 */
#contents .subTitle01 span.exp {
font-size: 12px;
font-weight: normal;
margin-left: 20px;
}
#contents .subTitle01 span.exp img {
vertical-align: baseline;
margin: 0 2px;
}
/* サブタイトル内成績状況参照 */
#contents .subTitle01 span.status {
position: absolute;
right: 13px;
font-size: 12px;
font-weight: normal;
*margin-top: -3px;
}
#contents .subTitle01 span.status a {
display: block;
padding-left: 20px;
background: url(../../Images/v2/icn_window.png) no-repeat 0 4px;
}
/* 検索ボックス */
#contents .searchBox {
background: #F3F3F3;
padding: 22px 0 38px;
margin-bottom: 30px;
}
/* 検索ボックス */
#contents .searchBox2 {
background: #F3F3F3;
padding: 12px 12px 12px 12px;
margin-bottom: 0px;
}
.popWindow #contents .searchBox table {
width: 750px;
}
#contents .searchBox table {
width: 900px;
font-size: 13px;
text-align: left;
margin-left: 10px;
margin-right: 10px;
}
#contents .searchBox table th,
#contents .searchBox table td {
border: none;
line-height: 140%;
padding: 4px 2px;
}
#contents .searchBox table td.tbl-head,
#contents .searchBox table th {
width: 105px;
background: none!important;
color: #333333!important;
text-align: left;
}
#contents .searchBox table td {
/*width: 332px;*/
background: none;
}
#contents .searchBox table td.rightSide {
width: 380px;
}
#contents .searchBox table td.submit .btn-submit {
position: relative;
top: 10px;
}
#contents .searchBox table td span.exp {
margin-left: 10px;
}
/* エラー表示・一時保存・申請完了 */
#info-message ul.checkError,
#contents ul.checkError,
#contents ul.scholError,
#contents p.save,
#contents p.comp {
background: #FFCCCC;
border: #999999 1px solid;
color: #CC0000;
font-weight: bold;
line-height: 170%;
padding: 8px 12px 0;
margin: 20px 0;
}
#info-message ul.checkError li,
#contents ul.checkError li,
#contents ul.scholError li {
margin-bottom: 6px;
}
#contents p.save,
#contents p.comp {
padding: 8px 12px 6px;
}
#contents ul.scholError {
background: #FFE5E5;
}
#contents p.save {
background: #FFF5CC;
color: #CC6600;
}
#contents p.comp {
background: #E7F2F1;
color: #006666;
}
/* 検索結果・ページネーション */
#contents p.result,
#contents p.pagenate {
font-size: 13px;
font-weight: bold;
text-align: center;
}
#contents p.result {
margin-bottom: 20px;
}
#contents p.pagenate {
margin: 20px 0;
}
#contents table p.pagenate {
margin: 10px 0;
}
#contents p.pagenate a,
#contents p.pagenate span {
padding: 0 5px;
}
#contents p.pagenate span {
font-weight: normal;
}

/* ページ上部リンク ------------------------------- */
a.pageTop {
width: 80px;
height: 30px;
margin-right: -25px;
}
#contents .section a.pageTop {
clear: both;
float: right;
margin-top: 5px;
overflow: hidden;
}
a.pageTop span {
visibility: hidden;
}
a.pageTop:link {text-decoration: none;!important}
a.pageTop:visited {text-decoration: none;!important}
a.pageTop:hover {text-decoration: none;!important}
a.pageTop:active {text-decoration: none;!important}
/* サブミットボタン ------------------------------- */
/* 中央揃え */
p.areaSubmit {
clear: both;
text-align: center;
padding: 20px 0;
}
p.areaSubmit input {
margin: 0 10px;
}
/* 左寄せ */
p.areaSubmitLeft {
clear: both;
text-align: left;
padding: 20px 0;
}
p.areaSubmitLeft input {
margin-right: 15px;
}
/* 右寄せ */
p.areaSubmitRight {
clear: both;
text-align: right;
padding: 20px 0;
}
p.areaSubmitRight input {
margin-left: 15px;
}


/* -------------------------------------------------------------------------------------------------------- */
/* テーブル                                                                                                 */
/* -------------------------------------------------------------------------------------------------------- */
/*
○クラスなし  →汎用テーブル（幅100%）
○class="timeTable" →時間割
○class="risyuLeft" →Web履修申請の［今回該当要件欄］・［希望資格］
○class="risyuRight" →Web履修申請の［GPA欄］

・セル幅は一番上のセル（もしくは列の中でどれか1つのセル）に幅指定用のクラスを指定します。
○例：class="w130" →幅130px
*/

table {
/*width: 960px;*/
text-align: center;
font-size:12px;
}
/* ポップアップ・ヘルプウィンドウ */
body.popWindow table,
body.helpWindow table {
/*width: 760px;*/
}
table th,
table td {
/*border: #999999 1px solid;*/
line-height: 120%;
padding: 7px 5px 5px;
}

table.grid{
border-collapse:collapse;
/*border-width:1px;
border-style:solid;*/
}

table.grid th,
table.grid td {
border-width:1px;
border-style:solid;
}

div.grid {
border-width:1px;
border-style:solid;
}

tr.nogrid>th,
tr.nogrid>td,
table.nogrid>tbody>tr>th,
table.nogrid>tbody>tr>td {
border:none;
}

tr.nosidegrid>th,
tr.nosidegrid>td
{
border-left:none;
border-right:none;
}


/* テーブル幅 */
table.t175  {width: 175px!important;}
table.t180  {width: 180px!important;}
table.t218  {width: 218px!important;}
table.t474  {width: 474px!important;}
table.t530  {width: 530px!important;}
table.t560  {width: 560px!important;}
table.t568  {width: 568px!important;}
table.t777  {width: 777px!important;}

/* セル幅 */
table .w25  {width: 15px;}
table .w40  {width: 30px;}
table .w45  {width: 35px;}
table .w50  {width: 40px;}
table .w55  {width: 45px;}
table .w60, .col-width-btn  {width: 50px;}
table .w64  {width: 54px;}
table .w70  {width: 60px;}
table .w80  {width: 70px;}
table .w85  {width: 75px;}
table .w90  {width: 80px;}
table .w92  {width: 82px;}
table .w95  {width: 85px;}
table .w100 {width: 90px;}
table .w104 {width: 94px;}
table .w110 {width: 100px;}
table .w120 {width: 110px;}
table .w127 {width: 117px;}
table .w130 {width: 120px;}
table .w135 {width: 125px;}
table .w138 {width: 128px;}
table .w140 {width: 130px;}
table .w145 {width: 135px;}
table .w150 {width: 140px;}
table .w156 {width: 146px;}
table .w160 {width: 150px;}
table .w165 {width: 155px;}
table .w170 {width: 160px;}
table .w175 {width: 165px;}
table .w180 {width: 170px;}
table .w186 {width: 176px;}
table .w195 {width: 185px;}
table .w198 {width: 188px;}
table .w200 {width: 190px;}
table .w210 {width: 200px;}
table .w225 {width: 215px;}
table .w230 {width: 220px;}
table .w235 {width: 225px;}
table .w240 {width: 230px;}
table .w248 {width: 238px;}
table .w250 {width: 240px;}
table .w265 {width: 255px;}
table .w270 {width: 260px;}
table .w284 {width: 274px;}
table .w290 {width: 280px;}
table .w300 {width: 290px;}
table .w310 {width: 300px;}
table .w318 {width: 308px;}
table .w356 {width: 346px;}
table .w380 {width: 370px;}
table .w400 {width: 390px;}
table .w450 {width: 440px;}
table .w468 {width: 458px;}
table .w535 {width: 525px;}
table .w670 {width: 660px;}
table .w685 {width: 680px;}

/* テーブル内配置 ------------------------------- */
table.left, table .left {
text-align: left;
}
table.center, table .center {
text-align: center;
}
table.right, table .right {
text-align: right;
}
/* テーブル2列 ------------------------------- */
.double table {
float: left;
margin-bottom: 10px;
}
.double table.left {
float: left;
}
.double table.right {
float: right;
text-align: left;
}
/* フォーム内包テーブル ------------------------------- */
table.form td {
font-size: 13px;
text-align: left;
padding: 7px 10px 5px;
}
/* ネストテーブル ------------------------------- */
table table{
width: 100%!important;
}
/* 文字カウンター右寄せ */
span.counter {
display: block;
text-align: right;
}
span.counter em {
font-weight: bold;
}
span.counter img {
margin-right: 5px;
}
/* 文字カウンター */
span.counter2 {
margin-left: 5px;
}
span.counter2 em {
font-weight: bold;
}

/* ［今回該当要件欄］・［希望資格］ ------------------------------- */
table.wrsLeft {
width: 299px;
margin-bottom: 22px;
}

/* ［GPA欄］ ------------------------------- */
table.wrsRight {
width: 602px;
}
/* 下方向の隙間なし ------------------------------- */
table.merge {
margin-bottom: -1px;
}

/* 学生カルテ ------------------------------- */
.related-links{
display: block;
white-space:nowrap;
border-bottom: 1px dotted #047B73;
cursor:pointer;
padding: 4px;
width: 120px;
}

.tbl-line{
display:none;
}


#pnlShikaku td
{
padding : 5px;
}

.page-table{
border: 0px solid #000;
}

/* テーブル内文章（行間広め） ------------------------------- */
table p {
line-height: 140%;
}


/* -------------------------------------------------------------------------------------------------------- */
/* フォーム */
/* -------------------------------------------------------------------------------------------------------- */

input,textarea,select {
font-family: 'ＭＳ ゴシック', MS-Gothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
font-size: 12px;
}
* html input,* html textarea,* html select,* html table {
font-family: "ＭＳ ゴシック","MS Gothic",Sans-Serif;
}
table select,
table .txt,
table .sTxt,
table .select,
table .select-s {
border: #7F9DB9 1px solid;
font-size: 13px;
padding: 4px 3px;
}
/*select {width: 95%;}*/
.txt {width: 250px;}
.sTxt {width: 80px;}
select.select {width: 260px;}
select.select-s {width: 100px;}
table textarea {width: 97%; font-size: 13px; line-height: 140%; padding: 5px; margin: 5px 0;}

/* ラジオボタン・チェックボックスリスト ------------------------------- */
ul.checkList {
display: inline-block;
padding: 5px 0;
margin-left: -25px;
*display: inline;
*zoom: 1;
*vertical-align: middle;
*padding: 0 0 5px;
}
ul.checkList li {
display: inline;
margin-left: 30px;
}
ul.checkList li input {
vertical-align: text-top;
*vertical-align: middle;
}
ul.checkList li label {
margin-left: 8px;
}


.PageerArea td
{
text-align:center;
/*border-bottom:none;
border-right:none;
border-left:none;*/
}

/* -------------------------------------------------------------------------------------------------------- */
/* clear                                                                                                    */
/* -------------------------------------------------------------------------------------------------------- */
.section:before,
.section:after,
#nav:before,
#nav:after,
.cf:before,
.cf:after {
content:"";
display:table;
}
.section:after,
#nav:after,
.cf:after {
clear:both;
}
.section,
#nav,
.cf {
zoom:1;
}

/* -------------------------------------------------------------------------------------------------------- */
/* お知らせ                                                                                                    */
/* -------------------------------------------------------------------------------------------------------- */
/* お知らせメッセージボックスに適用 */
.area-message {
	width: 780px;
	color: #000000;
	margin: 0px auto 10px auto;
	padding: 4px;
	line-height: 140%;
	border: 1px solid #C4AF8C;
	background-color: #F3E6D1;
	text-align:left;
}

.area-message-sub
{
	width: 730px;
	color: #000000;
	margin: 0px auto 10px auto;
	padding: 4px;
	line-height: 140%;
	border: 1px solid #C4AF8C;
	background-color: #F3E6D1;
}

/* お知らせメッセージボックスの中のタイトルと */
/* その下の点線に適用 */
.message-mainmenu-title {
	width: 770px;
	border-bottom: 1px dotted #C4AF8C;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align:center;
}

/* お知らせメッセージボックスの中のタイトルと */
/* その下の点線に適用(サブ用) */
.message-mainmenu-title-sub {
	width: 720px;
	border-bottom: 1px dotted #C4AF8C;
	margin-top: 4px;
	margin-bottom: 4px;
}

.popWindow .area-message {
	width: 650px;
}
.popWindow .area-message-sub {
	width: 610px;
}
.popWindow .message-mainmenu-title {
	width: 640px;
}
.popWindow .message-mainmenu-title-sub {
	width: 600px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* icon                                                                                                    */
/* -------------------------------------------------------------------------------------------------------- */

span.IconInfo
{
	text-align: right;
	font-size: x-small;
}

.icon-list {
	text-align:right;
	font-size: x-small;
}

/* アイコン12*12 */
img.icon-12px {
	width: 12px;
	height: 12px;
	margin: 1px;
}
img.icon-12px-clickable {
	width: 12px;
	height: 12px;
	margin: 1px;
	cursor:pointer;
}
/* アイコン16*16 */
img.icon-16px {
	/*width: 16px;*/
	height: 16px;
	margin: 1px;
}
img.icon-16px-clickable {
	/*width: 12px;*/
	height: 16px;
	margin: 1px;
	cursor:pointer;
}
/* アイコン22*22 */
img.icon-22px {
	width: 22px;
	height: 22px;
	margin: 1px;
}
img.icon-22px-clickable {
	width: 22px;
	height: 22px;
	margin: 1px;
	cursor:pointer;
}

body.popWindow table.ui-datepicker-calendar,
table.ui-datepicker-calendar
{
width:187px;
}

.ui-datepicker th span{
width:20px;
}
.ui-datepicker td a{
width:20px;
}
.ui-datepicker th{
width:20px;
}
.ui-datepicker td{
width:20px;
}



/* マイページトップコメント */
.mypage-message
{
	width: 100%;
	color: #000000;
	margin-bottom:10px;
	padding: 4px;
	line-height: 140%;
	border: 1px solid #C4AF8C;
	background-color: #F3E6D1;
}

.mypage-message-sub {
	width: 100%;
	border-bottom: 1px dotted #C4AF8C;
	margin-top: 4px;
	margin-bottom: 4px;
}

img.preload{
	display:none;
}


#contents .icn_plus
{
border: 0px;
width: 12px;
height: 16px;
background: url(../../Images/v2/icn_plus.png) left top no-repeat;
}

#contents .icn_minus
{
border: 0px;
width: 12px;
height: 16px;
background: url(../../Images/v2/icn_minus.png) left top no-repeat;
}


table.grid td.noBorderL
{
	border-left: none;
}
table.grid td.noBorderR
{
	border-right: none;
}
table.grid td.noBorderRL
{
	border-right: none;
	border-left: none;
}
 
/* 入力値制限等の補足説明 */
.form-explain {
	font-size: 90%;
	color: #555555;
}
 
 
.ime-on { IME-MODE: active }
.ime-off { IME-MODE: inactive }
.ime-dis { IME-MODE: disabled }


.waku
{
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	
	padding: 10px; 
}
.waku table tbody td
{
background: none;
}

.triState dd
{
margin: 0px 0px 0px 40px;
}

.tab_content_inner #footer
{
margin-top:60px;
}

td.required,
span.required
{
/*color:red;*/
}



.select-box select::-ms-expand {
    display: none;
}
.select-box {
    width: 120px;
    margin-left: 10px;
    background-color: #f1ebdb;
    display: inline-block;
}
.select-box select {
    position: relative;
    width: 100%;
    padding: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #999;
    background: #eee;
    background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
    background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
    font-size: 10pt;
}
.select-box label {
    position: relative;
}
.select-box label:after {
    display: block;
    content: " ";
    position: absolute;
    top: -8px;
    right: 10px;
    width: 20px;
    height: 20px;
    /*margin-top: -8px;*/
    background: url(../../images/v2/arrow02.png) 0 0 no-repeat;
    background-size: 16px;
    pointer-events: none;
}

.max500
{
	display: block; 
	white-space: normal; 
	word-wrap: break-word; 
	max-width: 500px;
}
.max700
{
	display: block; 
	white-space: normal; 
	word-wrap: break-word; 
	max-width: 700px;
}
.hide
{
	display: none;
}
.txt-right
{
text-align: right;
}