/*2019.03.NAKA */
/* Only for tablet(for CpyDecisionInput.jsp etc.) */
@media all and (min-width: 700px) and (max-width: 850px) {	
	/* newly defined for tablet of CpyDcisionInput.jsp */
	.style6 {
		width:98%; 
/*		width:750px;*/
		color: #000000;
		font-size: 1.2em;
	}
}
/* Only for tablet */
/*@media all and (min-width: 600px) and (max-width: 959px) {	*/
@media all and (min-width: 600px) and (max-width: 850px) {	

	.chart{
		width:100%;
		height:350px;
	}
	.style5_CFA {
		color: #888;
		display: block;
		font-size: 12px;
	}

	/* for CpyResView */
	select{
		font-size:28px;
	}

	.select_graph{
/*		height:18px;*/
		font-size:16px;
	}

	.table_PC_CVR{	
		display:none;
	}

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

	/*entry code,password label in CpyLogin.jsp */
	div#login label {	/*  agbg.css defines PC case. */
		color: #888;
		display: block;
		font-size: 16px;	/* slightly enlarged */
	}
	/*login button */
	.css_btn_gray_login {
	/*	font-size:12px;*/
		font-size:16px; 	/* slightly enlarged */
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #dcdcdc;
		padding:10px 12px;
		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 {
	/*	font-size:12px;*/
		font-size:1.6em; 	/* slightly enlarged */
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #dcdcdc;
		padding:12px 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_mobile_invisible {	/* same as css_btn_gray for PC and tablet */
		/*	font-size:12px;*/
		font-size:1.6em; 	/* slightly enlarged */
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #dcdcdc;
		padding:12px 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;
*/
		background-color: #e6e6e6;
		color: #aaaaaa;
		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_login: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_login:active {
		position:relative;
		top:1px;
	}

	.width470{
    	width: 95%;
	}

	.width300_CFA{
    	width: 300px;
	}

	.width14_CFA{
    	width:14px;
	}
	.width204_CFA{
    	width:204px;
	}
	.width80_CFA{
    	width:80px;
	}

	.contents2_CFA{	
		display:none;
	}

	/* 3 tabs for CpyDcisionInput.jsp */
	.width145{
    	width: 30%;
		font-size: 1.0em;
		color: #000000;
	}
	.width145D{
    	width: 33%;
	}


	/*DecisionInput (Student Home)*/
	.width960_body_CDI{
    	width: 149%;
		margin: 0px 0px;
	}
	.width960_CDI{ 
		width: 141%; 
		margin: 0px 3px;
	}

	/*ViewRes*/
	.width960_CRV{ 
		width: 121%;
		margin: 0px 3px;
	}
	.width960_body_CVR{	
		width: 128%; 
		margin: 0px 0px;
	}

	/*DecisionRes*/
	.width960_CDR{ 
		width: 130%;
		margin: 0px 3px;
	}
	.width960_body_CDR{	
		width: 137%; 
		margin: 0px 0px;
	}

	/*InfoInput*/
	.width960_CII{ 
		width: 122%;
		margin: 0px 3px;
	}
	.width960_body_CII{
		width: 130%; 
		margin: 0px 0px;
	}

	 /*PlanCreate*/
	.width960_CPC{
		width: 130%;
		margin: 0px 3px;
	}
	.width960_body_CPC{
    	width: 137%;
		margin: 0px 0px;
	}


	.width630_CFA{ 
    	width: 630px;
		margin: 0px 3px;
	}
	.width620_CFA{ 
    	width: 620px;
		margin: 0px 3px;
	}

	/*td of CpyDecisionInput.jsp */
	.width200_CDI{
    	width: 50.2%; 
	}
	.width115_CDI{
    	width: 28.8%; 
	}
	.width35_CDI{
    	width: 8.8%; 
	}
	.width119_CDI{
    	width: 40%; 
	}

	.text_CDI{
		/*width:85%; /* */
		/*height:30px;*/
		text-align:right;
		font-size: 1.2em;
	}

	.text_CII{
		/*width:85%; /* */
		/*height:30px;*/
		text-align:left;
		font-size: 1.2em;
	}


	div#contents1 section#work article{ /*  id */
    	/*width: 98%;
		float:right;*/
		width:100%;
	}
	div#contents2 section#work article{
    	/*width: 98%;
		float:right;*/
		width:100%;
	}

	div#contents1_CFA section#work article{
		width:300px;
	}
	div#contents2_CFA section#work article{
		width:300px;
	}

	.style1 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 1.4em;
	}
	.style4 {
		font-size: 1.4em;
	}

	/* 2nd column of 1st line of header */
	.media_style2 {
		color:#FFFFFF;
		font-size: 1.4em;
        font-weight: bold;
	}

	/*CpyDecisionInput*/
    .css_btn_blue {
		font-size:1.6em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		padding:16px 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_blue2 {
		font-size:1.6em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		padding:16px 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_blue3 {
		font-size:1.6em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		padding:16px 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_blue2: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_blue2:active {
	position:relative;
	top:1px;
  }

  .css_btn_blue3: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_blue3:active {
	position:relative;
	top:1px;
  }

	.style5 {
		color: #888;
		display: block;
		font-size: 1.0em;
	}

	div#footer-bk{
	/*	position: absolute;       /* 絶対位置指定することを定義 */
		position: fixed;       
		bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
		padding: 1px 0;          /* 上下に余白を取る */
	}
	div#footer-buttons{
		margin:15px 15px;
	}
	div#footer-buttons_both{
		margin:15px 15px;
	}
	div#footer-buttons_mobile{
		display:none;
	}
	
	
	/* only tablet */
	.refinf_CDI{
		font-size: 1.2em;
	}

	.refinf_CII{
		font-size: 1.2em;
	}

	/* CpyViewRes.jsp */
	.width150_CVR{
    	width:25%;
	}
	.width160_CVR{
    	width:25%;
	}
	.width100_CVR{
    	width:25%;
	}
	.width358_CVR{
    	width:25%;
	}

	/*td of CpyInfoInput.jsp */
	.width320_CII{
    	width: 300px; 
	}
	.width118_CII{
    	width: 118px; 
	}
	.width15_CII{
    	width: 15px; 
	}

}

/*mobile*/
@media all and (max-width: 599px) {	
	.select_graph{
		font-size:1.2em;
	}
  .stylefunct4{
	font-size: 0.95em;
	font-weight: bold;
  }
  .stylereport3_CG {
	font-size: 1.4em;
	/*font-weight: bold;*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
	color: #FFFFFF;
  }
  .stylereport11_CG {
	font-size: 1.2em;
	/*font-weight: bold;*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
  }
  .stylereport12_CG {
	font-size: 1.2em;
	font-weight: bold;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
  }

  .list_CG{
	font-size: 1.4em;
	font-weight: bold;
  }

  .div_chart{
	width:140%;
/*	width:100%;*/
  }

  .chart{
	width:160%;
/*	width:100%; */
	height:75%;
  }

	/* CpyViewRes */
	.table_PC_CVR{	
		display:none;
	}

	.table_tablet_CVR{	
		display:none;
	}

	/*CpyInfoInput*/
	.dummy_tablet{	
		display:none;
	}

	/* login panel only for mobile */
	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;*/
		width: 98%;	/* 98%;  enlarge image untill whole display*/
	}

	/*entry code,password label in CpyLogin.jsp */
	div#login label {	/* login is id */
		color: #888;
		display: block;
		font-size: 1.6em;
	}
	/* input box */
	div#login input#txtLogin, 
	div#login input#txtPassword, 
	div#login input#txtEmailAddressResetPass, 
	div#login input.textbox340 {
		font-size: 1.8em;
		line-height: 1.8em;
		margin: 0;
		padding: 3px;
		width: 440px;
	}
	/*[学生ログイン]*/	
	div.login_title_label{ /* login_title_label is class */
		font-size: 1.8em;
	}

	/* whole login body */
	body.login {
		background: #ffffff;
		width:100%;
	}

	/* copyright */
	div.padding-left170{	/* padding-left170 is  class */
		padding-left: 1%;
	}
	.style5_login {
		color: #888;
		display: block;
		font-size: 1.2em;
	}
	.style5 {
		color: #888;
		display: block;
		font-size: 0.8em;
	}
	.style5_CFA {
		color: #888;
		display: block;
		font-size: 0.8em;
	}
	/**** end of copyright*/

	div#contents1 section#work article{ /* id */
    	/*width: 98%;
		float:right;*/
		width:100%;
	}
	div#contents2 section#work article{
    	/*width: 98%;
		float:right;*/
		width:100%;
	}

	div#contents1_CFA section#work article{ /* id */
		width:100%;
	}
	div#contents2_CFA section#work article{
		width:100%;
	}

	.width960_CRV{	
    	width: 100%;
		margin: 0px 3px;
	}
	.width960_CDR{	
    	width: 100%;
		margin: 0px 3px;
	}
	.width960_CPC{	
    	width: 100%;
		margin: 0px 3px;
	}
	.width960_CDI{	
    	width: 100%;
		margin: 0px 3px;
	}
	.width960_CII{	
    	width: 100%;
		margin: 0px 3px;
	}
	.width960_body_CII{	
    	width:100%;
		margin: 0px 0px;
	}
	.width960_body_CPC{	
    	width:100%;
		margin: 0px 0px;
	}
	.width960_body_CVR{	
    	width:100%;
		margin: 0px 0px;
	}

	/*http://webnonotes.com/css/footer/*/
	/* copyright only for PC,tablet */
	.footer{	
		display:none;
	}
	/* copyright only for mobile */
	.footer_mobile{
    	width: 100%;
		margin: 0px 3px;
	}

	div#contents_CDI{	/* CpyDecisionInput.jsp */
		min-height: 100%;	/* 縦の表示領域を100% */
	}
	div#contents_CTR_mobile_body{	/* ComTotalRanking.jsp */
		min-height: 100%;	/* 縦の表示領域を100% */
	}
	div#contents_CTR{	/* ComTotalRanking.jsp */
		display:none;
	}

	div#contents_CFA{	/* ComFinaAccount.jsp */
/*		position: relative; /* フッター部の配置用に定義 */
		min-height: 100%;	/* 縦の表示領域を100% */
	}

	div#footer-bk{
	/*	position: absolute;       /* 絶対位置指定することを定義 */
		position: fixed;       
		bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
		padding: 1px 0;          /* 上下に余白を取る */
		/*height: 50px;*/        
	}
	div#footer-buttons_mobile{
		margin:1px 1px;
	}
	div#footer-buttons_both{
		margin:1px 1px;
	}
	div#footer-buttons{
		display:none;
	}

	.width460_img{	/*image */
    	width:100%;
	}

	/*1st and 2nd columns of 2nd line of header */
	.td_media{
		padding:1px 5px; 
	}
	/* 1st column of 1st line of header */
	.td_head{
		padding:1px 5px; /* Pending!! */
		width:30px;
	}

	.width630_CTR{	/* ComTotalRanking.jsp */
    	width: 100%;
	}

	.width620_CTR{	/* ComTotalRanking.jsp */
    	width: 125%;
	}

	/* w=680でwindow.openしてる(680/370)=>width指定しないでopen*/
	.width630_CG{	
    	width: 135%; 
	}
	.width620_CG{	
    	width: 135%;
	}

	.width630_CTRM{	
    	width: 100%; 
	}
	.width620_CTRM{	
    	width: 100%;
	}

	.width25_CG{	
    	width: 6%;
	}
	.width98_CG{
    	width: 20%;
	}
	.width7_CG{
    	width: 1%;
	}
	.width488_CG{	
    	width: 98%;
	}

	.width630_CFA{	/* ComFinaAccouunt.jsp */
    	width: 100%;
	}
	.width620_CFA{	/* ComFinaAccouunt.jsp */
    	width: 98%;
	}

	/* ComTotalRanking.jsp */
	.width25_CTR{	
    	width: 4%;
	}
	.width98_CTR{
    	width: 15%;
	}
	.width7_CTR{
    	width: 1%;
	}
	.width488_CTR{	
    	width: 80%;
	}
	.width25_CTRM{	
    	width: 4%;
	}
	.width98_CTRM{
    	width: 25%;
	}
	.width7_CTRM{
    	width: 1%;
	}
	.width488_CTRM{	
    /*	width: 80%;*/
	}

	.width70_CG{	/* ComGraph.jsp */
    	width: 35%; 
	}
	.width71_CG{	/* ComGraph.jsp */
    	width: 25%; 
	}

	.width100_CG{	/* ComGraph.jsp */
    	width: 21%;
	}
	.width110_CG{	/* ComGraph.jsp */
    	width: 23%;
	}

	.width25_CFA{	/* ComFinaAccouunt.jsp */
    	width: 4%;
	}
	.width98_CFA{	/* ComFinaAccouunt.jsp */
    	width: 25%;
	}
	.width7_CFA{	/* ComFinaAccouunt.jsp */
    	width: 1%;
	}
	.width488_CFA{	/* ComFinaAccouunt.jsp */
    	width: 70%;
	}

	.width470{
    	width: 100%;
	}

	.width300_CFA{
    	width: 100%;
	}

	.width14_CFA{
    	width:5%; /* 1st column(empty) of BS*/
	}
	.width204_CFA{
    	width:100%;
	}
	.width80_CFA{
    	width:40%;
	}

	/* 3 tabs for CpyDcisionInput.jsp */
	.width145{
    	width: 33%;
		font-size: 1.0em;
	}
	.width145D{
    	width: 33%;
	}


	.style1 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 1.0em;
	}
	.style4 {
		font-size: 1.0em;
	}

	/* 2nd column of 1st line of header */
	.media_style2 {
		color:#FFFFFF;
		font-size: 1.0em;
        font-weight: bold;
	}

	/* newly defined for mobile of CpyDcisionInput.jsp */
	.style6 {
		width:48%;
		color: #000000;
		font-size: 1.0em;
	}

	.css_btn_gray_mobile_invisible{
		display:none;
	}

  /* newly defined only for mobile*/
	/*login button */
	.css_btn_gray_login {
	/*	font-size:12px;*/
		font-size:2.2em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #dcdcdc;
		padding:12px 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_login: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_login:active {
		position:relative;
		top:1px;
	}

	.css_btn_gray {
	/*	font-size:12px;*/
		font-size:0.9em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #dcdcdc;
		padding:12px 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;
	}

	/*CpyDecisionInput*/
    .css_btn_blue {
		width:100%;
		font-size:0.9em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		padding:15px 6px;
		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_blue2 {
		/*width:100%;*/
		font-size:0.9em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		padding:15px 6px;
		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_blue2: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_blue2:active {
	position:relative;
	top:1px;
  }

    .css_btn_blue3 {
		/*width:100%;*/
		font-size:0.9em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		padding:15px 6px;
		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_blue3: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_blue3:active {
	position:relative;
	top:1px;
  }
	/*ComFinaAccount*/
    .css_btn_blue_CFA {
		font-size:0.9em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		padding:5px 6px;
		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_CFA: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_CFA:active {
	position:relative;
	top:1px;
  }

  .css_btn_blue_CFA[disabled] {
	color: #ced3d9;
	background-color: #e6e6e6;
  }

	/* ComGraph.jsp */
    .css_btn_blue_CG {
		font-size:1.1em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		/*	padding:8px 18px;*/
		padding:15px 6px;
		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_CG: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_CG:active {
	position:relative;
	top:1px;
  }

  .css_btn_blue_CG[disabled] {
	color: #ced3d9;
	background-color: #e6e6e6;
  }


	/* CpyInputRange.jsp */
    .css_btn_blue_small {
		font-size:0.9em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		/*	padding:8px 18px;*/
		padding:15px 6px;
		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_small: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_small:active {
	position:relative;
	top:1px;
  }
    .css_btn_blue_small2 {
/*		font-size:1.4em; */
		font-size:1.2em;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		/*	padding:8px 18px;*/
		padding:15px 6px;
		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_small2: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_small2:active {
	position:relative;
	top:1px;
  }

	/*td of CpyDecisionInput.jsp */
	.width200_CDI{
    	width: 170px; 
	/*	font-size: 1.0em;*/
	}
	.width115_CDI{
    	width: 135px;
	}

	.text_CDI{
		width:95%; 
		height:24px;
		text-align:right;
		font-size: 1.0em;
	}

	.text_CII{
		width:85%; 
		height:24px;
		text-align:left;
		font-size: 1.0em;
	}
	.textarea_CII{
		width:95%; 
	}

	.width35_CDI{
    	width: 35px;
	}
	.width119_CDI{
    	width: 95px;
	}

	/*td of CpyInfoInput.jsp */
	.width118_CII{
    	width: 135px; 
	}
	.width15_CII{
    	width: 15px; 
	}
	.width320_CII{
    	width: 200px; 
	}

	/*cpyInputRange.jsp(window size is small) */
/*	.w645h345{
    	width: 100%;
	}
*/
	.width600{
    	width: 96%;
	}
	.width410{
    	width: 130%;
	}
	.width400{
    	width: 128%;
	}

	.width9{
    	width: 1.5%;	/* for width600 */
	}
	.width156{
    	width: 26%;
	}
	.width20{
    	width: 3.3%;
	}
	.width140{
    	width: 23.3%;
	}
	.width85{
    	width: 19.2%; /*100-(1.5+26+3.3+3.3+23.3+23.3)*/
	}

	/* CpyViewRes.jsp */
	.width80_CVR{
    	width:30%;
	}
	.width150_CVR{
    	width:25%;
	}
	.width160_CVR{
    	width:20%;
	}
	.width100_CVR{
    	width:20%;
	}
	.width358_CVR{
    	width:25%;
	}

	/* ComFinaAccount */
	.width630_CFA  td{
		padding: 2px 2px;
	}

	/* ComTotalRanking */
	.width630_CTR  td{
		padding: 2px 2px;
	}

	.width175_CPC{
    	width: 165px;
	}
	.width110_CPC{
    	width: 120px;
	}
	.width160_CPC{
    	width: 160px;
	}

}

/* Only for 320 px (iOS5) */
@media all and (max-width: 321px) { 

	.width150_CVR{
    	width:28%;
	}
	.width160_CVR{
    	width:28%;
	}
	.width100_CVR{
    	width:10%;
	}
	.width358_CVR{
    	width:34%;
	}

  .css_btn_blue {
	width:100%;
	font-size:1.1em; /*12px;*/
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #469df5;
	padding:8px 6px;
	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_blue_small {
	font-size:1.1em;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #469df5;
/*	padding:8px 18px;*/
	padding:4px 8px;
	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_small: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_small:active {
	position:relative;
	top:1px;
  }

  .css_btn_blue_small2 {
/*	font-size:1.6em; */
	font-size:1.2em;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #469df5;
/*	padding:8px 18px;*/
	padding:4px 8px;
	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_small2: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_small2:active {
	position:relative;
	top:1px;
  }
	
	.width630_CTR{	/* ComTotalRanking.jsp */
    	width: 98%;
	}
	.width620_CTR{	/* ComTotalRanking.jsp */
    	width: 100%;
	}
	.width630_CG{	/* ComGraph.jsp */
    	width: 155%;
	}
	.width620_CG{	/* ComGraph.jsp */
    	width: 155%;
	}
	.width630_CTRM{	/* ComGraph.jsp */
    	width: 100%;
	}
	.width620_CTRM{	/* ComGraph.jsp */
    	width: 100%;
	}

	.width630_CFA{	/* ComFinaAccouunt.jsp */
    	width: 99%;
	}
	.width620_CFA{	/* ComFinaAccouunt.jsp */
    	width: 96%;
	}

	.width175_CPC{
    	width: 33%;
	}
	.width110_CPC{
    	width: 33%;
	}
	.width160_CPC{
    	width: 33%;
	}

/*
	div#login div#panelLogin div,
	div#login div#panelResetPass div,
	div#login div#panelChangePass div {
		text-align:left;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 85%;	
	}
*/
/*

	div.padding-left170{	
		padding-left: 5%;
	}

	div#login input.textbox340 {
		width: 340px;
	}
*/

	.width460_img{	
    	width:87%;
	}
	div#login{
		text-align:left;
	} 

	.style5_login {
		font-size: 0.75em;
	}


	/*td of CpyDecisionInput.jsp */
	.width200_CDI{
    	width: 150px; 
	}
	.width115_CDI{
    	width: 150px;
	}

}

/* PC only */
/*@media all and (min-width: 960px) { */
@media all and (min-width: 850px) { 
.css_btn_blue3 {
	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_blue3: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_blue3:active {
	position:relative;
	top:1px;
}


	/* for CpyResView */
	select{
		font-size:14px;
	}

	.table_tablet_CVR{	
		display:none;
	}

	.width960_CRV{
    	width: 960px;
		margin: 0px 3px;
	}
	.width960_CDR{
    	width: 960px;
		margin: 0px 3px;
	}
	.width960_CPC{
    	width: 960px;
		margin: 0px 3px;
	}
	.width960_CDI{
    	width: 960px;
		margin: 0px 3px;
	}
	.width960_CII{
    	width: 960px;
		margin: 0px 3px;
	}
	.width960_body_CII{
    	width: 960px;
		margin: 0px 3px;
		border:5px #ffffff solid;
	}
	.width960_body_CDI{
    	width: 960px;
		margin: 0px 3px;
	}
	.width960_body_CVR{
    	width: 960px;
		margin: 0px 3px;
	}
	.width960_body_CPC{
    	width: 960px;
		margin: 0px 3px;
	}

	div#contents1 section#work article{
    	width: 470px;
		float:left;
	}
	div#contents2 section#work article{
    	width: 470px;
	/*	float:right;*/
		float:left;
	}

	.width470{
    	width: 470px;
	}


	.text_CDI{
		width:80px;
		height:16px;
		text-align:right;
		font-size: 12px;
	}
	.text_CII{
		width:150px;
		height:16px;
		text-align:left;
		font-size: 12px;
	}

	/* 2nd column of 1st line of header */
	.media_style2 {
		color:#FFFFFF;
		font-size: 12px;
    	font-weight: bold;
	}

	div#footer-buttons{
		margin:5px 10px;
	}
	div#footer-buttons_both{
		margin:5px 10px;
	}
	div#footer-buttons_mobile{
		display:none;
	}

	.width470_CDR{
    	width: 470px;
		height:70px;
	}

	.css_btn_gray_mobile_invisible {	/* same as css_btn_gray for PC and tablet */
		/*	font-size:12px;*/
		font-size:12px; 	/* slightly enlarged */
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #dcdcdc;
		padding:8px 18px;
		/*padding:12px 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;*/
		background-color: #e6e6e6;
		color: #aaaaaa;
		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;
	}

	/*login button */
	.css_btn_gray_login {
		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_login: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_login:active {
		position:relative;
		top:1px;
	}

	.refinf_CII{
		font-size: 12px;
		height:18px;
	}

	/*td of CpyInfoInput.jsp */
	.width118_CII{
    	width: 118px; 
	}
	.width15_CII{
    	width: 15px; 
	}
	.width320_CII{
    	width: 320px; 
	}

	.dummy_tablet{	
		display:none;
	}

	/* CpyViewRes.jsp */
	.width80_CVR{
    	width:120px;
	}
	.width150_CVR{
    	width:120px;
	}
	.width160_CVR{
    	width:120px;
	}
	.width100_CVR{
    	width:120px;
	}
	.width358_CVR{
    	width:110px;
	}

	/* copyright */
	div.padding-left170{	/* padding-left170 is  class */
		padding-left: 1%;
	}

}


/*****************/
/*tablet and PC */
/****************/
@media all and (min-width: 600px) { 
/* css_btn_blueと同じ。ただし、総括表など小さい画面に対するtablet、PC用*/
	.css_btn_blue2 {
		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_blue2: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_blue2:active {
		position:relative;
		top:1px;
	}
	.css_btn_blue2[disabled] {
		color: #ced3d9;
		background-color: #e6e6e6
		/*background-color: #d9d9d9;*/
	}

	/*ComFinaAccount,ComTotalRanking*/
    .css_btn_blue_CFA {
		display:none;
	}

	/* ComGraph.jsp */
    .css_btn_blue_CG {
		display:none;
	}


	td, th {
		padding: 2px 2px;
	}

	/* ComFinaAccount */
	.width630_CFA  td{
		padding: 0px 0px;
	}

	/* ComTotalRanking */
	.width630_CTR  td{
		padding: 0px 1px;
	}

	/* copyright */
	div.padding-left170{
		padding-left: 170px;
	}

	/* input box height */
	.media_text{
		height:18px;
	}
	.footer{
    	width: 960px;
		margin: 0px 3px;
	/*	border-spacing:10px 10px;*/
	}
	.footer_mobile{
		display:none;
	}

	.width460_img{	/*image for InsCpyInfoEdit.jsp*/
    	width: 460px;
	}


	/*1st and 2nd columns of 2nd line of header */
	.td_media{
		padding:1px 3px;
	}
	/* 1st column of 1st line of header */
	.td_head{
		padding:1px 3px;
		width:100px;
	}

	div#contents_CFA{	/* ComFinaAccount.jsp */
    	width: 645px;	/* 630+15*/
	}

	.width630_CTR{	/* ComTotalRanking.jsp */
/*    	width: 698px;*/
    	width: 100%;
	}

	.width620_CTR{	/* ComTotalRanking.jsp */
    	width:100%;
/*    	width: 655px;*/
	}

	.width630_CG{	/* ComGraph.jsp */
    	width: 600px;
	}

	.width620_CG{	/* ComGraph.jsp */
    	width: 600px;
	}

	div#contents_CTR_mobile_header{	/* ComTotalRanking.jsp */
		display:none;
	}

	div#contents_CTR_mobile_body{	/* ComTotalRanking.jsp */
		display:none;
	}

	.width25_CTR{	/* ComTotalRanking.jsp */
    	width: 25px;
	}
	.width98_CTR{	/* ComTotalRanking.jsp */
    	width: 98px;
	}
	.width7_CTR{	/* ComTotalRanking.jsp */
    	width: 7px;
	}
	.width488_CTR{	/* ComTotalRanking.jsp */
    	width: 588px;
	}

	.width25_CG{	/* ComGraph.jsp */
    	width: 25px;
	}
	.width98_CG{	/* ComGraph.jsp */
    	width: 98px;
	}
	.width7_CG{	/* ComGraph.jsp */
    	width: 7px;
	}
	.width488_CG{	/* ComGraph.jsp */
    	width: 488px;
	}
	.width70_CG{	/* ComGraph.jsp */
    	width: 70px;
	}
	.width71_CG{	/* ComGraph.jsp */
    	width: 70px;
	}
	.width100_CG{	/* ComGraph.jsp */
    	width: 100px;
	}
	.width110_CG{	/* ComGraph.jsp */
    	width: 110px;
	}

	.width25_CFA{	/* ComFinaAccount.jsp */
    	width: 25px;
	}
	.width98_CFA{	/* ComFinaAccount.jsp */
    	width: 98px;
	}
	.width7_CFA{	/* ComFinaAccount.jsp */
    	width: 7px;
	}
	.width488_CFA{	/* ComFinaAccount.jsp */
    	width: 488px;
	}

	/* 3 tabs for CpyDcisionInput.jsp */
	.width145{
    	width: 145px;
	}
	.width145D{
    	width: 10px;
	}

	/* CpyInputRange.jsp */
/*	.w645h345{
    	width: 645px;
		height:345px;
	}*/
	.width600{
    	width: 600px;
	}
	.width9{
    	width: 9px;
	}
	.width156{
    	width: 156px;
	}
	.width20{
    	width: 20px;
	}
	.width140{
    	width: 140px;
	}
	.width85{
    	width: 85px;
	}

	/* same as style5 for PC */
	.style5_login {
		color: #888;
		display: block;
		font-size: 12px;
	}

	/*td of CpyDecisionInput.jsp */
	.width200_CDI{
    	width: 180px; 
	/*	font-size: 1.0em;*/
	}
	.width115_CDI{
    	width: 115px;
	}
	.width35_CDI{
    	width: 35px;
	}
	.width119_CDI{
    	width: 105px;
	}

	.width175_CPC{
    	width: 175px;
	}
	.width110_CPC{
    	width: 110px;
	}
	.width160_CPC{
    	width: 160px;
	}


    .css_btn_blue_small {
		font-size:16px;
		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_small: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_small:active {
	position:relative;
	top:1px;
  }
    .css_btn_blue_small2 {
		font-size:16px;
		font-family:Arial;
		font-weight:bold;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		border:1px solid #469df5;
		padding:4px 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_small2: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_small2:active {
	position:relative;
	top:1px;
  }

  .stylereport3_CG {
	font-size: 16px;
	font-weight: bold;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
	color: #FFFFFF;
  }
  .stylereport11_CG {
	font-size: 12px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
  }
  .stylereport12_CG {
	font-size: 16px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
  }

}

/* for all cases */
strong {
 font-weight: bold !important;
 }