.stylefunct2 {font-size: 12px}
.stylefunct3 {font-size: 12px}
.stylefunct4 {
	font-size: 14px;
	font-weight: bold;
}
.stylefunct5 {font-family: "Times New Roman", Times, serif}
.stylefunct6 {font-size: 12px; font-family: "Times New Roman", Times, serif; }
.stylereport3 {
	font-size: 16px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
}

.stylereport9 {
	font-family: "Times New Roman", Times, serif; 
	font-weight: bold;
}
.stylereport11 {font-size: 12px; font-family: "Times New Roman", Times, serif; }

.stylereport12 {font-size: 12px; font-weight: bold; font-family: "Times New Roman", Times, serif; }

.stylereport13 {
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}
.stylereport19 {font-size: 12px; font-style: italic; font-weight: bold; }

.stylereport20 {font-size: 12px}

.stylereport17 {font-size: 10px}

.stylereport21 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}

/**** add css 8/29 Coder:K.Nishimura ***/

.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.style2 {
	color:#FFFFFF;
	font-size: 12px;
    font-weight: bold;
}

.style4 {font-size: 16px}

/*NAKA .style5 is also defined in media.css for company's copyright display */
.style5 {
/*	color: #FFFFFF;
	font-size: 12;
*/
	color: #888;
	display: block;
	font-size: 12px;
}

.style6 {
	color: #000000;
	font-size: 12px;
}

.style7 {color: #FFFFFF}
.style9 {color: #FFFFFF; font-weight: bold; }
.style10 {color: #BBBBBB}
.style11 {color: #000000}
.style12 {
        background-color: #DDDDDD;
        border-style:none;
}
.style13 {color: #CCCCCC; font-size: 12px; }
.style14 { color: #DDDDDD; font-size: 12px; }
.style15 { background-color : #FFFFCC }
.style16 { background-color : #CCCCCC }
.style17 { background-color : #DDDDDD }
.style18 { color: #CC0000; font-size: 12px; }
.style19 { background-color : #FFFFFF }
.style20{
	text-align:center;
	font-size: 12px;
	color: #000000;
}
.style20 div  {
    	margin-right: auto;
    	margin-left: auto;
	font-size: 12px;
	color: #DDDDDD;
}
.style21{ margin-left: 10px }

a:link { color: #FFFFCC; text-decoration: none; }
a:hover { color: #FFCCFF; text-decoration: underline; }
a:visited { color: #FFFFCC; text-decoration: none; }
a:active { text-decoration: none }

.stylefunct2 {font-size: 12px}
.stylefunct3 {font-size: 12px}
.stylefunct4 {font-size: 14px; font-weight: bold; }

/*NAKA https://qiita.com/RinoTsuka/items/4181efd43d072e246519 */
/*
.stylefunct5 {font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }*/
.stylefunct5 {font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif; }
.stylefunct6 {
	font-size: 12px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}
.stylereport3 {
	font-size: 16px;
	font-weight: bold;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
	color: #FFFFFF;
}
.stylereport9 {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
	font-weight: bold;
}
.stylereport11 {
	font-size: 12px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}
.stylereport12 {
	font-size: 12px;
	font-weight: bold; 
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}
.stylereport13 {
	color: #FFFFFF;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
	font-size: 12px;
}
.stylereport17 {font-size: 10px}

/* NAKA doubly defined!
.stylereport19 {font-size: 12px; font-weight: bold; }
*/
.stylereport20 {font-size: 12px}
.stylereport21 {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
	font-size: 16px;
	font-weight: bold;
}

input.textbox340,
textarea.textbox340  {
	width: 323px;
}

body.login {
	background: #d7d7d7;
}

div#login {
	margin: 12px auto 0;
	width: 546px;
}

div#cap-top {
	background: transparent url(cap-top.png) no-repeat;
	height: 8px;
	width: 546px;
}

* html #cap-top {
	margin-bottom: -8px;
}

* html div#cap-top {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="cap-top.png",sizingMethod="crop");
}

div#cap-body {
	padding-left: 40px;
	padding-right: 40px;
	background: transparent url(cap-bg.png) repeat-y;
}

* html div#cap-body {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='cap-bg.png',sizingMethod='scale');
}

div#login div#panelLogin div,
div#login div#panelResetPass div,
div#login div#panelChangePass div {
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 456px;
}

div#login input#txtLogin, 
div#login input#txtPassword, 
div#login input#txtEmailAddressResetPass, 
div#login input.textbox340 {
	background: #fafafa;
	border: 1px solid #eee;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	padding: 3px;
	width: 440px;
}

* html div#login input#txtLogin,
* html div#login input#txtPassword,
* html div#login input#txtEmailAddressResetPass,
* html div#login input.textbox340 {
	background: #eee;
	border: 1px solid #ddd;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	padding: 3px;
	width: 440px;
}

div#login input#txtLogin:focus,
div#login input#txtPassword:focus,
div#login input.textbox340:focus {
	background: #fcfcfc;
	border: 1px solid #ccc;
}

/* Buttons - login page */

.buttonLoginV2 {
	-moz-box-shadow: 0px 1px 3px 0px #dedede;
	-webkit-box-shadow: 0px 1px 3px 0px #dedede;
	box-shadow: 0px 1px 3px 0px #dedede;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0f0f0) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f0f0f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
	background-color:#ffffff;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:1px solid #d1d1d1;
	display:inline-block;
	color:#666666 !important;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

.buttonLoginV2:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff');
	background-color:#f0f0f0;
}

div#cap-bottom {
	background: transparent url(cap-bottom.png) no-repeat;
	height: 15px;
	width: 546px;
}

* html div#cap-bottom {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="cap-bottom.png",sizingMethod="crop");
}

div#login label {
	color: #888;
	display: block;
	font-size: 12px;
}


.main{
	width: 100%;
}

.main div{
	margin: 0 auto;
	font-weight: bold;
}


/* Table */
.agtable table {
	width: auto; 
	border-spacing: 0;
	font-size:14px;
}

.agtable table th {
	color: #000;
	padding: 8px 15px;
	background: #eee;
/*
	background:-moz-linear-gradient(#eee, #ddd 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
*/
	font-weight: bold;
	font-size: 12px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

.agtable table th:first-child {
	border-left:1px solid #aaa;
	border-radius: 5px 0 0 0;
}

.agtable table th:last-child {
	border-radius:0 5px 0 0;
	border-right:1px solid #aaa;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

.agtable table tr td {
	padding: 8px 15px;
	text-align: center;
}

.agtable table tr td:first-child {
	border-left: 1px solid #aaa;
}

.agtable table tr td:last-child {
	border-right: 1px solid #aaa;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

.agtable table tr {
	background: #fff;
}
.agtable table tr:nth-child(2n+1) {
	background: #f5f5f5;
}

.agtable table tr:last-child td {
	border-bottom:1px solid #aaa;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

.agtable table tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}

.agtable table tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}

.agtable table tr:hover {
	background: #eee;
	cursor:pointer;
}

/*  Button  */
.css_btn_blue {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #469df5;
	padding:8px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
 	-webkit-box-shadow: 1px 1px 0px 0px #cae3fc;
 	-moz-box-shadow: 1px 1px 0px 0px #cae3fc;
 	box-shadow: 1px 1px 0px 0px #cae3fc;
}

.css_btn_blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}
.css_btn_blue:active {
	position:relative;
	top:1px;
}

.css_btn_add_game:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}
.css_btn_add_game:active {
	position:relative;
	top:1px;
}

.css_btn_gray {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:8px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow: 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow: 1px 1px 0px 0px #ffffff;
 	box-shadow: 1px 1px 0px 0px #ffffff;
}

.css_btn_gray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.css_btn_gray:active {
	position:relative;
	top:1px;
}

/**** add css 8/29 Coder:S.Kawai ***/

.loginbox_out {
	width:960px;
	text-align:center;
}

.loginbox_in {
	width:544px;
	padding:10px 40px;
	margin-bottom: 30px;
	color: inherit;
	background-color: #ffffff;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.lbox {
        float:left;
        width:120px;
        text-align:right;
        font-size:12px;
        margin-bottom:10px;
        padding-right:8px;
}

.rbox {
        float:left;
        text-align:left;
        font-size:12px;
        margin-bottom:10px;
}

.box1 {
        width:410px;
        height:300px;
        background:#fff;
        margin:10px auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size:14px;
}
.box1 .topbar {
        background:#3399FF;
        color:#fff;
        -webkit-border-radius:10px 10px 0 0;
        -moz-border-radius:10px 10px 0 0;
        border-radius:10px 10px 0 0;
        padding:4px 14px;
        margin-bottom:30px;
        font-weight:bold;
        font-size:14px;
}
.box1 .bottombar {
        position:relative;
        top:120px;
        border-top:2px solid #ddd;
        padding:10px;
        margin:5px;
}

.topbar {
        background:#3399FF;
        color:#fff;
        -webkit-border-radius:10px 10px 0 0;
        -moz-border-radius:10px 10px 0 0;
        border-radius:10px 10px 0 0;
        padding:4px 14px;
        font-weight:bold;
        font-size:14px;
}

.loginbox {
        width:544px;
        background:#fff;
        margin:20px auto;
        padding:42px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
	cursor: not-allowed;
	background-color: #ffffff;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
	background-color: transparent;
}

.btn_btn_blue.disabled,
.css_btn_blue[disabled] {
	color: #ced3d9;
	background-color: #e6e6e6
	/*background-color: #d9d9d9;*/
}

.btn_btn_gray.disabled,
.css_btn_gray[disabled] {
	color: #aaaaaa;
	background-color: #e6e6e6;
	/*background-color: #d9d9d9;*/
}