@charset "utf-8";
/*======================================
Font-size Adjustment
77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|
=======================================*/


/*★★★★★★★★★★★★★★★★★★★★★★★★
===ページの基本設定
★★★★★★★★★★★★★★★★★★★★★★★★*/

* {
	font-size:100%;
	margin:0;
	padding:0;
}

/* ページ全体の背景やフォントの設定 */
body {
	background:#ffffff;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height:21px;
}

/* リンクの設定 */
a {
	color: #003399;
    text-decoration: underline; 
}

a:visited {
	color: #333333;
    text-decoration: underline; 

}
a:hover {
	color: #0066CC;
    text-decoration: underline;
}
img {
	border: none;
	vertical-align: top;
}

/* 見出し（h1～）の設定 */
h1,h2,h3,h4,h5,h6,div,p,address,blockquote,pre{
	display:block;
	padding:0;
}
h1 {
	font-size: 100%;
	font-weight: normal;
}
h2 {
}
h3 {
}
h4 {
}
h5 {

}
h6 {
}



/* 背景画像の設定 */
#background {
	background-color: ffffff;
}

/* メインスペースのページ部分の設定 */
#wrapper {
	margin-left:auto;
	margin-right:auto;
	padding:0 20px 0 20px;
	width:940px;
}

/*★★★★★★★★★★★★★★★★★★★★★★★★
===ヘッダースペースの設定
★★★★★★★★★★★★★★★★★★★★★★★★*/

/* ヘッダーの設定 */
#header {
	background-image: url(../img/top.jpg);
	height:83px;
}

/* ロゴの設定 */
#logo {
	background-image: url(../img/top.jpg);
	float:left;
	padding:15px 0 0 0;
	width:320px;
	height:50px;
}

/* 右上説明文の設定 */
#sub1 {
	float:right;
	padding:2px 0 0 0;
	text-align:right;
	width:540px;
	font-size:10px;
	font-weight: bold;
	color:#644d57;
}

#sub2 {
	background-image:url(../parts/tel.gif);
	background-repeat:no-repeat;
	float:right;
	margin: 5px 0 0 0;
	text-align:left;
	width:360px;
	height:49px;
	font-size:35px;
	color:#3866c6;
}

#sash {
	background-image: url(../img/sash.jpg);
	width:940px;
	height:50px;
	margin: 10px 0 10px 0;
}
#maininfo {
	width:940px;
	height:10px;
    text-align:right;
	margin: 10px 0 10px 0;
}

/*★★★★★★★★★★★★★★★★★★★★★★★★
===メインスペースの設定
★★★★★★★★★★★★★★★★★★★★★★★★*/

/* 本文のレイアウト
---------------------------------------------*/

#menubar {
	width: 940px;
	height:40px;
}
	
#menubar a {
	color: #635B8A;
	display: block;
	float: left;
	font-size: 11px;
	padding: 8px 0 0 0;
	text-decoration: none;
}

#menubar_aaa a:hover {
	background-position: 0 -53px;
	text-decoration: none;
}

#menubar h2 {
	color: #fff;
	font-size: 14px;
	height:40px;
	text-align:center;
}

.menu_a {
	background: url(../img/menu_a_long.gif) no-repeat;
	width:144px;
	height:25px;
}

.menu_b {
	background: url(../img/menu_b.gif) no-repeat;
	width:135px;
	height:43px;
}

.clear_both {
	clear: both;
	font-size: 1px;
}

.menu_c {
	background: url(../img/menu_a_long.gif) no-repeat;
	width:197px;
	height:25px;
}

#cont_main {
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width: 940px;
}

#left {
	float: left;
	width: 650px;
	height:auto;
}

#pic {
	float: left;
	width: 650px;
	height:270px;
}

#step {
	border: 1px solid #b9b9b9;
	float: left;
	width: 620px;
	height:auto;
	margin: 5px 0 0 0;
	padding: 15px;
}

#step-center {
	border: 1px solid #b9b9b9;
	width: 620px;
	height:auto;
	margin: 5px 0 0 95px;
	padding: 15px;
}

.step_con {
	float: left;
	width: 620px;
	height:auto;
	margin: 5px 0 0 0;
}

.step_pic {
	float: left;
	width: 120px;
	height:90px;
	padding: 6px 6px 7px 6px;
	margin: 0 0 0 5px;
}

.step_texttitle {
	float: left;
	width: 320px;
	margin: 5px 0 0 15px;
}

.step_text {
	float: left;
	overflow: auto;
	width: 460px;
	height:auto;
	margin: 15px 0 0 15px;
}

.arrow {
	float: left;
	width: 620px;
	text-align:center;
}

.memo_title{
	float: left;
	width: 620px;
	height:auto;
	margin: 10px 0 0 0;
	color:#e1375e;
}

.memo {
	float: left;
	width: 620px;
	height:auto;
	margin: 0 0 10px 0;
}



#right {
	border: 1px solid #b9b9b9;
	float: right;
	width: 250px;
	height:auto;
}

#visitor {

	width: 240px;
	height:auto;
	padding: 10px 0 0 5px;
}

#entry {
	float: right;
	width: 201px;
	height:48px;
	margin: 25px 20px 10px 20px;
}

#reserv {
	float: right;
	width: 201px;
	height:48px;
	margin: 10px 20px 25px 20px;
}

#member {
	float: right;
	width: 240px;
	height:200px;
	margin: 10px;
}


table#table-form {
	margin: 20px 10px 10px 10px;
	width:200px;
}
table#table-form td {
	text-align:right;
	font-size:13px;
	font-weight: bold;
	height:27px;
}

table#table-form img {
	padding:4px 0 0 0;
}

table#table-02 {
	margin: 20px 10px 10px 10px;
	width:200px;
}
table#table-02 td {
	text-align:right;
}

#link {
	background: url(../img/company.gif) no-repeat;
	clear:both;
	width:850px;
	height:60px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding:25px 30px 15px 40px;
}

#link_clear {
	clear:both;
	width:850px;
	height:1px;
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 0 0;
}

#aid {
	border: 1px solid #b9b9b9;
	float: left;
	width: 640px;
	height:auto;
	margin: 10px 0 10px 0;
}

#aid_center {
	border: 1px solid #b9b9b9;
	width: 910px;
	height:auto;
	margin: 10px 0 10px 0;
}




/*★★★★★★★★★★★★★★★★★★★★★★★★
===フッタースペースの設定
★★★★★★★★★★★★★★★★★★★★★★★★*/


#background_footer {
	background-color: ffffff;
}

/* メインスペースのページ部分の設定 */
#wrapper_footer {
	margin-left:auto;
	margin-right:auto;
	padding:0 20px 0 20px;
	width:940px;
}


#footer {
	border-bottom: 1px solid #b9b9b9;
	height:80px;
	margin:10px 0 0 0;
}

#address {
	float: left;
	width:600px;
	padding:5px 0 0 0;
}

#alliance {
	#background: url(../img/alliance.gif) no-repeat;
	float: right;
	width:250px;
	margin:20px 0 0 0;
	text-align:right;
}

#alliance h {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
}

#copyright {
	margin:5px 0 50px 0;
	text-align:right;
}

.userin {
          font-size:12px;
          border-collapse:collapse;
}
.userin th {
          padding:6px;
          text-align:center;
          vertical-align:center;
          color:#555555;
          background-color:#FFDFFF;
          border:1px solid #FF99FF;
          font-size:12pt;

}
.userin td {
          padding:6px;
          background-color:#FFFFFF;
          border:1px solid #FF99FF;
          font-size:12pt;
}

h2.ai_message{
	color:#56b8d0;
	font-size:16px;
}

.ai_message{
	margin:0 0 10px 0px;
}

.ai_title{
	background:url(../img/title_line.jpg) no-repeat;
	margin: 20px 0 0 0px;
	height:50px;
}
.ai_title p{
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ 明朝",sans-serif;
	padding: 10px 0 50px 50px;
	font-weight:bold;
}

.waku_top {
	background-image:url(../img/waku_top.gif);
	height:20px;
	margin-top:5px;
	width:620px;
}

.waku_center {
	background-image:url(../img/waku_center.gif);
	list-style-type:none;
	width:620px;
}

.waku_bottom {
	background-image:url(../img/waku_bottom.gif);
	height:20px;
	width:620px;
}

table#table-01 {
	border-collapse:collapse;
	border-spacing:0;
	width:500px;
	margin-left:20px;
}

table#table-01 th {
	font-weight: normal;
	text-align: left;
	padding: 0 0 5px 0;
}

table#table-01 h3 {
	color:#5f5ffa;
	margin-left:20px;
}

table#table-01 p {
	color:#000;
}

.calcla {
          font-size:12px;
          border-collapse:collapse;
}
.calcla th {
          padding:4px;
          text-align:center;
          vertical-align:center;
          color:#000000;
          background-color:#FFD0E8;
          border:1px solid #FF99CC;
          font-size:12pt;

}
.calcla td {
          padding:4px;
          background-color:#EEEEEE;
          border:1px solid #FF99CC;
          font-size:12pt;
}


#step-center_access {
	border: 1px solid #b9b9b9;
	width: 620px;
	height:1380px;
	margin: 5px 0 0 95px;
	padding: 15px;
}

.access_con {
	float: left;
	width: 620px;
	height:auto;
	margin: 5px 0 0 0;
}

.access_pic {
	float: left;
	width: 370px;
	height:250px;
	padding: 6px 6px 7px 6px;
	margin: 0 0 0 5px;
}

.access_text {
	float: left;
	overflow: auto;
	width: 200px;
	height:auto;
	margin: 15px 0 0 30px;
}

#step-center_event {
	border: 1px solid #b9b9b9;
	width: 620px;
	height:1100px;
	margin: 5px 0 0 95px;
	padding: 15px;
}

.spevent {
          border-collapse:collapse;
}
.spevent th {
          padding:2px 0 2px 15px;
          color:#555555;
          background-color:#FFDFFF;
          border:1px solid #FF99FF;

}
.spevent td {
          padding:6px;
          background-color:#FFFFFF;
          border:1px solid #FF99FF;
}

.userin_green {
          font-size:12px;
          border-collapse:collapse;
}
.userin_green th {
          padding:6px;
          text-align:center;
          vertical-align:center;
          color:#555555;
          background-color:#FFDAC8;
          border:1px solid #FF8040;
          font-size:12pt;

}
.userin_green td {
          padding:6px;
          background-color:#FFFFFF;
          border:1px solid #FF8040;
          font-size:12pt;
}