@charset "utf-8";

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 80%;
	line-height:1.5;
	color:#333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	overflow-x:hidden;
	background:url(../images/bg.gif);
}
#wrapper{
	width:1000px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#f9f9f9;
	border-right:10px solid #000;
	border-left:10px solid #000;
}

a{list-style:none;}
img {border:none;}
p{
	padding-bottom:1em;
}
hr{
	clear:both;
	visibility:hidden;
	margin-bottom:10px;
}

/* リンク
---------------------------------------------------- */
a {outline:none;}

a:link {
  color:#003399;
}
a:visited {
  color: #333;
}
a:hover, a:active {
  color: #cd3921;
}


/* ヘッダー
---------------------------------------------------- */
#header p{
	display:none;
}
#header{
	width:1000px;
	height:117px;
	background:url(../images/header.jpg) no-repeat;
	display:inline-block;
	zoom:100%;
}
#header:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#header h1{
	float:left;
	display:block;
	width:470px;
	height:95px;
	text-indent:-9999px;
}
#header h1 a{
	display:block;
	width:470px;
	height:95px;
}

#h-navi{
	width:333px;
	height:62px;
	float:right;
	margin-top:50px;
	margin-right:5px;
}
#h-navi ul{
	list-style: none;
	display:inline-block;
	zoom:100%;
}
#h-navi ul:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#h-navi ul li {
  display:block;
  float:left;
}
#h-navi ul li a {
  text-decoration: none;
  display: block;
  text-indent:-9999px;
}
#h-navi01 a{ background:url(../images/h-navi01a.jpg); width:81px; height:20px; margin-top:42px;}
#h-navi02 a{ background:url(../images/h-navi02a.jpg); width:97px; height:30px; margin-top:32px;}
#h-navi03 a{ background:url(../images/h-navi03a.jpg); width:155px; height:62px;}

#h-navi01 a:hover{ background:url(../images/h-navi01b.jpg); width:81px; height:20px; margin-top:42px;}
#h-navi02 a:hover{ background:url(../images/h-navi02a.jpg); width:97px; height:30px; margin-top:32px;}
#h-navi03 a:hover{ background:url(../images/h-navi03a.jpg); width:155px; height:62px; }

#h-navi01-on a{ background:url(../images/h-navi01b.jpg); width:81px; height:20px; margin-top:42px;}
#h-navi02-on a{ background:url(../images/h-navi02a.jpg); width:97px; height:30px; margin-top:32px;}
#h-navi03-on a{ background:url(../images/h-navi03a.jpg); width:155px; height:62px;}


/* ナビゲーション
---------------------------------------------------- */
#navigation{
	list-style: none;
	width:1000px;
	height:47px;
	display:inline-block;
	zoom:100%;
}
#navigation:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#navigation li {
  display:block;
  float:left;
}
#navigation li a {
  text-decoration: none;
  display: block;
  height:47px;
  text-indent:-9999px;
}
#navi01 a{ background:url(../images/navi01a.jpg); width:142px;}
#navi02 a{ background:url(../images/navi02a.jpg); width:142px;}
#navi03 a{ background:url(../images/navi03a.jpg); width:142px;}
#navi04 a{ background:url(../images/navi04a.jpg); width:142px;}
#navi05 a{ background:url(../images/navi05a.jpg); width:142px;}
#navi06 a{ background:url(../images/navi06a.jpg); width:142px;}
#navi07 a{ background:url(../images/navi07a.jpg); width:148px;}

#navi01 a:hover{ background:url(../images/navi01b.jpg); width:142px;}
#navi02 a:hover{ background:url(../images/navi02b.jpg); width:142px;}
#navi03 a:hover{ background:url(../images/navi03b.jpg); width:142px;}
#navi04 a:hover{ background:url(../images/navi04b.jpg); width:142px;}
#navi05 a:hover{ background:url(../images/navi05b.jpg); width:142px;}
#navi06 a:hover{ background:url(../images/navi06b.jpg); width:142px;}
#navi07 a:hover{ background:url(../images/navi07b.jpg); width:148px;}

#navi01-on a{ background:url(../images/navi01b.jpg); width:142px;}
#navi02-on a{ background:url(../images/navi02b.jpg); width:142px;}
#navi03-on a{ background:url(../images/navi03b.jpg); width:142px;}
#navi04-on a{ background:url(../images/navi04b.jpg); width:142px;}
#navi05-on a{ background:url(../images/navi05b.jpg); width:142px;}
#navi06-on a{ background:url(../images/navi06b.jpg); width:142px;}
#navi07-on a{ background:url(../images/navi07b.jpg); width:148px;}



/* フッタ
---------------------------------------------------- */
#footer{
	font-size:95%;
	text-align:center;
	color:#ccc;
	width:1057px;
	margin:0 auto;
	padding:0 0 0 37px;
}
#footer-inner{
	background:url(../images/footer.jpg) repeat-y;
	padding-bottom:30px;
}

#pagetop{
	width:1057px;
	text-align:right;
}

#footer-link {
	text-align:center;
	font-size:95%;
	background:#262626;
	padding:5px 0;
}
#footer-link ul{
	padding:10px 0;
}
#footer-link li{
	display:inline;
	padding:0px 15px;
	border-right:1px solid #ccc;
}
#footer-link li a{
	color:#ccc;
	text-decoration:none;
}
#footer-link li a:hover{
	color:#999;
	text-decoration:underline;
}
#footer-link ul .nobd{
	border-right:none;
}


/* コンテンツ
---------------------------------------------------- */
#content{
	padding:20px;
}
#content-nanikiru{
	padding:20px 70px;
}
#left{
	width:580px;
	float:left;
}
#right{
	width:360px;
	float:right;
}

#content ul,
#content ol{
	margin:5px 0 20px 30px;
}
#content li{
	padding-bottom:5px;
}
#content h2{
	margin-bottom:10px;
}
#content h3{
	font-size:110%;
}

/* トップページ
---------------------------------------------------- */
#wn{
	width:550px;
	padding:5px 15px;
	height:300px;
	overflow:auto;
}
#wn dt{
	clear:left;
	float:left;
	width:6em;
	padding:0px 0.5em 10px 1.5em;
	background:url(../images/icon1.jpg) no-repeat 0 4px;
	font-weight:bold;
}
#wn dd{
	margin-left:0;
	padding:0px 0.5em 10px 7em;
}


/* イベント
---------------------------------------------------- */
#event-left{
	width:470px;
	float:left;
}
#event-right{
	width:470px;
	float:right;
}
#event-left dt,
#event-right dt{
	clear:left;
	float:left;
	width:6em;
	padding:0px 0.5em 10px 1.5em;
	background:url(../images/icon1.jpg) no-repeat 0 4px;
	font-weight:bold;
}
#event-left dd,
#event-right dd{
	margin-left:0;
	padding:0px 0.5em 10px 7em;
}

#pan{
	background:#eee;
	border:1px solid #ccc;
	padding:5px 10px;
	margin-bottom:10px;
}
#pan a:visited{
	color:#003399;
}

#event-detail h2,
#detail-left h2{
	border-bottom:3px solid #000;
	color:#000;
	font-size:140%;
}

#detail-left{
	width:710px;
	float:left;
}
#detail-right{
	width:220px;
	float:right;
}

.detail-button{
	text-align:right;
	margin-top:30px;
}


/* 結果
---------------------------------------------------- */
.result-table{
	width:500px;
	border-collapse:collapse;
	margin-bottom:30px;
}	
.result-table td,
.result-table th{
	padding:3px 10px;
	border:1px solid #ccc;
}
.result-table th{
	background:#eee;
}

.result-photo{
	width:710px;
}
.result-photo td{
	width:220px;
	padding:0 5px 20px 5px;
	vertical-align:top;
}



/* スタッフ紹介
---------------------------------------------------- */
.staff-left{
	width:470px;
	float:left;
}
.staff-right{
	width:470px;
	float:right;
}
.staff-photo{
	float:left;
	width:170px;
}
.staff-text{
	width:300px;
	float:right;
}
.staff-photo img{
	padding:5px;
	border:solid 1px #ccc;
}
.staff-text h3{
	font-size:110%;
	border-bottom:1px solid #666;
	margin-bottom:5px;
}


/* アクセス
---------------------------------------------------- */
#content iframe{
	margin-bottom:10px;
}

/*お問い合わせ
------------------------------------------------ */
.contact-table{
	width:100%;
	border-collapse:collapse;
}
.contact-table td,
.contact-table th{
	padding:5px 10px;
}
.contact-table th{
	background:#f0f0f0;
	text-align:left;
	border-bottom:1px solid #f9fafb;
	border-left:3px solid #dadada;
	width:150px;
}
.contact-table td{
	border-bottom:1px dashed #dadada;
}

.contact-table input,
.contact-table textarea{
	padding:3px;
}

label{
	margin-right:10px;
}

.form00{width:30px;border:1px solid #999999;}
.form01{width:60px;border:1px solid #999999;}
.form02{width:150px;border:1px solid #999999;}
.form03{width:300px;border:1px solid #999999;}
.form04{width:380px; height:200px;border:1px solid #999999;}

.button{
	text-align:center;
	padding:20px 0 20px 0;
}

/* 採用情報
---------------------------------------------------- */
#recruit{
	background:url(../images/recruit.gif) no-repeat;
	width:960px;
	height:700px;
}
#recruit h3,
#recruit p{
	display:none;
}



/* 汎用
---------------------------------------------------- */
.clear {clear:both;}
.red{ color:#FF0000;}
.img-right{float:right; margin-left:10px; margin-bottom:10px;}
.img-left{float:left; padding-right:10px; margin-bottom:20px;}

.error{
	width:500px;
	padding:10px;
	background:#C13C1A;
	color:#FFFFFF;
	margin:10px auto;
}