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


/*---------------------------------------------------------------------

Common Setting

---------------------------------------------------------------------*/

body {
	color: #333;
	line-height: 1.5;
}

a {
	color: #36c;
}
a:hover {
	color: #3c3;
}

body div#wrapper {
	background: url(../images/common/wrapper_bg.jpg) repeat-y 0 0;
	width: 900px;
	margin: 0 auto;
	padding: 30px 0 20px;
	font-size: 1.2em;
}
	body div#wrapper div#main_image {
		background: url(../images/common/main_image.jpg) no-repeat 0 0;
		width: 888px;
		height: 318px;
		margin: -25px auto 10px;
		overflow: auto;
	}
		body div#wrapper div#main_image p {
			width: 535px;
			font-size: 12px;
			padding: 196px 0 0 30px;
		}

.hide {
	display: none;
}

/*---------------------------------------------------------------------

HEADER

---------------------------------------------------------------------*/

body div#header {
	width: 100%;
	height: 120px;
	background: url(../images/common/header_bg.jpg) repeat-x top left;
}
	body div#header div#header_in {
		width: 900px;
		height: 120px;
		background: url(../images/common/header.jpg) no-repeat 0 0;
		margin: 0 auto;
		position: relative;
	}
		body div#header div#header_in div.mail {
			width: 102px;
			height: 31px;
			background: url(../images/common/mail_btn.jpg) no-repeat 0 0;
			text-indent: -9999px;
			position: absolute;
			top: 10px;
			right: 10px;
		}
			body div#header div#header_in div.mail a {
				display: block;
				width: 102px;
				height: 31px;
				overflow: hidden;
			}
			body div#header div#header_in div.mail a:hover {
				background: url(../images/common/mail_btn_on.jpg) no-repeat 0 0;
			}



/*---------------------------------------------------------------------

GLOBAL NAVIGATION

---------------------------------------------------------------------*/

body div#gnavi {
	width: 100%;
	height: 73px;
	background: url(../images/common/gnavi_bg.jpg) repeat-x top left;
}
	body div#gnavi ul#gnavi_in {
		width: 900px;
		height: 48px;
		background: url(../images/common/gnavi.jpg) no-repeat 0 0;
		margin: 0 auto;
	}
		body div#gnavi ul#gnavi_in li {
			float: left;
			height: 48px;
			text-indent: -9999px;
		}
			body div#gnavi ul#gnavi_in li a {
				display: block;
				height: 48px;
				overflow: hidden;
			}
		body div#gnavi ul#gnavi_in li.home {
			width: 134px;
		}
			body div#gnavi ul#gnavi_in li.home a {
				width: 134px;
			}
			body div#gnavi ul#gnavi_in li.home a:hover {
				background: url(../images/common/gnavi_on.jpg) no-repeat 0 0;
			}
		body div#gnavi ul#gnavi_in li.pr {
			width: 135px;
		}
			body div#gnavi ul#gnavi_in li.pr a {
				width: 135px;
			}
			body div#gnavi ul#gnavi_in li.pr a:hover {
				background: url(../images/common/gnavi_on.jpg) no-repeat -134px 0;
			}
		body div#gnavi ul#gnavi_in li.manufest {
			width: 150px;
		}
			body div#gnavi ul#gnavi_in li.manufest a {
				width: 150px;
			}
			body div#gnavi ul#gnavi_in li.manufest a:hover {
				background: url(../images/common/gnavi_on.jpg) no-repeat -269px 0;
			}
		body div#gnavi ul#gnavi_in li.cheerleaders {
			width: 121px;
		}
			body div#gnavi ul#gnavi_in li.cheerleaders a {
				width: 121px;
			}
			body div#gnavi ul#gnavi_in li.cheerleaders a:hover {
				background: url(../images/common/gnavi_on.jpg) no-repeat -419px 0;
			}
		body div#gnavi ul#gnavi_in li.secretaryroom {
			width: 174px;
		}
			body div#gnavi ul#gnavi_in li.secretaryroom a {
				width: 174px;
			}
			body div#gnavi ul#gnavi_in li.secretaryroom a:hover {
				background: url(../images/common/gnavi_on.jpg) no-repeat -540px 0;
			}
		body div#gnavi ul#gnavi_in li.blog {
			width: 183px;
		}
			body div#gnavi ul#gnavi_in li.blog a {
				width: 183px;
			}
			body div#gnavi ul#gnavi_in li.blog a:hover {
				background: url(../images/common/gnavi_on.jpg) no-repeat -714px 0;
			}
	body div#gnavi ul#gnavi_sub {
		width: 900px;
		height: 21px;
		margin: 0 auto;
		font-size: 1.2em;
		text-align: right;
		padding: 4px 0 0;
	}
		body div#gnavi ul#gnavi_sub li {
			display: inline;
			padding: 0 2px 0 3px;
		}
			body div#gnavi ul#gnavi_sub li a {
				color: #fff;
			}
			body div#gnavi ul#gnavi_sub li a:hover {
				color: #cf0;
			}



/*---------------------------------------------------------------------

MAIN_CONTENTS

---------------------------------------------------------------------*/

	body div#wrapper #main_contents {
		width: 480px;
		padding: 0 10px;
		float: left;
	}
		body div#wrapper #main_contents h2 {
			margin: 0 0 10px;
		}
		body div#wrapper #main_contents h3 {
			font-weight: bold;
			color: #36c;
			margin: 0 20px 35px;
		}

/* blog setting */

		body div#wrapper #main_contents div.blog_list {
		}
			body div#wrapper #main_contents div.blog_list div.article {
				margin: 0 auto 30px;
			}
				body div#wrapper #main_contents div.blog_list div.article h3 {
					margin: 0 20px 10px;
				}
				body div#wrapper #main_contents div.blog_list div.article span.date {
					font-weight: bold;
					display: block;
					text-align: right;
					padding-right: 5px;
					margin: 0 0 20px;
				}
				body div#wrapper #main_contents div.blog_list div.article div.text {
					width: 470px;
					margin: 0 0 0 20px;
				}

	/* blog_text setting */
					body div#wrapper #main_contents div.blog_list div.article div.text img {
						margin: 1em 0 1em;
					}


/*---------------------------------------------------------------------

SIDE

---------------------------------------------------------------------*/

	body div#wrapper #side {
		width: 380px;
		padding: 30px 10px;
		float: right;
	}
		body div#wrapper #side div.image {
			width: 380px;
			margin: 35px auto 20px;
		}



/*---------------------------------------------------------------------

FOOTER

---------------------------------------------------------------------*/

body div#footer {
	background: url(../images/common/footer_bg.jpg) repeat-x 0 0;
	width: 100%;
	height: 24px;
	text-align: center;
}
	body div#footer address {
		color: #fff;
		font-size: 12px;
		padding: 4px 0 0;
	}
		body div#footer address a {
			color: #fff;
			text-decoration: none;
		}