@charset "UTF-8";

/* ===================================================================
   クイック設定 Web on Cloud CSS
=================================================================== */

/*  リセット、body、基本設定
------------------------------------------------------------------- */
*{
	margin:0;
	padding:0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	font-family: "メイリオ","meiryo","ＭＳ Ｐゴシック","ms pgothic","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size:100%;
	text-align:left;
	line-height:1.3;
}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
p,ul,ol,dl        {font-size:100%;}
strong            {font-weight:bold;}
em                {font-weight:bold; font-style:normal;}
address           {font-style:normal;}

table {border-collapse:collapse !important;}

li  {list-style-type:none;}
img {vertical-align:middle; border:none;}
sup { }

fieldset {border:none;}
hr       {border-width: 1px 0 0 0; height:1px;}
abbr     {border-bottom:1px dotted #000000;}

a {color:#176EB3; text-decoration:underline;}
a:link { }
a:visited { }
a:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
	text-decoration: none;
}
a:active {text-decoration: none;}

/* clearFix */
.cf {zoom:1;}
.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.inline {
	display:inline-block !important;
	margin:5px !important;
	vertical-align:middle;
}


/*  文字、テーブル、インデントなど共通スタイル
------------------------------------------------------------------- */
/* preset margin & width */
.mt-26 {margin-top: -26px !important;}
.mt-20 {margin-top: -20px !important;}
.mt-10 {margin-top: -10px !important;}
.mt00 {margin-top:  0   !important;}
.mt03 {margin-top:  3px !important;}
.mt05 {margin-top:  5px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mr00 {margin-right:  0   !important;}
.mr03 {margin-right:  3px !important;}
.mr05 {margin-right:  5px !important;}
.mr10 {margin-right: 10px !important;}
.mr12 {margin-right: 12px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}

.mL      {margin-bottom:60px !important;}
.mM      {margin-bottom:30px !important;}
.mNormal {margin-bottom:20px !important;}
.mS      {margin-bottom:10px !important;}
.mNone   {margin-bottom:0 !important;}

.mb-4 {margin-bottom: -4px !important;}
.mb00 {margin-bottom:  0   !important;}
.mb03 {margin-bottom:  3px !important;}
.mb05 {margin-bottom:  5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml00 {margin-left:  0   !important;}
.ml03 {margin-left:  3px !important;}
.ml05 {margin-left:  5px !important;}
.ml10 {margin-left: 10px !important;}
.ml12 {margin-left: 12px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml30 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.w300px {width: 300px !important;}

/* text */
.small {font-size: 80%;}
.large {font-size:120%;}

.center {text-align:center;}
.right  {text-align:right;}
.floatR {float:right;}
.floatL {float:left;}

/* input textarea select */
input[type="file"] { }
input[type="file"]:disabled { }
* html input {line-height:1;}
option {background:#FFFFFF;}

input:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
	text-decoration: none;
	cursor: pointer !important;
}

input[type="submit"] {-webkit-appearance: none;}

textarea,
input,
select {
	background:#f2f4fa;
	padding:10px;
	border: 1px solid #96abd7;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	text-align:left;
	line-height:1.3;
	vertical-align:middle;
}
select .off {background:#dcdcdc;}
select {width:500px !important;}

/* display none */
.dispNone  {display:none;}
.hide      {display:none;} /* jquery.additional.js用？ */
.block     {display:block !important; margin:0;}

/* text indent */
.KomeText {
	text-indent: -1.1em;
	padding-left: 0em;
	line-height:normal;
}

/*  ボタンスタイル
------------------------------------------------------------------- */
/* submit用 btn 180px */
.login_btn {
	width: 180px !important;
	padding: 6px 5px 8px;
	border-radius:         5px;
	-ms-border-radius:     5px;
	-o-border-radius:      5px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	box-shadow:         0px -5px 0 0 #00196d inset;
	-webkit-box-shadow: 0px -5px 0 0 #00196d inset;
	-moz-box-shadow:    0px -5px 0 0 #00196d inset;
	-ms-box-shadow:     0px -5px 0 0 #00196d inset;
	-o-box-shadow:      0px -5px 0 0 #00196d inset;
	text-shadow: 1px 1px 1px #000000;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.6;
	background-color: #274398;
	letter-spacing: .1em;
	-webkit-appearance: none;
}

.login_btn_disable {
        width: 180px !important;
        padding: 6px 5px 8px;
        border-radius:         5px;
        -ms-border-radius:     5px;
        -o-border-radius:      5px;
        -moz-border-radius:    5px;
        -webkit-border-radius: 5px;
        box-shadow:         0px -5px 0 0 #00196d inset;
        -webkit-box-shadow: 0px -5px 0 0 #00196d inset;
        -moz-box-shadow:    0px -5px 0 0 #00196d inset;
        -ms-box-shadow:     0px -5px 0 0 #00196d inset;
        -o-box-shadow:      0px -5px 0 0 #00196d inset;
        text-shadow: 1px 1px 1px #000000;
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        line-height: 1.6;
        background-color: #274398;
        letter-spacing: .1em;
        -webkit-appearance: none;
        background: #F6F6F6;
        border:1px solid #BDBDBD;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        text-shadow: none;
        color:#666666;
        cursor:default;
}

.login_btn:active {
	background: #1c3180;
	box-shadow:         0px 5px 0 0 #001255 inset;
	-webkit-box-shadow: 0px 5px 0 0 #001255 inset;
	-moz-box-shadow:    0px 5px 0 0 #001255 inset;
	-ms-box-shadow:     0px 5px 0 0 #001255 inset;
	-o-box-shadow:      0px 5px 0 0 #001255 inset;
}

/* ボタンベース */
.btn {
	display: block;
	max-width: 170px;
	background: #666666;
	padding: 6px 5px 8px;
	border-radius:         5px;
	-ms-border-radius:     5px;
	-o-border-radius:      5px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	box-shadow:         0px -5px 0 0 #444444 inset;
	-webkit-box-shadow: 0px -5px 0 0 #444444 inset;
	-moz-box-shadow:    0px -5px 0 0 #444444 inset;
	-ms-box-shadow:     0px -5px 0 0 #444444 inset;
	-o-box-shadow:      0px -5px 0 0 #444444 inset;
	text-shadow: 1px 1px 1px #000000;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.6;
	background-color: #012497;
	letter-spacing: .1em;
	-webkit-appearance: none;
}

.btn.blue {
	background: #274398;
	box-shadow:         0px -5px 0 0 #00196d inset;
	-webkit-box-shadow: 0px -5px 0 0 #00196d inset;
	-moz-box-shadow:    0px -5px 0 0 #00196d inset;
	-ms-box-shadow:     0px -5px 0 0 #00196d inset;
	-o-box-shadow:      0px -5px 0 0 #00196d inset;
}

.btn.d_glay {
	background: #626262;
	box-shadow:         0px -5px 0 0 #434343 inset;
	-webkit-box-shadow: 0px -5px 0 0 #434343 inset;
	-moz-box-shadow:    0px -5px 0 0 #434343 inset;
	-ms-box-shadow:     0px -5px 0 0 #434343 inset;
	-o-box-shadow:      0px -5px 0 0 #434343 inset;
}

.btn.light {
	background: #828282;
	box-shadow:         0px -5px 0 0 #646464 inset;
	-webkit-box-shadow: 0px -5px 0 0 #646464 inset;
	-moz-box-shadow:    0px -5px 0 0 #646464 inset;
	-ms-box-shadow:     0px -5px 0 0 #646464 inset;
	-o-box-shadow:      0px -5px 0 0 #646464 inset;
	text-shadow: 1px 1px 1px #1a1a1a;
	color:#fff;
}

.btn.disabled,
.btn.off {
	background: #F6F6F6;
	border:1px solid #BDBDBD;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	text-shadow: none;
	color:#666666;
	cursor:default;
}

.btn.xsmall {max-width: 70px !important; font-size:86%;}
.btn.small  {max-width:110px !important; font-size:86%; padding-top:5px;}
.btn.wide   {max-width:240px;}

.inline .btn         {min-width:146px;}
.inline .btn.small   {min-width:110px !important;}
.inline .btn.wide    {min-width:200px;}

.btn:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
}

.btn.disabled:hover,
.btn.off:hover {
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	-moz-opacity:1;
	opacity:1;
	cursor: default;
}

.btn:active {
	background: #444444;
	box-shadow:         0px 5px 0 0 #000000 inset;
	-webkit-box-shadow: 0px 5px 0 0 #000000 inset;
	-moz-box-shadow:    0px 5px 0 0 #000000 inset;
	-ms-box-shadow:     0px 5px 0 0 #000000 inset;
	-o-box-shadow:      0px 5px 0 0 #000000 inset;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	-moz-opacity:1;
	opacity:1;
}

.btn.d_glay:active {
	background: #414141;
	box-shadow:         0px 5px 0 0 #2d2d2d inset;
	-webkit-box-shadow: 0px 5px 0 0 #2d2d2d inset;
	-moz-box-shadow:    0px 5px 0 0 #2d2d2d inset;
	-ms-box-shadow:     0px 5px 0 0 #2d2d2d inset;
	-o-box-shadow:      0px 5px 0 0 #2d2d2d inset;
}

.btn.blue:active {
	background: #1c3180;
	box-shadow:         0px 5px 0 0 #001255 inset;
	-webkit-box-shadow: 0px 5px 0 0 #001255 inset;
	-moz-box-shadow:    0px 5px 0 0 #001255 inset;
	-ms-box-shadow:     0px 5px 0 0 #001255 inset;
	-o-box-shadow:      0px 5px 0 0 #001255 inset;
}

.btn.light:active {
	background: #969696;
	box-shadow:         0px 5px 0 0 #6e6e6e inset;
	-webkit-box-shadow: 0px 5px 0 0 #6e6e6e inset;
	-moz-box-shadow:    0px 5px 0 0 #6e6e6e inset;
	-ms-box-shadow:     0px 5px 0 0 #6e6e6e inset;
	-o-box-shadow:      0px 5px 0 0 #6e6e6e inset;
}

.btn.disabled:active,
.btn.off:active {
	background: #F6F6F6;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	cursor:default;
}

/* アコーディオン用ボタン */
.sideBtn .btn {
	position:absolute;
	top:8px;
	right:10px;
	display:block;
	float:right;
	background:#FFFFFF;
	min-width:120px;
	padding:8px 5px 5px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	text-shadow: none;
	color:#274398;
	font-size:61%;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:1.3;
}

.sideBtn .btn.open {
	background:#475d9d;
	color:#FFFFFF;
}

.sideBtn .btn.research,
.sideBtn .btn.open,
.sideBtn .btn.close,
.sideBtn .btn.short   {min-width:80px;}

.sideBtn .btn span {display:inline;}

.sideBtn .btn .iconMark {
	display:inline-block;
	width:19px;
	height:auto;
	margin-right:3px;
}

.sideBtn .btn .SPiconMark {
	display:none;
	width:42px;
	height:auto;
	margin:0;
}

h2.sideBtn .btn {
	top:6px;
	padding-top:7px;
	padding-bottom:5px;
	border:1px solid #344d96;
	font-size:75%;
}

.center .btn {margin-left:auto; margin-right:auto;}

/*  ページ構成のスタイル
------------------------------------------------------------------- */
/* wrapper -------------------- */
#wrapper {
	top:0;
	width:100%;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
}

.inner {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}

/* header -------------------- */
#header {
	position: relative;
	background: #e4eaf8;
	width: 100%;
	z-index: 100;
	border-bottom:#002776 solid 10px;
	margin-bottom:12px;
}

#header .inner {color: #333333;}

#header .inner h1 {
	padding: 30px 0px 26px 73px;
	font-size: 160%;
	font-weight: bold;
	background:url(/aam/resources/home-ip/common/images/icon_cloud.png) 10px 16px no-repeat;
	float:left;
}
#header .inner h1 br {display:none !important;}

#header .inner h1.myaterm {
	padding: 15px 0px 20px 16px;
	font-size: 260%;
	background: none;
}

#header .inner .btn {
	font-size:100%;
	line-height:1.3;
}

#header .inner #btnhome,
#header .inner #btnhelp {
	float: right;
	padding: 25px 0.9% 10px 0;
	width: 80px !important;
	font-size: 80%;
}
#header .inner #btnhome .btn,
#header .inner #btnhelp .btn {padding: 12px 2px;}

#header .inner #btnLogout {
	float: right;
	padding: 25px 1.5% 10px 0;
	width: 80px !important;
	font-size: 80%;
}
#header .inner #btnLogout br {display: none !important;}
#header .inner #btnLogout .btn {padding: 12px 3px;}


/* mainContents -------------------- */
#mainContents {
	max-width: 956px;
	margin: 0 auto;
	padding: 20px 12px;
	font-size:105%;
}

/* footer -------------------- */
#footer {background: #F6F6F6;}
#footer .inner {
	min-height: 80px;
	color: #666666;
}

#footer .footerEnd {background-color: #FFFFFF;}
#footer .footerEnd .inner {
	min-height:0;
	padding:10px 0;
}

#footer .copyright {
	float: left;
	background: #FFFFFF;
	padding-left: 10px;
	padding-top: 16px;
	color: #666666;
	font-size: 70%;
	text-align: left;
	white-space: nowrap;
}

#footer .logo {
	float: right;
	background: #FFFFFF;
	padding-left: 10px;
	padding-top: 6px;
	text-align: right;
}

#footer .logo img {
	width:92px;
	height:auto;
	margin:0 auto;
}

/*  ページ用（mainContents）のコンテンツスタイル
------------------------------------------------------------------- */
/* p, ul, ol, dl */
#mainContents p,
#mainContents ul,
#mainContents ol {
	margin:0 20px 20px;
	line-height:1.6;
}

/* Login LOGO */
#mainContents img.logoImg {
	max-height: 34px;
	margin-bottom: 10px;
}

/* H1 H2 Ber */
#mainContents h1,
#mainContents h2 {
	position: relative;
	margin: 0 0 20px;
	padding: 10px 10px 10px 20px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	overflow: hidden;
	background-color: #002776;
}

#mainContents h1 {
	background: #274398;
	text-shadow: 1px 1px 1px #000000;
	box-shadow:         0 0 5px 0 rgba(0,0,0,0.4);
	-ms-box-shadow:     0 0 5px 0 rgba(0,0,0,0.4);
	-o-box-shadow:      0 0 5px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:    0 0 5px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
	color: #FFFFFF;
	font-size: 140%;
}

#mainContents h2 {
	background: #eff2fb;
	border: 3px solid #7b8bba;
	font-size: 110%;
}

#mainContents h1.sideBtn,
#mainContents h2.sideBtn {
	padding-right:145px;
}

/* 装置設定ページのアカウント情報・装置情報箇所 */
#mainContents .userName {
	color: #002776;
	font-size: 105%;
	font-weight:bold;
}

#mainContents div.dispPC {border:1px solid #fff;/* firefoxバグ用(中央寄せ) */}
#mainContents div.dispMobile {display: none !important;}

#mainContents .btn.adjust01 {
	margin-top:-6px;
	margin-bottom:-6px;
	letter-spacing:normal;
}

/* table -------------- */
#mainContents table {
	width: 95% !important;
	margin: 0 auto 20px !important;
	border-spacing: 0;
}

#mainContents th,
#mainContents td {
	background:#FFFFFF;
	padding:5px 8px 3px;
	border:1px solid #BDBDBD;
	font-weight: normal;
	text-align: left;
	word-break: break-all !important;
}
#mainContents th {background:#F6F6F6; width:30%;}

#mainContents th.title {background:#ECECEC; font-weight:bold;}
#mainContents td.glay  {background-color:#f6f6f6 !important;}

#mainContents th.w10p,
#mainContents td.w10p  {width:10%;}
#mainContents th.w17p,
#mainContents td.w17p  {width:17%;}
#mainContents th.w25p,
#mainContents td.w25p  {width:25%;}
#mainContents th.w30p,
#mainContents td.w30p  {width:30%;}
#mainContents th.w40p,
#mainContents td.w40p  {width:40%;}
#mainContents th.w50p,
#mainContents td.w50p  {width:50%;}
#mainContents th.w70p,
#mainContents td.w70p  {width:70%;}
#mainContents th.w80p,
#mainContents td.w80p  {width:80%;}
#mainContents th.widthAuto {width:auto;}

#mainContents th.center,
#mainContents td.center {text-align:center !important;}
#mainContents th.right,
#mainContents td.right  {text-align:right !important;}

#mainContents td.borderNoneT {border-top:none !important;}
#mainContents td.borderNoneR {border-right:none !important;}
#mainContents td.borderNoneB {border-bottom:none !important;}
#mainContents td.borderNoneL {border-left:none !important;}
#mainContents td.borderNone  {border:none !important;}

#mainContents th.nowrap,
#mainContents td.nowrap {white-space:nowrap !important;}

#mainContents td.brDispNo br {display:none !important;}

/* textarea, input, select */
#mainContents table textarea,
#mainContents table input,
#mainContents table select {
	margin-top:2px;
	margin-bottom:2px;
}

#mainContents table input[type="text"],
#mainContents table input[type="password"] {
	width:90%;
}

#mainContents input[type="submit"].submitW160s {
	width:160px;
	padding-top:6px;
	font-size:90%;
}

/* Err Mark */
#mainContents .attentionMark {
	display:inline-block;
	text-indent:-23px;
	padding-left:23px;
	vertical-align:middle;
	color:#AE1C17;
}

#mainContents .attentionMark .iconMark {
	display:inline-block;
	width:23px;
	height:auto;
	margin-right:3px;
	padding-bottom:3px;
}

/* Color Box */
#mainContents .colorBoxAnnotation {
	position:relative;
	background:#ededed;
	width: 93%;
	margin: 0px auto 10px;
	padding: 15px 8px 12px;
	border:none;
	border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size: 83%;
}

#mainContents .colorBoxAnnotation p {
	font-size: 90%;
	margin-bottom: 0px !important;
}

#mainContents .colorBox {
	position: relative;
	background: #e4eaf8;
	margin: 0 0 20px;
	padding: 20px 0 1px;
	border: none;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#mainContents .colorBox th,
#mainContents .colorBox td {
	border-color:#666666;
}

/*  デバイス切り替え用スタイル
------------------------------------------------------------------- */
/* media screen 1000px
------------------------------------------------------------------- */
@media screen and (max-width:1000px){
	/* #mainContents
	--------------------------------------------------------------- */
	#mainContents table th,
	#mainContents table td {word-break: break-all !important;}
}

/* media screen 768px
------------------------------------------------------------------- */
@media screen and (max-width:768px){

	/* #header
	-------------------------------------------------------------- */
	#header .inner {height:76px;}

	#header .inner h1 {
		line-height: 116%;
		padding-left: 66px;
		padding-top: 16px;
		font-size: 130%;
		background: url(/aam/resources/home-ip/common/images/icon_cloud_mdd.png) 8px 14px no-repeat;
	}

	#header .inner h1.myaterm {
		padding-left: 16px;
		padding-top: 14px;
		font-size: 240%;
	}

	#header .inner h1 br {display: inline !important;}

	#header .inner #btnLogout {
		float: right;
		padding: 18px 1.2% 10px 0;
		width: 80px !important;
		font-size: 78%;
	}

	#header .inner #btnhelp,
	#header .inner #btnhome {
		float: right;
		padding: 18px 0.8% 10px 0;
		width: 64px !important;
		font-size: 78%;
	}

	/* #mainContents
	-------------------------------------------------------------- */
	#mainContents .userName {font-size: 100%;}

	#mainContents td.brDispNo br {display:inline !important;}

}

/* media screen 660px
------------------------------------------------------------------- */
@media screen and (max-width:660px){

	/* #header
	----------------------------------------------------------- */
	#header .inner {height: 70px;}

	#header .inner h1 {
		line-height: 120%;
		padding-left: 56px;
		padding-top: 15px;
		font-size: 120%;
		background: url(/aam/resources/home-ip/common/images/icon_cloud_mdd.png) 6px 12px no-repeat;
	}

	/* btn
	-------------------------------------------------------------- */
	.btn.xsmall {
		max-width:58px !important;
		font-size:86%;
	}

	/* sideBtn -------------- */
	.sideBtn .btn {
		top:7px;
		background:none;
		min-width:0;
		padding:0;
	}

	.sideBtn .btn.research,
	.sideBtn .btn.close,
	.sideBtn .btn.open,
	.sideBtn .btn.short {
		min-width:0px;
	}

	.sideBtn .btn span {display:none;}

	.sideBtn .btn.open {background:none;}

	.sideBtn .btn .iconMark   {display:none;}
	.sideBtn .btn .SPiconMark {display:block;}

	h2.sideBtn .btn {
		top:2px;
		max-height:5px;
		padding-top:0;
		padding-bottom:0;
		border:none;
	}

	#mainContents h1.sideBtn,
	#mainContents h2.sideBtn {padding-right:65px;}

	/* #mainContents
	-------------------------------------------------------------- */
	/* h -------------- */
	#mainContents h1,
	#mainContents h2 {padding: 8px 8px 8px 12px;}

	#mainContents h1 {
		font-size: 130%;
		margin: 0 0 14px;
	}

	/* p, ul, ol, dl -------------- */
	#mainContents p,
	#mainContents ul,
	#mainContents ol {
		margin:0 12px 12px;
		line-height:1.3;
	}

	/* table -------------- */
	#mainContents table {
		width:100% !important;
		font-size:90%;
		margin: 0 auto 14px !important;
	}

	#mainContents table th,
	#mainContents table td {padding: 4px;}

	/* other contents -------------- */
	#mainContents div.dispPC {display: none !important;}
	#mainContents div.dispMobile {display: block !important;
		border:1px solid #fff;/* firefoxバグ用(中央寄せ) */
	}

	#mainContents .colorBoxAnnotation {
		padding: 12px;
		border-radius:0;
		-ms-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#mainContents .colorBox {
		margin: 0 0 10px;
		padding:20px 12px 1px;
		border-radius:0;
		-ms-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#mainContents span.UIElm-checkbox {
		width: 16px !important;
		height: 16px !important;
	}
}

/* media screen 460px
------------------------------------------------------------------- */
@media screen and (max-width:460px) {
	/* #header
	----------------------------------------------------------- */
	#header .inner {height: 70px;}

	#header .inner h1 {
		line-height: 120%;
		padding-left: 56px;
		padding-top: 16px;
		font-size: 110%;
		background: url(/aam/resources/home-ip/common/images/icon_cloud_mdd.png) 6px 12px no-repeat;
	}

	#header .inner h1.myaterm {
		padding-left: 14px;
		padding-top: 14px;
		font-size: 210%;
	}

	#header .inner .btn {margin-top: -9px;}

	#header .inner #btnLogout br   {display: inline !important;}
	#header .inner #btnLogout      {font-size: 70%; width: 50px !important;}
	#header .inner #btnLogout .btn {height: 28px; padding-top: 11px;}

	#header .inner #btnhelp        {font-size: 70%; width: 50px !important;}
	#header .inner #btnhelp .btn   {height: 22px; padding-top: 16px;}

	#header .inner #btnhome        {font-size: 70%; width: 50px !important;}
	#header .inner #btnhome .btn   {height: 22px; padding-top: 16px;}

	/* #footer
	----------------------------------------------------------- */
	#footer .copyright {
		padding: 10px 0 10px 5px;
		font-size: 65%;
	}

	#footer .logo {padding: 0px 5px 10px 0;}
	#footer .logo img {width:80px;}

	/* btn
	----------------------------------------------------------- */
	.inline .btn {
		min-width:132px;
		font-size: 90%;
	}

	.btn.xsmall {
		max-width:40px !important;
		font-size:86%;
		padding: 8px 0px !important;
	}

	/* #mainContents
	----------------------------------------------------------- */
	#mainContents table input[type="text"],
	#mainContents table input[type="password"] {
		width:90%;
		padding:8px;
		font-size:95%;
		line-height:1.0;
	}

	#mainContents .attentionMark {font-size:80%;}

}

/* media screen 380px
------------------------------------------------------------------- */
@media screen and (max-width:380px){

	/* #wrapper
	----------------------------------------------------------- */
	#wrapper .inner {min-width:320px;}

	/* #header
	----------------------------------------------------------- */
	#header {
		margin-bottom: 10px;
		border-bottom: #002776 solid 4px;
	}

	#header .inner {height: 43px !important;}

	#header .inner h1 {
		padding-left: 38px;
		padding-top: 10px;
		font-size: 83%;
		line-height: 100%;
		background:url(/aam/resources/home-ip/common/images/icon_cloud_mini.png) 5px 8px no-repeat;
	}

	#header .inner h1.myaterm {
		padding-left: 10px;
		padding-top: 8px;
		font-size: 170%;
	}

	#header .inner .btn {margin-top: -14px; font-weight:normal;}

	#header .inner #btnLogout br   {display: inline !important;}
	#header .inner #btnLogout      {font-size: 70%; width: 47px !important; line-height: 100%;}
	#header .inner #btnLogout .btn {height: 20px; padding-top: 3px;}

	#header .inner #btnhelp        {font-size: 70%; width: 47px !important;}
	#header .inner #btnhelp .btn   {height: 14px; padding-top: 9px;}

	#header .inner #btnhome        {font-size: 70%; width: 47px !important;}
	#header .inner #btnhome .btn   {height: 14px; padding-top: 9px;}

	/* #footer
	----------------------------------------------------------- */
	#footer .copyright {font-size: 60%;}

	/* btn
	----------------------------------------------------------- */
	.inline .btn {min-width:110px; font-size: 90% !important;}

	/* #mainContents
	----------------------------------------------------------- */
	#mainContents {
		min-width:296px;
		margin-left:auto;
		margin-right:auto;
	}

	#mainContents .userName {word-wrap: break-word;}

}

/* ===================================================================
   以下使っているのか不明（jquery.additional.jsで使ってる？）
=================================================================== */
@media screen and (min-width:460px) {
	table.SPHide {display:table !important;}
	tr.SPHide    {display:table-row !important;}
	th.SPHide,
	td.SPHide    {display:table-cell !important;}
	div.SPHide,
	p.SPHide,
	ul.SPHide,
	ol.SPHide,
	li.SPHide    {display:block !important;}
	span.SPHide  {display:inline !important;}
}

@media screen and (max-width:460px) {
	.SPHide {display:none !important;}
}

/* ===================================================================
   2016/01/13 追加分
=================================================================== */
#header .inner h1.atermService {
	padding: 30px 0px 26px 73px;
	font-size: 160%;
	font-weight: bold;
	background:url(/aam/resources/home-ip/common/images/icon_baloon.png) 10px 16px no-repeat;
	float:left;
}

@media screen and (max-width:768px){
	#header .inner h1.atermService {
		line-height: 116%;
		padding-left: 66px;
		padding-top: 26px;
		font-size: 130%;
		background: url(/aam/resources/home-ip/common/images/icon_baloon_mdd.png) 8px 14px no-repeat;
	}
}

@media screen and (max-width:460px) {
	#header .inner h1.atermService {
		line-height: 120%;
		padding-left: 56px;
		padding-top: 26px;
		font-size: 120%;
		background: url(/aam/resources/home-ip/common/images/icon_baloon_mdd.png) 6px 12px no-repeat;
	}
}

@media screen and (max-width:380px){
	#header .inner h1.atermService {
		padding-left: 38px;
		padding-top: 15px;
		font-size: 83%;
		line-height: 100%;
		background:url(/aam/resources/home-ip/common/images/icon_cloud_mini.png) 5px 8px no-repeat;
	}
}

/* ===================================================================
   2016/01/26 追加分
=================================================================== */
#mainContents td.brDispNo660 br,
#mainContents br.brDispNo660 {display:none !important;}

@media screen and (max-width:660px){
	#mainContents td.brDispNo660 br,
	#mainContents br.brDispNo660 {display:inline !important;}
}

@media screen and (max-width:380px){
	#mainContents th.nowrap380,
	#mainContents td.nowrap380 {white-space:nowrap !important;}
}

#mainContents div.pageFeed {
	text-align:right;
	margin:0 20px 10px auto;
	font-size: 90%;
}

/* ===================================================================
   2016/02/16 追加分 (利用規約・個人情報保護リンク)
=================================================================== */

#footer .link {
	float: left;
	background: #FFFFFF;
	padding-left: 20px;
	padding-top: 10px;
	color: #666666;
	font-size: 70%;
	text-align: left;
}

/* ===================================================================
   2016/03/14 追加分 (使い方・利用規約)
=================================================================== */

#mainContents h3 {
	border-left: #7b8bba solid 8px;
	font-weight: normal;
	padding: 4px 0px 2px 6px;
	margin: 16px 10px 8px;
	font-size: 110%;
	background-color:#f5f5f5;
}

#mainContents .colorBoxForHelp {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #eff2fb;
	padding: 8px 16px;
	font-weight: bold;
	font-size: 110%;
	margin: 0px 0px 10px;
	letter-spacing:0.05em;
}

/*
info追加
*/
#mainContents div.agreementFlame {
        width: auto;
        height: 40em;
        overflow-y: auto;
        border: #666 solid 1px;
        margin-bottom: 20px;
        padding: 10px;
        word-wrap: break-word;
}