@charset "UTF-8";
/* CSS Document */

/* ------------------
  スマートフォン用
-------------------- */
@media(max-width: 750px){
html{font-size: 100%;}
body{font-size: 100%;}
}
/* --- ヘッダー --- */
#header{
	width:100%;
	height:73px;
	background:url(../img/header/bg_header.png) repeat-x;
	display:block;
}

#sp_header{
	width:100%;
	height:81px;
	background:url(../img/smp/bg_header_sp.png) repeat-x;
	display:none;
}

/* --------------------------------------------- メディアクエリここから --------------------------------------------- */

@media(max-width: 750px){


/* --- ヘッダー --- */
#header{
	display:none;
}

#sp_header{
	display:block;
}




/* --- メインコンテンツ --- */
#main {
	width:100%;
	padding-bottom:90px;
	background:#FFFFFF;
}


#form_headline.form{
	width:100%;
}
#form_headline .left, #form_headline .right, #bottom{
	display:none;
}

/* ///ログイン後　見出し/// */
/* 上部 */
#headline.list{
	width:100%;
}
#headline.list .left, #headline.list .right{
	display:none;
}
	#headline.list .center{
		width:100%;
		height:66px;
		background:url(../img/smp/h3_sp.png) repeat-x;
		text-indent:0;
		float:none;
	}


#headline p{
	color:#2c40a7;
	text-align:center;
	padding:14px 0 0 0;
	font-size:20px;
	font-weight:bold;
	margin:0;
}

/* 中部 */
#inner.list{
	width:100%;
	height:auto;
	background:#FFFFFF;
	margin:0 auto;
	padding-bottom:20px;
}

/* 下部 */
#bottom.list{
	display:none;
}


/* ボックス上部・ボックス中部　オレンジ */
#headline_orange, #inner_headline{
	width:100%;
	height:54px;
}
	#headline_orange .left, #headline_orange .right, #inner_headline .left, #inner_headline .right{
		display:none;
	}
	#headline_orange .center, #inner_headline .center{
		width:100%;
		height:54px;
		background:url(../img/h4_top_02.png) repeat-x;
		float:none;
	}
	#headline_orange .center h3, #inner_headline .center h3{
		height:54px;
		background:url(../img/circle_orange_L.png) 30px 16px no-repeat;
		margin-left:10px;
		padding:13px 0 0 60px;
		font-size:16px;
		font-weight:bold;
	}
	
/* 見出し　オレンジ */
#headline.confirm_list{
	display:block;
	width:100%;
	height:54px;
	margin-bottom:20px;
	background:url(../img/h4_top_02.png) repeat-x;
}
#headline.confirm_list h3{
	height:54px;
	background:url(../img/circle_orange_L.png) 30px 16px no-repeat;
	margin-left:5px;
	padding:13px 0 0 60px;
	font-size:16px;
	font-weight:bold;
}

/* 見出し　水色 */
#h1.confirm{
	width:100%;
	padding-top:0;
}
#h1.confirm .center{
	width:100%;
	height:66px;
	background:url(../img/smp/h3_sp.png) repeat-x;
	text-indent:0;
	float:none;
}
#h1.confirm .left, 
#h1.confirm .right{ display:none;}

	#h1.confirm p{
		color:#2c40a7;
		text-align:center;
		padding:14px 0 0 0;
		font-size:20px;
		font-weight:bold;
	}


/* ///テキスト/// */
.list #textarea{
	width:80%;
	margin:0 auto 20px;
}

.list #form_textarea{
	width:80%;
	margin:0 auto 20px;
}

.list #textarea.confirm p{ text-align:left;}

.red{color:#ff2f36;}

.yellow{color:#f19532;}

/* ///ボタン/// */
#btnarea{
	width:70% !important;
	margin:0 auto 20px;
	text-align:center;
}

#btn_next, #btn_prev{
	float:none;
	margin-bottom:20px;
}


.list #textarea.confirm img{
	width:80%;
	max-width:398px;
}

/* ///テーブル/// */
/* 大学一覧 */
.list #table_design{
	display:table;
	width:90%;
	margin:0 auto 30px;
	border-top:1px solid #959595;
	border-collapse:collapse;
}

.list #table_design .tr{
		display:table-row;
		border-bottom:1px solid #959595;
	}
	
	.list #table_design .th, 
	.list #table_design .td{
			font-weight:bold;
		}
		
	.list #table_design .th{
		padding:20px 15px;
		display:table-cell;
		background:#f4f4f4;
		text-align:right;
		vertical-align:top;
		}
		.list #table_design .th_university{
			width:75%;
		}
		.list #table_design .th_appstate{
			width:25%;
		}
		
	.list #table_design .td{
		width:auto;
		padding:15px;
		display:table-cell;
		background:#ffffff;
		text-align:left;
		}

		
/* 内容確認 */
.list #table_design.confirm{
	display:block;
	width:90%;
	margin:0 auto 30px;
	border-top:1px solid #959595;
	border-collapse:collapse;
}
	.list #table_design.confirm .tr{
		display:block;
		border-bottom:1px solid #959595;
	}
	.list #table_design.confirm .tr, 
	.list #table_design.confirm .th, 
	.list #table_design.confirm .td{
			font-weight:bold;
		}
	.list #table_design.confirm .th{
		width:100%;
		padding:20px 0;
		display:block;
		background:#f4f4f4;
		text-align:center;
		font-size:18px;
		}
	.list #table_design.confirm .td{
		width:80%;
		padding:15px ;
		display:block;
		background:#ffffff;
		}
	.list #table_design.confirm .td p{ padding-left:0;}
	
	.list #table_design.confirm input{
		padding:5px; 
		background:#f6f6f6;
		border:1px #959595 solid;
		}
	.list #table_design.confirm input[type="text"]{width:60%;}
	.list #table_design.confirm.line_hight{ line-height:3.0 !important;}
	.list #table_design.confirm .td_long input{ width:80%;}	
	
	
	
/* 内容確認リストページ */	
.list #table_design.confirm_list{
	display:block;
	width:100%;
	margin:0 auto 30px;
	border-top:none;
}
.list #table_design.confirm_list .tr{
	display:block;
	width:90%;
	margin:0 auto;
	margin-bottom:30px;
	border-bottom:none;
}
	.list #table_design.confirm_list .td_gray, 
	.list #table_design.confirm_list .td_white{
		display:block;
		width:90%;
		margin:0 auto;
		font-size:16px;
		text-align:left;
		background:#FFFFFF;
	}

	.list #table_design .th_01, 
	.list #table_design .th_02, 
	.list #table_design .th_03, 
	.list #table_design .th_04, 
	.list #table_design .th_05{ display:none;}
	
	.th_sp{
		display:block;
		width:100%;
		padding:20px 0;
		background:#f4f4f4;
		font-weight:bold;
		text-align:center;
		font-size:18px;
		border-top:1px solid #959595;
	}
	.list #table_design.confirm_list .td_04{ margin-bottom:20px;}
	.list #table_design.confirm_list .td_05{ text-align:center !important;}
	
	
/* その他 */		
.td_states{ margin:0 auto; text-align:center !important;}
	
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:70px;
	background:#213263;
	text-align:center;
	color:#FFFFFF;
	padding:10px 0;
	}
	
#footer div{
	width:90%;
	height:auto;
	display:inline-block;
	padding-top:4px;
}	


}

/* --------------------------------------------- メディアクエリここまで --------------------------------------------- */