@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++
imgport CSSes
++++++++++++++++++++++++++++++++++++++++*/
@import url("reset.css");
@import url("common.css");

/*++++++++++++++++++++++++++++++++++++++++
#page
++++++++++++++++++++++++++++++++++++++++*/
html {
	height			:100%;
	}
body {
	height			:100%;
	background-image	:url(../img/body_bg.png);
	background-repeat	:repeat;
	color			:#666;
	}
#page {
	width			:961px;
	margin			:0 auto;
	background-color	:#fff;
	height			:100%;
	min-height		:100%;
	}
body > #page{ 
	height			:auto;
	}
/*++++++++++++++++++++++++++++++++++++++++
#header
++++++++++++++++++++++++++++++++++++++++*/
#header {
	padding			:10px 50px;
	border-top		:3px solid #9966cb;
	}
#header h1 {
	float			:left;
	}
#header h2 {
	float			:right;
	color			:#AE92C2
	}
#header ul {
	float			:right;
	margin-top		:15px;
	}
#header ul li {
	display			:inline;
	margin-left		:10px;
	}
/*++++++++++++++++++++++++++++++++++++++++
#menu
++++++++++++++++++++++++++++++++++++++++*/
#menu {
	background-image	:url(../img/header_bg.png);
	background-repeat	:no-repeat;
	border-bottom		:2px solid #ccc;
	}
#menu ul {
	margin-left		:27px;
	}
#menu ul li {
	float			:left;
	margin-right		:2px;
	height			:34px;
	line-height		:100%;
	}
/*++++++++++++++++++++++++++++++++++++++++
#ムービー
++++++++++++++++++++++++++++++++++++++++*/
#indexflash {
	margin			:20px 0;
	text-align		:center;
	}
/*++++++++++++++++++++++++++++++++++++++++
#wrapper
++++++++++++++++++++++++++++++++++++++++*/
#wrapper {
	margin			:15px 45px 40px;
	}
#wrapper a {
	color			:#96c;
	text-decoration		:none;
	}
#wrapper a:visited {
	text-decoration		:none;
	}
#wrapper a:hover {
	text-decoration		:underline;
	}
/*++++++++++++++++++++++++++++++++++++++++
#wrapper / #content
++++++++++++++++++++++++++++++++++++++++*/
#content {
	float			:left;
	width			:581px;
	}
#content .jobs {
	margin-bottom		:20px;
	}
#content .jobs .section-body {
	padding			:10px 10px 0 15px;
	background-image	:url(../top_img/content_section_bg.png);
	background-repeat	:no-repeat;
	background-position	:left bottom;
	}
#content .jobs .section01 .movie {
	float			:left;
	width			:240px;
	}
#content .jobs .section01 .text {
	float			:right;
	width			:301px;
	}
#content .jobs .section02 {
	margin-top		:15px;
	padding			:15px 0;
	background-image	:url(../img/border.png);
	background-repeat	:repeat-x;
	}
.about {
	margin-top		:20px;
	}
.about-body {
	padding			:10px 10px 0 15px;
	background-image	:url(../top_img/content_section_bg.png);
	background-repeat	:no-repeat;
	background-position	:left bottom;
	}
.section03 {
	padding			:5px 0 15px 0;
	}
.about_img {
	float			:left;
	width			:200px;
	}
.about_text {
	float			:right;
	width			:340px;
	}
.arrow {
	padding-left		:10px;
	background-image	:url(../img/arrow.png);
	background-repeat	:no-repeat;
	background-position	:0 5px;
	}
/*++++++++++++++++++++++++++++++++++++++++
#wrapper / #side
++++++++++++++++++++++++++++++++++++++++*/
#side {
	float			:right;
	width			:265px;
	}
#side .newsletter,
#side .welfare {
	margin-bottom		:20px;
	}
#side .newsletter .section {
	padding			:10px;
	background-image	:url(../top_img/side_section_bg.png);
	background-repeat	:no-repeat;
	background-position	:left bottom;
	}
#side .welfare .section {
	background-image	:url(../top_img/side_section_bg.png);
	background-repeat	:no-repeat;
	background-position	:left bottom;
	}
#side .welfare .section .article {
	padding			:10px 10px 10px;
	}
#side .welfare .section .border {
	padding-top		:10px;
	background-image	:url(../img/border.png);
	background-repeat	:repeat-x;
	}
/*++++++++++++++++++++++++++++++++++++++++
#footer
++++++++++++++++++++++++++++++++++++++++*/
#footer {
	margin			:0 75px;
	text-align		:center;
	font-size		:80%;
	}
#footer p {
	margin-bottom		:10px;
	padding-bottom		:10px;
	border-bottom		:1px solid #9966cb;
	}