@charset "utf-8";

/* 検索用ボタン */
.searchbtn { width:200px; height:50px; margin-right:10px }

.searchbtn a {
        display: block;
        width:157px;
        padding:7px;
        text-align:center;
        font-size:14px;
        font-weight: bold;
        color: #0000CC;
        background-color:#F0F0F0;
        border-top: solid 4px #CCCCCC;
        border-left: solid 4px #CCCCCC;
        border-right: solid 4px #666666;
        border-bottom: solid 4px #666666;
        text-decoration:none; }
        
.searchbtn a:hover{ background-color:#FFFF99; color:#0066FF; }

.searchbtn a:active {
        border-top: solid 4px #666666;
        border-left: solid 4px #666666;
        border-right: solid 4px #CCCCCC;
        border-bottom: solid 4px #CCCCCC; }

.searchbtn2  { width:200px; height:50px; margin-right:10px;margin: 0 auto; }

.searchbtn2 a 
{
    display: block;
    font-size:14px;
    font-weight: bold;
    color:#2D77B7;
    text-decoration:none;
    cursor:pointer;
    border-style:none;
    width:215px; 
    height:53px; 
    background-image:url("../images/searchbtn.png");
    background-repeat: no-repeat;
    text-align: center;
    line-height:53px;  
}
        
.searchbtn2 a:hover 
{
    background-image:url("../images/searchbtn_.png");
    background-repeat: no-repeat; 
}

.input_next 
{
    width: auto;
    height: 30px;
    padding: 0 1em;
}

/*コース選択ボタン*/
button.coursebtn2 
{
    font-size:14px;
    font-weight: bold;
    color:#2D77B7;
    text-decoration:none;
    
    cursor:pointer;
    border-style:none;
    display: block;
    
    width:151px; 
    height:47px; 
    
    background-image:url("../images/coursebtn.png");
    background-repeat: no-repeat;
}
button.coursebtn2:hover{
    background-image:url("../images/coursebtn_.png");
    background-repeat: no-repeat;
}
button.coursebtn2:disabled
{
    background-image:url("../images/coursebtn1_2.png");
    background-repeat: no-repeat;
    color:#777777;
    cursor:default;
}

button.coursebtnlogin
{
    
    font-size:14px;
    font-weight: bold;
    color:#B22C35;
    text-decoration:none;
    
    cursor:pointer;
    border-style:none;
    display: block;
    
    width:181px; 
    height:53px;
    padding:0 0 0 10px;
    
    background-image:url("../images/coursebtn1.png");
    background-repeat: no-repeat;
}
button.coursebtnlogin:hover{
    background-image:url("../images/coursebtn1_.png");
    background-repeat: no-repeat;
}
button.coursebtnlogin:disabled
{
    background-image:url("../images/coursebtn1_2.png");
    background-repeat: no-repeat;
    color:#777777;
    cursor:default;
}

button.coursebtnPDS
{
    
    font-size:14px;
    font-weight: bold;
    color:#2BAF55;
    text-decoration:none;
    
    cursor:pointer;
    border-style:none;
    display: block;
    
    width:181px; 
    height:53px;
    padding:0 0 0 20px;
    
    background-image:url("../images/coursebtn2.png");
    background-repeat: no-repeat;
}
button.coursebtnPDS:hover{
    background-image:url("../images/cousebtn2_.png");
    background-repeat: no-repeat;
}
button.coursebtnPDS:disabled
{
    background-image:url("../images/coursebtn1_2.png");
    background-repeat: no-repeat;
    color:#777777;
    cursor:default;
}

button.login
{
    
    font-size: 14px;
    font-weight: bold;
    color:#FFFFFF;
    text-decoration:none;
    
    cursor:pointer;
    border-style:none;
    display: block;
    
    width:104px; 
    height:32px;
    padding:0 0 5px 0;
    
    background-image:url("../images/login.png");
    background-repeat: no-repeat;
}
button.login:hover
{
    background-image:url("../images/login_.png");
    background-repeat: no-repeat;
}


/*コース背景*/
.courseback01
{
    max-width: 384px;
    height:63px;
    
    background-image:url("../images/courseback1.png");
    background-repeat: no-repeat;
    background-position:left top;
    
    color:#FFFFFF;
    /*font-size:larger;*/
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    clear:both;
    margin: 0 0 10px 0;
    
}
.courseback01 a:link
{
    color:#FFFFFF;
}
.courseback01 a:visited
{
    color:#FFFFFF;
}
.courseback01 a:active
{
    color:#FFFFFF;
}
.courseback01 a:hover
{
    color:#CCCCCC;
}


.courseback02
{
    max-width: 268px;
    height:63px;
    
    background-image:url("../images/courseback2.png");
    background-repeat: no-repeat;
    background-position:left top;
    
    color:#FFFFFF;
    /*font-size:larger;*/
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    clear:both;
    margin: 0 0 10px 0;
    
}
.courseback02 a:link
{
    color:#FFFFFF;
}
.courseback02 a:visited
{
    color:#FFFFFF;
}
.courseback02 a:active
{
    color:#FFFFFF;
}
.courseback02 a:hover
{
    color:#CCCCCC;
}

/*icon*/
.icon
{
    line-height:11px;    
    }
.icon img
{
    vertical-align:top;
    width:11px;
    height:11px;
    background-image:url("../images/icon.png");
}
        
/* font */
.info{ color:#0066FF; }
.caut{ color:#FF0000; }
.bold{ font-weight:bold; }
.orenge { color:#FF3300;}
.gray { color:#808080;}
.darkblue{ color:#3868b0;}
.darkorenge{ color:#df6739;}

/* 結果通知書 */
/* font */
.period_select{ color:#000099;}
.period{ color:#1b5f96;}
.p_ttl{ font-size:15px; font-weight:bold}
.p_txt{ font-size:12px}
.p_print_ttl{ font-size:11px; font-weight:bold}
.p_print_txt{ font-size:8px }
.p_sample_txt{ font-size:11px; font-style:inherit}

.subtitle{
    border-bottom:solid 1px #999999;
    border-top:solid 2px #999999;
    background-color:#DDDDDD;
    padding:2px;
    margin:2px;
    font-size:15px;
    font-weight:bold;
    text-align:center;
}
.subtitle_print{
    border-bottom:solid 1px #999999;
    border-top:solid 2px #999999;
    background-color:#DDDDDD;
    padding:2px;
    margin:2px;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}

.table_show{ border:1px solid #cccccc; border-collapse:separate; padding:1px; width:99%; margin:5px; line-height:110%; border-style:solid;}
.table_show th{ border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:3px; margin:0; text-align:center;}
.table_show td{ border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:3px; margin:0;}

.table_print{ border:1px solid #000000; line-height:105%; width:100%; color:#000000; border-style:solid;}
.table_print th{ border:1px solid #000000; padding:1px; margin:0; text-align:center}
.table_print td{ border:1px solid #000000; padding:1px; margin:0}

.table_show_period{ border:1px solid #cccccc; border-collapse:separate; margin:5px; width:99%; line-height:110%; font-size:120%; border-style:solid;}
.table_show_period th{ border-right:1px solid #f0f0f0; border-top:1px solid #90b0d0; border-bottom:3px double #90b0d0; padding:3px; margin:0; text-align:center; height:45px}
.table_show_period td{ border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:3px; margin:0; height:20px}
.table_show_period tr:nth-child(2n) {
  background: #eee;
}

.table_print_period{ border:1px solid #000000; line-height:105%; width:100%; color:#000000; border-style:solid;}
.table_print_period th{ border:1px solid #000000; padding:1px; margin:0; text-align:center}
.table_print_period td{ border:1px solid #000000; padding:1px; margin:0}
.table_print_period tr:nth-child(2n+1) {
  background: #eee;
}

/* table */
.trend_table01{border-bottom:0px; padding:0; margin:0; width:100%}
.trend_table01 th{border:0px!important; padding:2px; margin:0; font-size:100%; background:none;}
.trend_table01 td{border:0px!important; padding:2px; margin:0; font-size:100%; background:none;}

.trend_table02{border-bottom:0px; padding:0; margin:0; width:100%}
.trend_table02 th{border-bottom:dashed 1px #CCCCCC; padding:2px; margin:0; font-size:100%; background:none;}
.trend_table02 td{border-bottom:dashed 1px #CCCCCC; padding:2px; margin:0; font-size:100%; line-height:110%; background:none;}

.trend_table03{border-collapse:collapse; margin:0; padding:0; border-bottom:solid 1px #cccccc ; width:100%;}
.trend_table03 th{vertical-align:middle; border:1px solid #cccccc; padding:3px; background-color:#CCFFCC;}
.trend_table03 td{vertical-align:middle; border-bottom:1px dotted #cccccc;padding:10px 3px 10px 3px;}

.trend_table04{border-collapse:collapse; margin:0; padding:0; border-bottom:solid 1px #cccccc ; width:100%; line-height:150%}
.trend_table04 th{vertical-align:middle; text-align:center; border:1px solid #cccccc; padding:5px; background-color:#CCFFCC;}
.trend_table04 td{vertical-align:middle; border:1px solid #cccccc; padding:5px;}

.trend_table05{border-collapse:collapse; margin:0; padding:0; border-bottom:solid 1px #cccccc ; width:100%; line-height:150%}
.trend_table05 th{vertical-align:middle; text-align:center; border:1px solid #cccccc; padding:5px; background-color:#CCFFCC;}
.trend_table05 td{vertical-align:middle; border-bottom:3px double #cccccc; padding:5px;}


/* trend menu */
.menu { border:solid 2px #666666; margin-bottom:10px }
.menu_top { padding:5px; font-weight:bold; color:#FFFFFF; text-align:center; background-color:#666666; }
.menu_txt { margin:2px 5px 2px 5px; font-size:small; }

/* trend 広告 */
.ad1 { border:solid 2px #009966; margin-bottom:10px }
.ad1_top { padding:5px; font-weight:bold; color:#FFFFFF; text-align:center; background-color:#009966; }
.ad1_txt { margin:2px 5px 2px 5px; font-size:small; }

/* link */
.arrowlnk{
    background: url(/common/img/share/arrow_r.gif) no-repeat left 0.4em;
    padding-left: 19px;
    display:inline-block;
    background: url(/common/img/share/arrow_r.gif) no-repeat left 0.3em;
}

/*追加 K.Kitahara*/
label {
	margin-right: 5px;
}

.menu_dt {
	float: left;
	clear: left;
	width: 90px;
	text-align: center;
	margin: 5px 0;
	color: #ffffff;
	background-color: #666666;
	border-radius: 4px;
}
.menu_dd {
	float: left;
	width: 126px;
	margin: 5px 0 5px 10px;
	font-size: 100%;
	font-weight: bold;
	color: #ff6600;
}

.likebtn_n {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #5b99ec;
	padding: 2px 0;
	border-radius: 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0, rgba(255, 255, 255, 0.2) -1px 1px 0 inset;
  	-webkit-box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0, rgba(255, 255, 255, 0.2) -1px 1px 0 inset;
  	box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0, rgba(255, 255, 255, 0.2) -1px 1px 0 inset;
}
.likebtn_n:hover {
	background-color: #72a7ef;
}
.likebtn_red {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #ba5959;
	padding: 2px 0;
	border-radius: 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0, rgba(255, 255, 255, 0.2) -1px 1px 0 inset;
  	-webkit-box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0, rgba(255, 255, 255, 0.2) -1px 1px 0 inset;
  	box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0, rgba(255, 255, 255, 0.2) -1px 1px 0 inset;
}
.likebtn_red:hover {
	background-color: #c16b6b;
}

/*float使用時の親要素に指定してください*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/*チェックボックス関係*/
.chkbox_n {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.campbak_g {
	background-color: #C9CEC8;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	width: 100%;
	height: 100%;
}
#acptchkPDS {
	margin-right:2px;
}

.boxshadow_n {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;	
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

.m_blue {
	color: #538dd5;
}

.idpwexpla_box {
	text-align: center;
	background-color: #ffffcc;
	width: 600px;
	margin:0 auto;
	border: 1px solid #cccccc;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}