@charset "UTF-8";

/* ---------------------------------
 * layout_top.css
 * Common Style Sheet
 * Date: 2011 04 28   Update: 2011 04 28
 * Auther: Takehiro Momata / ZEXUS DESIGN
 * Range of adjustment: HOME
 *----------------------CSS Document */

#main_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 980px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
}

#left_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 155px;
	width: 284px;
	height: auto;
	background-color: #311f16;
	position: relative;
	top: 0px;
	left: 0px;
}

.contents_bt_sq_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 284px;
	height: 480px;
}

.contents_bt {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 284px;
	height: 60px;
}

.contents_bt_ud_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 284px;
}

.contents_bt2 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 284px;
	height: 65px;
}

.contents_bt2_bar {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px; 
	padding: 0px;
	width: 284px;
	height: 4px;
}

#right_area {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 696px;
	height: 820px;
	background-color: #004714;
	position: relative;
	top: 0px;
	left: 0px;
}

#right_area_sec {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	width: 695px;
	height: auto;
	background-color: #004714;
	border-left-color: #00290b;
	border-left-style: solid;
	border-left-width: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}


#whatsnew_area {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 696px;
	height: 750px;
	background-color: #004714;
	position: relative;
	top: 0px;
	left: 0px;
}

.title_bar_whatnew {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 696px;
	height: 35px;
	position: relative;
	top: 0px;
	left: 0px;
}

.inf_whatnew {
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
	padding: 0px;
	width: 666px;
	height: 219px;
	background-color: #fff;
	position: relative;
	top: 0px;
	left: 0px;
}

#food_drink_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 347px;
	height: 800px;
	background-color: #fff;
	border-top-color: #80273c;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #80273c;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #80273c;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

.title_bar_food_drink {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 347px;
	height: 35px;
	position: relative;
	top: 0px;
	left: 0px;
}

.inf_food_drink {
	float: left;
	margin-top: 0px;
	margin-left: 18px;
	margin-bottom: 0px;
	padding: 0px;
	width: 332px;
	height: 765px;
	background-color: #fff;
	position: relative;
	top: 0px;
	left: 0px;
}

#amu_spo_bea_area {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 347px;
	height: 800px;
	background-color: #fff;
	border-top-color: #80273c;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #80273c;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #80273c;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

.title_bar_amu_spo_bea {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 347px;
	height: 35px;
	position: relative;
	top: 0px;
	left: 0px;
}

.inf_amu_spo_bea {
	float: left;
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	padding: 0px;
	width: 332px;
	height: 765px;
	background-color: #fff;
	position: relative;
	top: 0px;
	left: 0px;
}



	
	
	

.flash_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 980px;
	height: 370px;
	position: relative;
	top: 12px;
	left: 0px;
}


#top_whatsnew {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 300px;
	height: 335px;
	position: relative;
	top: 12px;
	left: 0px;
}

.whatsnew_title {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 300px;
	height: 35px;
	position: relative;
	top: 0px;
	left: 0px;
}

.whatsnew_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 298px;
	height: 300px;
	border-right-color: #ccc;
	border-right-style: solid;
	border-right-width: thin;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-left-color: #ccc;
	border-left-style: solid;
	border-left-width: thin;
	position: relative;
	top: 9px;
	left: 0px;
	overflow: auto;
	overflow-style: scrollbar;
}



#top_foods_cafe {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 300px;
	height: 635px;
	position: relative;
	top: 12px;
	left: 40px;
}

.foods_cafe_title {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 300px;
	height: 35px;
	position: relative;
	top: 0px;
	left: 0px;
}

.foods_cafe_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
	width: 298px;
	height: 600px;
	border-right-color: #ccc;
	border-right-style: solid;
	border-right-width: thin;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-left-color: #ccc;
	border-left-style: solid;
	border-left-width: thin;
	position: relative;
	top: 0px;
	left: 0px;
}




#top_amu_sports {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
	padding: 0px;
	width: 300px;
	height: 635px;
	position: relative;
	top: 12px;
	left: 80px;
}

.amu_sports_title {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 300px;
	height: 35px;
	position: relative;
	top: 0px;
	left: 0px;
}

.amu_sports_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 298px;
	height: 600px;
	border-right-color: #ccc;
	border-right-style: solid;
	border-right-width: thin;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-left-color: #ccc;
	border-left-style: solid;
	border-left-width: thin;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 10px;
}
	
		

#top_bottom {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 981px;
	height: 57px;
	position: relative;
	top: 12px;
	left: -1px;
}

.bottom_side_left {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 21px;
	height: 51px;
	position: relative;
	top: 0px;
	left: 0px;
}

.gl_navi1_bottom {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 312px;
	height: 51px;
	position: relative;
	top: 0px;
	left: -21px;
}

.gl_navi2_bottom {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 313px;
	height: 51px;
	position: relative;
	top: 0px;
	left: -21px;
}

.gl_navi3_bottom {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 313px;
	height: 51px;
	position: relative;
	top: 0px;
	left: -21px;
}

.bottom_side_right {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 22px;
	height: 51px;
	position: relative;
	top: 0px;
	left: 939px;
}


#top_bottom2 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 8px;
	padding: 0px;
	width: 981px;
	height: 55px;
	position: relative;
	top: 12px;
	left: -1px;
}

.bottom_side_left2 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 21px;
	height: 51px;
	position: relative;
	top: 0px;
	left: 0px;
}

.gl_navi1_bottom2 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 312px;
	height: 51px;
	position: relative;
	top: 0px;
	left: -21px;
}

.gl_navi2_bottom2 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 313px;
	height: 51px;
	position: relative;
	top: 0px;
	left: -21px;
}

.gl_navi3_bottom2 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 313px;
	height: 51px;
	position: relative;
	top: 0px;
	left: -21px;
}

.bottom_side_right2 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 22px;
	height: 51px;
	position: relative;
	top: 0px;
	left: 939px;
}


#if_infonew_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding: 0px;
	width: 981px;
	height: 88px;
	position: relative;
	top: 16px;
	left: 0px;
}



#left_main_menu {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 235px;
	height: 700px;
	position: relative;
	top: 20px;
	left: 0px;
}

.main_menu_bt {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 235px;
	height: 700px;
	position: relative;
	top: 0px;
	left: 0px;
}



#left_main_area {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 419px;
	height: auto;
	position: relative;
	top: 16px;
	left: 25px;
}

.news_title {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 419px;
	height: 36px;
	position: relative;
	top: 0px;
	left: 0px;
}

.news_table {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 419px;
	height: 240px;
	position: relative;
	top: 5px;
	left: 3px;
}


.td_date {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 85px;
	height: auto;
	font-size: 13px;
}

.td_text {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 324px;
	height: auto;
	font-size: 13px;
}
	


.top_image {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 366px;
	height: 40px;
	position: relative;
	top: 0px;
	left: 0px;
}
	


#right_main_area {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding: 0px;
	width: 725px;
	height: auto;
	position: relative;
	top: 20px;
	right: 0px;
}

.infotext_area {
	float: left;
	width: 707px;
	height: 75px;
	text-align: left;
	font-weight: nomal;
	font-size: 13px;
	line-height: 20px;
	font-family: Helvetica;
	color: #000;
	position: relative;
	top: 0px;
	left: 0px;
}
	

.whatsnew_title {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 707px;
	height: 26px;
	position: relative;
	top: 0px;
	left: 0px;
}

.whatsnew_text_if {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 707px;
	height: 270px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: auto;
	overflow-style: scrollbar;
}

.seminar_info_title {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 707px;
	height: 26px;
	position: relative;
	top: 0px;
	left: 0px;
}

.seminar_info_text_if {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 0px;
	width: 707px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
}




/* イラスト */
.top_illustration {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 287px;
	height: 110px;
	position: relative;
	top: -110px;
	left: 10px;
}


.global_illustration {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 287px;
	height: 110px;
	position: relative;
	top: -20px;
	right: 0px;
}

.global_left_illustration {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 218px;
	height: 86px;
	position: relative;
	top: -180px;
	right: 0px;
}



#footer_top {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	border-top-color: #0d6fb8;
	border-top-style: solid;
	border-top-width: thin;
	width: 980px;
	height: 154px;
	position: relative;
	top: 0px;
	left: 0px;
}

.blog_bt {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 117px;
	height: 116px;
	position: relative;
	top: 21px;
	left: 0px;
}

#info_bg {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 236px;
	height: 116px;
	position: relative;
	top: 21px;
	left: 13px;
}

.info_bg_text {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 212px;
	height: 74px;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	color: #ea5404;
	position: relative;
	top: -80px;
	left: 16px;
}

.info_bg_text a:link {
	color: #ea5404;
	text-decoration: none;
}

.info_bg_text a:hover {
	color: #ea5404 !important;
	text-decoration: underline;
}

.info_bg_text a:visited {
	color: #ea5404;
	text-decoration: none;
}

.info_bg_text a:active {
	color: #ea5404;
	text-decoration: none;
}
	



#info2_bg {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 352px;
	height: 116px;
	position: relative;
	top: 21px;
	left: 13px;
}

.info2_bg_text_table {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 310px;
	height: 74px;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	color: #000;
	position: relative;
	top: -80px;
	left: 26px;
}

.info2_bg_text_table a:link {
	color: #000;
	text-decoration: none;
}

.info2_bg_text_table a:hover {
	color: #0d6fb8 !important;
	text-decoration: underline;
}

.info2_bg_text_table a:visited {
	color: #000;
}

.info2_bg_text_table a:active {
	color: #000;
}



.info2_td {
	vertical-align: top;
}






.info_bg_text3 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 212px;
	height: 74px;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	color: #ccc;
	position: relative;
	top: -80px;
	left: 16px;
}

.info_bg_text3 a:link {
	color: #ccc !important;
}
	



#news_area_bg {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 236px;
	height: 116px;
	position: relative;
	top: 21px;
	left: 26px;
}

.news_area_bg_text {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 200px;
	height: 74px;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	color: #000;
	position: relative;
	top: -80px;
	left: 26px;
}


#web_concept_area_bg {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 236px;
	height: 116px;
	position: relative;
	top: 21px;
	left: 39px;
}

.web_concept_bg_text {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 200px;
	height: 74px;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	color: #000;
	position: relative;
	top: -80px;
	left: 26px;
}

.web_concept_bg_text a:link {
	color: #000;
	text-decoration: none;
}

.web_concept_bg_text a:hover {
	color: #0d6fb8 !important;
	text-decoration: underline;
}

.web_concept_bg_text a:visited {
	color: #000;
}

.web_concept_bg_text a:active {
	color: #000;
}


	




	

/* 必要に応じてON */
.top_title {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 410px;
	height: 50px;
	position: relative;
	top: 0px;
	left: -4px;	
}

.top_img {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 410px;
	height: 217px;
	position: relative;
	top: 12px;
	left: 0px;	
}


.news_text_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #595656;
}





.news_date {
	margin-top: 2px;
	margin-left: 4px;
	margin-bottom: 8px;
	padding: 0px;
	font-size: 11px;
	font-weight: nomal;
	color: #9fa0a0;
}

.news_text {
	margin-top: 0px;
	margin-left: 5px;
	padding: 0px;
	width: 475px;
	font-size: 12px;
	color: #727171;
	line-height: 25px;
}

.news_pdf_icon {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 39px;
	height: 39px;
	position: relative;
	top: 3px;
	right: 0px;
}

.news_text02 {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #727171;
	line-height: 25px;
	text-align: right;
}

#backnumber_area {
	margin-top: 0px;
	margin-left: 5px;
	padding: 0px;
	width: 475px;
	height: 250tpx;
	position: relative;
	top: 32px;
	left: 0px;
}

.backnumber_title {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	position: relative;
	top: 13px;
	left: -4px;
}


#backnumber_table {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 475px;
	height: 163px;
	position: relative;
	top: 10px;
	left: 3px;
}

.td_bn_date {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 0px;
	padding-bottom: 4px;
	width: 120px;
	height: 39px;
	font-size: 12px;
	color: #727171;
	line-height: 21px;
	font-weight: nomal;
	vertical-align: middle;	
}

.td_bn_text {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 0px;
	padding-bottom: 4px;
	width: 292px;
	height: 39px;
	font-size: 12px;
	color: #727171;
	line-height: 21px;
	font-weight: nomal;
	vertical-align: middle;
}

.td_bn_icon {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 0px;
	padding-bottom: 4px;
	width: 39px;
	height: 39px;
	vertical-align: middle;
}

#navi_icon {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 475px;
	height: 220px;
	position: relative;
	top: 0px;
	left: 3px;
}

.navi_company_icon {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 172px;
	height: 68px;
	position: relative;
	top: 10px;
	left: 3px;
}

.navi_business_icon {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 172px;
	height: 68px;
	position: relative;
	top: -58px;
	left: 268px;
}

.navi_access_icon {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 164px;
	height: 68px;
	position: relative;
	top: -20px;
	left: 3px;
}

.navi_contact_icon {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 218px;
	height: 68px;
	position: relative;
	top: -88px;
	left: 268px;
}

.navi_arrow {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 12px;
}

.navi_arrow a:link {
	color: #727171;
}

.navi_arrow a:hover {
	color: #ec6305 !important;
}

.navi_arrow a:action {
	color: #727171;
}

.navi_arrow a:visited {
	color: #727171;
}

	

.news_text_img {
	margin-top: 26px;
	margin-left: 0px;
	padding: 0px;
	width: 440px;
}

ruby.toki {
	ruby-align: center;
	color: #727171;
	font-size: 9px;
	position: relative;
	top: -39px;
	left: -14px;
}