/* CSS Document */

body {
	margin:0;
	padding:0;
	font-size:75%;
	line-height:145%;
	font-family:"ＭＳ Ｐゴシック", Osaka,Arial, Helvetica, sans-serif;
	color:#646464;
	background:#FFFFFF;
}


h1,h2,h3,h4,h5,h6,p,form,ul,li,ol {
	margin:0;
	padding:0;
}

a img {
	border:none;
}



/*link
------------------------*/
a:link {
	color:#666666;
	text-decoration:none;
}

a:visited {
	color:#EE4228;
	text-decoration:none;
}

a:hover {
	color:#EE4228;
	text-decoration:underline;
}


/*clearfix
------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*margin
---------------------*/
.margin_b5 {
	margin-bottom:5px;
}

.margin_b10 {
	margin-bottom:10px;
}

.margin_b15 {
	margin-bottom:15px;
}

.margin_b20 {
	margin-bottom:20px;
}

.margin_b25 {
	margin-bottom:25px;
}

.margin_b30 {
	margin-bottom:30px;
}

.margin_b40 {
	margin-bottom:40px;
}

/*color
------------------------*/

.red {
	color: #FF0000;
	font-weight: normal;
	font-size: 1em;
}
.blue {
	color: #007CF9;
	font-weight: normal;
	font-size: 1em;
}
.orange {
	color: #EE4228;
	font-weight: bold;
}
.orange a {
	color: #EE4228;
	font-weight: bold;
}

.need {
	font-size: 0.9em;
	margin-bottom: 20px;
	color: #FF0000;
}

/*wrap
------------------------*/
.wrap {
	width:900px;
	margin:0 auto;
	background: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 20px;
}

/*contents
------------------------*/
#pankuzu {
	margin-bottom:10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#contents {
	float: left;
	width: 620px;
	margin-bottom: 20px;
}
#goods_side {
	float: left;
	width: 205px;
}
#main_contents {
	float: right;
	width: 430px;
}

#hed_img {
	height: 200px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.btn_detail {
	height: 21px;
	width: 89px;
	margin-left: 431px;
	margin-top: 15px;
}
.btn_detail a {
	background: url(../images/com/btn_detail.gif) no-repeat 0 0;
	width: 89px;
	height: 21px;
	text-indent: -9999px;
	display: block;
}
.btn_detail a:hover {
	background: url(../images/com/btn_detail.gif) no-repeat 0 -21px;
	width: 89px;
	height: 21px;
	text-indent: -9999px;
	display: block;
}

/*side
------------------------*/

#side {
	float: right;
	width: 260px;
}

/*subcontents
------------------------*/


/*side_l
------------------------*/

#side_l {
	float: left;
	width: 200px;
}

#sidelist_wrap {
	width: 200px;
	margin-bottom: 20px;
	list-style: none;
}
#sidelist_top {
	background: url(../images/com/side_hed_img.gif) no-repeat;
	height: 25px;
	width: 170px;
	color: #EE4228;
	padding-left: 30px;
	padding-top: 15px;
}
#sidelist_top a {
	color: #EE4228;
}

.sidelist a {
	background: url(../images/com/bg_sidelist_img.gif) no-repeat 0px 0px;
	height: 20px;
	padding-left: 20px;
	padding-top: 3px;
	display: block;
}
.sidelist a:hover {
	background: url(../images/com/bg_sidelist_img.gif) no-repeat 0px -23px;
	height: 20px;
	padding-left: 20px;
	padding-top: 3px;
	display: block;
}
.sidelist02 a {
	background: url(../images/com/bg_sidelist_sub_img.gif) no-repeat 0px 0px;
	height: 20px;
	padding-left: 30px;
	padding-top: 3px;
	display: block;
}
.sidelist02 a:hover {
	background: url(../images/com/bg_sidelist_sub_img.gif) no-repeat 0px -23px;
	height: 20px;
	padding-left: 30px;
	padding-top: 3px;
	display: block;
}

/*banner
------------------------*/

#gakubu_banner_wrap {
	width: 200px;
	margin-bottom: 10px;
}

#banner_kango {
	height: 69px;
	width: 200px;
	margin-bottom: 10px;
}
#banner_kango a {
	background: url(../images/com/banner_kango.jpg) no-repeat 0 0;
	height: 69px;
	width: 200px;
	text-indent: -9999px;
	display: block;
}
#banner_kango a:hover {
	background: url(../images/com/banner_kango.jpg) no-repeat 0 -69px;
	height: 69px;
	width: 200px;
	text-indent: -9999px;
	display: block;
}

#banner_kyoiku {
	height: 69px;
	width: 200px;
	margin-bottom: 10px;
}
#banner_kyoiku a {
	background: url(../images/com/banner_kyoiku.jpg) no-repeat 0 0;
	height: 69px;
	width: 200px;
	text-indent: -9999px;
	display: block;
}
#banner_kyoiku a:hover {
	background: url(../images/com/banner_kyoiku.jpg) no-repeat 0 -69px;
	height: 69px;
	width: 200px;
	text-indent: -9999px;
	display: block;
}

#banner_tsushin {
	height: 69px;
	width: 200px;
	margin-bottom: 10px;
}
#banner_tsushin a {
	background: url(../images/com/banner_tsushin.jpg) no-repeat 0 0;
	height: 69px;
	width: 200px;
	text-indent: -9999px;
	display: block;
}
#banner_tsushin a:hover {
	background: url(../images/com/banner_tsushin.jpg) no-repeat 0 -69px;
	height: 69px;
	width: 200px;
	text-indent: -9999px;
	display: block;
}

#banner_document {
	height: 50px;
	width: 200px;
	margin-bottom: 10px;
}
#banner_document a {
	background: url(../images/com/banner_document.jpg) no-repeat 0 0;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
}
#banner_document a:hover {
	background: url(../images/com/banner_document.jpg) no-repeat 0 -50px;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
}

#banner_entrance {
	height: 50px;
	width: 200px;
	margin-bottom: 10px;
}

#banner_entrance a {
	background: url(../images/com/banner_entrance.jpg) no-repeat 0 0;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
}

#banner_entrance a:hover {
	background: url(../images/com/banner_entrance.jpg) no-repeat 0 -50px;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
}

#banner_open_campus {
	height: 50px;
	width: 200px;
	margin-bottom: 10px;
}

#banner_open_campus a {
	background: url(../images/com/banner_open_campus.jpg) no-repeat 0 0;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
}

#banner_open_campus a:hover {
	background: url(../images/com/banner_open_campus.jpg) no-repeat 0 -50px;
	height: 50px;
	width: 200px;
	display: block;
	text-indent: -9999px;
}


/*contents共通
------------------------*/
.bg_hed_img {
	background:url(../images/com/bg_subcontents_img.gif) repeat-x;
	width:100%;
	height:204px;
	text-align:center;
}

.bg_hed_title {
	width:900px;
	height:200px;
	margin:0 auto;
}


#main_contents {
	float: right;
	width: 680px;
}
.sub_title {
	border-right: 2px solid #EE4228;
	border-left-width: 2px;
	border-left-style: solid;
	color: #EE4228;
	font-size: 1.2em;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.bg_gray {
	background: #E6E6E6;
	padding: 10px 10px 5px;
	margin-bottom: 10px;
}

.bg_arrow {
	background: #F5F5F5 url(../images/com/arrow.gif) no-repeat left 8px;
	padding-left: 16px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 1em;
	padding-top: 5px;
}
.inner_wrap {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.attention_box {
	border: 1px solid #E6E6E6;
	padding: 10px;
	margin-bottom: 20px;
}
.arrow {
	background:url(../images/com/arrow.gif) no-repeat left 3px;
	padding-left: 16px;
	list-style-type:none;
	margin-bottom: 10px;
}
/*table_tag
------------------------*/
.table_tag {
	width: 660px;
	border-top: 1px solid #505050;
	border-right: 1px solid #505050;
	margin-bottom: 20px;
}
.table_tag th {
	background: #FDECEA;
	border-bottom: 1px solid #505050;
	border-left: 1px solid #505050;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.table_tag td {
	border-bottom: 1px solid #505050;
	border-left: 1px solid #505050;
	padding: 5px 10px;
}
.table_tag ol {
	margin-left: 20px;
}
.inner_table {
	border-top: 1px solid #505050;
	border-right: 1px solid #505050;
	margin-bottom: 20px;
}
.inner_table th {
	background: #FDECEA;
	border-bottom: 1px solid #505050;
	border-left: 1px solid #505050;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.inner_table td {
	border-bottom: 1px solid #505050;
	border-left: 1px solid #505050;
	padding: 5px 10px;
}

/*calendar
------------------------*/

.bg_red {
	background: #FFD0D0;
	color: #FF0000;
}
.bg_blue {
	background: #DDFFFC;
	color: #007CF9;
}

.bg_red2 {
	background: #FFD0D0;
}
.bg_blue2 {
	background: #DDFFFC;
}


/*list
------------------------*/

.list {
	padding-left: 20px;
	list-style: none;
	margin-bottom: 20px;
}
.list li {
	background: url(../images/com/list_icon.gif) no-repeat left 5px;
	padding-left: 10px;
}

.number_list {
	margin-left: 38px;
	margin-bottom: 20px;
}
.menu_list_box {
	border: 2px solid #E6E6E6;
	padding: 10px;
	width: 656px;
	margin-bottom: 20px;
}
.menu_title {
	font-size: 1em;
	font-weight: bold;
	color: #EE4228;
	width: 656px;
	border-bottom: 1px dotted #FABEB6;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.menu_list {
	padding-left: 20px;
	list-style: none;
}
.menu_list li {
	background: url(../images/com/list_icon.gif) no-repeat left 5px;
	padding-left: 10px;
	float: left;
	width: 180px;
	margin-bottom: 5px;
}


.menu_list02 {
	padding-left:20px;
	list-style:none;
}

.menu_list02 li {
	background:url(../images/com/list_icon.gif) no-repeat left 5px;
	padding-left:10px;
	margin-bottom:5px;
}


/*トピックスアイコン
------------------------*/

.icon_tuushin {
	width: 40px;
	margin-left: 10px;
	border: 1px solid #000099;
	font-size: 0.9em;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	background: #0000CC;
	text-align: center;
	padding-top: 1px;
}

.icon_tsuugaku {
	width: 40px;
	margin-left: 10px;
	border: 1px solid #006600;
	font-size: 0.9em;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	background: #339900;
	text-align: center;
	padding-top: 1px;
}

/*イベントmore
------------------------*/

.btn_eventmore a {
	background: url(../images/com/btn_eventmore.gif) no-repeat 0px 0px;
	height: 21px;
	width: 100px;
	text-indent: -9999px;
	display: block;
	margin-left: auto;
	margin-top: 10px;
	margin-right: 0px;
}
.btn_eventmore a:hover {
	background: url(../images/com/btn_eventmore.gif) no-repeat 0px -21px;
	height: 21px;
	width: 100px;
	text-indent: -9999px;
	display: block;
	margin-left: auto;
	margin-top: 10px;
	margin-right: 0px;
}


/*bottom menu
------------------------*/

#bottom_menu {
	height: 80px;
	width: 680px;
	margin-bottom: 20px;
}

#bottom_menu ul {
	height: 80px;
	width: 670px;
	padding-right: 10px;
}

#bottom_menu ul li {
	float: right;
	margin-left: 10px;
	list-style: none;
	width: 100px;
	height: 80px;
}

#bottom_menu #btn_001 a {
	background: url(../images/com/btn_bottom.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 80px;
}

#bottom_menu #btn_002 a {
	background: url(../images/com/btn_bottom.jpg) no-repeat -100px 0px;
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 80px;
}

#bottom_menu #btn_003 a {
	background: url(../images/com/btn_bottom.jpg) no-repeat -200px 0px;
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 80px;
}

#bottom_menu #btn_004 a {
	background: url(../images/com/btn_bottom.jpg) no-repeat -300px 0px;
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 80px;
}

#bottom_menu #btn_005 a {
	background: url(../images/com/btn_bottom.jpg) no-repeat -400px 0px;
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 80px;
}