@charset "utf-8";

/* ---------------------------------------------
   基本設定
--------------------------------------------- */
*{ margin:0;padding:0; }

html {
	height:100%;
    }
body {
    margin:0 auto;
    padding:0;
	text-align:center;
    background-color:#FFF;
    color:#330;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style:normal;
    line-height:1.45em;
	font-size:1em;
	/*\*/
	letter-spacing:0.05em;
	/**/
    }
	
/* 段落・文章----------------------------------*/
#contents p {
    font-size:0.8em;
	text-align:left;
	margin:10px 0 30px 20px;
	}
p.top a {
    float:right;
	margin:20px 0;
	clear:both;
	display:block;
	}
/* リンク ----------------------------------*/
a:link {
	color:#090;
	text-decoration:none;
	overflow:hidden;
    }
a:visited {
	color:#090;
	text-decoration:none;
	overflow:hidden;
    }
a:hover {
	color:#C00;
	text-decoration:underline;
	overflow:hidden;
    }
	
/* hr・画像 ----------------------------------*/

img {
    vertical-align:text-bottom;
	border:0;
	}

img.top {
	float:left;
	padding-bottom:50px;
	}
	
hr {
    height:1px;
	border:0;
	border-top:1px dashed #CCA;
	margin:20px;
	}

/* オプション------------------------------------- */
	
/* 右寄せ*/
.alignright{
  float : right;
}
	
/* 左寄せ */
.alignleft {
    float: left;
    }

/* 中央寄せ */
.center, #contents *.center {
    text-align:center;
	margin:auto;
	}
	
/* クリア */
.clear {
    clear: both;
    }
	
/* 赤文字 */
.point {
	color:#C00;
	}

/* ---------------------------------------------
　全体の囲い
--------------------------------------------- */
#wrapper {
    width:740px;
	background-color:#FFF;
	margin:auto;
	text-align:center;
	}
	
/* ---------------------------------------------
   ヘッダ
--------------------------------------------- */
#head {
    width:740px;
	height:115px;
	padding-top:15px;
	}
h1 a {
    float:left;
    width:502px;
	height:97px;
	background-image:url(../images/hp_title.jpg);
	background-repeat:no-repeat;
	background-position:0px;
	text-indent:-9999px;
	}

/* ---------------------------------------------
   トップページ見出し
--------------------------------------------- */
#top {
    width:740px;
	height:auto;
	background-image:url(../images/photo.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	text-align:left;
	padding:24px 0;
	}
#top h2 {
    background-image:url(../images/title.jpg);
	width:451px;
	height:78px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 16px 12px;
	}
#top h3 {
    background-image:url(../images/sub_title.jpg);
	width:383px;
	height:52px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 16px 12px;
	}
#top p {
    border-left:5px solid #393;
	width:370px;
	text-align:left;
	font-size:0.8em;
	margin:0 15px 0 17px;
	padding-left:10px;
	}
/* ---------------------------------------------
   スタッフページへのリンク
--------------------------------------------- */
#staff_link {
    width:716px;
	height:auto;
	text-align:left;
	padding:0 12px;
	}
#staff_link h4 {
    background-image:url(../images/staff_regist.jpg);
	width:715px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:5px;
	}
#staff_link p {
    font-size:0.8em;
	margin-left:5px;
	}
/* 事前準備スタッフ ----------------*/
p.staff01 {
	width:330px;
	float:left;
	margin:2px 0 15px 0;
	}
p.staff01 a.title {
    background-image:url(../images/staff01.jpg);
	width:323px;
	height:135px;
	text-indent:-9999px;
	display:block;
	margin:0 0 5px 0;
	}
	p.staff01 a.title:hover {
    background-image:url(../images/staff01_ov.jpg);
	}
p.staff01 a.check {
    background-image:url(../images/check.jpg);
	width:168px;
	height:22px;
	text-indent:-9999px;
	display:block;
	margin:0 0 0 155px;
	}
	p.staff01 a.check:hover {
    background-image:url(../images/check_ov.jpg);
	}
/* 当日会場スタッフ ----------------*/
p.staff02 {
	width:330px;
	float:right;
	margin:0 0 15px 0;
	}
p.staff02 a.title {
    background-image:url(../images/staff02.jpg);
	width:323px;
	height:137px;
	text-indent:-9999px;
	display:block;
	margin:0 0 5px 0;
	}
	p.staff02 a.title:hover {
    background-image:url(../images/staff02_ov.jpg);
	}
p.staff02 a.check {
    background-image:url(../images/check.jpg);
	width:168px;
	height:22px;
	text-indent:-9999px;
	display:block;
	margin:1.9em 0 0 155px;
	}
	p.staff02 a.check:hover {
    background-image:url(../images/check_ov.jpg);
	}
/* ---------------------------------------------
  フッター
--------------------------------------------- */
#foot {
    clear:both;
    width:740px;
	height:75px;
	background-color:#000;
	background-image:url(../images/foot_bg.jpg);
	background-repeat:no-repeat;
	text-align:right;
	}
#foot ul {
	float:right;
	margin:25px 10px 5px 0;
	border-left:1px solid #FFF;
	}
	#foot ul li {
	list-style-type:none;
	padding:0 10px;
	border-right:1px solid #FFF;
	font-size:0.8em;
	float:left;
	line-height:1em;
	}
	#foot ul li a {
	color:#FFF;
	}
	#foot ul li a:hover {
	text-decoration:underline;
	}
#foot p {
	color:#FFF;
	font-size:0.8em;
	margin-right:10px;
	clear:both;
	}
/* ---------------------------------------------
  メニュー
--------------------------------------------- */
#head ul {
    float:right;
	margin:85px 0 0 0;
	}
	#head ul li {
    list-style-type:none;
	float:left;
	margin-left:20px;
	}
	#head ul li a {
	background-repeat:no-repeat;
	background-position:0px;
	text-indent:-9999px;
	display:block;
	width:73px;
	}
	#head ul li a.sitemap {
	background-image:url(../images/menu/sitemap.gif);
	height:15px;
	}
	* html #head ul li a.sitemap {
	height:25px;
	}
	#head ul li a.sitemap:hover {
	background-image:url(../images/menu/sitemap_ov.gif);
	}
	#head ul li a.contact {
	background-image:url(../images/menu/contact.gif);
	height:14px;
	}
	* html #head ul li a.contact {
	height:24px;
	}
	#head ul li a.contact:hover {
	background-image:url(../images/menu/contact_ov.gif);
	}
	
#menu {
    width:740px;
	height:57px;
	clear:both;
	}
	#menu li {
    float:left;
	list-style-type:none;
	}
	#menu li a {
	display:block;
	text-indent:-9999px;
	height:57px;
	}
	/* TOP */
	#menu li a.top {
	background-image:url(../images/menu/top.jpg);
	width:71px;
	}
	#menu li a.top:hover, #menu li a.top_here {
	background-image:url(../images/menu/top_ov.jpg);
	width:71px;
	}
	/* 募集概要 */
	#menu li a.outline {
	background-image:url(../images/menu/outline.jpg);
	width:113px;
	}
	#menu li a.outline:hover, #menu li a.outline_here {
	background-image:url(../images/menu/outline_ov.jpg);
	width:113px;
	}
	/* 事前スタッフ */
	#menu li a.staff01 {
	background-image:url(../images/menu/staff01.jpg);
	width:153px;
	}
	#menu li a.staff01:hover, #menu li a.staff01_here {
	background-image:url(../images/menu/staff01_ov.jpg);
	width:153px;
	}
	/* 当日スタッフ */
	#menu li a.staff02 {
	background-image:url(../images/menu/staff02.jpg);
	width:153px;
	}
	#menu li a.staff02:hover, #menu li a.staff02_here {
	background-image:url(../images/menu/staff02_ov.jpg);
	width:153px;
	}
	/* カレンダー */
	#menu li a.calendar {
	background-image:url(../images/menu/calendar.jpg);
	width:139px;
	}
	#menu li a.calendar:hover, #menu li a.calendar_here {
	background-image:url(../images/menu/calendar_ov.jpg);
	width:139px;
	}
	/* 登録手続き */
	#menu li a.regist {
	background-image:url(../images/menu/regist.jpg);
	width:111px;
	}
	#menu li a.regist:hover, #menu li a.regist_here {
	background-image:url(../images/menu/regist_ov.jpg);
	width:111px;
	}
	
/* トップページSAJバナーコーナー ----------------------------------*/
#link {
	clear:both;
	margin-top:20px;
	}
#link ul {
    list-style-type:none;
	padding:20px 0px 20px 20px;
	margin:0 50px;
	display:block;
	border:1px solid #997;
	}
#link ul li {
    float:left;
	margin-right:10px;
	}
#link ul li a {
    display:block;
	width:184px;
	height:54px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	/* 布ポス */
	#link ul li a.cloth-poster {
    background-image:url(../images/menu/saj/cloth-poster.jpg);
	}
	#link ul li a.cloth-poster:hover {
    background-image:url(../images/menu/saj/cloth-poster_ov.jpg);
	}
	/* 会議運営 */
	#link ul li a.outreach {
    background-image:url(../images/menu/saj/outreach.jpg);
	}
	#link ul li a.outreach:hover {
    background-image:url(../images/menu/saj/outreach_ov.jpg);
	}
	/* 呼び寄せ航空券 */
	#link ul li a.ticket {
    background-image:url(../images/menu/saj/ticket.jpg);
	}
	#link ul li a.ticket:hover {
    background-image:url(../images/menu/saj/ticket_ov.jpg);
	}
/* SAJリンクコーナー ----------------------------------*/
#saj {
	margin-left:40px;
	clear:both;
	/*\*/
	letter-spacing:0em;
	/**/
	}
#saj ul {
	width:200px;
	height:240px;
	margin:10px;
	line-height:1.2em;
	float:left;
	background-image:url(../images/middle_wp.jpg);
	overflow:auto;
	list-style-type:none;
	text-align:left;
	}
#saj ul li h2 {
    border:0px;
	padding:0 0 0 3px;
	margin:5px 5px 5px 0;
	font-size:0.8em;
	margin-bottom:5px;
	line-height:1em;
	font-weight:normal
	}
#saj ul.yobix h2 {
	color:#036;
	border-left:10px solid #369;
	}
#saj ul.qmc h2 {
	color:#930;
	border-left:10px solid #D93;
	}
#saj ul.swc h2 {
	color:#063;
	border-left:10px solid #396;
	}
#saj ul li a {
	font-size:0.8em;
	padding:0px 15px;
	background-color:transparent;
	text-decoration:none;
	}
/* YOBIX */
#saj ul.yobix {
	border:1px solid #369;
	border-top:10px groove #369;
	}
#saj ul.yobix li a {
	color:#069;
	}
#saj ul.yobix li a:hover {
	text-decoration:underline;
	}
/* QMC */
#saj ul.qmc {
	border:1px solid #D93;
	border-top:10px groove #D93;
	}
#saj ul.qmc li a {
	color:#930;
	}
#saj ul.qmc li a:hover {
	text-decoration:underline;
	}
/* SWC */
#saj ul.swc {
	border:1px solid #396;
	border-top:10px groove #396;
	}
#saj ul.swc li a {
	color:#063;
	}
#saj ul.swc li a:hover {
	text-decoration:underline;
	}
/* ---------------------------------------------
　本文エリア
--------------------------------------------- */
#contents {
    width:740px;
	height:auto;
	text-align:left;
	}
	/* ページタイトル --------------*/
	#contents.outline {
    background-image:url(../outline/images/photo.jpg);
	background-repeat:no-repeat;
	background-position:right 45px;
	}
/* ページタイトル --------------*/
#contents h2 {
    width:740px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:20px;
	}
	/* 募集概要 */
	#contents h2.outline {
    background-image:url(../outline/images/title.jpg);
	}
	/* 事前スタッフ */
	#contents h2.staff01 {
    background-image:url(../staff01/images/title.jpg);
	}
	/* 当日スタッフ */
	#contents h2.staff02 {
    background-image:url(../staff02/images/title.jpg);
	}
	/* カレンダー */
	#contents h2.calendar {
    background-image:url(../calendar/images/title.jpg);
	}
	/* 登録 */
	#contents h2.regist {
    background-image:url(../regist/images/title.jpg);
	}
	/* サイトマップ */
	#contents h2.sitemap {
    background-image:url(../images/sitemap_title.jpg);
	}
/* 文章設定 --------------*/
#contents h3 {
    border-bottom:1px dashed #393;
	padding:0 0 3px 3px;
	margin-bottom:10px;
	font-size:1em;
	clear:both;
	}
	/* 概要ページ用 */
	#contents h3.outline {
    display:inline;
	float:left;
	width:400px;
	}
	/* スタッフページ用 */
	#contents h3.staff {
    display:inline;
	float:left;
	width:450px;
	}
	/* スタッフページ用(イラスト配置) */
	#contents img.staff {
	float:right;
	margin:-20px 5px 0 0;
	}
#contents h4 {
    border-left:10px solid #393;
	padding:0 0 0 5px;
	margin:0 0 10px 10px;
	font-size:0.9em;
	clear:both;
	line-height:1.1em;
	}
#contents p {
	margin:0 0 20px 15px;
	font-size:0.8em;
	}
#contents ul, #contents ol {
	margin:0 0 20px 45px;
	font-size:0.8em;
	}
/* サイトマップのリスト ------*/
#contents dl.sitemap {
	margin:0 0 20px 20px;
	}
#contents dl.sitemap dt {
	background-image:url(../images/point.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:15px;
	font-size:0.9em;
	}
#contents dl.sitemap dd {
    padding-left:20px;
	margin-bottom:20px;
	border-bottom:1px solid #DDB;
	font-size:0.8em;
	}
/* カレンダーの目次 ----------*/
#contents ul.calendar {
	list-style-type:none;
	border-left:1px solid #997;
	float:left;
	margin:0 0 30px 15px;
	}
	#contents ul.calendar_bottom {
	list-style-type:none;
	border-left:1px solid #997;
	float:left;
	margin:30px 0 30px 15px;
	}
#contents ul.calendar li, #contents ul.calendar_bottom li {
	float:left;
	border-right:1px solid #997;
	padding:0 10px;
	line-height:1em;
	}
/* 登録フローチャート --------*/
#contents ol.flow {
	margin:20px 100px;
	}
#contents ol.flow li {
	border:1px solid #9C6;
	padding:10px;
	line-height:1em;
	background-color:#FFD;
	list-style-type:none;
	line-height:1.5em;
	text-align:left;
	}
	#contents ol.flow li span {
	font-size:1.2em;
	font-weight:bold;
	background-color:#360;
	color:#FFF;
	padding:10px;
	margin:5px 0;
	display:block;
	text-align:center;
	}
	#contents ol.flow li.arrow {
	border:0;
	background-color:#FFF;
	line-height:1.5em;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	}
/* テーブル設定 --------------*/
#contents table {
    width:700px;
	margin:10px 20px;
	font-size:0.8em;
	border-top:3px solid #6C3;
	border-left:1px solid #030;
	border-collapse:collapse;
	clear:both;
	}
#contents th {
    white-space:nowrap;
	background-color:#390;
	color:#FFF;
	padding:5px;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	vertical-align:top;
	}
	#contents th.sub {
	background-color:#DF9;
	color:#330;
	border-right:1px solid #9B6;
	border-bottom:1px solid #9B6;
	font-weight:normal;
	}
#contents td {
	padding:5px;
	border-right:1px solid #CCB;
	border-bottom:1px solid #CCB;
	vertical-align:top;
	}
	#contents tr.sub td, #contents tr td.sub {
	background-color:#F6F6E6;
	}
	#contents td.nowrap {
	white-space:nowrap;
	}
	#contents td ol {
	font-size:1em;
	margin:0 0 5px 25px;
	}
/* カレンダー用 */
#contents table.calendar th.sub {
	background-color:#EFA;
	color:#330;
	border-right:1px solid #9B6;
	border-bottom:1px solid #683;
	font-weight:normal;
	width:7.5em;
	overflow:hidden;
	white-space:nowrap;
	}
	#contents table.calendar th.sub_title {
	background-color:#EFA;
	color:#330;
	border-right:1px solid #9B6;
	border-bottom:1px solid #683;
	font-weight:normal;
	width:5em;
	overflow:hidden;
	white-space:nowrap;
	}
#contents table.calendar th.sub2 {
	background-color:#E0F0A0;
	color:#330;
	border-right:1px solid #8A5;
	border-bottom:1px solid #572;
	font-weight:normal;
	width:7.5em;
	overflow:hidden;
	white-space:nowrap;
	}
	#contents table.calendar th.sub_title2 {
	background-color:#E0F0A0;
	color:#330;
	border-right:1px solid #8A5;
	border-bottom:1px solid #572;
	font-weight:normal;
	width:5em;
	overflow:hidden;
	white-space:nowrap;
	}
#contents table.calendar th.place {
    width:15em;
	white-space:nowrap;
	}
#contents table.calendar td {
	padding:5px;
	border-right:1px solid #CCB;
	border-bottom:1px solid #664;
	vertical-align:top;
	}
/* フォーム設定 --------------*/
#contents input {
    margin:0 5px;
	}
#contents td.button {
	text-align:center;
	}
#contents input.staff {
	margin:10px auto;
	padding:5px;
	font-weight:bold;
	color:#C00;
	text-align:center;
	}
/* フォーム上部の文章左寄せ */
p.alignleft_form {
    float: left;
    }
	* html p.alignleft_form {
	clear:both;
	float:left;
	width:500px;
    }
/* ---------------------------------------------
　clearfix
--------------------------------------------- */
/* _uEU(Firefox Opera Safari)΍ */
.clearfix:after { content: " "; display: block; height: 0; visibility: hidden; clear: both; }
/* WinIE7MacIE5΍ */
.clearfix{
   display:inline-block;
}

/* WinIE56΍ */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */