@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: none; 
}

a:visited {
	color: #333333;

}
a:hover {
	color: #0066CC;
    text-decoration: underline;
}
img {
	/* width: 50%; */
	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:980px;
}

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

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

/* ロゴの設定 */
#logo {
	float:left;
	padding:5px 0 5px 5px;
	width:260px;
	height:40px;
}

#logotitle_img {
	display:block;
	margin: auto;
	/* padding:0 0 0 0; */
	width:260px;
	height:48px;
}

#logotitle {
	float:left;
	/* margin: 5px 0 5px 5px; */
	/* width:400px; */
	width:30%;
	height:50px;
}


/* タイトルの設定 */
#title_img {
	display:block;
	margin: 0 auto;
	padding:50px 0 0 0;
	width:528px;
	height:86px;
}

#title {
	margin: auto;
	width: 800px;
	height: 150px;
}

#sub {
	/* background-color:rgb(233, 246, 250); */
	float:right;
	padding:4px 0 0 0;
	/* width:500px; */
	width:38%;
	height:50px;
}


/* 右上説明文の設定 */
#sub1 {
	/* background-color:rgb(233, 246, 250); */
	float:right;
	padding:4px 0 0 0;
	text-align:left;
	width:400px;
	height:70px;
	font-size:16px;
	font-weight: bold;
	color:#644d57;
}

#subtitle {
	background: #028ac5;
	width:100%;
	height: 40px;
}

#subtitle1 {
	float: left;
	background: #028ac5;
	width:45%;
	height: 38px;
}

#subtitle1 p {
	text-align:left;
	padding: 0 0 0 10px;
	font-size:1.2rem;
	font-weight: bold;
	color:white;
	line-height: 40px;
}

#subtitle2 {
	float: right;
	background: #028ac5;
	/* width:55%; */
	height: 38px;
}

#subtitle2 p {
	text-align:right;
	padding: 0 10px 0 10px;
	font-size:1.2rem;
	font-weight: bold;
	color:white;
	line-height: 40px;
}



/*★★★★★★★★★★★★★★★★★★★★★★★★
===見出し
★★★★★★★★★★★★★★★★★★★★★★★★*/

.midashi1 {
	float:left;
	width:250px;
	margin: 0 0 0 10px;
}

 .midashi1 h1 {
    font-size: 2.0rem;
	width:200px;
	text-align:center;
	/* background: #1f4ff0;  */
	background: #79bcfe; 
	/*背景色*/
	padding: 0.5em;/*文字周りの余白*/
	color: black;/*文字を白に*/
	border-radius: 10px;/*角の丸み*/
	/* margin: 10px; */
}


/* error_area
----------------------------------------------- */
div#error_area{
	width:100%;
	/* background:#FFF; */
	color:red;
	margin:0;
	padding:0;
	float:center;
}

.message_area {
	color:red;
    font-size: 1.0rem;
	font-weight:bold;
}
.message_area_center {
	color:red;
    font-size: 1.0rem;
	font-weight:bold;
	text-align: center;
}

.message2_area {
	color:rgb(107, 8, 245);
    font-size: 1.0rem;
	font-weight:bold;
}
.message2_area_center {
	color:rgb(107, 8, 245);
    font-size: 1.0rem;
	font-weight:bold;
	text-align: center;
}


/*★★★★★★★★★★★★★★★★★★★★★★★★
===ボタン
★★★★★★★★★★★★★★★★★★★★★★★★*/
/*- Class presetBtn -*/
.presetBtn{
    margin:5% auto 0;
}
@media screen and (min-width:781px){
    /*画面幅が781px以上の時*/
    .presetBtn{
            width:336px;
    }
}

.presetBtn button {
	/* all: unset; */
    display: block;
	background: #1f4ff0;
    width: 100%;
    padding: 5% 0;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 50px;
    border: 2px solid #FFFFFF;
    position: relative;
}

.presetBtn .btn_01 {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #1f4ff0;/*ボタン色*/
	color: #FFF;
	border-bottom: solid 4px #627295;
	border-radius: 50px;
}

.presetBtn .btn_01:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: #FFF;
}






.presetBtn .button_wrap{
	background: #668ad8;
	color: #fff;
    position: relative;
    line-height: 2.8em;
    width: auto;
    transition: 0.5s;
    margin:0 auto;
}

.presetBtn .button_wrap:after{
	background: #668ad8;
    content:"";
    display:block;
    width:0.7rem;
    height:0.7rem;
    border-bottom:2px solid #FFFFFF;
    border-right:2px solid #FFFFFF;
    position:absolute;
    top:50%;
    right:10%;
    transform:translateY(-50%) rotate(-45deg);
}

.presetBtn a{
    display:block;
    width:100%;
    padding:5% 0;
    text-align:center;
    font-size:1.25rem;
    font-weight:bold;
    color:#FFFFFF;
    border-radius:50px;
    position:relative;
}

.presetBtn a:after{
    content:"";
    display:block;
    width:0.7rem;
    height:0.7rem;
    border-bottom:2px solid #FFFFFF;
    border-right:2px solid #FFFFFF;
    position:absolute;
    top:50%;
    right:10%;
    transform:translateY(-50%) rotate(-45deg);
}

.presetBtn2{
	float: left;
	width:50%;
    margin:5% auto 5%;
}
/* @media screen and (min-width:781px){ */
    /*画面幅が781px以上の時*/
    /* .presetBtn2{
            width:336px;
    }
} */

.presetBtn2 button {
	/* all: unset; */
    display: block;
	background: #79bcfe;
    width: 100%;
    padding: 5% 0;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: black;
    border-radius: 50px;
    border: 2px solid #FFFFFF;
    position: relative;
}

.presetBtn2 .btn_01 {
	width: 95%;
	display: block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	background: #79bcfe;/*ボタン色*/
	color: black;
	border-bottom: solid 4px #627295;
	border-radius: 50px;
}

.presetBtn2 .btn_01:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}

.presetBtn2 .btn_02 {
	width: 95%;
	display: inline-block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	background: #79bcfe;/*ボタン色*/
	color: black;
	border-bottom: solid 4px #627295;
	border-radius: 50px;
}

.presetBtn2 .btn_02:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}

.presetBtn3{
	/* width:50%; */
    margin:0 5px 0 0;
}
/* @media screen and (min-width:781px){ */
    /*画面幅が781px以上の時*/
    /* .presetBtn2{
            width:336px;
    }
} */

.presetBtn3 button {
	/* all: unset; */
    display: block;
	background: #79bcfe;
    width: 100%;
    /* padding: 5% 0; */
    text-align: center;
    /* font-size: 1.5rem; */
    font-size: 1.1rem;
    font-weight: bold;
    color: black;
    border-radius: 50px;
    border: 2px solid #FFFFFF;
    position: relative;
}

.presetBtn3 .btn_01 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	height: 45px;
	text-decoration: none;
	background: white;/*ボタン色*/
	color: black;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
}

.presetBtn3 .btn_01:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}

.presetBtn3 .btn_02 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	height: 45px;
	text-decoration: none;
	background: #1f4ff0;/*ボタン色*/
	color: white;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
}

.presetBtn3 .btn_02:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}


.presetBtn4{
	/* width:50%; */
    margin:5px;
	padding: 90 10 0 20;
}

.presetBtn4 button {
	/* all: unset; */
    display: block;
	background: #79bcfe;
    width: 100%;
    /* padding: 5% 0; */
    text-align: center;
    font-size: 2.0rem;
    font-weight: bold;
    color: black;
    border-radius: 50px;
    border: 2px solid #FFFFFF;
    position: relative;
}

.presetBtn4 .btn_01 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	height: 80px;
	text-decoration: none;
	background: white;/*ボタン色*/
	color: black;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
}

.presetBtn4 .btn_01:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}

.presetBtn4 .btn_02 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	height: 80px;
	text-decoration: none;
	background: #1f4ff0;/*ボタン色*/
	color: white;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
}

.presetBtn4 .btn_02:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}

.presetBtn4 .btn_03 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	height: 80px;
	text-decoration: none;
	background: #d2d3d7;/*ボタン色*/
	color: black;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
}

.presetBtn4 .btn_03:active {
	-webkit-transform: translateY(4px);
	background: rgb(172, 184, 246);
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}

.presetBtn5{
	/* width:50%; */
    margin:1px;
	padding: 0;
}

.presetBtn5 button {
	/* all: unset; */
    display: block;
	background: #79bcfe;
    width: 100%;
    /* padding: 5% 0; */
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    color: black;
    border-radius: 50px;
    border: 2px solid #FFFFFF;
    position: relative;
}

.presetBtn5 .btn_00 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	height: 60px;
	text-decoration: none;
	background: rgb(194, 225, 149);/*ボタン色*/
	color: black;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
}

.presetBtn5 .btn_00:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}

.presetBtn5 .btn_01 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	height: 60px;
	text-decoration: none;
	background: rgb(244, 210, 207);/*ボタン色*/
	color: black;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
}

.presetBtn5 .btn_01:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}


.presetBtn5 .btn_02 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	height: 60px;
	text-decoration: none;
	background: #a5b8f8;/*ボタン色*/
	color: black;
	border-bottom: solid 4px #444f67;
	border-radius: 10px;
}

.presetBtn5 .btn_02:active {
	-webkit-transform: translateY(4px);
	background: #668ad8;
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}

.presetBtn5 .btn_03 {
	width: 100%;
	/* display: inline-block; */
	/* padding: 0.1em 0.1em; */
	padding: 0.1em 0.1em;
    margin:3px;
	height: 70px;
	text-decoration: none;
	background: #d2d3d7;/*ボタン色*/
	color: black;
	border-bottom: solid 4px #627295;
	border-radius: 10px;
}

.presetBtn5 .btn_03:active {
	-webkit-transform: translateY(4px);
	background: rgb(172, 184, 246);
	transform: translateY(4px);  /*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	color: black;
}


.loginarea{
    width:50vw;
    margin:2% auto 0;
}

.loginarea .inp01 {
	margin: 10px;
}

.loginarea input {
	/* all: unset; */
    display: block;
	background: #FFFFFF;
    /*width: 50%;*/
    padding: 0.5em;
    text-align: left;
    font-size: 1.5rem;
    color: black;
    border-radius: 10px;
    position: relative;
}

.loginarea input:focus {
	background-color: #fce2f6;
}

.loginarea select {
	/* all: unset; */
    display: block;
	height: 3.5rem;
	background: #FFFFFF;
	border-color: lightslategray;
	/*width: 50%;*/
    padding: 0.5em;
    text-align: left;
    font-size: 1.5rem;
    color: black;
    border-radius: 10px;
    position: relative;
}

.loginarea2{
    width:70vw;
    margin:2% auto 0;
}

.loginarea2 .inp01 {
	margin: 10px;
}

.loginarea2 input {
	/* all: unset; */
    display: block;
	background: #FFFFFF;
    /*width: 50%;*/
    padding: 0.5em;
    text-align: left;
    font-size: 1.5rem;
    color: black;
    border-radius: 10px;
    position: relative;
}

.loginarea2 input:focus {
	background-color: #fce2f6;
}

.loginarea2 select {
	/* all: unset; */
    display: block;
	height: 3.5rem;
	background: #FFFFFF;
	border-color: lightslategray;
	/*width: 50%;*/
    padding: 0.5em;
    text-align: left;
    font-size: 1.5rem;
    color: black;
    border-radius: 10px;
    position: relative;
}

.menuarea{
    width:70vw;
    margin:5% auto 0;
}

.hachuinp {
    width:100%;
    /* margin:2% 0 0 0; */
}

.hachuinp .inp01 {
	margin: 10px;
}

.hachuinp input {
	/* all: unset; */
    display: block;
	background: #FFFFFF;
    /*width: 50%;*/
    /* padding: 0.5em; */
    /* padding: 0.3em; */
    padding: 0.2em;
    /* text-align: left; */
    font-size: 1.5rem;
    color: black;
    border-radius: 10px;
    position: relative;
}

.hachuinp .div_inp_float input:focus {
	background-color: #fce2f6;
}

.hachuinp #disp {
	/* all: unset; */
    display: block;
	background: #f7f7bf;
    /*width: 50%;*/
    padding: 0.5em;
    text-align: left;
    font-size: 1.5rem;
    color: black;
    border-radius: 10px;
    position: relative;
}

/* .div_line {
	height:66px;
	width:100%;
} */

.div_line:after {
	display: block;
	clear: both;
	content: "";
}

.div_title_float {
	float:left;
	display: block;
	background: #79bcfe;
	border: 1px solid darkblue;
	margin:5px 0 0 5px;
    padding: 0;
    border-radius: 10px;
    position: relative;
}

.div_title_float p {
    text-align: center;
	padding: 0.4em;
    /* font-size: 2.0rem; */
    font-size: 1.2rem;
    color: black;
}

.div_inp_float {
	float:left;
    display: block;
	margin:0px 0 0 5px;
    /* padding: 5px 0 0 0; */
    padding: 3px 0 0 0;
    text-align: left;
    /* font-size: 1.5rem; */
    font-size: 0.5rem;
    color: black;
    border-radius: 10px;
    position: relative;
}

.div_inp_float input {
	background: white;
    color: black;
}

.div_dsp_float {
	float:left;
    display: block;
	margin:0 0 0 5px;
    padding: 3px 0 0 0;
    text-align: left;
    font-size: 1.2rem;
    color: black;
    border-radius: 10px;
    position: relative;
}

.div_dsp_float input {
	background: #f7f7bf;
    color: black;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center;
}


.list_area {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.list_area table{
	/* width:100%; */
    text-align: center;
	/* padding: 0.5em; */
    /* font-size: 2.0rem; */
    font-size: 1.0rem;
    color: black;
	border-collapse: separate;
	/* table-layout: fixed; */
    border-radius: 10px;
}
.list_area th,td{
	/* padding: 2px 6px; */
	padding: 0.5em;
	border: solid 1px #333333;
    border-radius: 10px;
}
.list_area th{
	font-weight: normal;
	background-color: #9bdbc8;
	color: #333333;
	text-align: center;
    border-radius: 10px;
}
.list_area tr{
	background-color: #f7f7bf;
    border-radius: 10px;
}



.list_area2 {
	margin-bottom: 20px;
}

.list_area2 table{
	width:40%;
	font-size:14px;
	border-collapse: collapse;
	table-layout: fixed;
}
.list_area2 th,td{
	/*padding: 2px 6px;*/
	padding: 2px 3px;
	border: solid 1px #333333;
}
.list_area2 th{
	font-weight: normal;
	background-color: #9bdbc8;
	color: #333333;
	text-align: center;
}
.list_area2 tr{
	background-color: #FFFFFF;
}
.list_area2 tr:nth-child(4n-2),
.list_area2 tr:nth-child(4n-3) {
	background-color: #daefe9;
}
.list_area2 tbody:hover {
	background-color: #FFCCEF; /* マウスオーバー時の行の背景色 */
}


.list_area3 {
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.list_area3 table{
	/* width:100%; */
    text-align: center;
	/* padding: 0.5em; */
    font-size: 1.5rem;
    color: black;
	border-collapse: collapse;
	/* table-layout: fixed; */
    /* border-radius: 10px; */
}
.list_area3 th,td{
	padding: 0px 10px;
	border: solid 1px #333333;
    /* border-radius: 10px; */
}
.list_area3 th{
	font-weight: normal;
	background-color: #9bdbc8;
	color: #333333;
	text-align: center;
    /* border-radius: 10px; */
}
.list_area3 tr{
	background-color: #f7f7bf;
    /* border-radius: 10px; */
}



/* .presetBtn .btn-square-shadow {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #668ad8;/*ボタン色*/
	/* color: #FFF;
	border-bottom: solid 4px #627295;
	border-radius: 3px;
}
.btn-square-shadow:link {
	text-decoration: none;
	color: #FFF;
}
.btn-square-shadow:visited {
	text-decoration: none;
	color: #FFF;
}
.btn-square-shadow:hover {
	text-decoration: none;
	color: #FFF;
} */
/* .btn-square-shadow:active { */
	/*ボタンを押したとき*/
	/* -webkit-transform: translateY(4px); */
	/* transform: translateY(4px);下に動く */
	/* box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);影を小さく */
	/* border-bottom: none;
	color: #FFF;
} */

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

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

#menubar {
	width: 920px;
	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: 920px;
}

#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:920px;
}


#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:175px;
	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;
}