/*-------------------------------------------------------------------------------*/
/*----- 標準指定 ----------------------------------------------------------------*/

/* 全スタイル初期化 */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}
/* 非表示アイテム */
.hidden-item {
	display: none;
}
body {
	margin: auto;
	text-align: center;
	background: url("../img/bg.png");
	background-repeat:repeat-x;
	background-color: #dfe1e3;
	
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}
img {
	border: 0px;
}
dt {
	margin-bottom: 4px;
}
dd {
	margin-bottom: 16px;
}
abbr {
	text-decoration: none;
	border-bottom: 0px;
}
p {
	font-size: 90%;
	line-height: 170%;
	margin-bottom: 24px;
}
li {
	font-size: 90%;
	margin-left: 20px;
	margin-bottom: 4px;
}
th {
	font-size: 90%;
	line-height: 170%;
	text-align: left;
	vertical-align: top;
	padding-right: 16px;
	padding: 2px;
}
td {
	font-size: 90%;
	line-height: 170%;
	text-align: left;
	vertical-align: top;
	padding: 2px;
}
hr.nodisp {
	display: none;
}
/*----- リンク処理 ----------*/

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #333399;
}
/*----- 見出し --------------*/

/* サイト名 */
h1 {
	font-size: 200%;
}
h2 {
	color: #333;
	font-size: 160%;
}
/* 各ページタイトル(メニュー区分) */
h2#PAGETITLE {
	color: #999;
	margin-bottom: 20px;
	letter-spacing: 1px;
	margin-left: -6px;
}
/* ページ内見出し */
h3 {
	color: #333;
	font-size: 100%;
	border-bottom: 1px #9DA8B0 solid;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
h4 {
	color: #555;
	font-size: 100%;
	border-bottom: 1px #9DA8B0 dotted;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
/*-------------------------------------------------------------------------------*/
/*----- 全体共通 ----------------------------------------------------------------*/

/* アンカーエリア */
p.anchor-area a {
	margin-right:20px;
}
/* 枠囲み */
div.wakugakomi {
	padding: 6px;
	border: 1px #9DA8B0 solid;
}
/* 枠囲内段落 */
div.wakugakomi p {
	margin-bottom:0px;
}
/*-------------------------------------------------------------------------------*/
/*----- 全体枠 ------------------------------------------------------------------*/

#main {
	width: 790px;
	height: auto;
	margin: auto;
	text-align: left;
}
#main:after {
	display:block;
	margin-top:-1px;
	width: 1px;
	height:1px;
	clear:both;
}
/*-------------------------------------------------------------------------------*/
/*----- ヘッダー ----------------------------------------------------------------*/

/* ヘッダ領域 */

/* 通常指定 */
#header {
	width: 790px;
	height: 107px;
	margin: 0px;
	background: url("../img/header.png") no-repeat;
}

#header h1 {
	margin-top: 45px;
	float: left;
	width: 150px;
	height: 20px;
}
#header h1 a {
	display:block;
	width: 150px;
	height: 20px;
	text-decoration:none;
	text-indent:-999em
}
/*-------------------------------------------------------------------------------*/
/*----- サブメニュ− ------------------------------------------------------------*/

#submenu {
	float: right;
	position: relative;
	top: -30px;
}
#submenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 30px;
}
#submenu li a {
	display: block;
	width: 50px;
	height: 20px;
	font-size: 100%;
}
/*-------------------------------------------------------------------------------*/
/*----- メニュー周り ------------------------------------------------------------*/

/* メニュー領域 */
#menu {
	float:left;
	width: 165px;
	height: 600px;
	overflow: hidden;
}
div#menu ul {
	margin-left: 4px;
	list-style: none;
}
div#menu li {
	display: block;
	width: 148px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	border-bottom:1px #808080 dotted;
}
div#menu ul li#ABOUT {
	border-top:1px #808080 dotted;
}
/* メニューリンク */
div#menu li a {
	display: block;
	width: 148px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	color: #6a6a6a;
	font-size: 100%;
	letter-spacing: 1px;
	text-decoration:none;
}
div#menu li a:hover {
	text-decoration:none;
	background-color:#ececec;
}
div#menu li a span {
	position:relative;
	top:11px;
	left:8px;
}
div#menu li a:hover span {
	text-decoration:underline;
}
/* メニューアクティブ表現 */

body.about li#ABOUT a {
	background: url("../img/active.gif") no-repeat;
	background-color:#fcfcfc;
}
body.company li#COMPANY a {
	background: url("../img/active.gif") no-repeat;
	background-color:#fcfcfc;
}
body.portfolio li#PORTFOLIO a {
	background: url("../img/active.gif") no-repeat;
	background-color:#fcfcfc;
}
body.members li#MEMBERS a {
	background: url("../img/active.gif") no-repeat;
	background-color:#fcfcfc;
}
body.internship li#INTERNSHIP a {
	background: url("../img/active.gif") no-repeat;
	background-color:#fcfcfc;
}
body.joinus li#JOINUS a {
	background: url("../img/active.gif") no-repeat;
	background-color:#fcfcfc;
}
body.activity li#ACTIVITY a {
	background: url("../img/active.gif") no-repeat;
	background-color:#fcfcfc;
}
/* メニューアクティブ表現 hover */
/*
body.about li#ABOUT a:hover {
	background: url("../img/active.gif") no-repeat;
}
body.company li#COMPANY a:hover {
	background: url("../img/active.gif") no-repeat;
}
body.portfolio li#PORTFOLIO a:hover {
	background: url("../img/active.gif") no-repeat;
}
body.members li#MEMBERS a:hover {
	background: url("../img/active.gif") no-repeat;
}
body.internship li#INTERNSHIP a:hover {
	background: url("../img/active.gif") no-repeat;
}
body.joinus li#JOINUS a:hover {
	background: url("../img/active.gif") no-repeat;
}
body.activity li#ACTIVITY a:hover {
	background: url("../img/active.gif") no-repeat;
}
/*-----------------------------------------------------------------------*/
/*----- パンくずリスト --------------------------------------------------*/

#bread-path {
	font-size: 70%;
	margin-bottom: 10px;
	position: relative;
	top: -24px;
	left: -30px;
	width: 200px;
}
#bread-path a {
	margin-left: 20px;
	position: relative;
}
/*-----------------------------------------------------------------------*/
/*----- 本文 ------------------------------------------------------------*/

#contents-area {
	float:left;
	width: 625px;
	height: auto;
	min-height: 620px;
	text-align: left;
	background-image: url("../img/contents.gif");
	background-repeat: repeat-y;
	margin: 0px;
}

#contents-body {
	margin-left: 24px;
	margin-right: 24px;
}
/* ページの先頭へ戻る */
.go-to-top {
	text-align: right;
	font-size: 80%;
}
/*-------------------------------------------------------------------------------*/
/*----- フッタ ------------------------------------------------------------------*/

#footer-area {
	clear:both;
	width: 790px;
	background: url("../img/footer.gif") no-repeat;
	text-align: right;
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 80%;
	color: #6A6A6A;
}

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

/* 左寄せイメージ */
img.left-image {
	float: left;
	margin-right: 24px;
}
/* 右寄せイメージ */
img.right-image {
	float: right;
	margin-left: 24px;
}
/* 枠線付きイメージ */
img.brd1g {
	border: solid 1px #555;
}
img.brd1lg {
	border: solid 1px #999;
}
/*-------------------------------------------------------------------------------*/

/* ↑ */
a.link2uparrow {
	padding-left: 16px;
	background: url("../img/icon/arrow_up.gif") no-repeat;
	background-position: 0px -2px;
}
/* ↓ */
a.link2downarrow {
	padding-left: 16px;
	background: url("../img/icon/arrow_down.gif") no-repeat;
	background-position: 0px -2px;
}
/* pdfリンク */
a.link2pdf {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 18px;
	background: url("../img/icon/file_acrobat.gif") no-repeat;
}
/* pdfリンク */
a.link2mov {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 18px;
	background: url("../img/icon/film.png") no-repeat;
}
/* pdfリンク */
a.link2video {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 18px;
	background: url("../img/icon/page_white_flash.png") no-repeat;
}
/* アラートリンク */
a.link2exclamation {
	padding-left: 18px;
	background: url("../img/icon/exclamation.gif") no-repeat;
}
/* ページリンク */
a.link2page {
	padding-left: 18px;
	background: url("../img/icon/arrow_right.gif") no-repeat;
}
/*-------------------------------------------------------------------------------*/

/* 日付 */
span.date {
	font-size: 85%;
}
div.floatclear {
	clear: both;
}
br.clear {
	clear: both;
}