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

/*------------ 初期設定 ------------*/
#top,
#downroad,
#other,
#support {
	background: url(../images/common/main_bg.jpg) repeat-x center top;
}

#sub,
#sub02{
	background: url(../images/common/main_bg_sub.jpg) repeat-x center top;
}

#sub03{
	background: url(../images/catalog/main_bg_sub02.jpg) repeat-x center top;
}

#common{
	background: url(../images/common/main_bg_common.jpg) repeat-x center top;
}

#student{
	background: url(../images/student/main_bg_student.jpg) repeat-x center top;
}

#student_wrapper{
	background: url(../images/student/bg.jpg) no-repeat 50% 159px;
}

p {
	font-size: 12px;
	line-height: 1.3;	
}

/*------------ 全体 ------------*/
#wrapper {
	width: 950px;
	margin: 0 auto;
}

/*------------ ヘッダー ------------*/


#header h1 {
	width: 210px;
	height: 75px;
	padding-top: 3px;
}

#header h1 a {
	width: 210px;
	height: 75px;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/header_logo.jpg) no-repeat left top;
}

/*------------ ナビ ------------*/
#gnav li {
	float: left;
}

#gnav li a {
	width: 190px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	background: no-repeat left top;
}

#gnav li#gnav01 a {
	background-image: url(../images/1704/common/gnav01_off.jpg);
}

#gnav li#gnav02 a {
	background-image: url(../images/1704/common/gnav02_off.jpg);
}

#gnav li#gnav03 a {
	width: 189px;
	background-image: url(../images/1704/common/gnav03_off.jpg);
}

#gnav li#gnav04 a {
	background-image: url(../images/1704/common/gnav04_off.jpg);
}

#gnav li#gnav05 a {
	background-image: url(../images/1704/common/gnav05_off.jpg);
}

#top #gnav li#gnav01 a,
#gnav li#gnav01 a:hover,
#gnav li#gnav01 {
	background-image: url(../images/1704/common/gnav01_on.jpg);
}

#sub #gnav li#gnav02 a,
#gnav li#gnav02 a:hover,
#gnav li#gnav02 {
	background-image: url(../images/1704/common/gnav02_on.jpg);
}

#sub02 #gnav li#gnav03 a,
#gnav li#gnav03 a:hover,
#gnav li#gnav03 {
	width: 189px;
	background-image: url(../images/1704/common/gnav03_on.jpg);
}

#downroad #gnav li#gnav04 a,
#gnav li#gnav04 a:hover,
#gnav li#gnav04 {
	background-image: url(../images/1704/common/gnav04_on.jpg);
}

#support #gnav li#gnav05 a,
#gnav li#gnav05 :hover,
#gnav li#gnav05 {
	background-image: url(../images/1704/common/gnav05_on.jpg);
}

/*------------ メインコンテンツ ------------*/
#contents {
	margin-bottom: 20px;
}

#main_contents {
	width: 660px;
	float: left;
}

/*------------ サイドコンテンツ ------------*/
#side_contents {
	width: 280px;
	float: right;
}

.side_banner_wp {
	width: 280px;
	margin-top: 15px;
	background: url(../images/top/side_bg_body.jpg) repeat-y left top;
}

ul.side_banner {
	padding: 14px 0 0 14px;
	background: url(../images/top/side_bg_top.jpg) no-repeat left top;
}

ul.side_banner li {
	margin-bottom: 3px;
}

ul.side_banner02 {
	padding-left: 10px;
}

ul.side_banner02 li {
	margin-left: 3px;
	float: left;
}

ul.side_banner02.rightBtm li {
	float: none;
	margin-bottom: 5px;
}

ul.side_banner02.rightBtm li:last-child {
	margin-bottom: 3px;
}


.side_banner_btm {
	width: 280px;
	height: 10px;
	text-indent: -9999px;
	background: url(../images/top/side_bg_btm.jpg) no-repeat left bottom;
}

/*------------ パンクズ ------------*/

#pank{
	width:100%;
	background:#d9dfe2;
	padding-bottom:7px;
}

#pank ul{
	margin-top:10px;	
}

#pank ul li{
	font-size:11px;
	color:#044498;
	float:left;
	padding-right:20px;
	padding-left:20px;
	padding-top:1px;
	background: url(../images/common/pank_bg.gif) no-repeat left center;
}

#pank ul li.first{
	font-size:11px;
	color:#044498;
	float:left;
	padding-right:20px;
	padding-left:0px;

}

#pank ul li a{
	color:#044498;
	text-decoration:none;
}

#pank ul li a:hover{
	text-decoration:underline;
}


/*------------ TOP ------------*/
.top_img_wp {
	width: 658px;
	height: 478px;
	margin-top: 15px;
	position: relative;
}

.top_img {
	width: 660px;
	height: 470px;
	padding: 4px;
	background: url(../images/top/top_bg.jpg) no-repeat left top;
}

ul.banner_list {
	width: 650px;
	position: absolute;
	top: 300px;
	left: 10px;
}

ul.banner_list li {
	margin: 0 0 10px 10px;
	float: left;
}



/*------ リンク色（コンテンツ） ------*/
#contents a {
	color: #0066FF;
}

#contents a:visited {
	color: #;
}

/*------------ フッター ------------*/

.pageTop{
	width: 950px;
	margin: 0 auto;
	text-align:right;
}

#footer {
	width: 100%;
	background: url(../images/common/footer_bg.gif) repeat-x left top #FFF;
}

#footer_inner  {
	width: 950px;
	margin: 0 auto;
}

ul#fnav li {
	padding: 10px 20px 10px 0;
	float: left;
}

ul#fnav li a {
	height: 20px;
	display: block;
	text-indent: -9999px;
	background: no-repeat left top;
}

ul#fnav li#fnav01 a {
	width: 65px;
	background-image: url(../images/common/fnav01.gif);
}

ul#fnav li#fnav02 a {
	width: 130px;
	background-image: url(../images/common/fnav02.gif);
}

ul#fnav li#fnav03 a {
	width: 50px;
	background-image: url(../images/common/fnav03.gif);
}

ul#fnav li#fnav04 a {
	width: 91px;
	background-image: url(../images/common/fnav04.gif);
}


#footer address {
	margin: 10px 0 20px 0;
	color: 6f6f6f;
	text-align: center;
}

/*------------ 各設定 ------------*/
.sky {
	color: #0099FF;
}

.red {
	color: #F00;
}

.orange {
	color: #FF3300;
}

.gray {
	color: #666;
}

.green {
	color: #006600;
}


.font10 {
	font-size: 10px;
}

.bold {
	font-weight: bold;
}


.mt30 {
	margin-top: 30px;
}

.pt30 {
	padding-top: 30px;
}

.mt5{
	margin-top:5px;	
}

.mt10{
	margin-top:10px;	
}

.mt20{
	margin-top:20px;	
}

.ml10{
	margin-left:10px;	
}

.ml20{
	margin-left:20px;	
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}


.pl15 {
	padding-left: 15px;
}

.pl10 {
	padding-left: 10px;
}

.pl13 {
	padding-left: 13px;
}

.pl15 {
	padding-left: 15px;
}

.pt5 {
	padding-top:5px;
}

.pt8 {
	padding-top:8px;
}

.pt10 {
	padding-top:10px;
}

.pt13{
	padding-top:13px;	
}

.pt15{
	padding-top:15px;	
}

.pt20{
	padding-top:20px;	
}

.pb10 {
	padding-bottom:10px;
}


/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- text right --------*/
.t_right {
	text-align: right;
}

/*-------- left --------*/
.f_left {
	float: left;
}

/*-------- right --------*/
.f_right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

#pager{
	margin-top:25px;
	margin-bottom:10px;
	text-align:center;
}

#pager a{
	display:inline-block;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	border:solid 1px #cccccc;
	text-decoration:none;
	color:#000;

}

#pager .non{
	background-color:#0c4da2;
	color:#FFFFFF;
}

.bg_student{
	padding-top:28px;
}

.bg_student table{
	width:100%;
}

.bg_student th{
	background-color:#ff9c00;
	padding:0 12px;
	height:42px;
	color:#FFFFFF;
	width:15%;
	text-align:center;
}

.bg_student td{
	padding:0 12px;
	height:42px;
	color:#666666;
}

.bg_student th,
.bg_student td{
	font-size:18px;
	font-weight:normal;
}

.stu_txt{
	padding:20px 0;
	width:860px;
	margin:0 auto;
	padding-bottom:10px;
	line-height:180%;
	color:#333333;
}

.s_smn_list{
	width:880px;
	margin:0 auto;
}

.s_smn_list li{
	float:left;
	display:inline;
	margin:10px;
}