/* css format - normalize.css */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
section, nav, article, aside, hgroup, header, footer, address { margin:0; padding:0; font-style:normal; font-weight:normal; }
a { overflow:hidden; outline: none !important; }
a img, img { border:0; }
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, strong, var { font-style:normal; font-weight:normal; }
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; }
h3, p, pre { margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
caption, th { text-align:left; }
code, kbd, pre, samp, tt { font-family:monospace; line-height:100%; }
*+html code, kbd, pre, samp, tt { font-size:108%; }
q:before, q:after { content:''; }
button, fieldset, form, input, label, legend, select, textarea { font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }

/* Links */
a {
	color: #004b91;
	text-decoration: underline;
}
a:visited {
}
a:hover {
	color: #8C4100;
	text-decoration: none;
}


/*


Layout */
body {
	margin:0;
	padding:0;
	font-size:13px;
	line-height:1.6;
	color:#0a0a0a;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	background:#2eb5e6 url(../image/bBg.gif) left top repeat-x;
	}
#head{
	margin: 0 auto;
	padding:0;
	width:960px;
	height:110px;
	text-align:left;
	position:relative;
}
h1{
	margin:0;
	position:absolute;
	left:30px;
	top:20px;
}
h1#logo a{
	padding-right:125px;
	display:block;
	background:url(../image/title.gif) right center no-repeat;
	text-decoration:none;
}
#wrap{
	margin:0 auto 30px;
	width:960px;
	text-align:left;
	background:#ededed url(../image/wBg.png) repeat-y;
	/* shadow */
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.40);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.40);
	overflow:hidden;
	/* radius */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/*behavior: url(border-radius.htc);*/
}
#tNav{
	position:absolute;
	right:10px;
	top:35px;
}
#tNav ul{
	margin:0;
	list-style:none;
}
#tNav ul li{
    /*====== 高岡様向けカスタマイズ MODIFY 2012/11/20 takahashi START ======*/
	/*float:left;*/
	display:inline-block;
	vertical-align:middle;
    /*====== 高岡様向けカスタマイズ MODIFY 2012/11/20 takahashi END   ======*/
	margin-right:.25em;
	padding-left:10px;
	font-size:12px;
	text-shadow: 0 0 3px #ccc;
}
/*====== 高岡様向けカスタマイズ ADD 2012/11/20 takahashi START ======*/
/* for IE7 */
*:first-child+html #tNav ul li{
	display:inline;
}
/*====== 高岡様向けカスタマイズ ADD 2012/11/20 takahashi END   ======*/
#tNav ul li a{
	color:#0a0a0a;
	text-decoration:none;
	padding-left:10px;
	background: url(../image/arrow01.gif) left center no-repeat;
}
/*====== 高岡様向けカスタマイズ ADD 2012/11/20 takahashi START ======*/
#tNav ul li#regist a{
	font-weight: bold;
	font-size:24px;
}
/*====== 高岡様向けカスタマイズ ADD 2012/11/20 takahashi END   ======*/
#tNav ul li#logOut a{
	padding-left:20px;
	background: url(../image/logOut.gif) left center no-repeat;
}
#tNav ul li a:hover{
	color: #8C4100;
	text-decoration:underline;
}

#content{
	margin:0 auto;
	padding:0 30px 30px;
	width:680px;
	float:right;
	background:url(../image/contentBg.gif) left 30px no-repeat;
}
*html #content{
	width:740px;
	background:#fff;
	float:right;
	/* radius */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(border-radius.htc);
}
#content div{
	margin:0 0 30px;
	padding:0;
	border:1px solid #e5e5e5;
	background:rgb(248, 248, 248);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(248, 248, 248)),color-stop(1, rgb(240, 240, 240)));
	background-image: -moz-linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
	background-image: linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
}
#content div div{
	margin:0;
	padding:0 1.5em;
	border:none;
	overflow:hidden;
}
#content div#mainColTit{/*default #content div format */
	margin:0;
	padding:0;
	border:none;
	background:none;
	background:url(../image/contentBg.gif) left top no-repeat;
}
#mainColTit h2{
	margin:30px 0 20px;
	padding-left:30px;
	padding-bottom:.25em;
	height:38px;
	font-size:24px;
	font-weight:normal;
	line-height:42px;
	text-shadow: 0 0 4px #aaa;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#FAD000 url(../image/mainColTitBg.gif) left no-repeat;
}
#content h3{
	margin:0;
	padding-left:1em;
	height:50px;
	font-size:16px;
	line-height:50px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom:1px solid #ddd;
	background:#ebf1f7;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fd', endColorstr = '#ebf1f7');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fd', endColorstr = '#ebf1f7')";
background-image: -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: linear-gradient(top, #f5f8fd, #dfebf7);
}
#sideCol{
	width:220px;
	float:left;
}
#sideCol h2{
	margin:30px 0 0 0px;
	padding-left:35px;
	width:185px;
	height:42px;
	font-weight:normal;
	font-size:14px;
	text-shadow: 0 0 4px #aaa;
	line-height:42px;
	background:url(../image/leftColMenu01.gif) no-repeat;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	-moz-box-shadow: 0px 1px 1px #aaa;
	-ms-box-shadow: 0px 1px 1px #aaa;
	box-shadow:  0 1px 0 #aaa;
}
*html #sideCol h2{
	width:220px;
}
#sideCol dl{
	margin-top:20px;
	border-top:1px solid #e5e5e5;
}
#sideCol dl dt,
#sideCol dl dd{
	margin:0 0;
	text-shadow: 0 0 3px #dedede;
}
#sideCol dl dt{
	padding-left:35px;
	height:40px;
	line-height:40px;
	font-size:14px;
	text-shadow: 1px 1px 0px #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #e5e5e5;
	background:#ebf1f7;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fd', endColorstr = '#ebf1f7');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fd', endColorstr = '#ebf1f7')";
background-image: -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: linear-gradient(top, #f5f8fd, #dfebf7);
}

#sideCol .sideColBank dt{
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fd', endColorstr = '#ebf1f7');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fd', endColorstr = '#ebf1f7')";
background:url(../image/sideColBank.gif) 8px center no-repeat, -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background:url(../image/sideColBank.gif) 8px center no-repeat, -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background:url(../image/sideColBank.gif) 8px center no-repeat, -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background:url(../image/sideColBank.gif) 8px center no-repeat, linear-gradient(top, #f5f8fd, #dfebf7);
}

#sideCol .sideColSetting dt{
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fd', endColorstr = '#ebf1f7');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f8fd', endColorstr = '#ebf1f7')";
background:url(../image/sideColSetting.gif) 8px center no-repeat, -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background:url(../image/sideColSetting.gif) 8px center no-repeat, -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background:url(../image/sideColSetting.gif) 8px center no-repeat, -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background:url(../image/sideColSetting.gif) 8px center no-repeat, linear-gradient(top, #f5f8fd, #dfebf7);
}
* html #sideCol .sideColBank dt{
	background:#ebf1f7;
}
* html #sideCol .sideColSetting dt{
	background:#ebf1f7;
}
#sideCol .sideColBank p{
	margin:.75em;
}


#sideCol dl dd{
	padding-left:35px;
	height:30px;
	line-height:30px;
	border-top:1px solid #fff;
	border-bottom:1px solid #e5e5e5;
background:url(../image/arrow01.gif) 25px center no-repeat, -moz-linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
background:url(../image/arrow01.gif) 25px center no-repeat, -ms-linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
background:url(../image/arrow01.gif) 25px center no-repeat, -webkit-linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
background:url(../image/arrow01.gif) 25px center no-repeat, linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
}

#catv,
#footer{
	clear:both;
	margin:0 auto;
	text-align:center;
}
#catv{
	margin:0 auto 20px;
	padding:10px 20px;
	width:920px;
	text-align:left;
	background:#fff;
	/* shadow */
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.40);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.40);
	overflow:hidden;
	/* radius */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(border-radius.htc);
}
#footer{
	padding:0 20px 20px;
	color:#0a0a0a;
	text-shadow: 1px 1px 1px #fff;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro w3", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.footerInner{
	margin:0 auto;
	width:960px;
}
#footer a{
	color:#0a0a0a;
}


/*

contents */
#adminmenuwrap {
	position:relative;
}
#adminmenushadow {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:6px;
	z-index:20;
}
#adminmenuwrap {
	background-color:#ececec;
	border-color:#ccc;
}
#adminmenushadow {
	background-image:url(../image/menu-shadow.png);
	background-position:top right;
	background-repeat:repeat-y;
}

/*

common
前頁共通エレメンツ */

/* required */
.input_require,
.input_require_symbol{
	font-size:90%;
	color:red;
}
/* error */
#content div.error{
	padding:1em;
	color:red;
}
span.error,
p.error,
.red,
span#error,
p#error,
#red{
	color:red;
}
span.pink,
span#pink{
	background:pink;
}
span.warning,
p.warning,
.warning,
span#warning,
p#warning,
#warning{
	color:blue;
}

.center{
	text-align:center;
}
.left{
	float:left;
}
.right{
	float:right;
}
#content .notice{
	font-size:16px;
	text-align:center;
	background:none;
	border:none;
}
/*


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


ViewLogin
ログインページ */
#login #wrap{
	margin:50px auto;
	width:700px;
	background:#fff;
}
#login #content{
	width:600px;
	background:none;
	float:none;
}
#login #loginBox{
	margin:40px auto;
	padding:20px;
	width:340px;
	background:rgb(248, 248, 248);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(248, 248, 248)),color-stop(1, rgb(240, 240, 240)));
	background-image: -moz-linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
	background-image: linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
}
#login h2{
	text-align:center;
	line-height:2em;
	text-shadow: 0 0 5px #aaa;
}
#login table {
	margin:0 auto;
}
#login table th,
#login table td{
	padding:5px;
	vertical-align:top;
}
#login table th{
	width:80px;
}
#login table input{
	width:200px;
	border:1px solid #ddd;
	/* radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#login table th#submit{
	padding-bottom:0;
	text-align:center;
}
#login table label{
	font-size:12px;
	color:#666;
}
#login table th#submit input{
	width:110px;
}
form input[type=button],
form input[type=submit] {
    color:#fff;
    text-align: center;
    background-color: #22AAFF;
    padding: 5px 10px;
    border-radius: 5px; /* CSS3 */
    cursor: pointer;
    text-shadow: 0px 0px 2px #39d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#47c1ef), to(#339ade)); /* Safari */
    background: -moz-linear-gradient(top,#47c1ef,#339ade) no-repeat; /* FireFox */
    border: 1px #39d solid;
    opacity: 1;
}
form input[type=button]:hover,
form input[type=submit]:hover {
    opacity: 0.9;
}

/*


ViewConfirmJointStatus
アカウント登録フォーム共通 */
#login #wrap{
	margin:50px auto 80px;
	width:700px;
	background:#fff;
}
#login .ViewConfirmJointStatus p#flow{
	padding:3px 1px;
	font-size:10px;
	text-align:center;
	background:#FFC;
}
p#flow #currentDisp{
	color:blue;
}
#login .ViewConfirmJointStatus p#flow img{
	vertical-align:middle;
}
#login .ViewConfirmJointStatus #loginBox{
	margin:20px auto;
	padding:20px;
	width:540px;
	background:rgb(248, 248, 248);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(248, 248, 248)),color-stop(1, rgb(240, 240, 240)));
	background-image: -moz-linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
	background-image: linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
}
#login .ViewConfirmJointStatus table{
	width:500px;
}
#login table th{
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL START ======*/
	/*width:160px;*/
	width:23.5%;
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL END   ======*/
}
#login table input{
	width:200px;
	border:1px solid #ddd;
	/* radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#login .ViewConfirmJointStatus table{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
#login .ViewConfirmJointStatus table th,
#login .ViewConfirmJointStatus table td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#login .ViewConfirmJointStatus table th{
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL START ======*/
	/*width:80px;*/ 
	width:20%;
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL END   ======*/
	font-weight:bold;
	color:#000;
background:#ebf1f7;
background-image: -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: linear-gradient(top, #f5f8fd, #dfebf7);
}
#login .ViewConfirmJointStatus table th label#fLeft{
	font-weight:bold;
	color:#000;
}
#login .ViewConfirmJointStatus table th.th01{
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL START ======*/
	/*width:310px;*/
	width:20%;
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL END   ======*/
	border-right:none;
}
#login .ViewConfirmJointStatus table th.th02{
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL START ======*/
	/*width:50px;*/
	width:80%;
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL END   ======*/
	text-align:right;
}
#login .ViewConfirmJointStatus table th.th03{
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL START ======*/
	/*width:440px;*/
	width:88%;
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL END   ======*/
	text-align:center;
	font-weight:normal;
}
#login .ViewConfirmJointStatus table th.th04{
	width:120px;
}
#login .ViewConfirmJointStatus table td{
	background:#fff;
}
#login .ViewConfirmJointStatus table td.td01{
	width:360px;
}
#login .ViewConfirmJointStatus table td.td01 input{
	width:300px;
}
#login .ViewConfirmJointStatus table td.td01 span{
	font-size:90%;
}
#login .ViewConfirmJointStatus table td.td02{
	font-size:85%;
}
#login .ViewConfirmJointStatus table td.td03{
	font-size:90%;
}

#login .forward-passwordReminder table{
	margin-bottom:30px;
}
#login .ViewConfirmJointStatus table td input.width80{
	width:80px;
}
#login .ViewConfirmJointStatus table td input.width200{
	width:200px;
}

/*


forward-passwordReminder.html */
#content h3{
	margin-bottom:10px;
	border:1px solid #ddd;
}

.forward-passwordReminder p{
	line-height:1.3;
	font-size:90%;
}
#login .forward-passwordReminder table{
	margin:10px 0 40px;
	width:100%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	background:red;
}
.forward-passwordReminder table th,
.forward-passwordReminder table td{
	padding:5px 10px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.forward-passwordReminder table th{
	text-align:center;
	font-weight:bold;
	background:#ebf1f7;
background-image: -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: linear-gradient(top, #f5f8fd, #dfebf7);
}
.forward-passwordReminder table td{
	background:#fff;
}
/*


PasswordReminder */
#login .PasswordReminder div{
	margin:0 auto;
	padding:0;
	width:560px;
	border:none;
	background:none;
}

/*


ViewReissuePassword */
#login .ViewReissuePassword table{
	margin:40px auto;
	width:70%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	background:red;
}
.ViewReissuePassword table th,
.ViewReissuePassword table td{
	padding:5px 10px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.ViewReissuePassword table th{
	text-align:center;
	font-weight:bold;
	background:#ebf1f7;
background-image: -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: linear-gradient(top, #f5f8fd, #dfebf7);
}
.ViewReissuePassword table td{
	background:#fff;
}

/*

joiningInfoHelp */
body#joiningInfoHelp{
	background:#fff;
	text-align:left;
}
body#joiningInfoHelp h1{
	clear:both;
	float:none;
	position:static;
	text-align:center;
	border-bottom:1px solid #000;
}
body#joiningInfoHelp dt{
	font-weight:bold;
}
body#joiningInfoHelp table td#submit{
	text-align:center;
}

/*


ViewClaimDetail.html */
table#amount,
table#invoice{
	margin:20px 0;
	width:90%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
table#amount th,
table#amount td,
table#invoice th,
table#invoice td{
	padding:5px 10px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table#amount th,
table#invoice th{
	text-align:center;
	font-weight:bold;
	background:#ebf1f7;
background-image: -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: linear-gradient(top, #f5f8fd, #dfebf7);
}
table#amount td,
table#invoice td{
	background:rgb(248, 248, 248);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(248, 248, 248)),color-stop(1, rgb(240, 240, 240)));
	background-image: -moz-linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
	background-image: linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
}


/*

commonTable */

table.commonTable{
	margin:20px 0;
	width:100%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
table.commonTable th,
table.commonTable td{
	padding:5px 10px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table.commonTable th{
	text-align:center;
	font-weight:bold;
	background:#ebf1f7;
background-image: -moz-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -ms-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: -webkit-linear-gradient(top, #f5f8fd, #dfebf7);
background-image: linear-gradient(top, #f5f8fd, #dfebf7);
}
table.commonTable th{
	width:30%;
}
table.commonTable th.head{
	width:100%;
	text-align:left;
}

table.commonTable td{
	background:rgb(248, 248, 248);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(248, 248, 248)),color-stop(1, rgb(240, 240, 240)));
	background-image: -moz-linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
	background-image: linear-gradient(-90deg,rgb(248, 248, 248) 0%,rgb(240, 240, 240) 100%);
}


/*

ViewChangeMail */

.ViewChangeMail table td input.text{
	width:100%;
}


/*

ViewNoticeUpdateMail */

.ViewNoticeUpdateMail table th{
	width:35%;
}
.ViewNoticeUpdateMail table th#captionTitle{
	width:100%;
	text-align:left;
}
.ViewNoticeUpdateMail table td.check{
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL START ======*/
	/*width:30px;*/
	width:16%;
/*====== IE7レイアウト対応 MODIFY 2012/06/20 NGANTL END   ======*/
}

/*

ViewSendURLLoginToMobile */


/*

ViewDeleteAccountInfo */
.ViewDeleteAccountInfo .txt01{
	text-align:center;
	margin-top:30px;
	font-weight:bold;
}
.ViewDeleteAccountInfo .txt02{
	text-align:center;
}

/*

ViewConfirmPassword */

.ViewConfirmPassword table{
	margin:20px auto;
	width:60%;
}

/*

SendURLLoginToMobile */


/*


ViewChangePassword */
.ViewChangePassword table{
	margin:20px auto;
	width:60%;
}
.ViewChangePassword table td input{
	width:200px;
}
.ViewChangePassword p.error{
	font-weight:bold;
	text-align:center;
}

/*

mail common */
#content div.messageInfo{
	margin:0 auto;
	width:80%;
	padding:5px 30px;
	border:1px solid pink;
}
#content div .pink{
	background:pink;
}

table td.mailUnUse{
	background:pink;
}
.attention{
	margin:.5em 0;
	font-weight:bold;
	text-align:center;
	color:red;
}

/*


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

/*

AccountSearch */
.AccountSearch table{
	margin-bottom:30px;
}
.AccountSearch table th{
	width:25%;
}
.AccountSearch input#zipCd1,
.AccountSearch input#zipCd2{
	width:50px;
}
.AccountSearch input#address,
.AccountSearch input#name,
.AccountSearch input#email{
	width:300px;
	margin-bottom:5px;
}

/*


AccountSearchResult */
.AccountSearchResult table tr#rowEven td{
	background:#ddd;
}
.AccountSearchResult table tr#rowEven:hover td,
.AccountSearchResult table tr:hover td{
	background:#9cf;
	cursor:pointer;
}
.AccountSearchResult table th,
.AccountSearchResult table td{
	text-align:right;
	font-size:12px;
	padding:2px;
}
.AccountSearchResult table th#No{
	width:5%;
}
.AccountSearchResult table th#smsNo{
	width:10%;
}
.AccountSearchResult table th#address{
	width:40%;
}
.AccountSearchResult table th#name{
	width:20%;
}
.AccountSearchResult table th#userID{
	width:25%;
}
.AccountSearchResult table th#address,
.AccountSearchResult table td#address,
.AccountSearchResult table th#name,
.AccountSearchResult table td#name,
.AccountSearchResult table th#userID,
.AccountSearchResult table td#userID{
	text-align:left;
}

/*

AccountDetail */
.AccountDetail table th#caption{
	width:20%;
	text-align:left;
}


/*

DeviceDetail */
.DeviceDetail #mainColTit h2{
	margin:20px;
	background:#FAD000 url() left no-repeat;
}
.DeviceDetail table{
	margin:0 auto;
	width:80%;
}
.DeviceDetail table th{
	width:45%;
}
.DeviceDetail table th#No{
	width:10%;
}
.DeviceDetail table tr#rowEven td{
	background:#ddd;
}
.DeviceDetail table tr#rowEven:hover td,
.DeviceDetail table tr:hover td{
	background:#9cf;
}

/*

ViewManagerChangeMail */
.ViewManagerChangeMail table td.usable input{
	width:300px;
}
.ViewManagerChangeMail table td#submit{
	text-align:center;
}

/*

MailAddressChangeCompletion */

/*

ViewDeleteAccount */

/*

SendUpdateNotifyMail */
.SendUpdateNotifyMail table th{
	text-align:left;
}
.SendUpdateNotifyMail table th#caption{
	text-align:center;
}
.SendUpdateNotifyMail table td#submit{
	text-align:center;
}

/*

SendUpdateNotifyMail-2 */
.SendUpdateNotifyMail-2 table td textarea{
	width:100%;
}
.SendUpdateNotifyMail-2 table td#submit{
	text-align:center;
}

/*

ViewSearchObjectsForIssue */
.ViewSearchObjectsForIssue table td#submit{
	text-align:center;
}
.ViewSearchObjectsForIssue table td input#accountEntryYmd{
	width:80px;
}
.ViewSearchObjectsForIssue table td input#issueFreq{
	width:40px;
}

/*
SearchObjectsForIssue */
.SearchObjectsForIssue table tr#rowEven td{
	background:#ddd;
}
.SearchObjectsForIssue table tr#rowEven:hover td,
.SearchObjectsForIssue table tr:hover td{
	background:#9cf;
}
.SearchObjectsForIssue table th,
.SearchObjectsForIssue table td{
	text-align:right;
	font-size:12px;
	padding:2px 7px;
}
.SearchObjectsForIssue table th{
	width:auto;
	text-align:center;
}
.SearchObjectsForIssue table td#No{
	width:5%;
}
.SearchObjectsForIssue table td#entryYmd{
	width:15%;
}
.SearchObjectsForIssue table td#issueFreq{
	width:10%;
}
.SearchObjectsForIssue table td#smsNo{
	width:10%;
}
.SearchObjectsForIssue table td#name{
	width:20%;
}
.SearchObjectsForIssue table td#userId{
	width:auto;
}
.SearchObjectsForIssue table td#name,
.SearchObjectsForIssue table td#userId{
	text-align:left;
}
/*

ViewIssueInfoEntry */
.ViewIssueInfoEntry table td#submit{
	text-align:center;
}
.ViewIssueInfoEntry table td textarea{
	width:100%;
}