@charset "utf-8";
/*************************************************
	
	modules_layout.css
	
	@author    AUTHORNAME
	
	This file contains the styles for
	area structure, static modules (ex: header,footer)
	
 *************************************************/

/**
 * common wrapper structure
 */
body{
	text-align:left;
	*text-align:center; /* IE centering */
	color:#2C3742;
	background-color:#E5E5E5;
}
	#area_all_wrapper{
		width:980px;
		margin:0 auto;
		background-image:url(../img/area_all/area_all_background.jpg);
		text-align:left; /* IE centering */
	}
		#area_all{
			width:960px;
			margin:0 auto;
			text-align:left; /* IE centering */
		}
			#area_hd{
				background-image:url(../img/area_hd/area_hd_background.jpg);
				height:150px;
				position:relative;
			}
				#area_hd .sitelogo{
					position:absolute;
					top:50px;
					left:20px;
				}
				#area_hd .twitterlogo{
					position:absolute;
					top:110px;
					left:411px;
				}
			#area_hd2{
				background-image:url(../img/area_hd/area_hd_background2.jpg);
				height:150px;
				position:relative;
			}
				#area_hd2 .sitelogo{
					position:absolute;
					top:50px;
					left:20px;
				}
				#area_hd2 .twitterlogo{
					position:absolute;
					top:110px;
					left:411px;
				}
			#area_breadbox{
				clear:both;
				margin-bottom:5px;
			}
			#area_bread{
				float:left;
			}
			#area_bread span{
				white-space:nowrap;
				*white-space:normal; /* ie */
			}
				#area_bread span a{
					margin:0 0 0 1px;
					font-weight:bold;
					color:#2C3742;
				}
			#area_bread2{
				margin-bottom:5px;
			}
			#area_bread2 span{
				white-space:nowrap;
				*white-space:normal; /* ie */
			}
				#area_bread2 span a{
					margin:0 0 0 1px;
					font-weight:bold;
					color:#2C3742;
				}
			#area_compareIndicate{
				float:right;
				text-align:right;
			}
			#area_compareIndicate span{
				white-space:nowrap;
				*white-space:normal; /* ie */
			}
				#area_compareIndicate span.title{
					font-size:80%;
					color:#999;
				}
				#area_compareIndicate span.noCheck{
					font-size:80%;
					margin:0 0 0 1px;
					font-weight:bold;
					color:#2C3742;
					/*background:#fffdcc;*/
					padding:2px;
				}
				#area_compareIndicate span.schoolCheck{
					font-size:80%;
					margin:0 0 0 1px;
					font-weight:bold;
					color:#2C3742;
				}
			#area_gnavi{
				clear:both;
				width:960px;
				line-height:0px;
			}
				#area_gnavi li{
					float:left;
				}
				#area_gnavi li img{
					vertical-align:bottom;
				}
			#area_subnavi{
				clear:both;
				width:960px;
				line-height:0px;
			}
				#area_subnavi li{
					float:left;
				}
				#area_subnavi li img{
					width:240px;
					height:30px;
					vertical-align:bottom;
				}
			/* followings will be implemented in "body class branching variations" */
			#area_bd{}
				#area_bd-main{}
					#area_bd-main-articleHd{
						padding:0 20px 0;
						*zoom:1; /* ie */
					}
					#area_bd-main-articleBd{
						padding:0 20px;
						*zoom:1; /* ie */
					}
					#area_bd-main-articleFt{
						border-top:1px solid #333;
						margin:20px 0 0;
						padding:20px 20px 0;
						*zoom:1; /* ie */
					}
				#area_bd-side{}
			
			#area_calendar{
				width:920px;
				margin-bottom:10px;
			}
				
			#area_ft{
				background:#216999 url(../img/area_ft/area_ft_background2.jpg) repeat-x;
				padding:10px 20px 10px 20px;
				color:#FFF;
				text-align:center;
				*zoom:1; /* ie */
			}
				#area_ft a{
					color:#FFF;
					text-decoration:none;
				}
			#area_ft:after{
				/* clear float */
				content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
			}
				#area_ft .copy{
					float:left;
					padding:0 0 0 20px;
				}
	
/**
 * body class branching variations
 */
	/**
	 * layout_2col
	 */
	body.layout_2col #area_contents{
		clear:both;
		padding:10px 20px 20px 20px;
		*zoom:1; /* ie */
	}
	body.layout_2col #area_contents:after{
		/* clear float */
		content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
	}
	body.layout_2col #area_columnbox{
		clear:both;
		*zoom:1; /* ie */
	}
		body.layout_2col #area_sidecolumn{
			width:450px;
			float:left;
			margin-right:20px;
		}
		body.layout_2col #area_mediaboxcolumn{
			width:450px;
			float:left;
		}
		body.layout_2col #area_mapsidebar{
			width:160px;
			float:left;
			margin-right:40px;
		}
		body.layout_2col #area_googlemap{
			float:right;
			text-align:right;
		}
	/**
	 * layout_1col
	 */
	body.layout_1col #area_contents{
		clear:both;
		padding:10px 20px 20px 20px;
		*zoom:1; /* ie */
	}
	body.layout_1col #area_contents:after{
		/* clear float */
		content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
	}
		body.layout_1col #area_topBanner{
			clear:both;
			width:920px;
			height:340px;
			margin-bottom:10px;
		}
			body.layout_1col #area_topBanner .topSide{
				float:left;
				width:280px;
				height:340px;
				margin-right:10px;
			}
				body.layout_1col #area_topBanner .topSide li{
					line-height:0px;
				}
				body.layout_1col #area_topBanner .topSide li img{
					margin-bottom:10px;
				}
			body.layout_1col #area_topBanner .topMain{
				width:630px;
				height:340px;
				position:relative;
				float:left;
			}
		body.layout_1col #area_campaign{
			float:left;
			width:550px;
			margin-right:10px;
		}
			body.layout_1col #area_campaign .topbanner{
				margin-bottom:10px;
				position:relative;
			}
		body.layout_1col #area_bottomSide{
			float:right;
			width:350px;
		}
			/*body.layout_1col #area_bottomSide img{
				margin-bottom:10px;
			}*/