@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	background:url(../images/bg.jpg);
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #FFF;
}
.cc #container {
	width: 80%; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.cc #header {
	padding: 0;
	background:url(../images/logo.png) no-repeat;
	height: 100px;
	width:800px;
	margin:0 auto;
}
.cc #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 5px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 10px;
}

.cc #indexheader {
	padding: 0;
	background:url(../images/indexheader.png) no-repeat;
	height: 250px;
	width:800px;
	margin:50px auto;
}
.cc #indexheader h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 5px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 10px;
}

/* contents */

#menu {
background:url(../images/menubg.jpg);
height:38px;
margin-bottom:5px;
}

/* contents */

#mainContent {
	padding: 0 20px;
	width:800px;
	margin: 0 auto;
}

/* contents inbox*/
/*  flash */
.cc #flash {
height:296px;
margin:0 0 3px 0;
}

/*  subtitle */
.cc #subtitle {
height:56px;
margin:0 0 5px 0;
background:url(../images/subtitlebg.png) no-repeat;
}

/*  submenu */
.cc #submenu {
	height:104px;
	margin:0 0 10px 0;
}

/*  maincontents */
.cc #contents {
	margin-bottom:10px;
}

/*  leftcontents */
.cc #leftcontents {
	float:left;
	width:605px;
	background:url(../images/todaysbg.png);
	color: #333;
}

#todaysschedule {
background:url(../images/todays.png) no-repeat;
height:54px;
}

#todaysschedule-footer {
}


/*  rightcontents */
.cc #rightscontnts{
	float:right;
	width:194px;
	color:#333;
	text-align:left;
}
/*  rightcontent inbox */
.cc #newscontents {
background:url(../images/sidebg.png);
}

#newscontents-header {
background:url(../images/news-header.png);
height:54px;
}

.cc #mailmagazine {
background:url(../images/sidebg.png);
}

.cc #mailmagazine-header {
background:url(../images/mailmagazine-header.png);
height:54px;
}

.cc #photobbs {
background:url(../images/photobbsbg.png);
height:54px;
}

.cc #shopinformation {
background:url(../images/sidebg.png);
}

.cc #shopinformation-header {
background:url(../images/shop-header.png);
height:54px;
}

.cc #rightscontnts-fotter {
	background:url(../images/sidefooter.png);
	height:6px;
	margin:0 0 4px 0;
	padding:0;
}

/*  clear */
.cc #clear {
clear:both;
}

/*  widebar */
#bar {
background:url(../images/bar.png);
height:3px;
width:100%;
margin-bottom:10px;
}

/*  pagecontents */
#pagecontents {
	background:url(../images/cat_02.png);
	color:#333333;
	font-size:10px;
	margin: 0;
}


#pagecontents-footer {
background:url(../images/cat_03.png) no-repeat;
height:14px;
}

#systemheader {
background:url(../images/sysmap.png);
height:54px;
}

#companionheader {
background:url(../images/companion.png);
height:54px;
}

#attendanceheader {
background:url(../images/attendance.png);
height:54px;
}

#news-topicsheader {
background:url(../images/news-topics.png);
height:54px;
}

#mailmagazineheader {
background:url(../images/mailmagazine.png);
height:54px;
}

#gravureheader {
background:url(../images/guravure.png);
height:54px;
}

#recruitheader {
background:url(../images/recruit.png);
height:54px;
}

#linkheader {
background:url(../images/link.png);
height:54px;
}

#mobileheader {
background:url(../images/mobile.png);
height:54px;
}

#movieheader {
background:url(../images/movie-header.png);
height:54px;
}
/*  footer */
#recruitform {
background: #FFFFFF ;
border:1px solid #AC922D;
margin:10px auto 30px auto;
width:600px;
}

/*  footer */
.cc #footer {
	padding: 10px 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#000;
	color: #FFFFFF;
	height: 100%;
	font-size:11px;
} 
.cc #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

/*  txt */
.cc #bdtxt {
font-size:12px;
font-weight:bold;
}

.cc #midtxt {
font-size:10px;
}

 /*FOOTER LINK*/
 
#footer-link ul {
	margin: 0px;
	padding: 0px;
}
#footer-link {
	text-align: center;
	margin-top: 10px;
}

#footer-link li {
	display: inline;
	margin-right: 5px;
}

#footer-link li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer-link li a:visited {
	text-decoration: none;
	color: #FF9900;
}
#footer-link li a:hover {
	text-decoration: none;
	color: #FFFF00;
}
#footer-link li a:active {
	text-decoration: none;
	color: #FFFFFF;
}